@charset "UTF-8";
/* CSS Document */

@import url(nav.css);

body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,div {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
}
ol,ul {
	list-style:none;
}
img {
	border:none;
	line-height:1em;
	vertical-align:bottom;
}

body {
	text-align:center;
	font-size:small;
	background:#FFFFFF;
	line-height:1.5;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
a:link {
	color:#990000;
	text-decoration:none;
}
a:hover {
	color:#FFFFFF;
	background-color:#990000;
	text-decoration:none;
}
a:visited {
	color:#990000;
	text-decoration:none;
}
a:visited:hover {
	color:#FFFFFF;
}

#header {
	background:url(../images_c/bg_body.gif);
	padding-top:10px;
}

#contents {
	background:url(../images_c/bg_contents.gif) #FFFFFF;
	padding-bottom:16px;
	border-top:5px solid #201300;
}
#footer {
	border-top:5px solid #201300;
	height:80px;
}
.cnt-box {
	width:992px;
	margin:0 auto;
}
#footer .cnt-box {
	text-align:right;
}

#nav {
	height:38px;
	overflow:hidden;
	border-left:1px solid #201300;
	border-right:1px solid #201300;
}
#item {
	margin-top:18px;
}
#item-new {
	margin-right:-16px;
	background:url(../images_c/bg_item-3col.gif) repeat-y;
}
#item-new-bottom {
	background:url(../images_c/bg_item-3col-line.gif) no-repeat;
	height:1px;
}
.box-3col {
	float:left;
	width:320px;
	margin-right:16px;
	
	border-top:5px solid #ddd3ac;
	text-align:left;
}
#item-new h3 {
	margin:12px 0 5px 12px;
}
#item-new dl {
	background:url(../images_c/bg_dot.gif) no-repeat top;
	padding:12px 12px 0 12px;
	margin-bottom:12px;
	text-align:left;
}

#item-new-list {
	background:url(../images_c/bg_item-new-list.gif) repeat-y;
	text-align:left;
	padding-top:23px;
	padding-left:44px;
	border-bottom:1px solid #201300;
}
#item-new-list dl {
	width:272px;
	height:100px;
	float:left;
	margin-right:44px;
	overflow:hidden;
} 
#item-new dt, #item-new-list dt {
	float:left;
}
#item-new dd, #item-new-list dd {
	margin-left:68px;
}
#item-list {
	background:url(../images_c/bg_item-list.gif) repeat-y;
	border-bottom:1px solid #201300;
	background-color:#FFFFFF;
	padding:5px 1px 0 1px;
	z-index:1;
}
#scroll-box {
	width:990px;
	height:95px;
	overflow:auto;
}
#item-list ul {
	white-space:nowrap;
	display:block;
	text-align:left;
	padding-left:5px;
	height:71px;
}
#item-list li {
	display:inline;
}
#item-list li a {
	width:56px;
	margin-right:16px;
	
	
	
}

#item-photo {
	float:left;
	width:432px;
	text-align:left;
}
#item-photo a img {
	padding-bottom:1px;
	
}
#item-photo a img:hover {
	background:url(../images_c/bg_imgline.gif) no-repeat bottom left;
}
#item-photo dl#photomain {
	float:none;
	width:416px;
	margin-right:0;
	margin-top:0;
}

#item-photo dl {
	float:left;
	width:128px;
	margin-right:16px;
	margin-top:16px;
}
#item-photo dl.nospc {
	margin-right:0;
}
#item-photo dd {
	margin-top:5px;
	font-size:11px;
}
#item-info {
	float:left;
	width:344px;
	background:url(../images_c/bg_item-info.gif) repeat-y #FFFFFF;
	margin-right:16px;
}
#item-info h2 {
	font-size:1.2em;
	color:#996633;
}
#item-info h3 {
	font-size:11px;
	font-weight:normal;
	line-height:1.3em;
	color:#201300;
}
#item-info p, #item-info dl {
	font-size:1em;
}
#item-info p {
	margin-top:1em;
}
#item-info dt {
	margin-top:1.5em;
}
#item-info dt img {
	vertical-align:bottom;
	}
#item-info dd {
	margin-top:0.5em;
}
#item-cart {
	float:left;
	width:200px;
}
.box-border {
	background:url(../images_c/bg_item-info-top.gif) no-repeat bottom;
	padding:12px;
	text-align:left;
	border-top:5px solid #ddd3ac;
}

/*HOW TO*/

#howto {
	margin-top:23px;
}
#howto-left {
	float:left;
	width:200px;
	margin-right:16px;
}
#howto-center {
	float:left;
	width:560px;
	margin-right:16px;
	text-align:left;
	padding-bottom:23px;
}
#howto-right {
	float:left;
	width:200px;
}

#howto-center h3 {
	color:#996633;
	font-size:1.2em;
	margin-top:2em;
}
#howto-center h4 {
	margin-top:0.5em;
}



#nav, #item, .item-detail, #item-new, #item-new dl, #item-new-list, #item-new-list dl, #howto {
	zoom:100%;
}
#nav:after, #item:after, .item-detail:after, #item-new:after, #item-new dl:after, #item-new-list:after, #item-new-list dl:after, #howto:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}