@charset "utf-8";

/* /magazine/
-------------------------------------------------------------- */
/* メインビジュアル */
div#mainVisual {
	position: relative;
	height: 288px;
	background: url(/resources/magazine/img/main_bg.jpg) no-repeat 0 0;
}
div#mainVisual ul {
	position: absolute;
	top: 11px;
	right: 10px;
}
div#mainVisual ul li {
	margin-bottom: 3px;
	line-height: 0;
	*font-size: 0;
}

/* 最新コーディネート */
div.coordinateArea {
	margin-top: 20px;
	margin-left: 10px;
}
div.coordinateArea div.box {
	margin-top: 10px;
	padding-top: 10px;
	width: 760px;
	background: url(/resources/magazine/img/coordinate_box_top.gif) no-repeat left top;
}
div.coordinateArea div.box div.inner {
	margin-right: -32px;
	_margin-right: -64px;
	padding: 0 11px 10px 11px;
	background: url(/resources/magazine/img/coordinate_box_bottom.gif) no-repeat left bottom;
}
div.coordinateArea div.store {
	margin-right: 32px;
	float: left;
	width: 353px;
}
div.coordinateArea div.store p.photo {
	float: left;
	width: 72px;
}
div.coordinateArea div.store div.text {
	float: right;
	width: 268px;
}
div.coordinateArea div.store div.text p.brandName {
	color: #666633;
}


/* 商品 */
div.itemArea {
	margin-top: 15px;
	margin-left: 10px;
	width: 760px;
}
div.itemArea ul {
	margin-right: -36px;
	_margin-right: -72px;
}
div.itemArea ul li {
	margin-right: 36px;
	float: left;
	width: 123px;
}
div.itemArea ul li p {
	margin-top: 3px;
}
div.itemArea ul li p.photo {
	margin-top: 0;
	padding: 6px;
	background: url(/resources/magazine/img/bg_item_01.gif) no-repeat 0 0;
}


/* バックナンバー */
div.backnumberArea  {
	margin: 0 10px 0 10px;
}
div.backnumberArea dl dt {
	padding-top: 15px;
	float: left;
	width: 6em;
	clear:left;
	font-weight: bold;
	line-height: 1.4;
}
div.backnumberArea dl dd {
	padding-top: 15px;
	margin-left: 6.5em;
	line-height: 1.4;
}


/* コーディネイト詳細
-------------------------------------------------------------- */
/* タイトル */
div.coordinateDetailHead {
	padding-bottom: 3px;
	border-bottom: 2px solid #CBC9AF;
}
div.coordinateDetailHead h2.h2A01 {
	margin-top: 0;
	padding-bottom: 0;
	float: left;
	width: 560px;
	border-bottom: 0;
}
div.coordinateDetailHead h2.h2A01 span img {
	margin: 0 0 -2px 22px;
}
div.coordinateDetailHead p {
	float: right;
	width: 190px;
	color: #999966;
	text-align: right;
	font-weight: bold;
}
div.coordinateDetailHead p span img {
	margin: 0 0 -2px 9px;
}

div.coordinateDetailBody {
	margin-top: 20px;
	margin-bottom: 10px;
}
div.coordinateDetailBody p.nav {
	margin-bottom: 15px;
}
div.coordinateDetailBody p.nav span {
	color: #999;
}

/* コーディネート詳細 - メインビジュアル */
div.coordinateDetailBody p.photo {
	width: 300px;
	float: left;
	background: url(/resources/magazine/img/coordinate_main_bg.gif) no-repeat 0 0;
}
div.coordinateDetailBody p.photo img {
	padding: 6px;
}

/* コーディネート詳細 - 商品リスト */
div.coordinateDetailBody div.detail {
	padding-bottom: 10px;
	float: right;
	width: 451px;
	border-bottom: 2px solid #C9C7AC;
}
div.coordinateDetailBody div.detail h3 {
	margin: 7px 0;
}

div.coordinateDetailBody div.product {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}
div.coordinateDetailBody div.product p.thumbnail,
div.coordinateDetailBody div.product div.itemInfo,
div.coordinateDetailBody div.product p.price,
div.coordinateDetailBody div.product p.more {
	display: table-cell;
	vertical-align: middle;
	*display: inline;
	zoom: 1;	/* for ie */
}
div.coordinateDetailBody div.product p.thumbnail {
	padding-left: 10px;
	width: 70px;
}
div.coordinateDetailBody div.product p.thumbnail img {
	border: 1px solid #CCC;
}
div.coordinateDetailBody div.product div.itemInfo {
	padding-left: 5px;
	width: 204px;
}
div.coordinateDetailBody div.product div.itemInfo h4 a:link,
div.coordinateDetailBody div.product div.itemInfo h4 a:visited,
div.coordinateDetailBody div.product div.itemInfo h4 a:hover,
div.coordinateDetailBody div.product div.itemInfo h4 a:active {
	color: #666;
}
div.coordinateDetailBody div.product div.itemInfo h4 span {
	font-weight: normal;
}
div.coordinateDetailBody div.product p.price {
	padding-right: 7px;
	width: 60px;
	color: #999;
	font-weight: bold;
	text-align: right;
}
div.coordinateDetailBody div.product p.more {
	width: 86px;
}
div.coordinateDetailBody div.product p.more img {
	*margin-bottom: 6px;
}

/* バックナンバー */
div.coordinateBacknumberArea {
	margin-top: 15px;
	margin-left: 10px;
	width: 760px;
}
div.coordinateBacknumberArea ul {
	margin-right: -36px;
	_margin-right: -72px;
}
div.coordinateBacknumberArea ul li {
	margin-right: 36px;
	float: left;
	width: 123px;
}
div.coordinateBacknumberArea ul li p {
	margin-top: 3px;
	text-align: center;
}
div.coordinateBacknumberArea ul li p.photo {
	margin-top: 0;
	padding: 6px;
	background: url(/resources/magazine/img/backnumber_bg.gif) no-repeat 0 0;
}

/* ページ送り */
div.pager {
	margin-top: 30px;
	padding-top: 8px;
	border-top: 1px solid #CCC;
}
div.pager p.prev {
	float: left;
	width: 170px;
}
div.pager p.prev a {
	padding-left: 10px;
	background: url(/resources/common/img/icn_arrow_03.gif) no-repeat 0 0.3em;
}
div.pager p.next {
	float: right;
	width: 170px;
	text-align: right;
}
div.pager p.next a {
	padding-right: 10px;
	background: url(/resources/common/img/icn_arrow_01.gif) no-repeat 100% 0.3em;
}


/* clear fix
-------------------------------------------------------------- */
div.itemArea ul:after,
div.coordinateArea div.box div.inner:after,
div.coordinateDetailHead:after,
div.coordinateDetailBody:after,
div.coordinateBacknumberArea ul:after,
div.pager:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div.itemArea ul,
div.coordinateArea div.box div.inner,
div.coordinateDetailHead,
div.coordinateDetailBody,
div.coordinateBacknumberArea ul,
div.pager {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}