@charset "utf-8";

@import "common.css";
@import "/css/common/recommend.css";
@import "/css/common/enhance.css";


/* 
		Category 
 -------------------------------------------------- */

/* 枠 */
#content .category {
	margin: 20px 0px 0px;
}

/* 各メニュー枠 */
#content .category ul{
	margin: 15px 0px 0px 15px;
}


/* 各メニュー画像 */
#content .category ul li{
	float: left;
	margin: 0px 5px 0px 0px;
}

/* バナー */
#content .category img.category-pic {
	margin: 10px 0px 0px 10px;
}


/* ------------------------------ ビューティー */

/* 枠 */
#content .category .beauty{
	width: 730px;
	height: 290px;
	margin: 10px 15px 30px;
	background: #eae9e9 url(../img/category-pic.jpg) 0px 130px no-repeat;
}


/* リンク枠 */
#content .category .beauty ul.tie-up{
	margin: 15px 15px 0px 70px;
	padding: 0px ;
}


/* 各リンク設定 */
#content .category .beauty ul.tie-up li{
	float: left;
	width: 200px;
	padding: 0px 0px 5px 15px;
	margin: 0px;
	background: url(/img/common/link-back.gif) 0px 6px no-repeat;
}





/* 
		pickup - ピックアップ
 -------------------------------------------------- */

/* 枠 */
#content .pickup{
	margin: 20px 0px 0px 0px;
}


/* グレー枠 */
#content .pickup .inner {
	width: 730px;
	margin: 10px 15px 0px;
	padding: 15px 0px;
	background-color: #eae9e9;
}


/* 会場情報枠 */
#content .pickup .inner dl {
	float: left;
	display: inline;
	width: 230px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}


/* 会場の画像 */
#content .pickup .inner dl dt {
	float: left;
	margin: 0px 7px 0px 0px;
}


#content .pickup .inner dl dt a img{ border: 1px #e3e3e3 solid; }
#content .pickup .inner dl dt a:hover img{ border: 1px #f9396f solid; }


/* 会場の画像 ミスパリ用 */
#content .pickup .inner dl dt.diet-center {
	width: 130px;
	height: 155px;
	float: left;
	margin: 0px 7px 0px 0px;
	background-color: #C30001;
	text-align: center;
}

#content .pickup .inner dl dt.diet-center img { margin: 17px 0px 0px 0px;}

#content .pickup .inner dl dt.diet-center a img{ border: none; }
#content .pickup .inner dl dt.diet-center a:hover img{ border: none; }


/* 見出し */
#content .pickup .inner dl dt.ttl {
	float: none;
	padding: 0px 7px 5px 145px;
	font-weight: bold;
	font-size: 12px;
	background: url(/img/common/link-back.gif) 137px 5px no-repeat;
}


/* 説明テキスト */
#content .pickup .inner dl dd {
	padding: 0px;
	margin: 5px 0px 0px 0px;
	font-size: 10px;
}












/* 
		Contetns - コンテンツ（左1枠＋右2枠）
 -------------------------------------------------- */

/* 枠 */
#content .conts{
	margin: 50px 0px 0px 0px;
}

#content .conts .line{
	margin: 25px 0px;
}

/* 画像マウスオーバー用 */
#content .conts dl dt a img{ border: 1px #fff solid; }
#content .conts dl dt a:hover img{ border: 1px #f30558 solid; }



/* ---------------------------------------- 左側（1枠） */

/* 枠 */
#content .conts dl.main{
	float: left;
	display: inline;
	width: 300px;
	margin: 0px 0px 0px 15px;
}


/* 見出し */
#content .conts dl.main dt.ttl{
	margin: 7px 5px 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) 0px 6px no-repeat;
}


/* 説明文 */
#content .conts dl.main dd{
	margin: 3px 3px 0px 15px;
	line-height: 18px;
}



/* ---------------------------------------- 左側（2枠） */

/* 枠 */
#content .conts dl.main2{
	float: left;
	display: inline;
	width: 150px;
	margin: 0px 0px 0px 15px;
}


/* 見出し */
#content .conts dl.main2 dt.ttl{
	margin: 7px 5px 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) 0px 6px no-repeat;
}


/* 説明文 */
#content .conts dl.main2 dd{
	margin: 3px 3px 0px 15px;
	line-height: 18px;
}


/* ---------------------------------------- 右側 */

/* 枠 */
#content .conts dl.sub{
	margin: 0px 0px 10px 355px;
	padding: 0px;
	width: 390px;
	height: 110px;
}


/* 画像 */
#content .conts dl.sub dt{
	float: right;
	margin: 0px 0px 0px 5px;
}


/* 見出し */
#content .conts dl.sub dt.ttl{
	float: none;
	margin: 0px 7px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) 0px 6px no-repeat;
}


/* 説明文 */
#content .conts dl.sub dd{
	margin: 4px 225px 0px 10px;
	line-height: 20px;
}


/* ------------------------------ text */

/* 枠 */
#content .text{
	margin: 20px 30px 0px 30px;
}

#content .text h4{
	height: 15px;
	font-size: 12px;
	margin-bottom: 5px;
	padding-left: 2px;
	border-left: 5px solid #f9396f;
	font-weight: bold;
}

#content .text p{
	font-size: 11px;
}