@charset "utf-8";

/* HEADER */
#construct #headersub{
	height:152px;/* 213px;*/
	border-top:1px solid #000;
	padding-top:8px;
	background-color:#b79c4b;
}

/* CONTENTS */
#construct #contents{
	padding:24px 12px 32px 56px;
	display:block;
	width:892px;
	background-color:#fff;
	border-top:1px solid #000;
	letter-spacing:0.1px;
}

/* Item BLOCK */
#contents div.itemblk{
	border:0px solid #fcf;
	background-color:#fff;
	margin-top:1px;
	display:block;
	width:848px;
}
#contents div.itemblk div#itemtitle{
	border:0px solid #ffcccc;
	display:block;
	width:876px;
	margin-bottom:8px;
}
/* LEFT */
#contents div.itemblk div.itemleft{
	border:0px solid #ccf;
	display:block;
	float:left;
	width:400px;
}

/* LEFT -- : lead & thumb */
/* lead */
#contents .itemblk .itemleft dl.lead{
	width:400px;
	height: 540px ; /* 690px;*/
	border:0px solid #ccf;
}
#contents .itemblk .itemleft dl.lead dt{
	border:0px solid #009900;
	width:400px;
/*	height:378px;*/
	font-size:0.9em;
}
#contents .itemblk .itemleft dl.lead dt,
#contents .itemblk .itemleft dl.lead dd{
	line-height:150%;
	layout-grid-char:0.1em;
	text-align : justify ;
	text-justify : inter-ideograph ;
}
#contents .itemblk .itemleft dl.lead dt img{
	float:left;
	width:200px;
	padding:6px 12px 110px 0;
}
#contents .itemblk .itemleft dl.lead dd{
	margin-top:8px;
	padding:4px 8px;
	border:1px solid #b79c4b;
	font-size:0.8em;
}
#contents .itemblk .itemleft dl.lead dd div{
	width:384px;
	height:28px;
	color:#b79c4b;
	font-size:bold;
	padding:4px 0;
}
#contents .itemblk .itemleft dl.lead dd div img{ padding-bottom:8px; }

#contents .itemblk .itemleft dl.lead dd a{
	color:#b79c4b;
	text-decoration:underline;
}
#contents .itemblk .itemleft dl.lead dd a:hover{ text-decoration:none; }
/* thumbnail */
.itemblk .itemleft dl.thumb{
	clear:both;
	width:400px;
	margin-top: 16px; /* 28px;*/
	height:320px;
	border:0px solid #cfc;
}
.itemblk .itemleft dl.thumb dd{
	float:left;
	display:block;
	text-align:right;
	width:190px;
	font-size:0.8em;
	border:0px solid #cfc;
	margin-left:20px;
}
.itemblk .itemleft dl.thumb dd img{
	border:1px solid #ccc;
}

.itemblk .itemleft dl.thumb dd.sitem{
	margin-left:0px;
}
.itemblk .itemleft dl.thumb dd ul{
	list-style-type:none;
	display:table;
}
/* ３分割 */
.itemblk .itemleft dl.thumb dd ul li{ float:left; width:64px; margin-top:2px; }
.itemblk .itemleft dl.thumb dd ul li img{ width:60px; float:left; }
.itemblk .itemleft dl.thumb dd ul li.siend{ width:62px; }



.itemblk .itemleft dl.thumb dd div.subl{
	float:left;
	width:57px;
	margin-top:2px;
}
.itemblk .itemleft dl.thumb dd div.subr{
	float:left;
	width:65px;
	margin-top:2px;
}
.itemblk .itemleft dl.thumb dd div.cname{
	width:188px;
	margin-top:8px;
	border-top:1px solid #ccc;
	padding-top:4px;
}

/* thumbnail : variation */
.itemblk .itemleft dl.images{
	margin-top:16px;
	padding-top:8px;
	border-top:1px solid #ccc;
}
.itemblk .itemleft dl.images dd.thumblk{
}
.itemblk .itemleft dl.images dd.thumblk div{
	float:left;
	width:94px;
	font-size:0.8em;
	border:0px solid #cfc;
	text-align:right;
	margin-top:8px;
	margin-left:8px;
}
.itemblk .itemleft dl.images dd.thumblk div img{
	border:1px solid #ccc;
}
.itemblk .itemleft dl.images dd.thumblk div.sitem{
	width:94px;
	margin-left:0px;
}

/* RIGHT */
#contents div.itemblk div.itemright{
	display:block;
	float:right;
	width:400px;
}
#contents div.itemblk div.itemright dt{
	height:532px;
	border:0px solid #000000;
}
#contents div.itemblk div.itemright dd table{
	width:400px;
	white-space:nowrap;
	font-size:0.8em;
}
/* SPEC --------------------- */
#contents div.itemblk table.bgwh td,
#contents div.itemblk table.bgbk td{
	vertical-align:top;
	padding:7px;
	font-family:'ヒラギノ角ゴ Pro W3','Osaka','ＭＳ ゴシック',monospace;
	line-height:140%;
}
#contents div.itemblk table.bgwh td span,
#contents div.itemblk table.bgbk td span{
	font-family:Verdana, Arial, sans-serif;
	letter-spacing:0.5px;
}

#contents div.itemblk table.bgwh td{
	background-color:#ffffff;
	color:#000;
}
#contents div.itemblk table.bgwh td.specidx{
	background-color:#e0e0e0;
	white-space:nowrap;
	text-align:center;
}
#contents div.itemblk table.bgbk td{
	background-color:#333333;
	color:#ffffff;
}
#contents div.itemblk table.bgbk td.specidx{
	background-color:#151515;
	text-align:center;
	color:#ffffff;
}

/* To CART BUTTON ----------- */
div#tocart{
	margin-top:24px;
	text-align:center;
}
.tocart{
	float:right;
	width:336px; /* 148px; */
	padding:24px 60px 0 0;
	margin-top:24px;
	list-style-type:none;
	font-size:80%;
	border-top:1px solid #ccc;
}
div.tocart,
ul.tocart li{
	width:336px;
	margin:0;
	padding:2px 0;
	height:24px;
	float:right;
	display:block;
}
div.tocart a,
ul.tocart li a{
	float:right;
	width:148px;
	height:0;
	padding:24px 0 0 0;
	overflow-y:hidden;
	background:url( ../images/onlineshop/tocart0.gif ) no-repeat 0 0;
}

div.tocart a:hover,
ul.tocart li a:hover{
	background-position:0 -24px;
}

.tocart span{
	padding-top:8px;
	padding-right:8px;
	font-size:12px;
	line-height:100%;
	width:180px;
	float:left;
	text-align:right;
	height:16px;
}

/* -------------------------- */
#contents div.pgtop{
	clear:both;
	width:848px;
	border:0px solid #000099;
	color:#333;
	text-align:right;
	font-size:0.8em;
	padding-top:24px;
}
#contents div.pgtop a{
	color:#333;
	text-decoration:none;
}
#contents div.pgtop a:hover{
	text-decoration: underline;
}