@charset "shift_jis";



.t_center {
	text-align:center
	}

body{
	margin:0 auto;
	position:relative;
	background:#fdfdfd;
	}


#page {
	margin:0 auto;
	padding:0;
	font-size:14px;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	color:#181818;
	/* background-color:rgba(0,0,255,0.10); */
	}

a{
	color:#132E41;
}


a:hover{
	text-decoration:underline;
	opacity: 0.8;}


/* ----ページ内リンクリストbutton--------- */

#main ul.bottomnavi{
	font-size:16px;
	line-height:2.0;
	text-align:center;
	overflow:hidden;
}

#main ul.bottomnavi li{
display:inline;
background-image:url(../img/icon01.png);
background-repeat:no-repeat;
background-position:0.7em 0.4em;
}

#main ul.bottomnavi li a.second{
	border-left: 1px dotted #BBBBBB;
}


#main ul.bottomnavi li a{
	padding:0.5em 1.2em 1.5em 1.7em;
	color:#132E41;
}

#main ul.bottomnavi li a:hover{
	background: #f2d88c;
	color:#132E41;
	background-image:url(../img/icon01.png);
	background-repeat:no-repeat;
background-position:0.7em 0.9em;
}

/* ----ヘッダーエリア--------- */

#header{
	position:fixed;
	margin:0 0 15px 0;
	width:100%;
	height:50px;
	background-color: #0a1128;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #1D244F), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #1D244F),color-stop(.75, #1D244F), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 4px 4px;
	box-shadow:rgba(0,0,0,0.50) 0 1px 1px;
	z-index:2;
	}
	

#headers{
	width:960px;
	height:50px;
	margin:0 auto 30px auto;
	overflow:hidden;
	}

	
#headers_outer{
	width:420px;
	height:50px;
	float:left;
	overflow:hidden;
	color:#FFFFFF;
	line-height:50px;
	}
 

#headers_outer img{
	margin:5px 0;
	vertical-align:top;
	float:left;
	display:block;
	}
	
#headers_outer span{
	float:left;
	display:block;
	font-size:28px;
	font-weight:bold;
	margin:3px 0 0 0;
	}



#header_login{
	width:auto;
	float:right;
	height:50px;
	}


#header_login li{
	float:left;
	font-weight:bold;
	}


#header_login li a{
	color:#FFFFFF;
	display:block;
	padding:10px 5px 10px 15px;
	background-image:url(../img/icon02.png);
	background-repeat:no-repeat;
	background-position:center left;
	margin:15px 0 0 10px;
	}

#header_login li a:hover{
/* 	color:rgba(255,255,0,1.00);
	background-color:rgba(255,255,255,0.30);
	 */	display:block;
	}



#contents{
	clear:none;
	float:none;
	overflow:hidden;
	margin:0 auto;
	width:960px;
	padding:80px 0 0 0;
}


#maincontent{
	clear:none;
	float:none;
	overflow:hidden;
	margin:0 0 80px 0;	
	}



/* ----中央content　右navi含む--------- */
#main{
	overflow:hidden;
	float:left;
	margin:0;
	padding:0 15px 0 0;
	width:705px;
	margin:0 0 0 0;
/* 	border-right:rgba(0,0,0,1.00) solid 1px; */
	background-color:rgba(255,255,255,1.00);
	background:#fdfdfd;
	}

h3{
	
	font-size: 24px;
	margin: 0 0 30px 10px;
	font-weight: bold;
	width: auto;
	display: block;
	border-left: 10px solid #0a1128;
	line-height: 30px;
	text-indent:10px;
}

h3 span{
    display: inline-block;
	border-bottom:rgba(0,0,0,0.50) solid 1px;
	padding:0 20px 0 0;
	margin:0 0 0 10px;
}



/* ----中央content　右navi含まない--------- */






/* ----右naviのみ--------- */



nav{
	position:fixed;
	margin:0 0 50px 740px;
	padding:0 0 0 1em;
	float:left;
	width:239px;
	overflow:hidden;
	border-left:#ddd 3px solid;
	}


nav ul{
	margin:0 0 0 0;
	}

nav li{
	font-size:15px;
	margin:0 0 1px 0;
	}

nav li.first{
	text-indent:18px;
	}
nav li.second{
	text-indent:36px;
	}
nav li.section{
	margin-top:1em;
	}

nav li.first a{
	display:block;
	padding:5px 0;
	background-image:url(../img/icon01.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	}

nav li.second a{
	display:block;
	padding:5px 0;
	background-image:url(../img/icon01.png);
	background-repeat:no-repeat;
	background-position:18px 8px;
	}

nav li a:hover{
/* 	background-color:rgba(0,0,0,0.03);
	 */	}





/* ----下のcontent ご利用案内--------- */
	
#footers{
	border-top:3px solid #000000;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	}
	
#footers_outer{	
	background-color:rgba(0,0,0,0.10);
}


#footer_navi{
	max-width:960px;
	margin:0 auto;
	}
	
#footer_navi li{
	display:block;
	margin:10px;
	}

#footer_navi li.top{
	float:left;
	}

#footer_navi li.second{
	float:right;
	}



/*「トップへ」*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
}
#page-top a {
	background-color: #000;
	text-decoration: none;
	color: #fff;
	width: 140px;
	padding: 15px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:rgba(0,0,0,0.50) 2px 2px 0;
}


#page-top a:hover {
	text-decoration: none;
	background: #F00;
}



/* 問い合わせ */

#action{
	clear:none;
	float:none;
	margin:0 150px 70px;
	overflow:hidden;
	border: #999999 solid 1px;
	border-radius:14px;
	padding:20px 20px 10px 20px;
	display:block;
}

#action #top{
	overflow:hidden;
	border-bottom:#000000 solid 1px;
	padding:0 0 30px 0;
	margin:0 0 30px 0;
}

#action #houjin, #action #login{
	float:left;
	text-align:center;
	width:300px;
	overflow:hidden;
	font-size:20px;
	font-weight:bold;
	padding:10px 0 0 0;
}


#action #houjin a{
	width:200px;
	margin:0 auto;
	border-radius:10px;
	display:block;
	vertical-align: middle;
	padding:20px 20px;
	margin:10px auto 0 auto;
	}


#action #login a{
	width:200px;
	margin:0 auto;
	border-radius:10px;
	display:block;
	padding:33px 20px;
	margin:10px auto 0 auto;
	}



#action #houjin span, #action #login span{
	font-size:14px;
	display:block;
	line-height:1.8;
}





#action #houjin a{
background: #cd3e45; /* Old browsers */
background: -moz-linear-gradient(top, #cd3e45 0%, #ad1e25 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd3e45), color-stop(100%,#ad1e25)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cd3e45 0%,#ad1e25 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cd3e45 0%,#ad1e25 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cd3e45 0%,#ad1e25 100%); /* IE10+ */
background: linear-gradient(to bottom, #cd3e45 0%,#ad1e25 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3e45', endColorstr='#ad1e25',GradientType=0 ); /* IE6-9 */
color:#FFFFFF;
}


#action #login a{
background: #ffe8ac; /* Old browsers */
background: -moz-linear-gradient(top, #ffe8ac 0%, #f2d88c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe8ac), color-stop(100%,#f2d88c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe8ac 0%,#f2d88c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe8ac 0%,#f2d88c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe8ac 0%,#f2d88c 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffe8ac 0%,#f2d88c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8ac', endColorstr='#f2d88c',GradientType=0 ); /* IE6-9 */
color:#111833;

}


#action #houjin a:hover, #action #login a:hover{
	text-decoration:underline;
	opacity: 0.55;
}

#action #toiawase, #action #telmail{
	float:left;
	text-align:center;
	overflow:hidden;
}



#action #toiawase{
	width:250px;
	font-size:20px;
	padding:40px 0;
	
}


#action .telnumber, #action .mailto{
	text-align:left;
	height:65px;
	overflow:hidden;
	font-size:16px;
	letter-spacing:-1px;
}


#action .telnumber a, #action .mailto a{
	display:block;
}


#action .telnumber a:hover, #action .mailto a:hover{
/* 	background: #FFFF00;
	color:#0200FF;
	 */}

#action .telnumber img{
	float:left;
	display:block;
	margin:0 10px 0 0;
	width:50px;
	height:50px;	
}

#action .telnumber span.number{
	display:block;
	font-size:30px;
	font-weight:bold;
	line-height:1.2;
}

#action .telnumber span.form{
	font-size:24px;
	line-height:2.6;	
}