@charset "UTF-8";
/*
-----------------------------------------------
BOstudio templete style
version: 2008-04
----------------------------------------------- */


/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
body{
}
#wrapper{
background:#fff;
border-top:5px solid #2e863c;
border-bottom:5px solid #2e863c;
color:#333;
font-size:90%;
}
#wrapper_inner{
padding-top:14px;
background:url(../imgs/bg_body.jpg) 0 0 repeat-x;
}
p.summary,
#header,
#globalnavi_area,
#contents_navi,
#contents,
#footer{
margin:0px auto;
}
#header{
padding:0px 0px 10px 5px;
width:795px;
}
#contents{
padding:0px 22px 0px 7px;;
background:#fff;
width:771px;
}
#home #contents{
padding:0px;
background:#fff;
width:800px;
}
#home #maincol{
float:left;
padding-left:0px;
width:580px;
}
#home #subcol{
float:right;
width:214px;
background:#fff;
}
#maincol{
float:right;
width:555px;
color:#000;
}
#subcol{
float:left;
padding-bottom:50px;
width:190px;
background:url(../imgs/bg_ln_bottom.gif) 0 bottom no-repeat #d7f3d6;
}
#footer{
clear:both;
margin:0px;
padding:36px 0px 5px;
}
#inner_form #contents{
float:none;
clear:both;
margin:10px auto;
width:700px;
}
#inner_form #maincol{
float:none;
width:670px;
}
#inner_form #header{
border-bottom:1px solid #5d5d5d;
}




/* 2. navigation
-------------------------------------------*/
#globalnavi_area{
clear:both;
padding:0px 0px 0px 2px;
margin-bottom:4px;
width:803px;
}
#globalnavi_area ul{
padding:0px 0px 0px 10px;
background:url(../imgs/bg_gn.jpg) 0 0 no-repeat;
}
#globalnavi_area li{
float:left;
vertical-align:bottom;
line-height:1.0;
}
#globalnavi_area li.stay{
display:block;
color:#fff;
background:url(../imgs/bg_gn_on.jpg) 0 0 no-repeat;
}
#globalnavi_area li.stay a{
text-decoration:none;
}
#globalnavi_area li a.firstchild{
padding:11px 26px 17px 26px;
}
#globalnavi_area li a{
display:block;
padding:13px 13px 15px 11px;
color:#fff;
text-decoration:none;
font-size:87%;
}
#globalnavi_area li a:link{
color:#fff;
}
#globalnavi_area li a:visited{
color:#fff;
}
#globalnavi_area li a:hover{
background:url(../imgs/bg_gn_on.jpg) 0 0 no-repeat;
color:#fff;
}
#globalnavi_area li a:active{
background:url(../imgs/bg_gn_on.jpg) 0 0 no-repeat;
color:#fff;
}

#subcol ul#localnavi{
font-size:90%;
}
#subcol li{
border-bottom:1px solid #9ec1cc;
/* font-size:90%; */
}
#subcol li a.stay{
padding:8px 8px 8px 30px;
font-weight:bold;
background:url(../imgs/m_localnavi_on.jpg) 14px 13px no-repeat;
color:#f60;
}
#subcol li{
color:#086cc2;
}
#subcol li a{
padding:8px 8px 8px 30px;
display:block;
color:#060;
background:url(../imgs/m_localnavi.gif) 14px 13px no-repeat;
}
/*#subcol li.stay a{
padding:0px;
}*/
#subcol li a:hover{
color:#f60;
background:url(../imgs/m_localnavi_on.jpg) 14px 13px no-repeat;
}
#subcol li ul{
margin:0px 0px 8px 15px;
background:#f2fbfd;
}
#subcol li li{
border:none;
line-height:1.0;
vertical-align:bottom;
}
#subcol li li a{
padding:5px 16px 4px 22px;
background:#f2fbfd url(../imgs/m_localnavi2nd.gif) 0% 50% no-repeat;
}
#subcol li li a:hover{
background:#f2fbfd url(../imgs/m_localnavi2nd_on.gif) 0% 50% no-repeat;
color:#f60;
}
#subcol li.lastchild{
border-bottom:1px solid #eee;
}
#subcol li li a.stay{
padding:5px 16px 4px 22px;
background:#f2fbfd url(../imgs/m_localnavi2nd_on.gif) 0% 50% no-repeat;
color:#f60;
}
/*#subcol ul ul li{
padding-left:22px;
background:#f2fbfd url(../imgs/m_localnavi2nd.gif) 0% 50% no-repeat;
font-weight:bold;
}*/


/*#subcol ul.localnavi{
}
#subcol .localnavi li{
border-bottom:1px solid #9ec1cc;
*//* font-size:90%; */
/*background:url(../imgs/m_localnavi.gif) 14px 13px no-repeat;
}
#subcol .localnavi li.stay{
padding:8px 8px 8px 30px;
font-weight:bold;
background:url(../imgs/m_localnavi.gif) 14px 13px no-repeat;
}
#subcol .localnavi li{
color:#086cc2;
}
#subcol .localnavi li a{
padding:8px 8px 8px 30px;
display:block;
color:#086cc2;
}
#subcol .localnavi li.stay a{
padding:0px;
}
#subcol .localnavi li a:hover{
*//*background:url(../imgs/m_localnavi.gif) 5px 13px no-repeat;*/
/*}
#subcol .localnavi li.stay a:hover{
background-image:none;
}
#subcol ul.localnavi2nd{
margin:8px -8px 0px -15px;
}
#subcol li.stay .localnavi2nd li{
border:none;
}
#subcol li.stay .localnavi2nd li a{
padding:8px 16px 8px 22px;
background:#f2fbfd url(../imgs/m_localnavi2nd.gif) 0% 50% no-repeat;
}
#subcol li.stay .localnavi2nd li a:hover{
background:#f2fbfd url(../imgs/m_localnavi2nd.gif) 0% 50% no-repeat;
}
#subcol li.lastchild{
border-bottom:1px solid #eee;
}
#subcol ul.localnavi2nd li.stay{
padding-left:22px;
background:#f2fbfd url(../imgs/m_localnavi2nd.gif) 0% 50% no-repeat;
font-weight:bold;
}
*//* 3. link style
-------------------------------------------*/

a:link{
color:#FF6600;
}

a:visited{
color:#FF6600;
}

a:hover{
color:#FF6600;
}

a:active{
color:#FF6600;
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active{
color:#366b47;
}

/* 4. common parts
-------------------------------------------*/
#maincol h3{
padding:2px 10px 5px 30px;
border-bottom:1px solid #060;
font-size:120%;
font-weight:bold;
background:url(../imgs/m_h3.gif) 3px 4px no-repeat;
color:#060;
}
.ttl_h3{
margin-bottom:21px;
border-bottom:1px solid #9cc1e3;
}
#subcol h3{
margin:0px;
padding:20px 10px 8px;
background:url(../imgs/bg_ln_ttl.gif) 0 0 no-repeat #457bc4;
color:#fff;
font-weight:bold;
}
.imgr{
float:right;
}
#maincol p{
margin:0px 0px 26px 0px;
line-height:1.5;
font-size:90%; /*追記・変更*/
}
#maincol p.copy_faq{
margin:21px 0px 26px 5px;
font-size:100%;
}
#maincol h4{
padding:1px 8px;
font-weight:bold;
border-left:5px solid #fc9;
color:#ff9326;
}
.ttl_h4{
margin:30px 0px 10px 3px;
padding:6px 7px;
background:#d7f3d6;
}
#maincol h5{
margin:30px 0px 10px 8px;
padding-left:2px;
border-bottom:1px solid #093;
font-weight:bold;
color:#093;
font-size:90%;
}
#maincol h6{
margin:30px 0px 10px 11px;
font-weight:bold;
color:#666;
font-size:90%;
}
#inner #subcol ul.bnr{
margin-top:30px;
}
strong{
font-size:120%;
font-weight:bold;
}
em{
/*margin-left:-13px;*/
font-style:normal;
font-weight:bold;
}
#home #subcol ul.bnr{
padding:5px;
width:204px;
background:#55C8FF url(../imgs/bg_blog_bnr.gif) repeat;
}
#subcol ul.bnr_second{
padding:5px;
width:180px;
margin-top:30px;
background:#55C8FF url(../imgs/bg_blog_bnr_s.gif) repeat;
}
#subcol .bnr li{
display:block;
margin:0px;
width:202px;
border:1px solid #fff;
background:none;
background:#fff url(../imgs/bg_blog_link.gif) 0 0 repeat;
}
#subcol .bnr_second li{
display:block;
margin:0px;
width:178px;
border:1px solid #fff;
background:none;
background:#fff url(../imgs/bg_blog_link.gif) 100% 0% repeat;
}
#subcol .bnr a,
#subcol .bnr a:link,
#subcol .bnr a:visited,
#subcol .bnr a:hover,
#subcol .bnr a:active{
display:block;
padding-top:15px;
padding-left:55px;
padding-bottom:15px;
background:url(../imgs/logo_s.gif) 3% 30% no-repeat;
}
#subcol .bnr_second a,
#subcol .bnr_second a:link,
#subcol .bnr_second a:visited,
#subcol .bnr_second a:hover,
#subcol .bnr_second a:active{
display:block;
padding-top:15px;
padding-left:50px;
padding-bottom:0px;
background:url(../imgs/logo_s.gif) 0% 30% no-repeat;
}

.pagenavi{
margin-top:20px;
font-size:90%;
/*overflow:hidden;*/
}
.pageback{
margin-bottom:26px;
/*float:left;*/
}
.pagetop{
margin-left:-12px;
/*float:right;*/
}
#maincol .tuning_copy{
margin:21px 0px 0px 5px;
}
#maincol .tuning_copy2{
margin:0px 0px 0px 5px;
}
#maincol p.lead{
font-size:90%;
}
#contents #maincol p.font_normal{
font-size:100%;
}
.ruby{
font-size:80%;
}
p{
/* font-size:90%; */
}
/*li{
margin-left:15px;
padding-left:19px;
background:url(../imgs/m_list.gif) 0px 5px no-repeat;
}
*/
a.icon_link{
padding-left:22px;
padding-bottom:2px;
background:url(../imgs/m_link.gif) 0 0 no-repeat;
}
a.icon_sub{
padding-left:22px;
padding-bottom:2px;
background:url(../imgs/m_sub.gif) 0 0 no-repeat;
}
a.pdf{
padding-left:22px;
padding-bottom:2px;
background:url(../imgs/m_pdf.gif) 0 0 no-repeat;
}
.tuning_txtbody{
margin:0px 0px 0px 10px;
}
.tuning_year{
margin:20px 0px 0px 10px;
}
/* 4.1 of header
-------------------------------------------*/
p.summary{
padding:4px 5px 0px 10px;
width:785px;
font-size:75%;
/*font-weight:bold;*/
}
#logo_area{
float:left;
width:330px;
}
#logo_area p{
font-weight:normal;
}
p#logo{
float:left;
margin-right:10px;
}
h1{
padding:7px 0px 0px 0px;
font-size:150%;
font-weight:bold;
color:#0093cc;
line-height:1.2;
}
h1 a{
color:#0093cc;
font-weight:bold;
text-decoration:none;
}
h2{
font-size:125%;
font-weight:bold;
line-height:1.3;
}
h2 a{
color:#333;
text-decoration:none;
}
#head_button{
float:right;
}
#head_button li{
float:left;
padding-left:10px;
width:208px;
display:block;
}
#head_button li img{
}
#head_button li#telnum{
float:left;
padding-bottom:5px;
width:220px;
display:block;
}
#head_button li #head_navi{
float:right;
padding:2px 0px 0px 0px;
font-size:85%;
}
#head_button li #head_navi li{
float:right;
padding:0px 5px 0px 5px;
border-right:1px solid #2d568e;
width:95px;
}
#head_button li #head_navi li a{
font-size:90%;
color:#966;
}
#head_button li #head_navi li.lastchild{
width:92px;
border-right:none;
}
p.ttl_contact{
font-weight:bold;
font-size:85%;
color:#6d4949;
}
p.number{
font-weight:bold;
font-size:140%;
}
p.time{
font-size:70%;
}
p.number_cont{
margin-left:20px;
font-weight:bold;
font-size:200%;
}

/* 4.2 of content
-------------------------------------------*/
#contents_navi{
padding:5px;
width:790px;
background:#fff;
}
#contents_navi ul{
float:left;
width:790px;/*追記・変更*/
}
#contents_navi li{
float:left;
padding:8px 2px;
font-size:85%;
/*color:#2d568e;*/
}
#contents_navi li a{
color:#966;
}
#fsize{
margin:0px auto;
padding:0px 12px 0px 0px;
width:788px;
}
dl#fsizechange{
float:right;
}
#fsizechange dt,
#fsizechange dd{
float:left;
padding-right:2px;
}
#fsizechange dt{
padding-top:2px;
}
ul.contents_index{
margin:20px 10px;
}
.contents_index li{
margin-bottom:10px;
padding:5px 25px;
background:url(../imgs/m_menu.gif) 0 center no-repeat;
border-bottom:1px dotted #333;
}
.b_contact li{
float:left;
margin-top:0px;/*追記・変更*/
font-weight:bold;
width:265px;
}
#contact_box{
clear:both;
margin-top:30px;
padding-bottom:16px;
width:550px;
background:url(../imgs/bg_contact.gif) 11px 135px no-repeat;
}
#contact_box .blue_line{
padding:0px 0px 13px;
border:1px solid #090;
border-top:none;
}
#contact_box h5{
margin:0px;
padding:0px;
border:none;
}
#maincol #contact_box p{
margin:0px 0px 5px 17px;
padding:5px 0px 0px;
font-size:100%;
}
#maincol #contact_box p.ttl_contact{
padding-left:19px;
background:url(../imgs/m_list.gif) 0px 10px no-repeat;
font-weight:bold;
font-size:100%;
color:#f60;
}
#maincol #contact_box p.b_form{
margin:32px 0px 0px 36px;
}
#maincol #contact_box p.number{
margin:12px 0px 5px 36px;
padding:0px;
font-size:140%;
font-weight:normal;
}
#maincol #contact_box p.time{
margin:0px;
margin-left:36px;
padding:0px;
font-size:100%;
line-height:1.6;
}
#contact_box_side{
margin-top:30px;
padding-bottom:9px;
background:url(../imgs/bg_contact_s.gif) 0px 7px repeat-y;
border-bottom:1px solid #4b8c3e;
}
#contact_box_side h5{
margin:0px;
padding:0px;
}
#subcol #contact_box_side p.txt{
margin:10px 10px 15px 10px;
padding:0px;
color:#090;
font-size:90%;
}
#subcol #contact_box_side p.ttl_contact{
margin:3px 10px;
color:#060;
font-weight:bold;
font-size:75%;
}
#subcol #contact_box_side p.number{
margin:5px 10px;
padding:0px;
font-weight:normal;
font-size:140%;
}
#subcol #contact_box_side p.time{
margin:3px 10px;
padding:0px;
font-size:90%;
}
#subcol #contact_box_side p.b_contact_side{
margin:5px 10px;
padding-bottom:8px;
}

/* 4.3 of footer
-------------------------------------------*/
#footermenu{
text-align:center;
}
#footermenu li{
display:inline;
padding:0px 9px;
border-right:1px solid #333;
color:#333;
font-size:90%;
}
#footermenu li.lastchild{
border:none;
}
#footermenu li a{
color:#333;
}
.address{
margin:5px 0px;
color:#333;
text-align:center;
font-size:80%;
}
.copy{
color:#666;
text-align:center;
font-size:90%;
}




/* 080402追記ここから */
dl.contents_index{
margin:20px 10px;
}
.contents_index dt{
margin-bottom:18px;
padding:0px 27px;
background:url(../imgs/m_menu.gif) 0 center no-repeat;
font-size:120%;
}
.contents_index dt a{
color:#060;
font-weight:bold;
}
.contents_index dd{
margin-bottom:20px;
border-bottom:1px dotted #333;
}
.contents_index dd p{
padding-left:27px;
line-height:2;
}
/* 080402追記ここまで */

/* 5 of blog
-------------------------------------------*/
#blog{
background:url(../blog/imgs/bg_content_b.jpg) 0 90px repeat-x;
}
#blog #wrap_header_b{
width:100%;
background:url(../blog/imgs/bg_header_b2.jpg) 0 100% repeat-x;
}

#blog #header_b{
background:url(../blog/imgs/bg_header_b.jpg) 50% 100% no-repeat;
}
#blog #header_b div{
margin:0px auto;
padding:29px 200px 18px 3px;
width:597px;
}
#blog #header_b div h1{
margin:0px 0px 26px;
font-size:110%;
}
#blog #header_b div h1 a{
color:#fff;
}
#blog #header_b div p{
line-height:1.5;
color:#fff;
font-weight:bold;
}

#blog #content_b{
margin:0px auto;
padding:10px 0px 110px;
width:800px;
}
#blog #content_b #maincol_b{
float:left;
padding:0px 10px 0px 0px;
width:600px;
}
#blog #content_b #subcol_b{
float:right;
padding:11px 0px 0px;
width:190px;
background:#ddf3f9 url(../blog/imgs/bg_side_head.gif) 0 0 no-repeat;
}
#blog #footer_b{
width:100%;
background:url(../blog/imgs/bg_footer_b.jpg) 0 100% repeat-x;
}
#blog #footer_b div{
margin:0px auto;
padding:0px 0px 11px;
width:800px;
}
#blog #footer_b div ul{
text-align:center;
}
#blog #footer_b div li{
display:inline;
padding:0px 8px;
border-right:1px solid #333;
color:#333;
font-size:80%;
}
#blog #footer_b div li a{
color:#333;
}
#blog #footer_b div li.lastchild{
border:none;
}
#blog #footer_b div .address{
color:333;
font-size:70%;
}
#blog #footer_b div .copy{
margin:3px 0px 0px;
color:666;
font-size:80%;
}