@charset "Shift_JIS";
@import url("/defaultMall/css/common/default.css");
@import url("/defaultMall/css/common/layout.css");
@import url("/defaultMall/css/common/parts-ct.css");
@import url("/defaultMall/css/common/parts-itm.css");
@media tty {
i{content:"\";/*" "*/}} @import 'itm_cm_ie55.css'; /*";}
}/* */

/* ■■ 01.汎用class */

/* ■□ 01-01.clearfix(回り込み解除) */
.item-info div,
.comments .com .content {
	zoom:1;
}
.item-info div:after,
.comments .com .content:after {
	content:".";
	clear:both;
	height:0;
	display:block;	visibility:hidden;
}

/* ■□ 01-02.item-info(商品情報) */
/* [div.item-info] - 商品情報
　 [div.item-info div div.gallary] - 商品写真
　 [div.item-info div div.item-detail] - 商品概要 */
.item-info {
	position:relative;
	zoom:1;
}

/* ■□□ 01-02-01.gallary(商品写真) */
/* [div.gallary] - 商品写真
　 [div.gallary a span.photo span span img] - 写真画像
　 [div.gallary a span.zoom span] - 拡大画像を見る */
.gallary {
	float:left;
	width:162px;
	zoom:1;
}
.gallary a {
	*cursor:pointer;
	zoom:1;
}
.gallary .photo {
	display:table-cell;	*display:inline;
	width:160px;
	height:160px;
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	zoom:1;
}
.gallary .photo img {
	vertical-align:text-bottom;
}
.gallary .zoom {
	display:block;
	margin-top:10px;
	text-align:center;
}
.gallary .zoom span {
	text-decoration:underline;
}
a:hover .gallary .zoom span {
	text-decoration:none;
}

/* ■□□ 01-02-02.item-detail(商品概要) */
/* [div.item-detail] - 商品概要
　 [div.item-detail *.name] - 商品名
　 [div.item-detail p.price] - 価格
　 [div.item-detail p.more] - 商品情報・購入ページへ
　 [div.item-detail ul] - 商品メニュー */
.item-detail {
	margin-left:172px;
}
.item-detail .name {
	font-size:117%;
}
.item-detail .price {
	margin:5px 0;
	font-weight:bold;
}
.item-detail .more {
	margin-top:15px;
	font-size:117%;
	font-weight:bold;
}
.item-detail ul {
	position:absolute;
	right:0;
	bottom:25px;
	text-align:right;
}
.item-detail li {
	margin-top:5px;
}

/* ■□ 01-03.comments(コメント) */
/* [ul.comments] - コメント
　 [ul.comments li.cat] - 各コメント
　 [ul.comments li.cat div] - 装飾用div
　 [ul.comments li.cat div p.main] - コメント本文
　 [ul.comments li.cat div ul.info] - コメント情報
　 [ul.comments li.cat div ul.info li.name] - コメンター
　 [ul.comments li.cat div ul.info li.item] - 対象商品
　 [ul.comments li.cat div ul.info li.rank] - 評価 */
.comments {
	margin:0 5px;
	zoom:1;
}
.comments .com {
	padding:10px 0;
	background:url("/defaultMall/images/template/common/line_side_dotted_cccccc.gif") repeat-x left bottom;
	zoom:1;
}
.comments .com .content {
	background:url("/defaultMall/images/template/common/line_vertical_dotted_cccccc.gif") repeat-y 540px 0;
}
#OldStyle .comments .com .content {
	background:url("/defaultMall/images/template/common/line_vertical_dotted_cccccc.gif") repeat-y 445px 0;
}
.comments .com .main {
	float:left;
	width:530px;
}
#OldStyle .comments .com .main {
	float:left;
	width:430px;
}
.comments .com .main .response {
	margin-top:20px;
	padding:10px;
	color:#707070;
	background-color:#FAF0E6;
}
.comments .com .main .response dt span {
	display:block;
	padding:5px 0 5px 28px;
	background:url("/defaultMall/images/template/common/icon_comment3.gif") no-repeat left center;
}
.comments .com .info {
	float:right;
	width:170px;
}
.comments .com .info li {
	margin-bottom:2px;
}
.comments .com .info li.rank {
	margin:5px 0 0;
}

/* ■■ 02.レイアウト */
/* [div#Contents] - 大外
　 [div#Contents div#ContentHeader] - ページ見出し
　 [div#Contents div#Content] - コンテンツ中身
　 [div#Contents div#Content div#Article] - コンテンツ本文
　 [div#Contents div#Content div#Aside] - コンテンツ関連情報 */
#OldStyle #SiteLogo {
	padding-bottom:8px;
	border-bottom:1px solid #867f71;
}
#OldStyle #SiteLogo img {
	vertical-align:text-bottom;
}
#OldStyle #Footer .close {
	text-align:center;
}
#OldStyle #Footer .close a {
	padding-left:15px;
	background:url("/defaultMall/images/template/common/icon_close.gif") no-repeat left center;
}
#OldStyle #Container,
#OldStyle #Article {
	width:660px;
}
#OldStyle #Article h2 span {
	border-left:3px solid #ffffff;
	display:block;
	padding:2px 0pt 2px 30px;
}


/* ■□ 02-01.Article(コンテンツ本文) */
/* [div#Article] - コンテンツ本文
　 [div#Article div#CommentList] - コメント一覧
　 [div#Article div#SeriesComment] - シリーズ商品のコメント */

/* ■□□ 02-01-01.CommentList(コメント一覧) */
/* [div#CommentList] - コメント一覧
　 [div#CommentList h2] - 見出し
　 [div#CommentList p.series] - シリーズ商品のコメントをチェック
　 [div#CommentList p.attention] - 注意書き
　 [div#CommentList ul.comments] - コメントリスト
　 [div#CommentList p.more] - 商品情報・購入ページへ */
#CommentList {
	position:relative;
}
#CommentList h2 span {
	display:block;
	margin-left:5px;
	padding:4px 30px;
	border-left:none;
	background:url("/defaultMall/images/template/common/icon_comment2_large.gif") no-repeat left center;
	font-size:117%;
}
#CommentList .series {
	position:absolute;
	right:15px;
	top:15px;
}
#CommentList .attention {
	margin:10px 5px 20px;
	padding:5px 10px;
	background:#f3f1ec;
	color:#bb2c00;
}
#CommentList .more {
	padding:10px 15px;
	text-align:right;
}
#CommentList .no-comment {
	font-size:140%;
	padding:0 0 30px;
	text-align:center;
}

/* ■□□ 02-01-02.SeriesComment(シリーズ商品のコメント) */
/* [div#SeriesComment] - シリーズ商品のコメント
　 [div#SeriesComment h2] - 見出し
　 [div#SeriesComment div.item] - 各商品
　 [div#SeriesComment div.item div.item-info] - 商品情報
　 [div#SeriesComment div.item h3.comment] - コメント一覧
　 [div#SeriesComment div.item ul.comments] - コメントリスト
　 [div#SeriesComment div.item p.more] - コメントを全部読む */
#SeriesComment {
	margin-top:30px;
}
#SeriesComment h2 span {
	border-color:#867f71;
	font-size:117%;
}
#SeriesComment .item {
	margin-top:20px;
}
#SeriesComment h3.name {
	font-weight:normal;
}
#SeriesComment .item-info {
	margin-bottom:15px;
	padding:15px 15px 0!important;
}
#SeriesComment .item-detail ul {
	right:15px;
}
#SeriesComment h3.comment {
	margin:0 5px;
	padding-bottom:10px;
	background:url("/defaultMall/images/template/common/line_side_dotted_cccccc.gif") repeat-x left bottom;
}
#SeriesComment h3.comment span {
	padding:5px 30px;
	background:url("/defaultMall/images/template/common/icon_comment2_large.gif") no-repeat left center;
}
#SeriesComment li.item {
	margin-top:0;
}
#SeriesComment .more {
	padding:10px 15px;
	text-align:right;
}
#SeriesComment .detail {
	padding:10px 0;
	text-align:left;
}

/* ■□ 02-02.Aside(関連情報) */
#Aside dt span {
	display:block;
	padding:2px 5px;
	border-left:2px solid #78ba1d;
}
#Aside p.guide {
	margin-top:10px;
}
#Aside p.return {
	margin-top:10px;
	margin-left:60px;
	text-indent:-20px;
}
#Aside p.return a {
	background-position:0 0;
}

#Aside .gray-box li {
	position:relative;
	margin-top:10px;
	padding-top:20px;
	zoom:1;
}
#Aside .gray-box ul li {
	background:url("/defaultMall/images/template/itm_cm/icon_new.gif") no-repeat left top;
}
#Aside .gray-box ol li {
	background:url("/defaultMall/images/template/itm_cm/icon_ranking_out.gif") no-repeat left top;
}
#Aside .gray-box ol li.no01 {
	background-image:url("/defaultMall/images/template/itm_cm/icon_ranking_no01.gif");
}
#Aside .gray-box ol li.no02 {
	background-image:url("/defaultMall/images/template/itm_cm/icon_ranking_no02.gif");
}
#Aside .gray-box ol li.no03 {
	background-image:url("/defaultMall/images/template/itm_cm/icon_ranking_no03.gif");
}
#Aside .gray-box li .number {
	position:absolute;
	left:22px;
	top:1px;
}
#Aside .gray-box li .rank {
	position:absolute;
	right:2px;
	top:2px;
}
#Aside .gray-box li .thum {
	position:relative;
	*width:68px;
	min-height:72px;	_height:72px;
	padding-left:82px;
}
#Aside .gray-box li .thum .photo {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:70px;
}
#Aside .gray-box li .thum .name {
	margin-top:0;
	padding-top:0;
}
#Aside .gray-box li .com {
	margin-top:10px;
}