@charset "utf-8";
/*/////////////////////////////////////////////////////////
name:top.css
Explanation:top page style
/////////////////////////////////////////////////////////*/


*html #utility form p img{vertical-align:middle;/* IE6 */}
*:first-child+html #utility form p img{vertical-align:middle;/* IE7 */}


*html .txtBox{width:135px;}

.btnSearch{
	width:34px;
	height:20px;	
	margin:0;
}


/* promotion
======================================================== */
#promotion{
width:932px;
background:url(/cmn/img/back_promo.gif) no-repeat top left;
height:306px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding:7px 0 7px 7px;
}


/* accordion
======================================================== */
#searchArea{
position:relative;
width:920px;
height:306px;
margin:0;
overflow:hidden;
}

#mainImg{
position:absolute;
top:0;
left:263px;
}

#searchArea #accordionMenu{
width:920px;
height:263px;
margin:0 0 0 0;
/*background: url(../img/img_search_01.jpg) right top no-repeat;*/
}

#searchArea #accordionMenu li{width:263px;}

#searchArea #btnTab01{
position:absolute;
top:0;
left:0;
display:block;
width:263px;
height:39px;
background: url(/cmn/img/leftb01.gif) left top no-repeat;
text-indent:-9999px;	
}

#searchArea #btnTab02{
	position:absolute;
	top:44px;
	left:0;
	display:block;
	width:263px;
	height:39px;
	background: url(/cmn/img/leftb02.gif) left top no-repeat;
	text-indent:-9999px;	
}

#searchArea #btnTab03{
	position:absolute;
	top:88px;
	left:0;
	display:block;
	width:263px;
	height:39px;
	background: url(/cmn/img/leftb03.gif) left top no-repeat;
	text-indent:-9999px;	
}

#searchArea #btnTab04{
	position:absolute;
	top:132px;
	left:0;
	display:block;
	width:263px;
	height:39px;
	background: url(/cmn/img/leftb04.gif) left top no-repeat;
	text-indent:-9999px;	
}

#searchArea #btnTab05{
	position:absolute;
	top:176px;
	left:0;
	display:block;
	width:263px;
	height:39px;
	background: url(/cmn/img/leftb05.gif) left top no-repeat;
	text-indent:-9999px;	
}

#searchArea #btnTab06{
	position:absolute;
	top:220px;
	left:0;
	display:block;
	width:263px;
	height:39px;
	background: url(/cmn/img/leftb06.gif) left top no-repeat;
	text-indent:-9999px;	
}

#searchArea #btnTab07{
	position:absolute;
	top:263px;
	left:0;
	display:block;
	width:263px;
	height:39px;
	background: url(/cmn/img/leftb07.gif) left top no-repeat;
	text-indent:-9999px;	
}

#searchArea #btnTab01.opened{background: url(../img/leftb01_on.gif) left top no-repeat}
#searchArea #btnTab02.opened{background: url(../img/leftb02_on.gif) left top no-repeat;}
#searchArea #btnTab03.opened{background: url(../img/leftb03_on.gif) left top no-repeat;}
#searchArea #btnTab04.opened{background: url(../img/leftb04_on.gif) left top no-repeat;}
#searchArea #btnTab05.opened{background: url(../img/leftb05_on.gif) left top no-repeat;}
#searchArea #btnTab06.opened{background: url(../img/leftb06_on.gif) left top no-repeat;}
#searchArea #btnTab07.opened{background: url(../img/leftb07_on.gif) left top no-repeat;}

#searchArea #accordionMenu li ul{
position:absolute;
width:655px;
height:306px;
}

/* kojin */
#searchArea #kojin ul{
top:0;
left:263px;
background:url(/cmn/img/back_kokumin.gif) no-repeat left top;
}

#searchArea #kojin01{
position:absolute;
top:10px;
left:10px;
width:655px;
}

/* sougyo */
#searchArea #sougyo ul{
top:0;
left:263px;
background:url(/cmn/img/back_kokumin.gif) no-repeat left top;
}

#searchArea #sougyo01{
position:absolute;
top:10px;
left:10px;
width:655px;
}

/* cyusyo */
#searchArea #cyusyo ul{
top:0;
left:263px;
background:url(/cmn/img/back_cyusyo.gif) no-repeat left top;
}

#searchArea #cyusyo01{
position:absolute;
top:10px;
left:10px;
width:655px;
}

/* nourin */
#searchArea #nourin ul{
top:0;
left:263px;
background:url(/cmn/img/back_nourin.gif) no-repeat left top;
}

#searchArea #nourin01{
position:absolute;
top:10px;
left:10px;
width:655px;
}

/* kaigai */
#searchArea #kaigai ul{
top:0;
left:263px;
background:url(/cmn/img/back_kaigai.gif) no-repeat left top;
}

#searchArea #kaigai01{
position:absolute;
top:10px;
left:10px;
width:655px;
}

/* kyouiku */
#searchArea #kyouiku ul{
top:0;
left:263px;
background:url(/cmn/img/back_kokumin.gif) no-repeat left top;
}

#searchArea #kyouiku01{
position:absolute;
top:10px;
left:10px;
width:655px;
}

/* nenkin */
#searchArea #nenkin ul{
top:0;
left:263px;
background:url(/cmn/img/back_kokumin.gif) no-repeat left top;
}

#searchArea #nenkin01{
position:absolute;
top:10px;
left:10px;
width:655px;
}

/* promolast */
#searchArea #promolast ul{
top:0;
left:263px;
}

#searchArea #promolast01{
position:absolute;
top:0;
left:0;
width:655px;
}



/* contents */
#searchArea #kojin01 h2.h2Title,
#searchArea #sougyo01 h2.h2Title,
#searchArea #cyusyo01 h2.h2Title,
#searchArea #nourin01 h2.h2Title,
#searchArea #kaigai01 h2.h2Title,
#searchArea #kyouiku01 h2.h2Title,
#searchArea #nenkin01 h2.h2Title{
background:url(/cmn/img/h1_line.gif) repeat-x bottom;
padding-bottom:7px;
margin-bottom:10px;
margin-right:25px;
margin-top:2px;
}

#searchArea #kojin01 p.outline1,
#searchArea #sougyo01 p.outline1,
#searchArea #cyusyo01 p.outline1,
#searchArea #nourin01 p.outline1,
#searchArea #kaigai01 p.outline1,
#searchArea #kyouiku01 p.outline1,
#searchArea #nenkin01 p.outline1{
line-height:140%;
float:left;
font-size:12px;
width:320px;
}


#searchArea #kojin01 div.dialjigyo,
#searchArea #sougyo01 div.dialjigyo{
position:absolute;
left:325px;
width:306px;
height:73px;
background:url(/cmn/img/dial.gif) no-repeat top left;
}


#searchArea #cyusyo01 div.dialjigyo,
#searchArea #nourin01 div.dialjigyo{
position:absolute;
left:325px;
width:306px;
height:73px;
background:url(/cmn/img/dial2.gif) no-repeat top left;
}


#searchArea #kojin01 div.dialjigyo p,
#searchArea #sougyo01 div.dialjigyo p,
#searchArea #cyusyo01 div.dialjigyo p,
#searchArea #nourin01 div.dialjigyo p{
position:relative;
left:205px;
top:47px;
background:url(/cmn/img/arrow_green.gif) no-repeat left center;
padding-left:16px;
font-size:10px;
letter-spacing:0;
height:15px;
line-height:15px;
}

/*教育ローンコールセンター*/
#searchArea #kyouiku01 div.dialkyouiku{
position:absolute;
left:325px;
width:306px;
height:73px;
background:url(/cmn/img/dial_kyouiku.gif) no-repeat top left;
}

#searchArea #kyouiku01 div.dialkyouiku p{
position:relative;
left:205px;
top:47px;
background:url(/cmn/img/arrow_green.gif) no-repeat top left;
padding-left:16px;
font-size:10px;
letter-spacing:0;
height:15px;
line-height:15px;
}


#searchArea #kojin01 div.btn1,
#searchArea #sougyo01 div.btn1,
#searchArea #cyusyo01 div.btn1,
#searchArea #nourin01 div.btn1,
#searchArea #kaigai01 div.btn1,
#searchArea #kyouiku01 div.btn1,
#searchArea #nenkin01 div.btn1{
position:absolute;
clear:both;
top:115px;
left:-2px;
} 

#searchArea #kojin01 div.btn1 img.btn1_pr,
#searchArea #sougyo01 div.btn1 img.btn1_pr,
#searchArea #cyusyo01 div.btn1 img.btn1_pr,
#searchArea #nourin01 div.btn1 img.btn1_pr,
#searchArea #kaigai01 div.btn1 img.btn1_pr,
#searchArea #kyouiku01 div.btn1 img.btn1_pr,
#searchArea #nenkin01 div.btn1 img.btn1_pr{
padding-right:3px;
}

#searchArea #kojin01 div.btn2,
#searchArea #sougyo01 div.btn2,
#searchArea #cyusyo01 div.btn2,
#searchArea #nourin01 div.btn2,
#searchArea #kaigai01 div.btn2,
#searchArea #kyouiku01 div.btn2,
#searchArea #nenkin01 div.btn2{
position:absolute;
background:url(/cmn/img/h1_line.gif) repeat-x top;
padding-top:6px;
top:170px;
margin-right:25px;
}

#searchArea #kojin01 div.btn2 img,
#searchArea #sougyo01 div.btn2 img,
#searchArea #cyusyo01 div.btn2 img,
#searchArea #nourin01 div.btn2 img,
#searchArea #kaigai01 div.btn2 img,
#searchArea #kyouiku01 div.btn2 img,
#searchArea #nenkin01 div.btn2 img{
padding-bottom:3px;
}

#searchArea #kojin01 div.btn2 img.btn2_pr,
#searchArea #sougyo01 div.btn2 img.btn2_pr,
#searchArea #cyusyo01 div.btn2 img.btn2_pr,
#searchArea #nourin01 div.btn2 img.btn2_pr,
#searchArea #kaigai01 div.btn2 img.btn2_pr,
#searchArea #kyouiku01 div.btn2 img.btn2_pr,
#searchArea #nenkin01 div.btn2 img.btn2_pr{
padding-right:7px;
}





/* noscript */
#txtJsoff{font-size:150%;}


/* hx btnList style
======================================================== */
#infoList,
#advertList,
#eventList{position:relative;}

#infoList a,
#advertList a,
#eventList a{
	display:block;
	position:absolute;
	padding-left:12px;
	background: url(../img/icon_list.gif) 0 2px no-repeat;
	font-size:80%;
}

#infoList a{
	top:-22px;
	left:473px;
}
html>/**/body #infoList a{left:476px;}

#advertList a{
	top:-22px;
	left:473px;
}
html>/**/body #advertList a{left:472px;}

#eventList a{
	top:-22px;
	left:473px;
}
html>/**/body #eventList a{left:403px;}

/* attention 090702 */
#secondary #attention{
	margin-bottom:24px;
}

#secondary #attention h3{
	padding:0;
	background:none;
	border:none;
	height: 35px;
	background: url(../img/ttl_attention_bar.gif) left bottom no-repeat;

}

#secondary #attention ul{margin:0 0 10px 0;}

#secondary #attention ul li{
	width:auto;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	background: url(../img/bg_line_attention.gif) left bottom no-repeat;
}

#secondary #attention ul li a{
	display:block;
	margin:0 15px 0 5px;
	padding-left:9px;
	background: url(../img/icon_arrow_dot.gif) 0 5px no-repeat;
}