@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：DRESSCAMP
作成日：2009.08.17
修正日：2009.08.17
ガイドライン：Ver.01
製作者：株式会社エムアップ
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット＋共通スタイルのインポート
 * ------------------------------------ */
@import "reset.css";
@import "common.css";


/* ------------------------------------
 * スタイル設定 - アイテム -
 * ------------------------------------ */
 
 
/*---一覧表示------------------*/

#content h2 {
	margin-bottom: 20px;
	font-size: 108%;
	font-weight: bold;
}

#content .wrap {
	margin: 10px 0;
	width: 100%;
	line-height: 1.5;
}

#content .wrap .pageLink {
	float: left;
	width: auto;
}

#content .display {
	float: right;
	width: auto;
	text-align: right;
}

#content ul.sectionItemList {
	width:786px;
	clear:both;
}


#content ul.sectionItemList li {
	margin:5px 0 0 5px;
	display: inline;
	float: left;
	width:126px;
	height:220px;
	position:relative;
	line-height:inherit;
}

#content ul.sectionItemList li a {
	position:absolute;
	width:126px;
	height:220px;
	background:url(../item/img/item_bg.jpg) no-repeat;
	text-decoration:none;
	color:#848484;
}

#content ul.sectionItemList li a:hover {
	background-position:-126px 0;
	color:#666666;
}

#content ul.sectionItemList li em {
	position:absolute;
	right:8px;
	bottom:8px;
	z-index:9999;
	font-size:85%;
	color:#CC0000;
	text-align:right;
}

#content ul.sectionItemList li span {
	display:block;
	font-size: 85%;
	margin:3px 8px;
	width:110px;
	vertical-align:middle;
}

#content ul.sectionItemList li span.price {
	text-align: center;
}

#content ul.sectionItemList li span.price strong {
	color: #f00;
}

#content ul.sectionItemList li img {
	margin:3px;
	width:120px;
}
 
 
/*---商品詳細------------------*/

/* ボタン */
a.btnZoom {
	display: block;
	width: 88px;
	height: 27px;
	background: url(../item/img/btn_zoom.jpg) 0 0 no-repeat;
}

a.btnZoom span {
	display: none;
}

a:hover.btnZoom {
	border: none;
	background-position: 0 -27px;
}


/* 左 - アイテム画像 */
#content .sectionPhoto {
	float: left;
	width: 310px;
}

#content .sectionPhoto div.photo {
	margin-bottom: 5px;
}

#content .sectionPhoto div.photo div.itemPhoto img {
	border: solid #ccc 1px;
	width: 300px;
}

#content .sectionPhoto div.photo ul {
	clear: both;
}

#content .sectionPhoto div.photo ul li {
	margin: 3px 0 0 3px;
	float: left;
}

#content .sectionPhoto div.photo ul li:first-child,
#content .sectionPhoto div.photo ul li.firstChild {
	margin-left: 0;
}

#content .sectionPhoto div.photo ul li img {
	border: solid #ccc 1px;
	width: 56px;
}

div.photo ul li a:link img,div.photo ul li a:visited img {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

div.photo ul li a:hover img {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#content .sectionPhoto a.btnZoom {
	margin-left: 111px;
}



/* 右 - アイテム詳細 */
#content .sectionText {
	float: right;
	width: 450px;
	line-height: 1.5;
	color: #333;
}

#content .sectionText a {
	color: #333;
}

#content .sectionText .detail dt {
	float: left;
	width: 6em;
	text-align: right;
}

#content .sectionText .detail dd {
	margin-left: 6em;
}

#content .sectionText table {
	float: right;
}

#content .sectionText td {
	padding:3px;
	vertical-align: middle;
	text-align: right;
}

#content .sectionText ul.link {
	clear: both;
	float: right;
	text-align: left;
	font-size: 93%;
}

#content .sectionText ul.link li a {
	color: #333;
}

#content .sectionText ul.link li a:hover {
	color: #666;
}

#content .sectionText .unit {
	padding-top: 10px;
	clear: both;
}

#content .sectionText .unit h3 {
	margin: 10px 0 5px 0;
	padding: 0 0 5px 0;
	clear: both;
	background: url(../img/common/dot.gif) left bottom repeat-x; 
	font-size: 100%;
}

#content .sectionText .unit ul li {
	margin-top: 5px;
	padding-right: 4px;
	float: left;
	width: 58px;
}

#content .sectionText .unit ul li img {
	border: solid #ccc 1px;
	width: 56px;
}