@charset "utf-8";

.pageTop {
	clear: both;
}


/* ----- Top ----- */

h1 {
	margin-bottom: 10px;
}

#lead {
	margin: 0 10px 10px 10px;
}

#mailshoppingCt {
	clear: both;
	width: 640px;
	margin: 0 0 0 4px;
}



/* ----- List ----- */

#mailshoppingCt ul.goodsBlock {
	list-style: none;
}

#mailshoppingCt ul.goodsBlock li {
	float: left;
	display: block;
	width: 182px;
	margin: 10px 15px;
}

#mailshoppingCt ul.goodsBlock li a img {
	border: 1px solid #ccc;
	margin-bottom: 3px;
	width: 180px;
	height: 180px;
}

#mailshoppingCt ul.goodsBlock li a:hover img {
	border: 1px solid #cb4d57;
}

#mailshoppingCt ul.goodsBlock li h3 {
}

#mailshoppingCt ul.goodsBlock li p.price {
	text-align: right;
	margin-bottom: 3px;
}

#mailshoppingCt ul.goodsBlock li p.price span {
	font-size: 85%;
}

#mailshoppingCt ul.goodsBlock li p.btn {
	text-align: center;
}

#mailshoppingCt ul.goodsBlock li p.btn a img {
	background: #fff;
	border: 0px;
	width: 85px;
	height: 21px;
	margin: 0 2px;
	filter: Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.90;
}

#mailshoppingCt ul.goodsBlock li p.btn a:hover img {
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#mailshoppingCt .pageTopMini {
	clear: both;
	border-top: 1px dotted #a6927c;
	text-align: right;
	font-size: 70%;
	padding: 5px 0;
}


/* ----- Detail ----- */

body.detail {
	background: #fff;
	color: #5e382c;
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	padding: 0;
}

body.detail a {
	color: #5e382c;
	text-decoration: underline;
}

body.detail a:hover {
	color: #cb4d57;
}

body.detail #wrapper {
	width: 800px;
}

body.detail #wrapper #detailPrev {
	float: left;
	width: 50px;
	text-align: left;
	padding-top: 250px;
}

body.detail #wrapper #detailNext {
	float: right;
	width: 50px;
	text-align: right;
	padding-top: 250px;
}

body.detail #wrapper #detailPrev a img,
body.detail #wrapper #detailNext a img {
	background: #fff;
	filter: Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

body.detail #wrapper #detailPrev a:hover img,
body.detail #wrapper #detailNext a:hover img {
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


body.detail #wrapper #detailBox {
	float: left;
	width: 700px;
	text-align: left;
}

body.detail #wrapper #detailBox #detailBoxL {
	float: left;
	width: 410px;
}

body.detail #wrapper #detailBox #detailBoxL #picMain {
	margin-bottom: 6px
}

body.detail #wrapper #detailBox #detailBoxL #picMain img {
	border: 1px solid #ccc;
	width: 400px;
	height: 400px;
}

body.detail #wrapper #detailBox #detailBoxL ul#picThumb {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.detail #wrapper #detailBox #detailBoxL ul#picThumb li {
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	width: 130px;
}

body.detail #wrapper #detailBox #detailBoxL ul#picThumb li a img {
	border: 1px solid #ccc;
	width: 128px;
	height: 128px;
}

body.detail #wrapper #detailBox #detailBoxL ul#picThumb li a:hover img {
	border: 1px solid #b5010f;
}

body.detail #wrapper #detailBox #detailBoxL p.zoomCap {
	clear: both;
	margin: 0;
}

body.detail #wrapper #detailBox #detailBoxR {
	float: right;
	width: 280px;
}

body.detail #wrapper #detailBox #detailBoxR h1 {
	text-align: right;
	margin: 0 0 30px 0;
}

body.detail #wrapper #detailBox #detailBoxR h2 {
	font-size: 14px;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 3px double #a6927c;
}

body.detail #wrapper #detailBox #detailBoxR dl.price {
	margin: 0;
	padding: 0;
}

body.detail #wrapper #detailBox #detailBoxR dl.price dt {
	display: inline;
	border-left: 3px solid #cb4d57;
	font-size: 10px;
	line-height: 10px;
	margin: 0 10px 0 0;
	padding: 1px 0 1px 5px;
}

body.detail #wrapper #detailBox #detailBoxR dl.price dd {
	font-weight: bold;
	display: inline;
	margin: 0 20px 0 0;
}

body.detail #wrapper #detailBox #detailBoxR dl.price dd .tax {
	font-size: 10px;
	font-weight: normal;
	margin-left: 2px;
}

body.detail #wrapper #detailBox #detailBoxR h3.descriptionH3 {
	border-left: 3px solid #cb4d57;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 15px 0 7px 0;
	padding: 1px 0 1px 5px;
}

body.detail #wrapper #detailBox #detailBoxR p {
	margin: 0 0 10px 10px;
}

body.detail #wrapper #detailBox #detailBoxR ul.description {
	list-style: none;
	margin: 0 0 20px 10px;
	padding: 0;
}

body.detail #wrapper #detailBox #detailBoxR ul.description li {
	background: url(../images/arrow_description.png) no-repeat left 2px;
	list-style: 1.2em;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}

body.detail #wrapper #detailBox #detailBoxR ul.option {
	clear: both;
	margin: 0 0 20px 10px;
	padding: 0;
}

body.detail #wrapper #detailBox #detailBoxR ul.option li {
	list-style: none;
	min-height: 20px;
	margin: 0;
	padding: 2px 0 0 25px;
}

body.detail #wrapper #detailBox #detailBoxR ul.option li.movie {
	background: url(../images/icon_movie.png) no-repeat left top;
}

body.detail #wrapper #detailBox #detailBoxR ul.option li.link {
	background: url(../images/icon_link.png) no-repeat left top;
}

body.detail #wrapper #detailBox #detailBoxR ul.option li.tachiyomi {
	background: url(../images/icon_tachiyomi.png) no-repeat left top;
}

body.detail #wrapper #detailBox #detailBoxR .btnbuy {
	clear: both;
	padding-top: 10px;
	text-align: right;
}

body.detail #wrapper #detailBox #detailBoxR .btnbuy a img {
	background: #fff;
	filter: Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

body.detail #wrapper #detailBox #detailBoxR .btnbuy a:hover img {
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

body.detail #wrapper #detailMore {
	clear: both;
	text-align: left;
	padding: 20px 50px;
}

body.detail #wrapper #detailMore h3 {
	border-left: 3px solid #cb4d57;
	font-size: 12px;
	font-weight: normal;
	line-height: 10px;
	margin: 15px 0 7px 0;
	padding: 1px 0 1px 5px;
}

body.detail #wrapper #detailMore p {
	margin: 0 0 0 10px;
}

body.detail #wrapper #detailMore ul.howto {
	clear: both;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

body.detail #wrapper #detailMore ul.howto li {
	display: block;
	float: left;
	width: 220px;
	margin: 0 10px 10px 0;
}

body.detail #wrapper #detailMore ul.howto li img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 5px 5px 0;
}

body.detail #wrapper #detailMore ul.howto li p {
	margin: 0;
}

body.detail #wrapper #detailMore .cl {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}


/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}