@charset "utf-8";

/***** align *****/
.a-center { text-align:center; }
.a-right { text-align:right; }
.a-left { text-align:left; }
.fl-right { float:right; }
.fl-left { float:left; }
.clear { clear:both; font-size:0px; }

/***** margin *****/
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}

/***** padding *****/
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pl05 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}

/***** font *****/
.fs10{ font-size:10px; line-height:14px;}
.fs12{ font-size:12px; line-height:16px;}
.fs14{ font-size:14px; line-height:18px;}
.fs16{ font-size:16px; line-height:20px;}

.bold{
font-weight:bold;
}

.ico_pdf a{
padding:3px 0px 3px 23px ;
background:url(../images/ico_pdf.gif) no-repeat 0 0.2em;
}

.ico_link a{
padding:0 0px 0px 13px ;
background:url(../images/ico_link.gif) no-repeat 0 0.2em;
}

.ico_link a:hover{
background:url(../images/ico_link_on.gif) no-repeat 0 0.2em;
}



/*----- clearfixハック -----*/

/* IE以外のモダンブラウザ向け */
.clearfix:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7および、Mac：IE5向け */
.clearfix {
	display: inline-block;
}

/* IE6以前向け */
/* Hides from IE-mac \*/
* html.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */ 


/***** base *****/

#wrapper{
width:960px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:#ffffff;
}

#head-box { width: 960px; left:-15px; color: #333333;background: #FFFFFF;margin: 0;padding: 0;font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-align: left;border-bottom: none; }

#foot-box { width:960px; color: #333333;background: #FFFFFF;margin: 0;padding: 0;font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-align: center;}
#foot-box div.upper { padding-top:12px; }
#foot-box div.upper .col2-r { float:left;margin-top:0px; padding-top:10px;	}
#foot-box #foot-navi { margin-top:-3px; padding-left:15px; }
#foot-box div.lower { width:960px; }
#foot-box div.upper { padding-bottom:10px;}
#foot-box div.upper div.col2-l {margin-top:0px; padding-top:7px;}
#foot-box #foot-navi li.rear {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	text-align:left;
}


#rnavi_header{
width:960px;
height:94px;
position:relative;
}

#rnavi_header a.btn01{
position:absolute;
left:476px;
top:31px;
width:209px;
height:37px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_mypage.gif) no-repeat 0 0;
}

#rnavi_header a:hover.btn01{
background-position:0 -37px;
}

#rnavi_header a.btn02{
position:absolute;
left:691px;
top:31px;
width:269px;
height:37px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_toiawase.gif) no-repeat 0 0;
}

#rnavi_header a:hover.btn02{
background-position:0 -37px;
}

#rnavi_global{
width:960px;
height:95px;
position:relative;
}

#rnavi_global a.menu01{
position: absolute;
left:-13px;
top:0px;
width:245px;
height:86px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_menu01.gif) no-repeat 0 0;
}

#rnavi_global.know a.menu01{
background:url(../images/btn_menu01.gif) no-repeat 0 -86px;
}

#rnavi_global a:hover.menu01{
background-position:0 -86px;
}

#rnavi_global a.menu02{
position: absolute;
left:207px;
top:0px;
width:267px;
height:86px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_menu02.gif) no-repeat 0 0;
}

#rnavi_global.info a.menu02{
background:url(../images/btn_menu02.gif) no-repeat 0 -86px;
}

#rnavi_global a:hover.menu02{
background-position:0 -86px;
}

#rnavi_global a.menu03{
position: absolute;
left:449px;
top:0px;
width:268px;
height:86px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_menu03.gif) no-repeat 0 0;
}

#rnavi_global.helpful a.menu03{
background:url(../images/btn_menu03.gif) no-repeat 0 -86px;
}

#rnavi_global a:hover.menu03{
background-position:0 -86px;
}

#rnavi_global span.menu04{
position: absolute;
left:692px;
top:0px;
width:268px;
height:86px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_menu04.gif) no-repeat 0 0;
}

#rnavi_global span.menu04a{
position: absolute;
left:692px;
top:0px;
width:268px;
height:86px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_menu04.gif) no-repeat 0 -86px;
}

#rnavi_global span.menu04b{
position: absolute;
left:692px;
top:0px;
width:268px;
height:86px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_menu04.gif) no-repeat 0 -172px;
}

#rnavi_global a.menu05{
position: absolute;
left:774px;
top:42px;
width:150px;
height:20px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#rnavi_global a.menu06{
position: absolute;
left:774px;
top:62px;
width:150px;
height:20px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#rnavi_footer{
margin-bottom:25px;
}

#rnavi_footer .guide01 {
width:261px;
padding:0px 0 12px 203px;
float:left;
background:url(../images/guide_02.jpg) no-repeat 0 0;
}

#rnavi_footer .guide02 {
width:260px;
padding:0px 0 12px 0px;
float:left;
background:url(../images/guide_03.jpg) no-repeat 0 0;
}

#rnavi_footer .guide03 {
width:236px;
padding:0px 0 12px 0px;
float:left;
background:url(../images/guide_04.jpg) no-repeat 0 0;
}

#rnavi_contents a:link {	color:#333333;text-decoration:underline;}
#rnavi_contents a:visited {	color:#333333;text-decoration:underline;}
#rnavi_contents a:hover {	color:#ff6600;text-decoration:none;}
#rnavi_contents a:active {	color:#ff6600;text-decoration:none;}

#rnavi_contents:after{
	width: 960px;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#rnavi_contents {
	display: inline-block;
}

* html#rnavi_contents {
	height: 1%;
}
#rnavi_contents {
	display: block;
}


#rnavi_r_menu{
width:244px;
display:block;
float:right;
padding:11px 0 12px 0;
}

ul.r_menu_link01 {
margin:0 0 11px 14px;
}

ul.r_menu_link01 li{
margin:0 0 3px 0px;
}

.r_menu_link01 a.btn01{
width:230px;
height:37px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/r_menu_01.gif) no-repeat 0 0;
}

.r_menu_link01 a:hover.btn01{
background-position:0 -37px;
}

.r_menu_link01 a.btn02{
width:230px;
height:85px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/r_menu_02.gif) no-repeat 0 0;
}

.r_menu_link01 a:hover.btn02{
background-position:0 -85px;
}

ul.r_menu_link02 {
margin:0 0 0 14px;
}

ul.r_menu_link02 li.end{
height:68px;
}

.r_menu_link02 a.btn01{
width:230px;
height:52px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/r_menu_04.gif) no-repeat 0 0;
}

.r_menu_link02 li.on a.btn01{
background:url(../images/r_menu_04.gif) no-repeat 0 -52px;
}

.r_menu_link02 a:hover.btn01{
background-position:0 -52px;
}

.r_menu_link02 a.btn02{
width:230px;
height:52px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/r_menu_05.gif) no-repeat 0 0;
}

.r_menu_link02 li.on a.btn02{
background:url(../images/r_menu_05.gif) no-repeat 0 -52px;
}

.r_menu_link02 a:hover.btn02{
background-position:0 -52px;
}

ul.r_menu_link03 {
margin:0 0 10px 14px;
padding:0;
background:url(../images/r_menu_08.gif) repeat-y 0 0;
}

ul.r_menu_link03 li{
font-size:80%;
line-height:120%;
padding:0 12px 10px 12px ;
}

ul.r_menu_link03 li a{
display:block;
padding:0 0px 0px 13px ;
background:url(../images/ico_link.gif) no-repeat 0 0.3em;
}

ul.r_menu_link03 li a:hover{
background:url(../images/ico_link_on.gif) no-repeat 0 0.3em;
}

ul.r_menu_link03 li.sub a{
display:block;
padding:0;
background:none;
}

ul.r_menu_link03 li.sub a:hover{
background:none;
}

ul.r_menu_link03 li.sub{
height:60px;
padding:0;
margin:0;
background:none;
}

ul.r_menu_link03 li.end{
height:21px;
padding:0;
margin:0;
background:none;
}

ul.r_menu_link04 {
margin:0 0 0px 14px;
padding:0;
}

ul.r_menu_link04 li{
margin:0 0 10px 0px;
padding:0;
}

ul.r_menu_link04 li p{
font-size:10px;
padding-top:2px;
text-align:right;
}

ul.r_menu_link04 li p img{
margin-left:2px;
}

ul.r_menu_link04 li a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

#rnavi_l_mainarea {
width:690px;
float:left;
padding:11px 0 24px 0;
}

h1,h2,h3,h4{
padding:0;
margin:0;
background:none;
}

#rnavi_l_mainarea .pagetop{
width:117px;
height:13px;
padding:20px 0 0 573px;
}

#rnavi_l_mainarea .pagetop a{
width:117px;
height:13px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/btn_pagetop.gif) no-repeat 0 0;
}

#rnavi_l_mainarea .pagetop a:hover{
background:url(../images/btn_pagetop.gif) no-repeat 0 -13px;
}

#rnavi_footer a:link {	color:#333333;text-decoration:underline;}
#rnavi_footer a:visited {	color:#333333;text-decoration:underline;}
#rnavi_footer a:hover {	color:#ff6600;text-decoration:none;}
#rnavi_footer a:active {	color:#ff6600;text-decoration:none;}

#rnavi_footer li{
font-size:80%;
line-height:120%;
padding:0 12px 10px 12px ;
}

#rnavi_footer li a{
display:block;
padding:0 0px 0px 13px ;
background:url(../images/ico_link.gif) no-repeat 0 0.3em;
}

#rnavi_footer li a:hover{
background:url(../images/ico_link_on.gif) no-repeat 0 0.3em;
}

ul.banner{
margin:0 0 20px 98px;
}

ul.banner li{
width:230px;
padding-right:31px;
padding-bottom:7px;
float:left;
}

ul.banner li a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

#faq_in {
width:550px;
padding:30px 25px 0 115px;
text-align:left;
background:url(../images/faq_01.gif) no-repeat left top;
}

#faq_in ul{
margin-top:12px;
background:url(../images/faq_04.gif) repeat-x left top;
}

#faq_in li{
padding:12px 0 13px 0;
background:url(../images/faq_04.gif) repeat-x left bottom;
}

#faq {
padding:0 0 17px 0;
margin-bottom:20px;
background:url(../images/faq_02.gif) no-repeat left bottom;
}

#faq_in li a:link {	color:#215d8b;text-decoration:underline;}
#faq_in li a:visited {	color:#215d8b;text-decoration:underline;}
#faq_in li a:hover {	color:#ff6600;text-decoration:none;}
#faq_in li a:active {	color:#ff6600;text-decoration:none;}
