@charset "UTF-8";


/* header top
===============================================================*/
div#headertop{
	margin:8px auto 0 auto;
	width:864px;
	position:relative;
	background:#6f614d url(../img/headertop_bg_02.jpg) repeat-y left top;
}

div#headertop h1{
	padding:14px 124px 12px 16px;
	min-height:18px;
	background:url(../img/headertop_bg_03.jpg) no-repeat left bottom;
	color:#ffffff;
}

div#headertop p{
	padding:14px 13px 0 0;
	width:851px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/headertop_bg_01.jpg) no-repeat left top;
	text-align:right;
}




/* container
===============================================================*/
body#index div#container{
	margin:18px auto 0 auto;
	width:863px;
}

body#index div#container div.left{
	width:255px;
	float:left;
	background:url(../img/left_bg_02.gif) repeat-y left top;
}

body#index div#container div.right{
	width:592px;
	float:right;
	background:url(../img/right_bg_02.gif) repeat-y left top;
}




/* brand menu
===============================================================*/
div#brandmenu{
	padding:12px 0 0 0;
	min-height:484px;
	background:url(../img/brandmenu_bg_01.jpg) repeat-x left top;
	text-align:center;
}




/* shop
===============================================================*/
body#index div#shop{
	margin:0 auto 0 auto;
	padding:8px 8px 0 8px;
	width:239px;
	background:url(../img/left_bg_01.gif) no-repeat left top;
}

body#index div#shop p{
	margin:10px 0 0 0;
	color:#816d46;
	line-height:150%;
}

body#index div#shop div{
	margin:5px 0 -5px 0;
}

body#index div#shop div img{
	margin:0 15px 0 0;
}

body#index div#shop p.shopinfo{
	margin:10px 2px 0 2px;
	padding:0 0 0 23px;
	min-height:15px;
	background:url(../cmn_img/link_ic_01.gif) no-repeat left top;
	line-height:120%;
}




/* contents menu
===============================================================*/
body#index div#contentsmenu{
	/*margin:23px auto 0 auto;*/
	margin:15px auto 0 auto;
	padding:8px 8px 11px 8px;
	width:239px;
	background:url(../img/left_bg_03.gif) no-repeat left bottom;
}

body#index div#contentsmenu h2{
	padding:0 0 17px 0;
	background:url(../img/contentsmenu_bg_01.gif) no-repeat left bottom;
}

body#index div#contentsmenu div{
	background:url(../img/contentsmenu_bg_02.gif) repeat-y left top;
}

body#index div#contentsmenu ul{
	padding:0 13px 6px 13px;
	background:url(../img/contentsmenu_bg_03.gif) no-repeat left bottom;
}

body#index div#contentsmenu ul li{
	padding:9px 0 6px 0;
	background:url(../cmn_img/contentsmenu_li_01.gif) repeat-x left top;
}

body#index div#contentsmenu ul li.first{
	background:none;
}

body#index div#contentsmenu ul li span{
	padding:0 0 0 23px;
	min-height:15px;
	display:block;
	background:url(../cmn_img/link_ic_02.gif) no-repeat left top;
	line-height:120%;
}




/* news
===============================================================*/
body#index div#news{
	padding:8px 8px 0 8px;
	width:575px;
	background:url(../img/right_bg_01.gif) no-repeat left top;
}

body#index div#news p{
	margin:-21px 0 6px 0;
	padding:0 10px;
	text-align:right;
	line-height:100%;
}

body#index div#news div{
	background:url(../img/news_bg_01.gif) repeat-y left top;
}

body#index div#news div ul{
	padding:0 2px 12px 2px;
	background:url(../img/news_bg_02.gif) no-repeat left bottom;
}

body#index div#news div ul li{
	padding:10px 10px 8px 18px;
	background:url(../img/news_li_01.gif) no-repeat left top;
	color:#8a8a8a;
	line-height:120%;
}

body#index div#news div ul li span{
	padding:0 0 0 14px;
	min-height:5px;
	display:block;
	background:url(../cmn_img/link_ic_03.gif) no-repeat 0 0.4em;
}

body#index div#news div ul li span a{
	margin:-1.2em 0 0 8.0em;
	display:block;
}

body#index div#news div ul li span a img{
	vertical-align:middle;
}




/* commodity
===============================================================*/
body#index div#commodity{
	padding:8px 8px 8px 8px;
	background:url(../img/right_bg_03.gif) no-repeat left bottom;
}

body#index div#commodity h2{
	padding:0 0 15px 0;
	background:url(../img/commodity_bg_01.gif) no-repeat left bottom;
}

div#brandlist{
	position:relative;
	background:url(../img/commodity_bg_02.gif) repeat-y left top;
}

div#brandlist div#ring{
	padding:0;
	width:127px;
	height:131px;
	position:absolute;
	right:3px;
	bottom:2px;
	background:none;
	
	z-index:0;
}

div#brandlist div{
	padding:0 6px 8px 6px;
	background:url(../img/commodity_bg_03.gif) no-repeat left bottom;
}

div#brandlist div div{
	padding:0 7px;
	width:127px;
	float:left;
	background:none;
}

div#brandlist h3{
	padding:6px 0 0 0;
	background:#839b7c url(../img/commodity_bg_04.gif) no-repeat left top;
	line-height:120%;
}

div#brandlist h3 span{
	padding:0 12px 6px 12px;
	display:block;
	background:#839b7c url(../img/commodity_bg_05.gif) no-repeat left bottom;
	color:#ffffff;
}

div#brandlist h3 a:link,
div#brandlist h3 a:visited,
div#brandlist h3 a:hover,
div#brandlist h3 a:active{
	color:#ffffff;
}

div#brandlist ul{
	margin:9px 0 0 0;
}

div#brandlist ul li{
	padding:6px 0 9px 0;
	background:url(../img/commodity_li_01.gif) no-repeat left bottom;
	line-height:120%;
}

div#brandlist ul li span{
	margin:0 0 0 3px;
	padding:0 0 0 12px;
	min-height:5px;
	display:block;
	background:url(../cmn_img/link_ic_04.gif) no-repeat 0 0.4em;
}

div#brandlist ul li span a:link,
div#brandlist ul li span a:visited,
div#brandlist ul li span a:hover,
div#brandlist ul li span a:active{
	width:100%;
	display:block;
	color:#666666;
}




/* banner
===============================================================*/
body#index div#banner{
 margin:12px auto 0 auto;
	padding:14px 0 0 0;
	width:234px;
	background:url(../img/news_li_01.gif) no-repeat left top;
}




/* mobile site
===============================================================*/
body#index div#mobilesite{
	margin:15px auto 0 auto;
	padding:8px 8px 0 8px;
	width:239px;
}

body#index div#mobilesite h2{
	padding:0;
}

body#index div#mobilesite p{
 margin:10px 2px 0 2px;
	min-height:82px;
	color:#816d46;
	line-height:150%;
}

body#index div#mobilesite p img{
 margin:0 10px 0 0;
 float:left;
}