@charset "UTF-8";
@import "reset.css";
@import "font.css";


/*base font style*/
body {color: #303030;}

/*base font style*/
a:link {color: #6bb011;text-decoration: none;}
a:visited{text-decoration: none; color: #5d6b4a;}
a:hover{color: #98f61f; }
#contents1 a:hover,#contents2 a:hover{color: #3FCBD7; text-decoration:underline;}


/*clearfix*/
.clearfix:after {content: " ";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear {clear: both;}

ul.plus li a{ background: url(/img/common/ico_plus.gif) no-repeat 0px 4px; padding: 0 0 0 10px;}


/*---------------------------------------------

common layout

---------------------------------------------*/


#header { background: url(/img/common/h_bg.jpg) repeat-x #000000; height:100px; margin: 0;}
#hcon { 
	width: 960px; height:97px;
	margin: 0px auto 0 auto; 
	background: url(/img/common/h_park.gif) right bottom no-repeat;
	}
#hcon h1 { padding: 33px 0 0 0 ; width: 240px; float: left;}
#hcon p.description{ padding: 40px 0 0 0 ; width: 480px; font-size: 11px; float: left;}
#hcon .submenu{ font-size: 10px; font-weight:bold; padding: 18px 0 0 0 ;float:right; margin: -80px 0 0 0;}
#hcon .submenu a{ padding: 0 18px 0 0;}
#hcon .submenu a.mailmag{ background: url(/img/common/ico_check.gif) no-repeat left; padding: 0 0 0 18px;}
#hcon .submenu a.whatis{ background: url(/img/common/ico_what.gif) no-repeat left; padding: 0 0 0 18px; margin: 0 0 0 24px;}

#pagetop { clear: both; width: 960px; text-align: right; font-size: 0.85em; margin: 12px auto 0 auto;}

#contents1 { width: 960px; margin: 24px auto 0 auto; } 
#contents2 { width: 960px; margin: 6px auto 0 auto; } 
#footer-con { width: 960px; margin: 0px auto 0 auto; } 
#footer { clear: both; background: url(/img/common/footer_head.gif) repeat-x center top; padding: 88px 0 0 0 ;}
#footer2{ background: url(/img/common/footer_bg.gif) repeat-x;}

.left-1,.right-1{ margin: 24px 0 0 0;}
.left-1 { width: 630px; float: left;}
.right-1 { width: 300px; float: right;}


#topicpath{ background: url(/img/common/topicpath_bg.gif); font-size:10px; padding:3px 0 3px 0; font-weight: bold;}
#topicpath .con{ width: 960px; margin: 0px auto 0 auto;}
#topicpath a{ margin: 0 12px 0 0; background: url(/img/common/arrow_r_green.gif) no-repeat right; padding: 0 12px 0 0;}



#menu,#top-pickup,#brandsearch{ border-top: 3px solid #111111; padding: 12px 0 12px 0; margin: 36px 0 36px 0;}
#menu h2{ background: url(/img/common/l_menu.gif) no-repeat; height: 36px;}
#menu h2 span,#top-pickup h2 span,#brandsearch h2 span{ display: none;}
#menu ul{ font-weight: bold; padding: 0 0 0 12px; }
#menu ul li{ line-height:180%; background: url(/img/common/ico_plus.gif) no-repeat 0px 10px; padding: 0 0 0 10px;}

#menu ul li:hover{ line-height:180%; background:#ededed url(/img/common/ico_plus_ro.gif) no-repeat 0px 10px;}
#menu a:hover{ color: #5C7881;}


#brandsearch h2{ background: url(/img/common/l_brandsearch.gif) no-repeat; height: 36px;}

#searchform2{ background: url(/img/common/search_ll_bg.gif) no-repeat;}
#searchform2 .searchl { 
	font-size: 1.2em; border: none; margin: 6px 0 0 6px; 
	background: url(/img/common/ico_search_l.gif) no-repeat;
	height: 24px;
	padding: 0 0 0 24px;}
#searchform2 #searchBtn1 { margin: 12px 0 0 180px; text-align: right;}



/*---------------------------------------------

footer contents

---------------------------------------------*/
#footer-con h1{ border-bottom: solid 1px #331d1d; padding: 36px 0 3px 0;}
#footer-con .conts{ width: 320px; float: left; margin: 48px 0 0 0 ; font-size: 0.8em;}
#footer-con .conts .eacharea{ margin: 0 0 36px 0;}
#footer-con .conts h2{ font-weight: bold; color:#331d1d; margin: 0 0 12px 0;}
#footer-con .conts h3{}
#footer-con .conts h3 a{ color:#331d1d;}
#footer-con .conts h3 a:hover,#footer-navi a:hover{ color:#ccf2ee; text-decoration:underline;}

#footer-navi,#footer-copy{ clear: both; text-align: center; font-size: 0.75em; padding: 0 0 12px 0;}
#footer-navi a{ color:#331d1d;text-align:center; padding: 0 3px 0 3px;}

/*---------------------------------------------

top page

---------------------------------------------*/


.mainvisual{}
#top-search{ font-size: 0.85em;}
#top-search .box-1 ul,#top-search .box-2 .conts,#top-search .box-3 ul{ height: 130px;}
#top-search .box-1,#top-search .box-2,#top-search .box-3{ float: left;}
#top-search .box-1,#top-search .box-2{ 
	background: url(/img/top/serach_bgw207.gif) repeat-y;
	width: 207px;
	margin: 0 10px 0 0;}
#top-search .box-1 .bottom,#top-search .box-2 .bottom{
	background: url(/img/top/serach_botttom_w207.gif) no-repeat bottom;
	text-align: right;
	padding: 12px 12px 6px 0;}
#top-search .box-1 .bottom a,#top-search .box-2 .bottom a{ 
	background: url(/img/common/ico_arrow_r.gif) no-repeat right 3px;
	padding: 0 18px 0 0;}
#top-search .box-1 ul,#top-search .box-3 ul{ padding: 12px 8px 0 10px;}
#top-search .box-1 ul li a,
#top-search .box-3 ul li a{ background: url(/img/common/ico_plus.gif) no-repeat 0px 4px; padding: 0 0 0 10px;}
#top-search .conts{ padding: 12px 8px 0 10px;}

#searchform1{ background: url(/img/common/search_l_bg.gif) no-repeat;}
#searchform1 .searchl { 
	font-size: 1.2em; border: none; margin: 6px 0 0 6px; 
	background: url(/img/common/ico_search_l.gif) no-repeat;
	height: 24px;
	padding: 0 0 0 24px;}
#searchform1 #searchBtn1 { margin: 12px 0 0 80px; text-align: right;}

#top-search .box-3{
	background: url(/img/top/serach_bgw188.gif) repeat-y;
	width:188px;
	margin: 0;}
#top-search .box-3 .bottom{
	background: url(/img/top/serach_botttom_w188.gif) no-repeat bottom;
	text-align: right;
	padding: 12px 12px 6px 0;}

.left-1 .banner468 { clear:both; text-align: center; padding: 48px 0 48px 0 ;}
.banner468 a img{ padding: 1px; border: 1px solid #ededed;}

#topnews h2{ background: url(/img/top/l_news.gif) no-repeat; height: 48px;}
#topnews h2 span{display: none;}

#topnews .eachtopic{ clear: both; padding: 48px 0 24px 0 ; background: url(/img/common/line_dot_1.gif) repeat-x bottom; }
#topnews .eachtopic img{ float: left; margin: 0 24px 24px 0;}
#topnews .eachtopic a img{ padding: 2px; border: 1px solid #ededed;}
#topnews .eachtopic h3{ font-weight: bold; font-size: 1.2em; padding: 0px 0 6px 0px; background: url(/img/common/line_dot_1.gif) repeat-x bottom; margin: 0 0 24px 0;}
#topnews .eachtopic p{}
#topnews .eachtopic p.todetail{ margin: 24px 0 24px 0;}



#top-pickup h2{ background: url(/img/common/l_pickup_mall.gif) no-repeat; height: 36px;}
#top-pickup h3{ font-weight: bold; margin: 18px 0 18px 0;}
#top-pickup img{ margin: 6px auto 24px auto; padding: 2px; border: 1px solid #ededed; text-align:center;}
#top-pickup p{ font-size: 0.8em; padding: 8px;}
#top-pickup ul{ font-weight: bold; padding: 0 0 0 12px; }
#top-pickup ul li{ line-height:180%; background: url(/img/common/ico_plus.gif) no-repeat 0px 10px; padding: 0 0 0 10px;}





/*---------------------------------------------

search by location

---------------------------------------------*/

.bymap,.ranking{ width:621px; background:url(/img/common/box_621_bg.gif) repeat-y; margin: 0 0 36px 0;}
.ranking{ margin: 0 0 0px 0;}
.bymap .googlemap{ margin: 12px 0 0 8px;float: left;}
.bymap .bottom,.ranking .bottom{ background:url(/img/common/box_621_bottom.gif) no-repeat bottom; clear:both; height:18px;}
.bymap .locationlist{ float: right; width: 190px; font-size:0.85em; margin: 36px 8px 0 0;}
.bymap li a{ background: url(/img/common/ico_plus.gif) no-repeat 0px 4px; padding: 0 0 0 10px;}

.ranking h3{ font-size: 0.8em;}
.ranking .r-no1 img,.ranking .r-no2 img,.ranking .r-no3 img{ border: solid 1px #ededed; padding:1px;}
.ranking .r-no1 a:hover img,.ranking .r-no2 a:hover img,.ranking .r-no3 a:hover img{ border: solid 1px #98f61f; padding:1px;}
.ranking .r-no1,.ranking .r-no2,.ranking .r-no3{ width:160px; float: left; margin: 18px 22px 0px 24px;padding: 36px 0 0 0;}
.ranking .r-no1{ background: url(/img/index/rank1.jpg) no-repeat; }
.ranking .r-no2{ background: url(/img/index/rank2.jpg) no-repeat; }
.ranking .r-no3{ background: url(/img/index/rank3.jpg) no-repeat; }

.index{ margin: 0 0 42px 0; clear:both; padding: 0px 0 42px 0; font-size: 0.9em; font-weight:bold; }
.index h2{ text-indent: -9999px;}
.index h3{ font-weight: bold; font-size: 1.2em; padding: 0px 0 6px 0px; background: url(/img/common/line_dot_1.gif) repeat-x bottom; margin: 0 0 48px 0;}
.index ul.left{ float: left; width:255px; margin: 36px 0 0 18px; padding: 0 0 48px 0;}
.index ul.right{ float: left; width:265px; margin: 36px 0 0 60px; padding: 0 0 48px 0;}
.index ul.center{ float: left; width:520px; margin: 0 0 0 18px; padding: 0 0 0 0;}
.index ul li{ margin: 0 0 8px 0;}

#location-index .hokkaido{ background:url(/img/index/l_area_hokkaido.gif) no-repeat top;}
#location-index .tohoku{ background:url(/img/index/l_area_tohoku.gif) no-repeat top;}
#location-index .kanto{ background:url(/img/index/l_area_kanto.gif) no-repeat top;}
#location-index .chubu{ background:url(/img/index/l_area_chubu.gif) no-repeat top;}
#location-index .kansai{ background:url(/img/index/l_area_kansai.gif) no-repeat top;}
#location-index .chugoku{ background:url(/img/index/l_area_chugoku.gif) no-repeat top;}
#location-index .kyusyu{ background:url(/img/index/l_area_kyusyu.gif) no-repeat top;}




/*---------------------------------------------

category index 

---------------------------------------------*/

#category-index{}
#category-index h1{ background: url(/img/common/p_header_bg.jpg) no-repeat; height: 200px; padding: 36px 0 0 50px; font-size: 24pt;}
#category-index .jp{ font-size: 12pt; }



/*---------------------------------------------

mall

---------------------------------------------*/

#mall{ font-size: 10pt; }
#mall h1{ background: url(/img/common/m_header_bg.jpg) no-repeat; height: 100px; padding: 32px 0 0 50px; font-size: 20pt;}
#mall .banner468 { clear:both; text-align: center; padding: 6px 0 36px 0 ;}

#mall-info{}
#mall-info h2{ font-weight: bold; font-size: 1.2em; padding: 42px 0 6px 0px; background: url(/img/common/line_dot_1.gif) repeat-x bottom; margin: 0 0 12px 0;}
#mall-info th {
	font-weight: normal;
	color: #2d3b4e;
	background-color: #b83800;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #822800;
}
#mall-info td {
        font-size: 75%;
        color: white;
        padding : 0.1em 0.5em;
	color: #2d3b4e;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #eeeeee #bfc3c4 #bfc3c4 #eeeeee;
}

/*---------------------------------------------

brand

---------------------------------------------*/

#brand{ font-size: 10pt; }
#brand h1{ background: url(/img/common/m_header_bg.jpg) no-repeat; height: 100px; padding: 18px 0 0 50px; font-size: 18pt;}
#brand .jp{ font-size: 12pt; }
#brand .banner468 { clear:both; text-align: center; padding: 48px 0 36px 0 ;}
#brand .info{ width: 620px; border-width: 1px; padding: 0 0 6px 0; border-style: solid; border-color: #ffffff #ffffff #bfc3c4 #ffffff; }

#brand-info{}
#brand-info h2{ font-weight: bold; font-size: 1.2em; padding: 42px 0 6px 0px; background: url(/img/common/line_dot_1.gif) repeat-x bottom; margin: 0 0 12px 0;}
#brand-info ul li{ margin: 2px 0 0 12px;}

#recommend { border-top: 3px solid #111111; padding: 12px 0 12px 0; margin: 36px 0 36px 0;}
#recommend h2 { margin: 0 0 12px 12px; }
#recommend ul li{ margin: 4px 0 0 24px;}


/*---------------------------------------------

navi

---------------------------------------------*/

#navi{ font-size: 10pt; }
#navi h1{ background: url(/img/common/m_header_bg.jpg) no-repeat; height: 100px; padding: 18px 0 0 50px; font-size: 18pt;}
#navi .banner468 { clear:both; text-align: center; padding: 48px 0 36px 0 ;}
#navi .info{ width: 620px; border-width: 1px; padding: 0 0 6px 0; border-style: solid; border-color: #ffffff #ffffff #bfc3c4 #ffffff; }

#navi-info{ margin: 24px 0 0 12px;}
#navi-info ul li{ margin: 12px 0 0 12px;}