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

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

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


/* ------------------------------------
 * スタイル設定 - ホーム -
 * ------------------------------------ */
 
 
/*---レイアウト------------------*/

#content .wrap {
	margin-top: 30px;
	width: 100%;
}

#content .wrap #topics {
	float: left;
	width: 580px;
}

#content .wrap #localNav {
	float: right;
	width: 160px;
}
 
 
/*---ブロックごとの設定 New Item ------------------*/


#content h2.newItem {
margin-bottom:15px;
}

#content ul.sectionNewItem {
	width:786px;
}

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

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

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

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

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

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

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

#content ul.sectionNewItem li img {
	margin:3px;
	width:120px;
}
 
/*---ブロックごとの設定 TOPICS ------------------*/

/* INFORMATION*/
#content .wrap #topics dl.sectionInformation {
	margin: 22px 0 0 20px;
}

#content .wrap #topics dl.sectionInformation dt {
	clear: both;
	float: left;
	width: 7em;
}

#content .wrap #topics dl.sectionInformation dd {
	margin-left: 7em;
	padding-bottom: 10px;
}

/* BANNER */
#content .wrap #topics div.sectionBnr {
	margin-top: 15px;
}

#content .wrap #topics div.sectionBnr img {
	margin-top: 5px;
	display: block;
}

#content .wrap #topics div.sectionBnr ul {
	margin-top:15px;
}

#content .wrap #topics div.sectionBnr ul li {
	float:left;
	display:inline;
	margin-left:20px;
}

#content .wrap #topics div.sectionBnr ul li.start {
	margin-left:0;
}

#content .wrap #topics div.sectionBnr a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
 
/*---ブロックごとの設定 LOCAL NAVIGATION ------------------*/

#content .wrap #localNav ul#members {
	padding-top:22px;
}

#content .wrap #localNav ul#members li a {
	display: block;
	width: 160px;
	background: url(../img/home/menu_members.jpg) left top no-repeat;
	text-indent: -9999px;
}

/* メンバーズLINK設定 */
#content .wrap #localNav ul#members li.bnr a {
	padding-bottom: 11px;
	height:111px;
	background-position: 0 0;
}

#content .wrap #localNav ul#members li.login a {
	height: 28px;
	background-position: 0 -122px;
}

#content .wrap #localNav ul#members li.register a {
	height: 28px;
	background-position: 0 -150px;
}

#content .wrap #localNav ul#members li.point a {
	height: 28px;
	background-position: 0 -178px;
}

#content .wrap #localNav ul#members li.privilege a {
	height: 28px;
	background-position: 0 -206px;
}

/* メンバーズHOVER設定 */
#content .wrap #localNav ul#members li.bnr a:hover {
	background-position: 0 -234px;
}

#content .wrap #localNav ul#members li.login a:hover{
	background-position: 0 -356px;
}

#content .wrap #localNav ul#members li.register a:hover{
	background-position: 0 -384px;
}

#content .wrap #localNav ul#members li.point a:hover{
	background-position: 0 -412px;
}

#content .wrap #localNav ul#members li.privilege a:hover{
	background-position: 0 -440px;
}

/* 小バナー */
#content .wrap #localNav div.sectionSmallBnr {
	margin-top: 20px;
}

#content .wrap #localNav div.sectionSmallBnr img {
	margin-top: 30px;
	margin-top: 5px;
	display: block;
}



/* モバイル */
#globalNavHome div#mobile {
	clear:both;
	padding-top: 40px;
}

#globalNavHome div#mobile img.qr {
	display: block;
}

#globalNavHome div#mobile li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../img/common/dot.gif) left bottom repeat-x;
	font-size: 85%;
}

#globalNavHome div#mobile li img {
	float:left;
	display:inline;
	margin-right:5px;
}

/* グループショップ */
#groupShop {
	clear:both;
	padding-top: 20px;
	font-size: 85%;
	line-height:140%;
}

#groupShop ul {
	padding:7px;
}

#groupShop ul li a {
	background:url(../img/common/list.gif) left center no-repeat;
	padding-left:7px;
	display:block;
}

#groupShop em {
	color:#a18f63;
}