@charset "utf-8";


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


/*
		各カテゴリメニュ
 -------------------------------------------------- */

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


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


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







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

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


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


/* 各リンク枠 */
#content .pickup .inner dl{
	float: left;
	width: 235px;
}


/* ショップ画像 */
#content .pickup .inner dl dt{
	float: left;
}


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


/* ショップ名 */
#content .pickup .inner dl dt.ttl{
	float: none;
	margin: 0px 0px 0px 137px;
	padding: 0px 7px;
	font-weight: bold;
	line-height: 18px;
	background: url(/img/common/link-back.gif) 0px 6px no-repeat;
}


/* 説明テキスト */
#content .pickup .inner dl dd{
	margin: 10px 0px 0px 140px;
	padding: 0px 7px 0px 0px;
	font-size: 11px;
	line-height: 14px;
}







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

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


#content .conts .line{
	margin: 25px 0px 0px;x
	padding: 0px 0px 15px 0px;

	/*
	※Contents枠が増えた場合コメント外して入れ替え
	
	margin: 25px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px #ccc solid;
	*/
}


/* 画像マウスオーバー用 */
#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;
}