@charset "UTF-8";
@import "base.css";

/*============CONTENT COLOR SCHEME=================*/
/*                                                 */
/*    a:Link Color    - Gray          #666666      */
/*    a:Visited Color - Light Gray    #999999      */
/*    a:Hover Color   - Dark blue     #82141B      */
/*    a:Active Color  - Dark blue     #82141B      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 44sڂɎw                        */
/*============CONTENT COLOR SCHEME-END=============*/

/*============NAVI COLOR SCHEME====================*/
/*                                                 */
/*    a:Link Color    - Gray          #ffffff      */
/*    a:Visited Color - Light Gray    #ffffff      */
/*    a:Hover Color   - Dark blue     #556677      */
/*    a:Active Color  - Dark blue     #556677      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 52sڂɎw                        */
/*============NAVI COLOR SCHEME-END================*/

/*============tHgTCY=======================*/
/*                                                 */
/*    10px      1.0em                              */
/*    11px      1.1em                              */
/*    12px      1.2em                              */
/*    13px      1.3em                              */
/*    14px      1.4em                              */
/*    15px      1.5em                              */
/*    16px      1.6em                              */
/*                                                 */
/*============tHgTCY-END===================*/

/*----tHgTCYbase.cssbody {font-size:62.5%;}Lqꂢ́E
sNZPʂ̊oŕTCYw邱Ƃł܁E
TCYqœĂ܂ƕ\Ă܂̂ŒӂāE
Fdivvffont-sizew肵tablep^Ofont-sizew肵āE
܂ꍇ\܁E----*/

/*---------- 01  Base -----------*/

/*-- ` @import ŊOCSSǂ݁E--*/

/*---------- 02  Container -----------*/


body {
	background: url(../../images/bg-img.gif) center top repeat-y;
	margin: 0 auto;
	text-align:center;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}

#main {
	width: 780px;
	margin: 0px 10px;
}

#content {
	width: 780px;
	margin:0;
	}

#navi{
	width: 780px;
	margin:10px 0 0 0;
}

#footer{
	width:800px;
	height:50px;
}

/*---------- 03  Header -----------*/

#header{
	position:relative;
	height:70px;
	background:url(../../images/header-bar.gif) bottom center no-repeat;
}

#header h1{
	position:absolute;
	width:233px;
	height:53px;
	top: 17px;
	left: 10px;
	text-indent:-9999px;	
}

#header h1 a{
	background: url(../../images/logo.gif) 0 0 no-repeat;
	display:block;
	width:233px;
	height:53px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/
}

#header h2{
	font-size:1.0em;
	line-height:20px;
	height:20px;
	text-indent:10px;
}

#header #header-list{
	position:absolute;
	width:214px;
	height:52px;
	left: 600px;
	top: 27px;
}
#header #header-list li{
	background:url(../../images/icon02.gif) 0 center no-repeat;
	font-size:1.0em;
	float:left;
	margin-right:20px;
	line-height:16px;
	text-indent:20px;
}

/*---------- 04  HeaderImg -----------*/

#header-img{
	height:150px;
	text-indent:-9999px;
	background: url(../images/header-img.jpg) top right no-repeat;
	width:780px;
	height:170px;
	position:relative;
}

#site-title{
	background:url(../images/site-title.gif) 0 0 no-repeat;
	width:321px;
	height:51px;
	float:left;
	text-indent:-9999px;
}

#top-bt{
	list-style:none;
	display:inline;
}

#top-bt li{
	margin:9px 0 5px 0;
	width:153px;
	height:37px;
	display:block;
	float:left;
}

#top-bt li a{
	width:153px;
	height:37px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

.siryo a{
	position:absolute;
	left:16px; 
	top:100px; 
	width:187px; 
	height:59px; 
	display:block;
	background-image:url(../images/siryo.jpg);
	text-indent:-9999px;
	overflow:hidden;
}

.contact a{
	position:absolute; 
	left:205px; 
	top:100px; 
	width:187px; 
	height:59px; 
	display:block;
	background-image:url(../images/contact.jpg);	
	text-indent:-9999px;
	overflow:hidden;
}

#top-bt01 a{ background:url(../images/top-bt01.gif) 0 0 no-repeat;}
#top-bt02 a{ background:url(../images/top-bt02.gif) 0 0 no-repeat;}
#top-bt03 a{ background:url(../images/top-btov03.gif) 0 0 no-repeat;}

#top-bt01 a:hover{ background:url(../images/top-btov01.gif) 0 0 no-repeat;}
#top-bt02 a:hover{ background:url(../images/top-btov02.gif) 0 0 no-repeat;}
#top-bt03 a:hover{ background:url(../images/top-btov03.gif) 0 0 no-repeat;}

/*---------- 05  Navi -----------*/
#navi{
	
}

#navi li{
	float:left;
}

#navi li a{
	text-indent:-9999px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/
}

#navi .bts01 a{
	background:url(../../images/bt-personal.gif) 0 0 no-repeat;
	width:108px;
	height:28px;
	display:block;
}
#navi .bts02 a{
	background:url(../../images/bt-pre.gif) 0 0 no-repeat;
	width:127px;
	height:28px;
	display:block;
}
#navi .bts03 a{
	background:url(../../images/bt-recruit.gif) 0 0 no-repeat;
	width:103px;
	height:28px;
	display:block;
}
#navi .bts04 a{
	background:url(../../images/bt-insurance.gif) 0 0 no-repeat;
	width:130px;
	height:28px;
	display:block;
}
#navi .bts05 a{
	background:url(../../images/bt-policy.gif) 0 0 no-repeat;
	width:100px;
	height:28px;
	display:block;
}#navi .bts06 a{
	background:url(../../images/bt-shopinfo.gif) 0 0 no-repeat;
	width:212px;
	height:28px;
	display:block;
}


/*------------------content----------------------*/

#content p,
#content tr,
#content td{
	line-height:22px;
	text-align: justify;
	text-justify: inter-ideograph;
/*--text-align: justify;
	text-justify: inter-ideograph;
	͕𗼒[ɂwŁE--*/
}

#content .pagetop a{
	background:url(../../images/toppage.gif) 0 0 no-repeat;
	width:58px;
	height:22px;
	float:right;
	display:block;
	text-decoration:none;
}

img{
	behavior:url(iepngfix/iepngfix.htc)
}

#left{
	width:177px;
	margin:15px 10px 15px 0px;
	float:left;
}

#right{
	width:586px;
	margin:15px 0 15px 0px;
	float:right;
}

/*---------- 05  left -----------*/

#page-title{
	background:url(../images/page-title.gif) 0 0 no-repeat;
	width:176px;
	height:36px;
	text-indent:-9999px;
}


.bt-list li a{
	background:url(../images/list-bt.gif) 0 0 no-repeat;
	width:151px;
	height:33px;
	margin:1px 0 0 0 ;
	display:block;
	padding:5px 0 0 25px;
}

.bt-list li a:hover{
	background:url(../images/list-btov.gif) 0 0 no-repeat;
	width:151px;
	height:33px;
	margin:1px 0 0 0 ;
	display:block;
	padding:5px 0 0 25px;
}

.bt-list .ov a{
	background:url(../images/list-btov.gif) 0 0 no-repeat;
	width:151px;
	height:33px;
	margin:1px 0 0 0 ;
	display:block;
	padding:5px 0 0 25px;
}

*html .bt-list li a,
*html .bt-list li a:hover,
*html .bt-list .ov a{
	width:176px;
	height:38px;
	padding-top:5px;
}

.bt-in li a{
	width:150px;
	display:block;
	margin:0 0 0 10px;
	padding:3px 0 3px 15px;
	background: url(../images/icon01.gif) 0 0.7em no-repeat;
	border-bottom: 1px dotted #cccccc;
	line-height:25px;
}
.bt-in li a:hover{
	width:150px;
	margin:0 0 0 10px;
	padding:3px 0 3px 15px;
	background: url(../images/icon02.gif) 0 0.7em no-repeat;
	border-bottom: 1px dotted #cccccc;
	line-height:25px;
}

#content .icon01{
	background:url(../images/icon01.gif) 0 0.5em no-repeat;
	line-height:15px;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
}

*html .bt-in li a{width:163px;}
*html .bt-in li a:hover{width:163px;}
/*---------- 08  #right -----------*/

#right h3{
	width:585px;
	height:43px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}

#right h4{
	color:#333333;
	background:url(../images/titbar.gif) 0 0 no-repeat;
	width:590px;
	height:27px;
	margin:20px 0 10px 0;
	line-height:29px;
	text-align:left;
	text-indent:30px;
	font-weight:bold;
	font-size:1.4em;
}

#right p,
#right li{
	padding:0 10px;
	color:#666666;
}

#right table p{
	font-size:1.0em;
	line-height:1.8em;
}

#right table{
	width:580px;
}

#right table{
	font-size:1.0em;
}

#right table,
#right table tr,
#right table td,
#right table th{
	border:1px solid #cccccc;
}
#right table th{
	font-weight:bold;
	color:#666666;
	background: #DDEFFF;
	vertical-align:top;
	padding:5px;
}
#right table td{
	padding:5px;
	color:#666666;
	background: #ffffff;
	vertical-align:top;
}
#right .agree{
	width: 585px;
	height: 200px;
	overflow: auto;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	margin : 0 0 0px 2px;	
}

#right .a_btn{
	height: 40px;
	margin-bottom:15px;
}
#right table.a_btn td{
	text-align: center;
	vertical-align: middle;
	color:#666666;
}
#right .agree p{padding: 10px 12px 5px 12px;}
	
#right h4.privacy{margin-bottom: 0px;}

/*---------- 09  Footer -----------*/

#footer {
	background:url(../../images/footer-bg.gif) 0 0 repeat-x;
	height:75px;
	clear: both;
	padding: 5px 0 0 0;
	margin:10px 0 0 0;
	font-size: 1.0em;
	text-align: center;
	color:#FFFFFF;
	}

#footer ul { 
	line-height:15px;
	list-style: none;
	margin: 10px 0;
	}

#footer li {
	font-size:1.0em;
	display: inline;
	}

#footer li a{
	margin:0 5px;
}

#footer address {
	border-top:#FFFFFF 1px solid;
	height:20px;
	background:#3360BB;
	line-height:18px;
}
/*---------- 11  partner -----------*/

#partner #right h3{background: url(../images/tit01.gif) 0 0 no-repeat;}

#partner #right h3.tit13{background: url(../images/tit13.gif) 0 0 no-repeat;}

#partner #text-dl dt{
	font-size:1.2em;
	color:#666666;
	float:left;
	margin:5px;
	border-bottom: 1px dotted #999999;
	width:480px;
	padding:0 0 5px 0;
}

#partner #text-dl dd a{
	float:right;
	margin:5px;
	border-bottom: 1px dotted #999999;
	width:75px;
	padding:0 0 5px 0;
	background:url(../images/ico_pdf.gif) right 0 no-repeat;
}


/*---------- 10  qa -----------*/

#qa #right h3{background: url(../images/tit02.gif) 0 0 no-repeat;}

#content .icon01{
	background:url(../images/icon01.gif) 0 0.5em no-repeat;
	line-height:15px;
	padding:0 0 0 10px;
	margin:0 0 10px 10px;
}

#qa #right dl{
	margin:0px 10px;
	font-size:1.2em;
	color:#666666;
}

#qa #right dt{
	background:url(../images/q.gif) 0 0.01em no-repeat;
	padding-left:30px;
	height:20px;
	height:auto;
	line-height:20px;
	margin-top:20px;
	color:#333333;
}

#qa #right dd{
	background:url(../images/a.gif) 0 0.01em no-repeat;
	margin:5px 0 0 20px;
	padding-left:30px;
	height:20px;
	height:auto;
	line-height:20px;
}
/*---------- 13  dcument -----------*/
*html #dcument{
	font-size:62.5%;
}

#dcument #right h3{background: url(../images/tit03.gif) 0 0 no-repeat;}

#dcument table{
	width: 560px;
	text-align:left;
}
/*---------- 14  form -----------*/
*html #form{
	font-size:62.5%;
}

#form #right h3{background: url(../images/tit04.gif) 0 0 no-repeat;}

#form table{
	width: 560px;
	text-align:left;
}