@charset "utf-8";
/*============================================================
#reset
------------------------------------------------------------*/
body, dl, dt, dd, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, blockquote {
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
text-align:left;
}
body { font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body { font-size:small; font:x-small;}
/**:first-child+html body {font-size: small; font: x-small;}*/

img, a img { border:0; vertical-align:bottom; padding:0px; margin:0px;}

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}

ul,dl,ol { text-indent:0;}
li { list-style:none;}

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}

input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}
* html input,* html textarea,* html select { font-size:100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select { font-size:100%;}

table { border-collapse:collapse; border-spacing:0; font-size: inherit; font:100%;}
th,td { text-align:left; vertical-align:top;}
caption { text-align:left;}

pre,code,kbd,samp,tt { font-family:monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt { font-size:108%; line-height:100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt { font-size:108%; line-height:100%;}

input,select,textarea { font-size:100%; font-family:Verdana, Helvetica, sans-serif;}
input, textarea { margin:0; padding:0; vertical-align:middle;}


/* clears==========*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix { display:inline-table; zoom:1;}
/* HIDE IEmac-5 \*/
    * html .clearfix { height:1%;}
/*    *+html .clearfix { height:1%;}*/
    .clearfix { display:block;}
/* END HIDE IEmac-5 */

.clear { clear:both;}

/*==========*/
h1.image,h2.image,h3.image,h4.image,h5.image,h6.image{ margin:0; padding:0; background:none; border:none; line-height:0;}
strong, em { font-weight:bold;}


/*============================================================
#common
------------------------------------------------------------*/
body {
	color:#333;
	font-size:14px;
	line-height:170%;
	min-width:1000px;
	-webkit-text-size-adjust:100%;/*スマホ表示対応*/
}
.pagebox{
	margin:0 auto;
	max-width:1000px;
}
.eff {transition: all 0.3s;}

/**/
.center{text-align:center;}
.right{text-align:right;}

/**/
.fl{float:left;}.fr{float:right;}.flm{float:left; margin:0px 20px 10px 0;}.frm{float:right; margin:0px 0px 10px 20px;}

/**/
.hover{background:#fff;}
.hover:hover, .hover:active{filter:alpha(opacity=60); opacity:0.60;}
a:link, a:visited{color:#000; text-decoration:underline;}a:hover, a:active{color:#666; text-decoration:none;}

/**/
.bf:before, .af:after{content:""; display:block;}


/*:txt==========*/
.mustmark{color:#C00;}


/*:title==========*/
.hst1{
	color:#1D327A;
	display:block;
	font-size:23px;
	font-weight:bold;
	line-height:130%;
	text-align:center;
}
.hst1 span{
	border-bottom:1px solid #ddd;
	display:inline-block;
	margin-bottom:20px;
	padding:0 13px 10px 13px;
}

/*-----*/
.subTitle{
	font-size:22px;
	line-height:170%;
	margin-bottom:30px;
	text-align:center;
}
.subTitle span{
	color:#6b6b6b;
	display:inline-block;
	font-size:18px;
	margin-top:5px;
}


/*:table==========*/
table.style{
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	margin-top:15px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
table.style tr > *{
	vertical-align:middle;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
table.style th{
	padding-right:20px;
	background:#f4f4f4;
	text-align:center;
	font-weight:bold;
}
table.style td{background:#fff; padding:15px 20px;}
table.style td input,
table.style td textarea{
	border:1px solid #CCC;
	padding:3px;
	border-radius:3px;
	width:100%;
	box-sizing:border-box;
}
table.style td input[maxlength="7"]{width:7em;}
table.style td input[maxlength="20"]{width:20em;}
table.style td input[type="checkbox"]{width:auto;}


/*:liststyle==========*/
ul.center{
	display:block;
	font-size:0;
}
ul.center li{
	display:inline-block;
	margin:0 15px 15px 15px;
	vertical-align:top;
}
ul.center li p{font-size:12px; margin-top:7px;}

/*-----*/
ul.stripe li:nth-child(odd){background:#f8f8f8;}
ul.stripe li:nth-child(even){background:#fff;}

/*-----*/
ul.list > *{border-bottom:1px dotted #ddd; padding:10px 0;}
ul.list > *:first-child{padding-top:0;}
ul.list > *:last-child{border:none; padding-bottom:0;}

/*-----*/
dl.style dt{
	color:#8C8E6B;
	font-size:20px;
	line-height:100%;
	margin:35px 0 15px 0;
}
dl.style dt:nth-of-type(1){margin-top:0;}
dl.style dd .stripe li{padding:12px 5px; border-bottom:1px dotted #ddd;}


/*:button==========*/
.bt {padding-top:14px;}
.bt input {font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif !important;}
.bt a, a.bt, .bt input {
	color:#FFF;
	text-decoration:none;
	padding:7px 45px;
	margin:0 5px;
	font-weight:bold;
	display:inline-block;
	border-radius:5px;
	font-size:14px;
	line-height:100%;
	cursor: pointer;
	border:none;
	background:rgb(204,204,204);
	background:-moz-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,rgba(204,204,204,1)),
		color-stop(100%,rgba(185,185,185,1)));
	background:-webkit-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:-o-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:-ms-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:linear-gradient(to bottom,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
}
a.bt:hover, .bt a:hover, .bt input:hover {filter:alpha(opacity=60); opacity:0.60;}
.bt a.red, a.bt.red, .bt input.red {
	background:rgb(232,115,123);
	background:-moz-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,rgba(232,115,123,1)),
		color-stop(100%,rgba(242,68,90,1)));
	background:-webkit-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:-o-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:-ms-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:linear-gradient(to bottom,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	text-shadow:1px 1px 0 #B90D22;
}


/*====================
#pageBase
--------------------*/
/*:header==========*/
header div.center{background:#fff; padding:15px 0;}

/*:::::*/
nav{
	background:rgb(221,221,221);
	background:-moz-linear-gradient(top,
		rgba(235,235,235,1) 30%,
		rgba(221,221,221,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom,
		color-stop(30%,rgba(235,235,235,1)),
		color-stop(100%,rgba(221,221,221,1)));
	background:-webkit-linear-gradient(top,
		rgba(235,235,235,1) 30%,
		rgba(221,221,221,1) 100%);
	background:-o-linear-gradient(top,
		rgba(235,235,235,1) 30%,
		rgba(221,221,221,1) 100%);
	background:-ms-linear-gradient(top,
		rgba(235,235,235,1) 30%,
		rgba(221,221,221,1) 100%);
	background:linear-gradient(to bottom,
		rgba(235,235,235,1) 30%,
		rgba(221,221,221,1) 100%);
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
	min-width:1000px;
}
.active nav{
	position:fixed;
	width:100%;
	top:0;
	z-index:100;
}
.active:after{
	content:"";
	display:block;
	height:45px;
}
nav ul{
	width:1000px;
	margin:0 auto;
}
nav li{
	float:left;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #fff;
	box-sizing:border-box;
}
nav #nav01{width:67px;}
nav #nav02{width:135px;}
nav #nav03{width:161px;}
nav #nav04{width:120px;}
nav #nav05{width:150px;}
nav #nav06{width:125px;}
nav #nav07{width:70px;}
nav #nav08{width:110px;}
nav #nav09{width:62px;}
nav li:first-child{border-left:none;}
nav li:last-child{border-right:none;}
nav a{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:100%;
	padding:15px 0;
	color:#494949 !important;
	text-decoration:none !important;
	transition: all 0.3s;
}
nav a:hover{
	background:rgba(50,50,50,0.55);
	color:#fff !important;
	text-shadow:1px 1px 0 #333;
}

/*:contents==========*/
#content > *{margin-bottom:210px; padding-top:45px;}
#content.page > *:first-child{padding-top:0;}
#content > *:last-child{margin-bottom:100px;}
#content > * .bg1{background:rgba(255,255,255,0.96); margin-bottom:20px;}
#content > * .bg2{background:rgba(244,244,244,0.96); margin-bottom:20px;}

/*:::::*/
#content > * h2,
.page h1{background:#000040;}
#content > * h2 span,
.page h1 span{
	background:url(../img/aojapan.gif) no-repeat right center;
	display:block;
	width:1000px;
	box-sizing:border-box;
	padding-left:30px;
	margin:0 auto;
	color:#fff;
	position:relative;
	font-size:25px;
	line-height:90px;
}
#content > * h2 span:before,
.page h1 span:before{
	content:"";
	display:block;
	width:10px;
	height:20px;
	position:absolute;
	background:url(../img/ic1.png) no-repeat center center;
	left:0;
	top:50%;
	margin-top:-10px;
}

/*:::::*/
.sect{padding:30px 0 60px 0;}


/*:footer==========*/
footer{border-top:5px solid #EBEBEB; background:#fff;}
footer > div{padding:20px 0;}
footer > p{
	background:#EBEBEB;
	font-size:11px;
	line-height:170%;
	padding:25px 0;
}
footer > p span{
	font-weight:bold;
	font-size:12px;
	line-height:170%;
}


.sp_btn{text-align:center; background-color:#02027A; display:none;}
.sp_btn a{font-size:48px; color:#fff; line-height:2.5em; display:block;}