/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐ?????", Osaka, "???????? Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:140%;
text-align: center;
color:#666666;

background-image:url(body_back.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#common{
font-family:Verdana, "ＭＳ Ｐ?????", Osaka, "???????? Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:140%;
text-align: center;
color:#666666;
background-image:url(body_back2.jpg);
background-repeat:no-repeat;
background-position:center top;
}

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:100%;
}

#wrapper{
margin:0px auto;
text-align:left;
width:790px;
}

#wrapper_con{
margin:0px auto;
width:790px;
text-align:left;
}

#header{
width:790px;
float:left;
height:90px;
}

#header h1{
font-size:200%;
width:250px;
height:41px;
margin-top:20px;
margin-left:5px;
}

#header_text{
float:right;
width:200px;
margin-top:60px;
color:#666666;
}

#main{
width:790px;
float:left;
background-image:url(body_back_center.jpg);
background-repeat:repeat-y;
background-position:1px 0px;
padding-bottom:30px;
}

a:link,a:visited{
color:#ff9900;
text-decoration:none;
}

a:active,a:hover{
color:#ff9900;
text-decoration:underline;
}

a:hover img{
filter:Alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:600px;
float:right;
}

.section{
width:600px;
float:left;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainnavi {
width:760px;
float:left;
display:inline;
height:60px;
margin:10px 0 0 15px;
}

#mainnavi ul{
list-style-type:none;
}

#mainnavi ul li{
float:left;
}



#mainnavi ul li a{
display:block;
height:60px;
float:left;
background-repeat:no-repeat;
text-indent:-9999px;
}



#mainnavi ul li#mainnavi01 a:link,
#mainnavi ul li#mainnavi01 a:visited{
background-image:url(menu01.jpg);
width:152px;
}

#mainnavi ul li#mainnavi01 a:hover,
#mainnavi ul li#mainnavi01 a:active{
background-image:url(menu01_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi02 a:link,
#mainnavi ul li#mainnavi02 a:visited{
background-image:url(menu02.jpg);
width:152px;
}

#mainnavi ul li#mainnavi02 a:hover,
#mainnavi ul li#mainnavi02 a:active{
background-image:url(menu02_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi03 a:link,
#mainnavi ul li#mainnavi03 a:visited{
background-image:url(menu03.jpg);
width:152px;
}

#mainnavi ul li#mainnavi03 a:hover,
#mainnavi ul li#mainnavi03 a:active{
background-image:url(menu03_o.jpg);
width:152px;
}


#mainnavi ul li#mainnavi04 a:link,
#mainnavi ul li#mainnavi04 a:visited{
background-image:url(menu04.jpg);
width:152px;
}

#mainnavi ul li#mainnavi04 a:hover,
#mainnavi ul li#mainnavi04 a:active{
background-image:url(menu04_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi05 a:link,
#mainnavi ul li#mainnavi05 a:visited{
background-image:url(menu05.jpg);
width:152px;
}

#mainnavi ul li#mainnavi05 a:hover,
#mainnavi ul li#mainnavi05 a:active{
background-image:url(menu05_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi01_on a:link,
#mainnavi ul li#mainnavi01_on a:visited,
#mainnavi ul li#mainnavi01_on a:hover,
#mainnavi ul li#mainnavi01_on a:active{
background-image:url(menu01_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi02_on a:link,
#mainnavi ul li#mainnavi02_on a:visited,
#mainnavi ul li#mainnavi02_on a:hover,
#mainnavi ul li#mainnavi02_on a:active{
background-image:url(menu02_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi03_on a:link,
#mainnavi ul li#mainnavi03_on a:visited,
#mainnavi ul li#mainnavi03_on a:hover,
#mainnavi ul li#mainnavi03_on a:active{
background-image:url(menu03_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi04_on a:link,
#mainnavi ul li#mainnavi04_on a:visited,
#mainnavi ul li#mainnavi04_on a:hover,
#mainnavi ul li#mainnavi04_on a:active{
background-image:url(menu04_o.jpg);
width:152px;
}

#mainnavi ul li#mainnavi05_on a:link,
#mainnavi ul li#mainnavi05_on a:visited,
#mainnavi ul li#mainnavi05_on a:hover,
#mainnavi ul li#mainnavi05_on a:active{
background-image:url(menu05_o.jpg);
width:152px;
}



#subnavi_title {
width:200px;
height:40px;
line-height:40px;
text-align:center;
background-image:url(subnavi_title.jpg);
background-repeat:no-repeat;
font-weight:bold;
}


#subnavi_title a{
width:200px;
height:40px;
display:block;
color:#FFFFFF;
text-decoration:none;
font-size:117%;
}


#subnavi {
width:200px;
float:left;
display:inline;
margin-top:20px;
margin-left:20px;
margin-right:10px;
display:inline;
}

#subnavi ul{
list-style-type:none;
width:180px;
margin-bottom:20px;
margin-left:10px;
}

#subnavi ul li{
margin:0px 0px 0px 0px;
}



#subnavi ul li a{
width:180px;
height:47px;
line-height:47px;
display:block;
text-decoration:none;
background-image:url(subnavi.jpg);
background-repeat:no-repeat;
text-indent:25px;
}


#subnavi ul li a:link,
#subnavi ul li a:visited{
color:#333333;
}



#subnavi ul li a:hover,
#subnavi ul li a:active{
width:180px;
height:47px;
line-height:47px;
display:block;
text-indent:25px;
font-weight:bold;
}



#subnavi ul li.current a:link,
#subnavi ul li.current a:visited{
width:180px;
height:47px;
line-height:47px;
display:block;
text-indent:25px;
font-weight:bold;
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:790px;
text-align:right;
float:left;
height:50px;
background-image:url(footer_back.jpg);
background-repeat:no-repeat;
background-position:2px 0px;

}

#footer ul{
padding:0px 10px 0 0px;
list-style-type:none;
float:right;
display:block;
margin-top:8px;
}

#footer ul li {
float:left;
color:#FFFFFF;
font-size:83%;
}

#footer ul li a{
float:left;
color:#FFFFFF
}

address {
font-size: 80%;
font-style: normal;
color:#FFFFFF;
clear:right;
margin-right:10px;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_image {
width:760px;
margin-left:15px;
}

#main_left{
width:500px;
float:left;
margin-left:40px;
margin-top:20px;
display:inline;
}

.top_text{
line-height:1.4em;
width:500px;
margin-bottom:20px;
}

.top_list{
width:240px;
float:left;
margin-bottom:20px;
}

.top_list ul{
list-style-type:none;
margin:8px 0 0 10px;
}

.top_list ul li{
background-image:url(check_icon.jpg);
background-repeat:no-repeat;
line-height:16px;
text-indent:25px;
margin-bottom:4px;
font-size:13px;
}

h2{
background-image:url(h2.jpg);
width:500px;
line-height:30px;
background-repeat:no-repeat;
float:left;
text-indent:4px;
color:#006600;
font-weight:bold;
}

#tel_box{
width:185px;
float:left;
margin-top:10px;
margin-left:5px;
display:inline;
}

.top_link{
float:left;
margin:10px 0 0 5px;
}

#contact_box{
width:210px;
float:left;
margin:15px 0 0 35px;
display:inline;
}

#top_right{
margin:25px 0 0 20px;
float:left;
display:inline;
width:200px;
}

#top_table{
margin-top:30px;
text-align:left;
}

.topix_table{
text-align:left;
line-height:1.5em;
font-size:83%;
}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
}

.sitemap ul{
margin:0 0 15px 30px;
}

.sitemap ul ul{
margin:0 0 15px 30px;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.subtitle01 {
font-size:150%;
background-color:#339966;
color:#FFFFFF;
}

.subtitle02 {
font-size:140%;
background-color:#990000;
color:#FFFFFF;
}

.subtitle03 {
font-size:130%;
background-color:#000066;
color:#FFFFFF;
}

/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form {
width:500px;
float:left;
}

#contact_form dl{
width:500px;
border-bottom:1px dotted #99cccc;
float:left;
padding:10px 0;
line-height:220%;
}

#contact_form dt{
width:380px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
margin-left:130px;
margin-top:15px;
display:inline;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 20px 0;
background-color:#f6f6f6;
}

#contact_form dd ul#privacy li{
width:340px;
margin:0 0 15px 0;
float:left;
}

#contact_button {
width:500px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:500px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}

/*summary*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_table{
margin:20px 0 0 35px;
display:inline;
float:left;
}

h3{
font-size:200%;
font-weight:bold;
color:#006600;
letter-spacing: 0.5em;
line-height:1.3em;
}

.normal_text{
line-height:1.5em;
}

h4{
background-image:url(h3.jpg);
background-repeat:no-repeat;
width:500px;
line-height:25px;
font-weight:bold;
font-size:117%;
text-indent:25px;
color:#006600;
}

.top_list2{
width:300px;
float:left;
margin-bottom:20px;
}

.top_list2 ul{
list-style-type:none;
margin:8px 0 0 10px;
}

.top_list2 ul li{
background-image:url(check_icon.jpg);
background-repeat:no-repeat;
line-height:16px;
margin-bottom:4px;
}

.top_list2_text{
padding-left:25px;
}



.summary_table{
width:500px;
margin-bottom:50px;
border-bottom:1px solid #cccccc; color:#666666;
line-height:1.3em;
}

.summary_table td{
padding:10px;
color:#666666;
text-align:right;
border-top:1px solid #cccccc; color:#666666;
border-right:1px solid #cccccc; color:#666666;
border-left:1px solid #cccccc; color:#666666;
}

.summary_table td.highlight{
font-weight:bold; text-align:left;
color:#333333;
background-color:#f3f3f3;
text-align:left;
border-right:0px solid #cccccc; color:#666666;
}

.summary_table td.highlight strong{
font-size:18px; color:#cc0000;
}

/*job*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.gray_back{
height:50px;
line-height:50px;
background-color:#EDEDED;
width:500px;
color:#C39000;
font-weight:bold;
text-indent:10px;
}

.gray_back2{
height:50px;
background-color:#EDEDED;
width:500px;
color:#C39000;
font-weight:bold;
padding-left:10px;
line-height:1.5em;
}

.point{
background-image: url(point_icon.jpg);
text-align:left;
width:500px;
line-height:31px;
text-indent:30px;
color:#006600;
font-weight:bold;
}

.text16{
font-size:133%;
color:#006600;
font-weight:bold;
line-height:1.3em;
}

.car_name{
font-size:87%;
margin-top:5px;
}

#leftspace{
width:220px;
background-position:20px 100px;
}



/*member*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.top_list3{
width:480px;
float:left;
}

.top_list3 ul{
list-style-type:none;
margin:8px 0 0 10px;
}

.top_list3 ul li{
background-image:url(check_icon.jpg);
background-repeat:no-repeat;
line-height:16px;
margin-bottom:4px;
}

.top_list3_text{
padding-left:25px;
}


.top_list4{
}


.top_list4 ol{
list-style-type:decimal;
padding-left:30px;
}

.top_list4 ol li{
margin-bottom:8px;
line-height:1.4em;
}

.top_list4_text{
}

.arrow01{
background-image:url(arrow01.jpg);
background-repeat:no-repeat;
line-height:14px;
text-align:left;
background-position:0 2px;
}

.arrow01_text{
padding-left:17px;
}

.number_list ol{
padding-left:30px;
list-style-type:decimal;
line-height:1.8em;
}

.number_list ol li{
margin-bottom:20px;
}

.red_bold{
color:#990000;
font-weight:bold;
}

#leftspace{
width:200px;
}

#leftback{
width:195px;
background-image:url(left_space_back.jpg);
background-repeat:no-repeat;
height:170px;
margin-top:15px;
margin-left:20px;
}

#leftback2{
width:195px;
background-image:url(left_space_back.jpg);
background-repeat:no-repeat;
height:170px;
margin-top:15px;
}

/*supply*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.supply_back01{
background-image:url(supply_img01.jpg);
width:500px;
background-repeat:no-repeat;
height:121px;
float:left;
}

.supply_text01{
width:360px;
line-height:1.6em;
margin:35px 0 0 120px;
}

.supply_back02{
background-image:url(supply_img02.jpg);
width:500px;
background-repeat:no-repeat;
height:121px;
float:left;
}

.supply_text02{
width:360px;
line-height:1.6em;
margin:30px 0 0 120px;
}


.summary_table2{
width:500px;
margin-bottom:50px;
border-bottom:1px solid #cccccc; color:#666666;
}

.summary_table2 td{
padding:10px;
color:#666666;
text-align:right;
border-top:1px solid #cccccc; color:#666666;
border-right:1px solid #cccccc; color:#666666;
border-left:1px solid #cccccc; color:#666666;
}

.summary_table2 td.highlight{
font-weight:bold; text-align:left;
color:#333333;
text-align:left;
border-right:0px solid #cccccc; color:#666666;
}

.summary_table2 td.highlight strong{
font-size:18px; color:#cc0000;
}

.blue_line1{
text-align:left;
background-repeat:repeat-y;
background-image:url(blue_back1.jpg);
}

.blue_line2{
text-align:left;
background-repeat:repeat-y;
background-image:url(blue_back2.jpg);
}

.blue_line3{
text-align:left;
background-repeat:repeat-y;
background-image:url(blue_back3.jpg);
}

.blue_line4{
text-align:left;
background-repeat:repeat-y;
background-image:url(blue_back4.jpg);
}

.orenge_line1{
text-align:left;
background-repeat:repeat-y;
background-image:url(orange_back1.jpg)
}

.orenge_line2{
text-align:left;
background-repeat:repeat-y;
background-image:url(orange_back2.jpg);
}

.orenge_line3{
text-align:left;
background-repeat:repeat-y;
background-image:url(orange_back3.jpg);
}

.orenge_line4{
text-align:left;
background-repeat:repeat-y;
background-image:url(orange_back4.jpg);
}

.green_line1{
text-align:left;
background-repeat:repeat-y;
background-image:url(green_line1.jpg);
}

.green_line2{
text-align:left;
background-repeat:repeat-y;
background-image:url(green_line2.jpg);
}

.green_line3{
text-align:left;
background-repeat:repeat-y;
background-image:url(green_line3.jpg);
}

.green_line4{
text-align:left;
background-repeat:repeat-y;
background-image:url(green_line4.jpg);
}



.blown_line{
text-align:left;
background-repeat:repeat-y;
background-image:url(blown_back.jpg);
}

/*info*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.info_title{
font-size:180%;
font-weight:bold;
color:#006600;
letter-spacing: 0.5em;
line-height:1.3em;
}

.summary_table_info{
width:500px;
margin-bottom:20px;
border-bottom:1px solid #cccccc; color:#666666;
text-align:left;
font-size:87%;
line-height:1.3em;
}

.summary_table_info td{
padding:10px;
color:#666666;
text-align:left;
border-top:1px solid #cccccc; color:#666666;
border-right:1px solid #cccccc; color:#666666;
border-left:1px solid #cccccc; color:#666666;
}

.summary_table_info td.highlight{
font-weight:bold; text-align:left;
color:#333333;
background-color:#f3f3f3;
text-align:left;
border-right:0px solid #cccccc; color:#666666;
}

.summary_table_info td.highlight strong{
font-size:18px; color:#cc0000;
}


/*sammary*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.right_arrow{
background-image:url(arrow-right.gif);
line-height:18px;
background-repeat:no-repeat;
text-indent:24px;
font-weight:bold;
font-size:117%;
}

.right_arrow2{
background-image:url(arrow-right2.jpg);
line-height:42px;
background-repeat:no-repeat;
text-indent:24px;
font-weight:bold;
font-size:117%;
}

.right_arrow3{
background-image:url(arrow-right3.jpg);
line-height:16px;
background-repeat:no-repeat;
background-position:2px 0;
text-indent:16px;
font-weight:bold;
}


.zoom{
background-image:url(zoom.jpg);
line-height:20px;
background-repeat:no-repeat;
text-indent:24px;
}

.zoom a{
color:#333333;
text-decoration:underline;
}

.gaiyou_text{
padding-left:20px;
line-height:1.5em;
margin-top:10px;
}

.gaiyou_text a{
color:#333333;
text-decoration:underline;
}

/*Q&A*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.question{
background-image:url(question_icon.jpg);
background-repeat:no-repeat;
line-height:18px;
text-indent:22px;
background-position:2px 0px;
margin-bottom:7px;
font-weight:bold;
}

.question a{
font-weight:normal;
color:#333333;
text-decoration:underline;
}

.answer{
background-image:url(answer_icon.jpg);
background-repeat:no-repeat;
line-height:20px;
background-position:2px 0px;
margin-bottom:7px;
}

.answer_text{
padding-left:22px;
line-height:20px;
}

.normal_text ol{
padding-left:25px;
}

/*flow*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#flow_back{
background-image:url(flow_back.jpg);
width:500px;
height:683px;
background-repeat:no-repeat;
}

.flow01{
position:relative;
left:120px;
top:20px;
font-weight:bold;
}

.flow02{
position:relative;
left:125px;
top:105px;
font-weight:bold;
width:160px;
line-height:1.6em;
}

.flow03{
position:relative;
left:125px;
top:175px;
font-weight:bold;
width:160px;
line-height:1.6em;
}

.flow04{
position:relative;
left:125px;
top:215px;
font-weight:bold;
width:160px;
line-height:1.6em;
}

.flow05{
position:relative;
left:300px;
top:115px;
width:151px;
}

.flow06{
position:relative;
left:120px;
top:210px;
font-weight:bold;
line-height:1.6em;
}

.flow07{
position:relative;
left:120px;
top:280px;
font-weight:bold;
line-height:1.6em;
}

.flow08{
position:relative;
left:120px;
top:355px;
font-weight:bold;
line-height:1.6em;
}