@charset "UTF-8";

/* =========================================================
start
========================================================= */
body{
font-family: Verdana,
"游ゴシック", YuGothic,
"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"メイリオ", Meiryo,
sans-serif;
font-size:88%;
line-height:1.6;
color: #000;
min-width:990px;}

a { color:#000000;}
a:link    { color:#000000;}
a:visited { color:#000000;}
a:hover   { color:#3C63AA;}
a:active  { color:#3C63AA;}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* =========================================================
class
========================================================= */

/* クリアフィックス */	
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */}

.clearfix:after {
    clear: both;}
.clearfix {
    *zoom: 1;}

/* クリア */
.clear{
	clear: both;
}

/* マージン設定 */
.mbNone{
	margin-bottom:0 !important;}

.mbSS{
	margin-bottom:0.5em !important;}

.mbS{
	margin-bottom:1em !important;}

.mbM{
	margin-bottom:2em !important;}

.mbL{
	margin-bottom:3em !important;}

.mbLL{
	margin-bottom:4em !important;}
	
/* テキスト位置 */	
.text-right{
	text-align:right;}

.text-center{
	text-align:center;}

.text-left{
	text-align:left;}	


/* 見出し */	
.headline1{
	font-size:186%;
	background:url(../commonimages/h1_front.png) no-repeat left top;
	padding-left:50px;
	margin-bottom:1em;
    }
.headline2{
	width:100%;
	padding:10px 15px 10px;
	font-size:129%;
	background:#eee;
	border:#DDDDDD 1px solid;
	margin-bottom:1em;
	}
.headline3{
	font-size:115%;
	color:#3C63AA;
	margin-bottom:1em;
	border-left:#3C63AA 2px solid;
	padding-left:10px;
	}

/* リード文 */	
.lead{
	font-weight:bold;
	font-size:143%;
	color:#3C63AA;
	}
	
.lead2{
	font-weight:bold;
	font-size:115%;
	color:#7892C3;
	}

/* 透過用ロールオーバー用 */
.hover:hover{
	display: block;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

/* リンクアイコン */		
.linkicon{
	background:;
	padding-left:;
}
	

/* リンクボタン */	
.btn1 a{
	text-decoration:none;
	display:inline-block;
    *display: inline;  
    *zoom: 1;
	color:#FFFFFF;
	background:#3C63AA;
	padding:8px 25px;
	border:#2F4B82 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn2 a{
	text-decoration:none;
	display:inline-block;
    *display: inline;  
    *zoom: 1;
	color:#3C63AA;
	background:#fff;
	padding:8px 25px;
	border:#ccc 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn1 a:hover{
	display:inline-block;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

.btn2 a:hover{
	display:inline-block;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

/*ページトップ*/
#pagetop {
	text-align:center;
	margin-top:100px;
}

#pagetop a{
	background:url(../commonimages/pagetop.png) no-repeat center top;
	padding-top:30px;
	text-decoration:none;
}


/* ※マーク */	
.asterisk{
	display: block;
	font-size:86%;
	margin-left: 1em;
	text-indent: -1em;
	}

/* テーブルの設定 */	
.table{
	width:100%;
	border:#ddd 1px solid;
	}
	
.table th{
	min-width:180px;
	vertical-align:middle;
	text-align:left;
	font-weight: bold;
	background: #EFF2F8;
	padding: 1em 20px;
	border:#ddd 1px solid;
	}

.table td{
	text-align:left;
	border:#ddd 1px solid;
	padding: 1em 20px;
	}

.table thead th{
	min-width:180px;
	background: #EEEEEA;
	border:#ddd 1px solid;
	padding: 1em 20px;
	vertical-align:middle;
	}

.table tbody th{
	min-width:180px;
	border:#ddd 1px solid;
	padding: 1em 20px;
	vertical-align:middle;
	}


/* リスト */
ul.list{
	overflow: hidden;
	zoom:1;
}

ul.list li{
	background: url(../commonimages/listicon.png) no-repeat left 0.5em;
	padding-left:15px;
}

ul.list li ul li{
	background: url(../commonimages/listicon2.png) no-repeat left 0.7em;
	padding-left:12px;
}

/* 水平線リスト*/
.listeven li{
	float:left;
	white-space:nowrap;
	margin-right:20px;
}

/* リストグループ */
ul[class*="list1-"]{
	clear:both;
	overflow:hidden;
	zoom:1;
}

ul[class*="list1-"] li{
	padding-right:20px;
	float:left;
	line-height:1.4;
}

.list1-2 li{
	width:50%;}
	
.list1-3 li{
	width:33.3%;}

.list1-4 li{
	width:25%;}
	

/* 番号付リスト */
ol.list{
  counter-reset: li;
}

ol.list li {
  position: relative;
  margin-left:1.5em;
  margin-bottom:0.2em;
}

ol.list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.5em;
  width: 1.5em;
  text-align: center;
  background:#3C63AA;
  color:#FFFFFF;
}

/* 周り込figure */	
.figureR{
	display: table;
	width: 1px;
	float:right;
	margin:0 0 1.5em 15px;
	}
.figureL{
	display: table;
	width: 1px;
	float:left;
	margin:0 15px 1.5em 0;
	}

.figureR figcaption,
.figureL figcaption{
	font-size: 86%;
	text-align: center;
	margin-top: 0.5em;
}

.figureR img,
.figureR img{
	max-width: inherit;
}

/* 写真にスタイルつける */
.thumbnail{}
	
/* フロートした写真の横に配置するオブジェクト回り込み解除 */
.nowrap{
	overflow:hidden;
}

/* ボックス */
.box-cover{
	overflow: hidden;
	zoom:1;
	margin-right: -30px;
}

.box-cover .box1-2{
	width: 50%;
}

.box-cover .box1-3{
	float: left;
	width: 310px;
	margin:0 30px 30px 0;
} 

.box-cover .box1-4{
	float: left;
	width: 480px;
	margin:0 30px 30px 0;
}

.box-cover .box1-2:nth-child(2n+1) {
	clear: left;
}

.box-cover .box1-3:nth-child(3n+1) {
	clear: left;
}

.box-cover .box1-4:nth-child(4n+1) {
	clear: left;
}

	
/* コラムレイアウトの設定 */	
.column {
	padding:30px;
	zoom:1;
	background:#EFF2F8;
	border:#BACAE7 1px solid;
	}
.column:after{
    content: ""; 
    display: block; 
    clear: both;
	}
.column .columntitle{
	background:url(../commonimages/colmun_flont.png) no-repeat left top 0.2em;
	font-size:143%;
	color:#3C63AA;
	padding-left:25px;
	margin-bottom:0.5em;
}


/* パーツのマージン設定 */
.table,
.list,
.listgroup,
.box,
.column{
	margin-bottom: 1.5em;
}

p{
	margin-bottom:0.5em;
}

/* セクションのマージン設定 */	
.section{
	clear: both;
	margin-bottom:4em;}
.section .section{
	margin-bottom:3em;}
.section .section .section{
	margin-bottom:2.5em;}
.section .section .section .section{
	margin-bottom:1em;}

.contents#must_header{
	margin-bottom:3em;}


/* =========================================================
layout
========================================================= */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.inner{
	width:990px;
	margin:0 auto;
}


/*header*/
#must_header #gloval_nav {
	background:#FFFFFF;
	width:100%;
	min-width:900px;
}

#must_header #gloval_nav li {
	border-left:1px solid #DDDDDD;
	text-align:center;
	width:13.6%;
	float:left;
}

#must_header #gloval_nav li:first-child{
	border-left: none;
}

#must_header #gloval_nav a {
    color: #000;
	display:block;
	padding:28px 0;
    text-decoration: none;
	font-weight:bold;
}

#must_header #gloval_nav a span{
	display:block;
    color: #3C63AA;
    text-decoration: none;
	font-size:72%;
	font-weight:normal;
}

#must_header #gloval_nav li a:hover{
	background:#f5f5f5;
}

#must_header #gloval_nav li#logo{
	width:18.4%;
}

#must_header #gloval_nav li#logo a{
	padding:18px;
}

#must_header .title_bar {
	background:url(../images/bg01.jpg) repeat left top;
	margin-bottom:50px;
	width:100%;
}

#must_header .title_bar .title_head{
	padding:40px 0 30px 0;
	overflow:hidden;
}

#must_header .title_bar h1{
	font-size:158%;
	color:#FFFFFF;
	float:left;
}

#must_header .title_bar h1 span{
	display:block;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
}

#must_header .title_bar .bc_list{
	color:#FFFFFF;
	font-size:86%;
	float:right;
}

#must_header .title_bar .bc_list a{
	color:#FFFFFF;
}

#must_header .title_bar .bc_list a:hover{
	text-decoration:none;
}
#must_header .title_bar ul{
}
#must_header .title_bar li{
	float:left;
	border-left:1px solid #fff;
	display: inline-block;
	background-color:#D6DEED;
}
#must_header .title_bar ul li:first-child{
	border-left:none;
}
#must_header .title_bar li a{
	text-decoration:none;
	line-height: 54px;
	display:block;
	padding:0 30px;
	color:#3C63AA;
	background:url(../commonimages/arrow2.png) no-repeat center 3em;
	white-space: nowrap;
}

#must_header .title_bar li a:hover{
	background-color:#fff;
}

/*カレント*/
#must_header .title_bar li.current a,
#must_header .title_bar li a:hover {
	color:#3C63AA;
	background:#fff url(../commonimages/arrow2.png) no-repeat center 3em;
}


/*#must_footer*/
#must_footer {
	background-color:#eeeeee;
	padding:40px 0 0 0;
}

#must_footer .inner {
	width:990px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:40px;
}

#must_footer .inner #address{
	float:right;
}

#must_footer .inner #address strong{
	font-size:115%;
}

#must_footer .inner ul{
	float:left;
	margin-right: 20px;
	min-width:100px;
}

#must_footer .inner ul li{
	background: url(../commonimages/arrow.png) no-repeat left top 0.4em;
	padding-left:10px;
	font-size:86%;
}

#must_footer #copy{
	background:#FFFFFF;
	text-align:center;
	color:#3C63AA;
	font-size:86%;
	padding:20px 0 40px 0;
}


/*main*/






/* =========================================================
media query
========================================================= */

@media only screen and (max-width: ****px) {
/* タブレット用の記述  */
}


@media only screen and (max-width: ****px) {
/* スマフォ用の記述  */
img {
 max-width: 100%;
 height: auto;}
}

@media only screen and (max-width: ****px) {
/* スマフォ用の記述  */

}



/* =========================================================
print style
========================================================= */

/* プリント用のスタイル */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-#must_header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

}