@charset "UTF-8";/*
style.css
*/

/*-------------------------------------------------
HEADER 
-------------------------------------------------*/
div.header h1,
div.header #site-name{display:block;width:100%;height:118px;padding:0;position:relative;z-index:10;background:url(https://www.k-products.jp/common/images/base-parts/1812hed.png) no-repeat right top;}
div.header #corporate-logo{display:block;width:970px;height:62px;margin:0 auto;padding:16px 20px 0;position:relative;}
div.header div.nav{position:relative;margin:0 auto;padding:2px 0 0;display:block;width:1152px;z-index:8;}
div.header div.nav ul{position:relative;margin:-25px 0 0;padding:16px 0 0;display:block;width:1152px;height:60px;}
body.contents-page_sub div.header div.nav ul{height:40px;}
div.header div.nav li{float:left;display:block;}
div.header div.nav li.presence{background:#333;}
div.nav li a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
div.nav li.nav_jimny-life img{opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha( opacity=60 )";}
body.contents-page_sub div.header div.second_navi{margin:6px 0 0;padding:0;border-bottom:1px #333 solid;background:#333;width:100%;}
body.contents-page_sub div.header div.second_navi ul{margin:0 auto;padding:0 0 0 5px;width:1152px;}
body.contents-page_sub div.header div.second_navi li{display:inline-block;margin:0 -2px 0 -3px;padding:0;font-size:108%;line-height:0.8;}
body.contents-page_sub div.header div.second_navi li span.presence{display:block;border-left:#333 11px solid;background:#333;font-weight:bold;}
body.contents-page_sub div.header div.second_navi li a{display:block;padding:10px 60px 10px 5px;border-left:#111 11px solid;background:#333;color:#AAA;font-weight:bold;}
body.contents-page_sub div.header div.second_navi li a:hover{border-left:#111 11px solid;background:#AAA;text-decoration:none;}
/*-------------------------------------------------
MAIN 
-------------------------------------------------*/

/*----Contents Page---------------------------*/

#Main h2.title{margin:0 auto 30px;width:710px;height:72px;text-indent:-9999px;}
#Main h3.title{margin:0 0 20px;padding:10px;border-bottom:#fc0 5px solid;background:#333;font-size:138%;color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#Main div.nav.third_navi{margin:20px auto 30px;padding:10px 20px;width:650px;background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#Main div.nav.third_navi li{display:inline-block;margin-right:20px;}
#Main div.nav.third_navi li a{display:block;margin:0;padding:0 0 0 13px;font-weight:bold;background:url(common/images/base-parts/list_marker_og.gif) no-repeat;}
#Main div.nav.third_navi li span.presence{display:block;margin:0;padding:0 0 0 13px;font-weight:bold;background:url(common/images/base-parts/list_marker_r.gif) no-repeat;}
#Main p,
#Main table{font-size:108%;line-height:1.5;}
body.contents-page div.article,
body.contents-page_sub div.article{margin:10px auto 30px;width:690px;}
body.contents-page div.section,
body.contents-page_sub div.section{margin:0 0 30px;}
body.contents-page div.section p,
body.contents-page_sub div section p{margin:0 0 15px;line-height:1.5;}
/*Table*/
body.contents-page table,
body.contents-page_sub table{border:#a5a389 1px solid;border-collapse:collapse;width:100%;}
body.contents-page th,
body.contents-page td,
body.contents-page_sub th,
body.contents-page_sub td{padding:5px;text-align:left;border-bottom:#a5a389 1px solid;}
body.contents-page th,
body.contents-page td.empty,
body.contents-page_sub th,
body.contents-page_sub td.empty{border-right:#a5a389 1px solid;background-color:#e8e6c7;}
body.contents-page td,
body.contents-page_sub td{border-right:#ccc 1px solid;background-color:#fff;}
/*Shop Name*/
span.shop_name{text-transform:uppercase;}
/*----breadcrumbs-------------------*/
#Main div.breadcrumbs{z-index:100;margin:0 auto 10px;padding:3px;width:704px;/*background:#ccc8ab;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;*/}
#Main div.breadcrumbs p{display:inline-block;padding:2px 5px 0;font-size:100%;}
#Main div.breadcrumbs p.herenow{font-weight:bold;color:#333;}
#Main div.breadcrumbs a:link{color:#009;text-decoration:none;}
#Main div.breadcrumbs a:hover{color:#f90;}
/*---------------breadcrumbs End----*/

/*----Banner Area-------------------*/

div.banner_area{margin:10px auto 30px;width:670px;}
/*---------------Banner Area End----*/

/*----Go to Top---------------------*/

/*Go to Top*/
#Main div.goto-top{position:relative;margin:20px 0;padding:0;height:inherit;visibility:visible;text-align:right;left:605px;}
#Main div.goto-top a{display:block;margin:0 0 0 -10px;padding:5px 8px 5px 18px;border:#fc0 3px solid;width:7.2em;background:#fff86b url(common/images/base-parts/arrow-top.gif) no-repeat;color:#000;line-height:1;text-decoration:none;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
#Main div.goto-top a:hover{background:#fc0 url(common/images/base-parts/arrow-top_a.gif) no-repeat;color:#fff;border:#fe9900 3px solid;font-weight:bold;}

/*For Safari*/
html:\66irst-child div.goto-top a{width:7.8em;}
/*------------------Go to Top End----*/

/****Event****/
body.event #Main h2.title{background:url(common/images/title/event_tle.gif) no-repeat;}
body.event header div.second_navi li{min-width:100px;}
body.event header div.second_navi li span.presence,
body.event header div.second_navi li a{padding:10px 16px 10px 5px;text-decoration:none;}
#offroad_school div.article.schedule th,
#offroad_school div.article.schedule td.target{text-align:center;}
/****Service****/
body.service #Main h2.title{background:url(common/images/title/service_tle.gif) no-repeat;}
body.service header div.second_navi li{min-width:80px;}
body.service header div.second_navi li span.presence,
body.service header div.second_navi li a{padding:10px 16px 10px 5px;text-decoration:none;}
body.service div.caution,
body.service div.update{font-size:93%;}
body.service div.update{margin:5px 0 0;text-align:right;}
body.service section h4.title{margin:20px 0 5px;padding:0 0 0 2em;background:url(common/images/base-parts/list_marker.gif) no-repeat;font-size:108%;text-indent:-1em;}
body.service #service_apply{margin:30px 0 0;padding:10px;border:2px #f60 solid;background:#fde9c4;}
body.service #service_apply p,
body.service #service_apply em{display:inline-block;vertical-align:middle;}
body.service #service_apply p{margin:0 0 0 20px;font-size:100%;}
body.service #service_apply em{margin:0 10px 0 40px;}
body.service #service_apply em#goto-apply a{display:block;width:180px;height:43px;text-indent:-9999px;background:url(/service/images/service_contactus_btn.gif) no-repeat;}
body.service #service_apply em#goto-apply a:hover{background-position:0 -43px;}
/****Whole Sales****/
#whole_sales #Main h2.title{background:url(common/images/title/whole_sales_tle.gif) no-repeat;}
#whole_sales #Main div.article p{margin:0 auto 10px;width:670px;}
#whole_sales #Main div.article div.attention{margin:15px auto 30px;padding:10px 10px 0;border:1px solid #529de1;background:#e0eef7;width:510px;}
#whole_sales #Main div.article div strong{font-size:174%;line-height:1.8;}
#whole_sales #Main div.article div li{margin:0 0 6px 1em;font-size:146.5%;font-weight:bold;line-height:1.3;list-style-type:disc;}
#whole_sales #Main div.article div.contact,
#whole_sales #Main div.article div.fax{text-transform:uppercase;}
#whole_sales #Main div.article em{color:#f00;}
#whole_sales #Main div.article p.daibiki,
#whole_sales #Main div.article p.bank-transfer{width:600px;margin:10px 5px 15px 5.5em;text-indent:-4.8em;}
/****Shop-index****/

#shop-index #Main h2.title{background:url(common/images/title/shop-info_tle.gif) no-repeat;}
#shop-index #Main div.section{margin:10px auto 30px;width:690px;}
#shop-index #Main #intro{margin:10px auto;}
#shop-index #Main #intro div.name-area{display:inline-block;}
#shop-index #Main #intro div#rv4wildgoose{width:350px;margin:0 10px 0 0;}
#shop-index #Main #intro div#bookgarage{width:324px;}
#shop-index #Main #intro div.logo{float:left;margin:0 8px 0 0;}
#shop-index #Main #intro div#rv4wildgoose div.logo{width:137px;}
#shop-index #Main #intro div#bookgarage div.logo{width:144px;}
#shop-index #Main #intro p{font-weight:bold;line-height:1.3;}
#shop-index #Main #intro p.shop-copy{float:left;margin:20px 0 0;font-size:123.1%;}
#shop-index #Main #intro div#rv4wildgoose p.shop-copy{width:199px;}
#shop-index #Main #intro div#bookgarage p.shop-copy{width:170px;}
#shop-index #Main #intro p.shop-name{float:left;font-size:161.6%;}
#shop-index #Main table{margin:0 auto;border-collapse:collapse;border:#333 3px solid;}
#shop-index #Main td,
#shop-index #Main th{padding:10px;border-right:#333 3px solid;border-bottom:#333 3px solid;background:#fff5cf;font-size:123.1%;line-height:1.5;}
#shop-index #Main th{background:#fc0;}
#shop-index #Main td{background:#ffeeb7;}
#shop-index #Main #intro div#rv4wildgoose p.shop-name{width:195px;}
#shop-index #Main #intro div#bookgarage p.shop-name{width:170px;}
#shop-index #Main #map_large,
#shop-index #Main #street-view iframe{border:#000 1px solid;}
#shop-index #Main #shop-entrance div.photo{margin:20px auto 10px;width:640px;}
/****Company****/
body.company #Main h2.title{background:url(common/images/title/company-prof_tle.gif) no-repeat;}
body.company header div.second_navi li{min-width:120px;}
body.company header div.second_navi li span.presence,
body.company header div.second_navi li a{padding:10px 60px 10px 5px;}
body.company div.article div.details th.year{border-right:none;background-color:#514e28;color:#fff;}
body.company div.article div.details th.month{width:3em;}
body.company div.article div.details td ul{margin-left:5px;}
#company-name section.logo{margin:30px auto;width:556px;}
#company-name section.main_text p:first-child,
#company-name section.supple p{text-indent:-1em;margin-left:1em;}
#company-name section.main_text p{margin-left:1em;}
#philosophy #Main div.article p,
#philosophy #Main div.article li{margin:0 auto 10px;font-size:174%;font-weight:bold;line-height:1.5;}
#philosophy #Main div.article p{width:670px;}
#philosophy #Main div.article li{padding:0 0 0 1em;width:650px;text-indent:-1em;}



/*Clearfix*/
div.issue-category-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /*IE7以外のモダンブラウザ向け*/
div.issue-category-box{display:inline-block;} /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
* html div.issue-category-box{height:1%;}
div.issue-category-box{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


/****Update Log****/
#update #Main h2.title{margin:0 0 30px -10px;background:url(common/images/title/update_log_tle.gif) no-repeat;}
#update table,
#update td{border:1px #e2d83f solid;}
#update td.date,
#update td.info{vertical-align:top;}
#update td.info p{display:inline;padding:0 0.5em 0 0;font-size:100%;}
/****Agreement****/
/****Privacy****/
#agreement #Main h2.title{background:url(common/images/title/agreement_tle.gif) no-repeat;}
#privacy #Main h2.title{background:url(common/images/title/privacy-policy_tle.gif) no-repeat;}
#act_on_sct #Main h2.title{background:url(common/images/title/act_on_sct_tle.gif) no-repeat;}
#agreement #Main div.article p,
#agreement #Main div.article li,
#privacy #Main div.article p,
#privacy #Main div.article li{margin:0 auto 10px;line-height:1.5;}
#agreement #Main section p{width:650px;padding:0 0 0 1em;text-indent:-1em;}
#agreement #Main section.lead p,
#agreement #Main section#article_9 p,
#privacy #Main section p{width:670px;padding:0;text-indent:0;}
#agreement #Main section li,
#privacy #Main section li{font-size:108%;}
#agreement #Main section li{width:630px;}
#privacy #Main section li{width:650px;padding:0 0 0 1.7em;text-indent:-1.7em;}
#privacy #Main #article_12 p.e_mail img{vertical-align:text-bottom;}
/*Act on Specified Commercial Transactions*/

#act_on_sct th{width:110px;}



/*-------------------------------------------------
APPLY AREA 
-------------------------------------------------*/

#apply-area{width:980px;margin:0 auto;padding:0 20px 20px;}
#apply-area div.photo{float:left;padding:0 15px 0 0;width:138px;}
#apply-area div.photo ima{border:#333 1px solid;}
#apply-area div.company-info{float:left;margin:-3px 0 0;width:389px;}
#apply-area div.company-info dl{margin:5px 0 0;padding:0 5px 0 0;font-size:100%;}
#apply-area div.company-info p,
#apply-area div.company-info dt,
#apply-area div.company-info dd{font-weight:bold;line-height:1.3em;}
#apply-area div.company-info dt,
#apply-area div.company-info dd{display:inline-block;}
#apply-area div.company-info dd{padding:0 10px 0 0;}
#apply-area div.company-info p.company-name{font-size:116%;}
#apply-area div.company-info p.zipcode,
#apply-area div.company-info p.address{font-size:100%;}
#apply-area div.company-info p.map{margin:5px 0 0;}
#apply-area div.company-info p.map a{padding:3px 5px;border:#f60 1px solid;background:#ff9d55;color:#fff;font-weight:bold;}
#apply-area div.company-info p.map a:hover{background:#ff7600;text-decoration:none;}
#apply-area div.contact{float:left;margin:-3px 0 0;padding:0 0 0 15px;width:420px;border-left:#dbd8c9 3px solid;}
#apply-area div.contact p.title{font-size:116%;font-weight:bold;}
#apply-area div.contact div.tel,
#apply-area div.contact div.fax,
#apply-area div.contact p{display:inline-table;}
#apply-area div.contact div{margin:5px 0 0;}
#apply-area div.contact div.e-mail p.expl{width:175px;}
#apply-area div.contact div.e-mail a{text-indent:-9999px;display:block;width:232px;height:40px;background:url(common/images/base-parts/btn_mailform.gif) no-repeat;outline:0;}
#apply-area div.contact div.e-mail a:hover{background:url(common/images/base-parts/btn_mailform_a.gif) no-repeat;outline:0;}
/*-------------------------------------------------
PARTS MAKER LIST 
-------------------------------------------------*/

#PartsMaker{width:1040px;margin:0 auto;padding:0 20px;}
#PartsMaker h2{margin:0 auto;text-align:center;border-bottom:#999999 solid 2px;margin-bottom:15px;width:100%;}
#PartsMaker h2 img{margin:0 433px;text-align:center;}
#PartsMaker ul{list-style:none outside none;float:none;margin:0 auto;padding:0 20px;position:static;left:0;width:1040px;}
#PartsMaker ul li{float:left;margin-right:5px;position:relative;left:0;}
/*-------------------------------------------------
div.footer 
-------------------------------------------------*/
div.div.footer{width:100%;margin:0 auto;text-align:center;position:relative;}
div.footer #copyright{margin:0 auto;padding:50px 20px 0;width:980px;position:relative;}
div.footer div.navi{margin:0;padding:0;/*width:650px;*/
text-align:right;position:absolute;right:0;top:60px;}
div.footer div.navi li{display:inline-block;padding:0 10px;border-left:2px #fb0 solid;*display:inline;*zoom:1;}
div.footer div.navi li#sitemap{border-right:2px #fb0 solid;}
div.footer div.navi li a{color:#000;font-weight:bold;font-size:100%;}
div.footer div.navi li#sitemap{color:#000;font-weight:bold;font-size:100%;}
div.footer div.navi li#sitemap:hover{text-decoration:underline;cursor:pointer;}
div.footer #copyright p{background:#999; no-repeat;margin:0;padding:0 0 0 40%;width:57%;text-align:left;font-size:110%;}
div.footer #copyright div.PageTopBtn{cursor:pointer;margin:0;padding:0;width:116px;text-align:right;position:absolute;right:40px;top:50px;}
div.footer div.PageTopBtn img{margin-right:0;}
/*-------------------------------------------------
SUB CONTENTS 
-------------------------------------------------*/
#contents #sub-contents a:hover img,
#btn_shop_bsr:hover,
#btn_right_bsr:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
#contents #sub-contents p.Ban{margin-bottom:10px;}
#contents #sub-contents .BtnList{clear:both;margin-bottom:10px;}
#contents #sub-contents .BtnList li a{display:block;margin-bottom:10px;}
/**/
#contents #sub-contents #Sales{margin-bottom:10px;background:#5098b6;}
#contents #sub-contents #Sales img{line-height:0;display:block;}
#contents #sub-contents #Sales a{display:block;height:25px;text-align:right;padding:5px 10px 0 0;margin:0;color:#fff;background:url(common/images/base-parts/side_whole_sale_bg.png) no-repeat left bottom;}
/**/	
#contents #sub-contents #News{margin: 5px 0 10px;}
#contents #sub-contents #News img{vertical-align:text-bottom;line-height:0;display:block;}
#contents #sub-contents #News .Btm{background:url(common/images/base-parts/side_btm_news.png) no-repeat left bottom;margin-top:-10px;padding:10px 15px 10px 0;text-align:right;}
#contents #sub-contents #News dl{background:#fff;padding:0 15px;}
#contents #sub-contents #News dt{font-weight:bold;}
#contents #sub-contents #News dd{border-bottom:#cccccc solid 1px;padding-bottom:8px;margin-bottom:10px;}
#contents #sub-contents #e-book,
#contents #sub-contents #tourist_spot{margin-bottom:5px;}
/*----Recommend---------------------------*/
#RecommendArea{width:240px;margin:5px 0;}
iframe#RecommendFrm{width:240px;height:390px;height:400px\9; /* IE8 and below */overflow:hidden;}
section.recommend{margin:0;padding:0;width:240px;height:390px;height:400px\9; /* IE8 and below */position:relative;margin-bottom:10px;}
section.recommend #NextBtn{position:absolute;right:5px;top:150px;z-index:101;cursor:pointer;}
section.recommend #PrevBtn{position:absolute;left:5px;top:150px;z-index:102;cursor:pointer;}
section.recommend h2{height:86px;margin:0;padding:0;}
section.recommend div.recommend-article{position:absolute;left:0;top:86px;background:#c21a22 url(common/images/base-parts/side_recommend_btm.png) no-repeat left bottom;width:240px;height:304px;height:314px\9; /* IE8 and below */overflow:hidden;z-index:100;}
section.recommend div.recommend-article div.article{width:240px;margin:0 auto;padding-top:10px;padding-bottom:15px;}
section.recommend div.recommend-article article.Shop_Apio{background:url(common/images/icon/recom_apio.gif) no-repeat 165px 225px;}
section.recommend div.recommend-article div.article img{display:block;width:178px;margin:0 auto 5px auto;border:#fff 1px solid;}
section.recommend div.recommend-article div.article p{padding:5px 10px 0;font-weight:bold;}
section.recommend div.recommend-article div.article p,
section.recommend div.recommend-article div.article p a{color:#fff;line-height:1.3;}
section.recommend div.recommend-article div.article p a{color:#fff;line-height:1.2;}
/*-----------------------Recommend End----*/