@charset "utf-8";
/* global css*/

/* 1. init
--------------------------------------------------*/
/* reset styleSheet */
	/*img*/
	img, 	/*box*/
	p, blockquote,  h1, h2, h3, h4, h5, h6,  div, 	/*form*/
	form, fieldset, textarea, 	/*list*/
	ul, ol, dl { border: 0; margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; text-decoration: none; }
li { margin: 0; padding: 0; list-style-image: none;}
dt, dd { margin: 0; padding: 0; }
body { margin: 0; padding: 0; border-style: none; }
th { text-align: left; font-weight: normal; }
hr { clear: both; margin: 0.5em 0 1.7em; _margin: 0 0 1.2em; padding: 0px; font-size: 1.0em; line-height: 1.0em; color: #ccc; }

/* 2. globalClass
--------------------------------------------------*/

/* layout */
	.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.txt-right { width: 100%; text-align: right; }
.txt-center { width: 100%; text-align: center; }
/* clearfix */
	.cf { display:inline-block; min-height:1%;  /* for IE 7*/ }
.cf:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
/* for javascript */
	.ahover { }
.win { font-family: 'ＭＳ Ｐゴシック', sans-serif; }
.ie7 { font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
.mac, .safari { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
/* 3. html, body
--------------------------------------------------*/
/* basic [body] */
	body { background: #fff; color: #333333; }
/* base [body] */
	body.base { background: url(img/bg-dhr.gif) repeat-x left top; }
/* 4. layout
--------------------------------------------------*/
body #container { margin-right: auto; margin-left: auto; text-align: left; }
/* base [layout] */
	body.base #container { width: 820px; background: transparent url(../../share_imgs/space.gif) repeat-y center top; }
/* 5. siteCommonStyle
--------------------------------------------------*/
/* font-size */
	body, td, th { font-size: 12px; line-height: 18px; }
/* heading */
	h1 { color: #ffffff; font-size: 10px; width: 820px; height: 17px; text-align: right; margin-bottom: 10px; }
h2 { margin-bottom: 15px; }
#maincontent_in h2, #maincontent_in h3 { font-size: 20px; line-height: 24px; font-weight: bold; width: 560px; margin-bottom: 15px; padding: 9px 0 6px 30px; background: url(img/bg-h.gif) no-repeat left top; }
#maincontent_in h4 { font-size: 13px; width: 570px; margin-bottom: 10px; padding: 5px 10px 2px; border-bottom: #f73a6a solid 3px; background: #fbb1be; }
/* A */
	a { background: none; color: #0066cc; text-decoration: underline; }
a:hover { background: none; color: #0066cc; text-decoration: none; }
/* cap */
	.caption,  .cap { padding-top: 5px; background: none; color: #999999; font-size: 10px; line-height: 15px; }
.caption { padding-top: 0px; }
.red { color: #f08e8a; }
.b0 { font-weight: bold; }
.brown { color: #7c3f06; }
/* header */
	#header { width: 820px; }
#logo { margin-right: 320px; float: left; }
#hdr-bt { width: 281px; height: 28px; margin-left: 539px; padding-top: 5px; clear: left; overflow: hidden; position: relative; z-index: 5; }
#hdr-bt li { font-size: 1px; line-height: 1px; height: 28px; margin-left: 10px; float: right; overflow: hidden; }
#img-hdr { margin-top: -13px; position: relative; z-index: 2; }
#navi { width: 820px; height: 41px; overflow: hidden; }
#navi li { font-size: 1px; line-height: 1px; height: 41px; float: left; overflow: hidden; }
#pan { font-size: 10px; line-height: 15px; padding: 8px 0 8px; }
#pan a, #pan a:hover { color: #0066CC; }
/* content */
	#content { width: 820px; }
#maincontent { width: 590px; margin-left: 20px; float: right; }
#maincontent h2.bg {background:url(img/bg/h2.gif) no-repeat 0 0; height:41px; color:#FFFFFF; font-size:16px; padding:10px 0 0 30px; font-weight:bold;}
#maincontent h3 { font-size: 14px; font-weight: bold; background: #F4FBFC; margin: 25px 0px 20px; padding: 8px 15px 6px 10px; border-top: 2px solid #70C2DE; border-bottom: 1px solid #ccc;  clear:both;}
#maincontent p { font-size:1.2em; line-height:1.6em; margin:0px 5px 15px;}
#sidebar { width: 210px; float: right; }
#rankingbox { width: 210px; margin-bottom: 20px; padding-bottom: 5px; background: url(img/bg-rank_b.gif) no-repeat left bottom; }
#ranking { width: 190px; padding: 0 8px 0 12px; background: url(img/bg-rank.gif) repeat-y left top; }
#ranking li { width: 190px; padding: 15px 0 10px; background: url(img/kkk.gif) repeat-x left bottom;  list-style-type: none; }
#ranking li#rank-no5 { padding: 15px 0 5px; background: none; }
#ranking li img.rank-no { float: left; }
#ranking li .rank-product { width: 100px; text-align: right; padding: 3px 5px 3px 0; float: left; }
#sidebar-bt { width: 210px; }
#sidebar-bt li { margin-bottom: 5px; list-style-type: none;  }
#sidebar-bt li a, #sidebar-bt li a:hover { color: #ffffff; text-decoration: none; width: 175px; padding: 2px 0 0 35px; background: url(img/bg-sdrbt.gif) no-repeat left top; display: block; }
#sidebar-bt li a:hover { background-position: left bottom; }
#footernavi { width: 820px; text-align: right; margin-bottom: 10px; padding-top: 50px; clear: both; }
#footernavi a, #footernavi a:hover { padding: 2px 10px; border-left: #874f1b solid 2px; display: inline-block; }
#footernavi a.end, #footernavi a.end:hover { padding: 2px 0 2px 10px; }
.mr20 { margin-right: 20px; }
#bt-pagetop { font-size: 10px; line-height: 15px; width: 590px; text-align: right; padding-top: 30px; }
#bt-pagetop a, #bt-pagetop a:hover { color: #d90000; }

/* dtl */
div#dtl { width: 100%;margin-bottom: 10px; padding-top: 50px; clear: both;}

/* footer */
#bg-footer { width: 100%; border-bottom: #7c3f06 solid 17px; }
#footer { text-align: right; width: 820px; margin: 0 auto; padding: 10px 0 17px; background: url(img/kkk_ftr.gif) repeat-x left top; }
/* 6. eachPageStyle
--------------------------------------------------*/
/* top */
	#check-text { font-size: 16px; line-height: 24px; width: 590px; height: 111px; text-align: right; padding-top: 16px; background: url(img/bg-check.gif) no-repeat left top; }
.productlist_top { width: 580px; height: 490px; margin-bottom: 15px; padding: 9px 0 0 9px; border-top: #7c400a solid 1px; border-left: #7c400a solid 1px; }
.productlist_top dt { margin-right: 10px; float: left; }
.productlist_top dd { font-size: 12px; line-height:1.5em; width: 280px; height: 120px; float: left; position: relative; }
.productlist_top dd img { width: 122px; height: 39px;  margin:10px 0 0 0; }
.productbox_top { width: 285px; float: left; }
.productbox_top .productlist_top { width: 275px; height: 140px; }
.productbox_top .productlist_top dd { width: 130px; height: 140px; }
#top_h3 { margin: 25px 0 10px; }
#check-text img { margin-bottom: 10px; }
#knowledge_top { width: 590px; margin-top: 5px; }
#knowledge_top li { font-size: 13px; width: 175px; margin-right: 15px; padding: 15px 0 5px 10px; float: left; background: url(img/bg-ol.gif) repeat-x left bottom; list-style-type:none;}
#knowledge_top li.end { margin-right: 0; }
#knowledge_top li a { text-decoration: none; }
/* detail */
#product-title { color: #7c400a; font-size: 20px; line-height: 24px; width: 590px; height: 31px; margin-bottom: 5px; padding-top: 7px; border-top: #7c400a solid 1px; border-bottom: #7c400a solid 1px; position: relative; }
#price { color: #d90000; font-size: 16px; font-weight: bold; line-height: 22px; position: absolute; top: 8px; right: 0; }
#price span { font-size: 10px; font-weight: normal; }
#product-caption { color: #666666; margin-bottom: 15px; }
#product-text { font-size: 18px; line-height: 24px; margin-bottom: 20px; }
#product-img { position: relative; z-index: 1; }
#product-img_caption { font-size: 14px; width: 310px; text-indent: -1em; margin-top: -40px; padding-left: 1em; position: relative; z-index: 2; }
#detail { width: 590px; margin-top: 30px; padding-bottom: 30px; background: url(img/k3.gif) repeat-x left bottom; }
table.detail { width: 310px; float: left; border-collapse: collapse; margin-right:10px; }
table.detail th { text-align: left; vertical-align: middle; padding: 7px 10px 5px; border: #999999 solid 1px; }
table.detail td { text-align: left; vertical-align: middle; padding: 7px 10px 5px; border: #999999 solid 1px; }
table.detail th { width: 45px; padding: 7px 0 5px; text-align: center; background: #e6e6e6; }
table.detail td#weight-title { width: 45px; padding: 7px 0 5px; text-align: center; background: #e6e6e6; }
table.detail td#material { color: #d2ba98; font-size: 10px; line-height: 15px; }
#detail.cart {margin-left:12px;}

#product-info {float: right; }
#product-contact a, #product-contact a:hover { height: 30px; padding: 7px 0 0 42px; margin-top:15px; display: inline-block; background: url(img/ar-mail.gif) no-repeat left top; }
#product-info form { margin: 8px 0; }
#meyasu { width: 590px; margin: 10px 0 20px; padding-bottom: 10px;  }
#meyasu p { margin-bottom: 10px; }
#product-sumbnail { width: 590px; margin-top: 15px; padding-bottom: 12px; background: url(img/kkk.gif) repeat-x left bottom; overflow: hidden; }
#product-sumbnail li { width: 180px; margin-right: 15px; float: left; }
#product-sumbnail li p.sumb-title { font-size: 14px; margin: 5px 0 3px; }
#product-sumbnail li p.sumb-price { color: #d90000; font-weight: bold; }
#product-sumbnail li p.sumb-price span { font-size: 10px; font-weight: normal; }
/*--------------------------------------------------------
■class
--------------------------------------------------------*/
.afi { font-weight:bold; font-size:20px; }
.afi2 { font-weight:bold; font-size:14px; }
.red { color:#D81851; font-weight:bold; }
.b0 { font-weight:bold; }
.yellow { background:#FFFF00; }
.arrow { background:url(img/list/arrow.gif) no-repeat 0px 0px; padding-left:16px; }
.img_border { border:1px solid #c2c2c2; padding:5px; }
.img_r { border:1px solid #c2c2c2; padding:5px; margin: 10 0 0 15px; }
.img_r2 { margin: 0 0 0 15px; padding-right:7px; padding-top:15px; }
.img_l { margin-right:15px; border:1px solid #c2c2c2;margin-bottom:15px; }
.img_l2 { margin-right:15px; margin-bottom:15px; margin-top:0; padding:0; }
.line { background:url(img/line/line.gif) no-repeat center; margin:0 0 15px 0; }
.note { background-color: #f4f4f4; padding:13px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 0px 20px 0px; clear:both; }
.note ol { padding:5px 7px 10px 7px; margin-left:15px; margin-right:5px; }
.note ol li { font-size:1.0em; margin:0 0 10px 10px; }
.note ul { padding:10px 10px 0px 20px; }
.note ul li { padding-bottom:10px; font-size:1.0em;}
/*アイテムリスト*/
.item { width:100%; margin:5px 0px 30px; background-color:#333;}
.item td { padding:10px;}
.item th { padding:10px; background-color:#FFFBDF; }