@charset "utf-8";

body {
color:#444;
   margin:0px;
   padding:0px;
   font-family: Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
   line-height: 1.5em;
  font-size: 12px;
    *font-size: 73%; /*for IE6,IE7*/
	text-align:center;
	background-image:url(../img/bg.gif);
	background-repeat: repeat;
}

 h2, h3, h4, h5, h6,{
font-weight:normal;
}

table {font-size: 100%;}


ul,li { 
list-style-type:none;
margin:0px;padding:0px;
}

a img { border:0; margin:0; padding:0; }

a:link{
color:#03C;
text-decoration:underline;
}
a:hover{
color:#03C;
text-decoration:underline;
}
a:visited{
color:#03C;
text-decoration:underline;
}
a:active{
color:#03C;
text-decoration:none;
}

p dl dt dd ul ol li{
margin:0;
padding:0;} 

.clearfix:after {
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.t_10{ margin-top:10px;}
.t_30{ margin-top:30px;}
.t_50{ margin-top:50px;}
.l_10{ margin-left:10px;}
.r_20{ margin-right:20px;}


/*font-size:10px;*/

.s{
font-size:10px;
*font-size:75%;}

/*wrap*/
#wrap{
padding:0px;
width:898px;
height:auto;
margin:auto;
border-bottom:#CCC 1px solid;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
background-color:#FFF;
}

/*header*/
#head{
width:898px;
height:80px;
position: relative;
}


#head .logo{
position:absolute;
top:5px;
left:10px;
}
#head .logo_02{
position:absolute;
top:26px;
left:100px;
}


#head h1{
position:absolute;
font-size:80%;
top:0px;
*top:5px;
left:100px;
font-weight:normal;
}
#head h2{
font-size:100%;
position:absolute;
font-weight:normal;
top:20px;
*top:30px;
right:20px;
background:url(../img/mark01.gif) no-repeat;
padding:0 0 0 25px;
}

/*menu*/
#menu{
width:896px;
margin:0 auto;
}

#menu li{
margin:0px;
padding:0px;
font-size:1px;
line-height:1px;
display:inline;
float:left;
}


/*flash*/
#flash{
width:898px;
background-image:url(../img/bg.gif);
height:225px;
border-bottom:1px #CCC solid;
margin:0;
padding:0;
}


/*TOPICS*/
#topics_area{
width:860px;
text-align:left;
margin:0px auto 0 auto;
margin:10px auto 0 auto;
}
#topics_area th{
font-weight:normal;
vertical-align:top;
}
#topics_area th p{
background:url(../img/ar_01.gif) no-repeat;
padding:0 0 0 10px;
margin-right:10px;
}
#topics_area .line{
margin:0px auto 5px auto;
*margin:5px auto;
}

/*btn*/
#btn_area{
margin:20px auto 0 auto;
width:880px;}

#btn_area #l_btn{
float:left;
padding-right:20px;
}
#btn_area #r_btn{
float:left;
}



/*contents*/
#contents{
margin:30px auto 0 auto;
width:880px;
height:auto;
}

/*left*/
#left{
width:481px;
height:auto;
float:left;
}

/*whats new*/

.w_n{
margin-top:10px;
text-align:left;}

.w_n_in{
padding:6px 5px 10px 5px;
*padding:5px 5px 8px 5px;
background-color:#F6F6F6;
}
html>/**/body .w_n_in {  
   padding /*\**/: 5px 5px 10px 5px\9;  
}  

.w_n_in th{
color:#03C;
padding-left:5px;
*padding-left:0px;
vertical-align:top;
}
.w_n_in p{
font-weight:normal;
color:#555;
font-size:80%;
line-height:1.4;
margin:0;
padding:0;
}
.w_n_in a:link{
font-weight:bold!important;}
.w_n_in a:hover{
font-weight:bold!important;}
.w_n_in a:visited{
font-weight:bold!important;}
.w_n_in a:active{
font-weight:bold!important;}



/*kodawari*/

.koda{
margin-top:10px;
text-align:left;}

.koda_in{
padding:5px;
background-color:#E2FCE2;}

.koda_in th{
color:#03C;
padding-left:5px;
vertical-align:top;
text-align:left;
}

/*special information*/

.si{
margin-top:10px;
text-align:left;}

.si td{
font-size:80%;
margin:3px 0 0 0;
padding:0;
}

/*downlord*/
.dl{
text-align:left;
margin:20px 0 50px 0;
}
.dl p{
background:url(../img/pdf.gif) no-repeat;
padding:0 0 0 25px;
margin-left:20px;
}


/*right*/
#right{
width:380px;
float:right;
}


/*tenpo*/

.te_n{
margin-top:10px;
text-align:left;}

.te_in{
padding:3px;
background-color:#FFF2FF;
}

.te_in th{
color:#F00;
padding-left:5px;
*padding-left:0px;
vertical-align:top;
text-align:left;
}
.te_in p{
font-weight:normal;
color:#555;
font-size:80%;
line-height:1.4;
margin:0;
padding:0;
}

.te_in a:link{
color:#F00;
text-decoration:none!important;
}
.te_in a:hover{
color:#03C!important;
text-decoration: underline!important;
}
.te_in a:visited{
color:#F00;
text-decoration: none!important;
}
.te_in a:active{
color:#F00;
text-decoration: underline!important;
}
.te_in p a:hover{
color:#03C!important;
text-decoration: underline!important;
}
.te_in p a:visited{
color:#F00;
text-decoration: none!important;
}
.te_in p a:active{
color:#F00;
text-decoration: underline!important;
}


/*selection*/

.sele{
margin-top:10px;
text-align:left;}

.sele_in{
height:80px;
background-color:#FFFFE0;}

.sele_in th{
text-align:left;
color:#03C;
padding-left:5px;
*padding-left:0px;
vertical-align:middle;
width:240px;
}

.sele_in img{
margin:0 10px;
}

/*information*/

.info{
margin-top:10px;
text-align:left;}


.info td{
font-weight:normal;
color:#555;
font-size:80%;
line-height:1.4;
margin:0;
padding:0;
}




/*footer*/

.foot{
border-top:1px solid #CCC;
}
.fl{
font-size:80%;
margin:20px auto;}







.copy{
color:#777;
text-align:center;
margin:0 auto;
padding:15px;
font-size:80%;
}

/*company*/

.com_bg_01{
background:url(../../company/img/bg.jpg) no-repeat top center;}
.com_bg_02{
background:url(../../company/rinen/img/bg.jpg) no-repeat top center;}
.com_bg_03{
background:url(../../company/group/img/bg.jpg) no-repeat top center;}
.com_bg_04{
background:url(../../company/car/img/bg.jpg) no-repeat top center;}

.ul_area{
float:left;
width:180px;
padding:10px 20px 0 10px;
}
.ur_area{
width:660px;
float:left;
padding:10px 5px 0 0;}


.com_t{
width:650px;
color:#333333;
margin:10px 0 30px 0;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}

.com_t th{
width:150px;
text-align:left;
padding:5px 5px 5px 10px;
border-bottom:#444 1px solid;
}

.com_t td{
text-align:left;
padding:5px 5px 5px 10px;
border-bottom:#444 1px solid;
}
.com_t .b{
font-weight:bold;}


.f_l{
float:left;
text-align:left;}
.f_r{
float:right;
text-align:right;}

/*company_rinen*/

.rinen_l{
float:left;
width:480px;
text-align:left;
}

.rinen_l span{
color:#FF6600;
font-weight:bold;
}
.rinen_r{
float:right;
}