@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:10px 0 0 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:271px;
	margin-top:10px;
}
#bt-visitor01{
	background:url(../images/bt-visitor01.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#bt-visitor01 a{
	width:177px;
	height:107px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#bt-visitor02{
	background:url(../images/bt-visitor02.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#bt-visitor02 a{
	width:177px;
	height:100px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#bt-company{
	background:url(../images/bt-company.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#bt-company a{
	width:177px;
	height:64px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}
/*---------- 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;
}

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

#content-left{
	width:165px;
	float:left;
	display:inline;
	padding: 5px;
}

*html #content-left{
	width:170px;
	padding: 5px;
}

#content-center{
	width:585px;
	float:left;
	display:inline;
}

#right{
	width:586px;
	margin:5px 0 5px 0px;
	float:right;
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
/*--text-align: justify;
	text-justify: inter-ideograph;
	? [?w?E--*/
}

#content p,
#content tr,
#content td{
	line-height:20px;
	text-align: justify;
	text-justify: inter-ideograph;
/*--text-align: justify;
	text-justify: inter-ideograph;
	? [?w?E--*/
}
#content .icon01{
	background:url(../images/icon01.gif) 0 0.25em no-repeat;
	line-height:15px;
	padding:0 0 0 10px;
	margin: 0 0 0 10px;
}

#content .blue-point{
	border-left: 5px solid #2F5591;
	border-bottom: 1px dotted #2F5591;
	color:#2F5591;
	padding:0 0 1px 5px;
	margin: 10px;
}

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

#content #banner01 a{
	background:url(../images/banner01.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	width:158px;
	height:45px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

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



#content-left #banner02{
	background:url(../images/banner02.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
#content-left #banner02 a{
	width:161px;
	height:43px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}
#content-left #banner03{
	background:url(../images/banner03.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
#content-left #banner03 a{
	width:161px;
	height:43px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#content-left #banner04{
	background:url(../images/banner04.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
#content-left #banner04 a{
	width:160px;
	height:50px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#content-left #banner05{
	background:url(../images/seiho_banner_g_160_40.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
#content-left #banner05 a{
	width:160px;
	height:40px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#content #banner06 a{
	background:url(../images/banner06.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	width:158px;
	height:46px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#content #banner08 a{
	background:url(../images/banner08.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	width:158px;
	height:45px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#content #banner09 a{
	background:url(../images/banner09.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	width:158px;
	height:45px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/	
}

#content-left #banner10 {
	margin-bottom:5px;
}

/*IE6--hack*/
*html body #content-left #banner10 {
  margin-bottom:10px;
}

/*IE7--hack*/
*:first-child+html #content-left #banner10 {
  margin-bottom:10px;
}

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

#content1 {
	float:left; 
	width:585px; 
	margin:5px 10px;
}

*html #content1 {
	float:left; 
	width:585px; 
	margin:2px 5px;
}

#content1 h3{
	background: url(../images/tit00.gif) 0 0 no-repeat;
	width:585px;
	height:43px;
	text-indent:-9999px;
}

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

#content2 {
	float:left;
	width:585px;
	margin:5px 10px;
}

*html #content2 {
	float:left;
	width:585px;
	margin:15px 5px;
}

#content2 .section1 {
	float:left; 
	width:180px; 
	margin-right:22px;
}

#content2 .section2 {
	float:left; 
	width:180px; 
}

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

#content3 h4{
	background: url(../images/tit-info.gif);
	width:585px;
	height:27px;
	text-indent:-9999px;
}

#content3 #info-box{
	background:url(../images/infobox-top.gif) 0 0 no-repeat;
	margin:10px 0 0 0;
	background-color:#F4F8FB;
	border:1px solid #E1ECF3;
	padding:10px 0 0 0;
}

#content3 #scroll-box{
	overflow:auto !important;
	height:230px !important;
}

#content3 #scroll-box p{
	margin:20px 20px 0 20px;
	padding-bottom:10px;
	border-bottom:1px dotted #666666;
	font-size:1.2em;
}
#content3 #scroll-box ul li{
	margin:10px 40px 0 60px;
	font-size:1.2em;
}

#content3{
	width:585px;
	float:left;
	margin:5px 10px;
}

*html #content3{
	width:585px;
	float:left;
	margin:2px 4px;
}

#content3 p.lmp0 {
	line-height:0px; 
	margin:0px; 
	padding:0px;
}

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


#tit-visitor01 a{
	background: url(../images/tit-visitor01.gif);
	width:180px;
	height:34px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/
}

#tit-visitor02 a{
	background: url(../images/tit-visitor02.gif);
	width:180px;
	height:34px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/
}
#tit-partner a{
	background: url(../images/tit-visitor03.gif);
	width:180px;
	height:34px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/
}

#content .pagetop{
	float:right;
}

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

.titbg {
	background: url(../images/titbg.gif) no-repeat left top;
	width:160px;
	height:180px;
	display:block;
}

*html .titbg {
	background: url(../images/titbg.gif) no-repeat left top;
	width:180px;
	height:180px;
	display:block;
}

/*---------- 07  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;
}

/*---------- 08  #right -----------*/
#right a:link{
	color:#2F5591;
	text-decoration:none;
}

#right a:visited{
	color:#608BCC;
	text-decoration:none;
}

#right a:hover,
#right a:active{
	color: #009966;
	text-decoration:underline;
}

#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:570px;
	margin:10px;
}

#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;
	width:100px;
	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;
}
#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  privacy -----------*/
#privacy #right h3{	background: url(../images/tit08.gif) 0 0 no-repeat;}

#privacy #right h4 span{
	font-size:0.8em;
	padding-left:20px;
}

#privacy #right h5{
	text-indent: 0;
	font-size:1.5em;
	font-weight:bold;
	margin-top: 15px;
	margin-left: 5px;
	color: #2f5591;	
}
#privacy #right .border{
	margin-top: 10px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	padding-bottom: 10px;
}
#privacy #right h6{
	font-weight:bold;
	font-size:1.2em;
	margin: 15px 0 0 10px;
	color: #2f5591;
}
#privacy ol li{
	list-style-type: decimal;
	margin:0 0 5px 30px;
	padding:0 0 0 0;
	list-style-position: outside;
}
#privacy #right .txt_r{
  text-align:right;
}

/*---------- 10  pre -----------*/

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

#pre ul.preText li {
	font-size:1.2em;
	color:#666666;
	float:left;
	margin:5px;
	border-bottom: 1px dotted #999999;
	width:480px;
	padding:0 0 5px 0;
}

#pre ul.preText li.download {
	float:right;
	width:75px;
	background:url(../images/ico_pdf.gif) right 0 no-repeat;
	font-size:96%;
}

#pre ul.preText li.download a{
	display:block;
}

#pre #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;
}

#pre #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;
}

#pre .cen p{
	text-align:center;
	margin:0 auto;
}
/*---------- 11  recruit -----------*/

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

/*---------- 12  handling -----------*/

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

/*---------- 13  policy -----------*/

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

#policy .blue-point{
	border-left: 5px solid #2F5591;
	border-bottom: 1px dotted #2F5591;
	color:#2F5591;
	padding:0 0 1px 5px;
	margin: 30px 10px 10px 10px;
}

/*---------- 14  shop -----------*/

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

/*---------- 15  sitemap -----------*/

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

#sitemap #right ul .b-tit{
	border-bottom: 1px dotted #999999;
}

#sitemap #index #right ul .b-tit a{
	margin:20px 0 0 0 ;
	font-size:14px;
	width:150px;
	font-weight:bold;
	display:block;

}

#sitemap #right ul li ul li{
	background:url(../images/icon03.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	margin:5px 10px;
	font-size:1.0em;
}
/*---------- 16  news -----------*/

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


/*---------- 17  form -----------*/

*html #form{font-size:62.5%;}

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

#form #right dl{
	font-size:1.2em;
	margin:10px;
}

#form #right dl dt{
	margin-top:10px;
}