@charset "utf-8";
@import url("base.css");
@import url("layout.css");

/*----------------------------------
	common
----------------------------------*/
body { color: #fff;}
a { color: #333;}
#sqex-footer-contents{ display:none; }

/*----------------------------------
	.goods　contents
----------------------------------*/
#wrap.goods h1 { width: 740px; height: 90px; margin-bottom: 10px; background: url("../img/goods/pageTitle_h1.jpg") no-repeat ; text-indent: -999em; }
#wrap.goods #contents { padding: 20px 0 0; }
#wrap.goods #main { width: 740px; padding: 20px 0 0; background: url("../img/goods/pageHead.png") no-repeat top ; color: #333; text-align: left;}

/*----------------------------------
	.goods　list
----------------------------------*/
#wrap.goods #main .article{ width: 740px; padding: 0 0 10px ; background: url("../img/share/pageBody.png") repeat-y top ;}

#wrap.goods #main .article dl{ display: block; width: 720px; margin: 0 0 10px 20px; padding: 0 0 10px; background: url("../img/share/line.gif") no-repeat 0 bottom ;}

#wrap.goods #main .article dl.end{ margin: 0 0 0 20px; padding: 0; background-image: none ;}

.item { display: block; float: left; width: 136px; height: 17.5em; margin-right: 5px; background: url("../img/goods/item_bg.jpg") no-repeat top right ; position: relative;}
.blank { display: block; float: left; width: 136px; height: 145px; margin-right: 5px; background: url("../img/goods/item_bg.jpg") no-repeat top left ; position: relative;}

em.new { display: block; width: 22px; height: 13px; background: url("../img/share/ico_new_s.gif") no-repeat top right ; position: absolute; top: 6px; right: 8px; text-indent: -999em;}
.item img{ display: block; width: 120px; height: 120px; padding: 6px 8px 12px; }
.item a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.item h2{ width: 132px; height: 3em; position: absolute; top: 138px; left: 5px;}
.item p{ width: 132px; height: 3em; overflow: hidden; position: absolute; top: 17.6em; left: 5px;}

/*----------------------------------
	.goods　detail
----------------------------------*/
#wrap.goods #main.detail { width: 740px; padding: 20px 0 0; background: url("../img/share/pageHead.gif") no-repeat top ; color: #333; text-align: left;}
#wrap.goods #main.detail .section{ width: 700px; padding: 0 20px 0 ;}
#wrap.goods #main.detail .section h2{ background: url("../img/share/line.gif") no-repeat center bottom ; margin: 0 0 10px; padding: 0 0 10px; font-size: 150%; line-height: 1.55; color: #c00; }
#wrap.goods #main.detail .photo { display: block; float: left; width: 300px; }
#wrap.goods #main.detail .explain { display: block; float: right; width: 370px; line-height: 1.75;}
#wrap.goods #main.detail .explain .note { margin-top: 1em;}
#wrap.goods #main.detail .explain table { width: 90%; border: 1px solid #999; background: #fff; margin: 10px auto; font-size: 95%;}
#wrap.goods #main.detail .explain th,
#wrap.goods #main.detail .explain td { padding: 5px 10px; border-bottom: 1px dotted #999; background: #fff;}
#wrap.goods #main.detail .explain th { padding-right: 0; white-space: nowrap;}
#wrap.goods #main.detail .explain td { padding-left: 5px;}

#wrap.goods #main.detail .copy { padding: 10px 0; margin: 20px auto 0; background: url("../img/goods/shadow.gif") no-repeat center top ; text-align: center; font-size: 10px; }