@charset "utf-8";

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




/* 
		Top 
 -------------------------------------------------- */

/* 大枠 */
#content .top {
	height: 321px;
	margin: 15px 15px 15px 15px;
	overflow: hidden;
}

/* タイトル */
#content ul#fade {
	margin: 15px 0px 0px 0px;
}



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

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

/* for BRIDE */
/* タイトル */
#content .category img.bride-ttl {
	position: absolute;
	top: 15px;
	left: 35px;
}

/* 大枠 */
#content .category .bride {
	float: left;
	padding: 30px 0px 15px 0px;
	margin: 0px 0px 0px 15px;
	border: 1px solid #000000;
	display: inline;
}

/* for GUEST */
/* タイトル */
#content .category img.guest-ttl {
	position: absolute;
	top: 15px;
	right: 250px;
}

/* 大枠 */
#content .category .guest {
	height: 496px;
	margin: 0px 15px 0px 390px;
	padding: 30px 0px 15px 0px;
	border: 1px solid #000000;
}

/* 共通 */
#content .category dl {
	float: left;
	display: inline;
}

/* 左側：共通 */
#content .category dl.left {
	margin: 15px 0px 0px 15px;
	border: 1px solid #CCCCCC;
	background-color: #e3e3e3;
}

/* 右側 for BRIDE */
#content .category .bride dl.right {
	margin: 15px 15px 0px 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #e3e3e3;
}

/* 右側 for GUEST */
#content .category .guest dl.right {
	margin: 15px 15px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

/* 背景設定 */
#content .category dl dd {
	padding: 3px 0px 0px 10px;
	font-size: 11px;
	background: #e3e3e3 url(/img/common/link-back.gif) 3px 7px no-repeat;
}

/* ボーダー設定 */
#content .category .guest dl.right dt, 
#content .category .guest dl.right dd { border-right: 1px solid #CCCCCC;}



/* 
		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;
}




/*
		Pickup
 -------------------------------------------------- */

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


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


/*
	ピックアップ大 - 2枠
 -------------------------------------------------- */

/* 枠 */
#content .pickup .inner dl.main{
	float: left;
	width: 185px;
	margin: 0px 4px 0px 0px;
}


/* ショップ名 */
#content .pickup .inner dl.main dt.ttl{
	margin: 4px 2px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) 3px 5px no-repeat;
}


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



/*
	ピックアップ小 - 4枠
 -------------------------------------------------- */

/* 枠 */
#content .pickup .inner dl.sub{
	float: left;
	display: inline;
	width: 173px;
	margin: 0px 0px 4px 0px;
}


/* 画像 */
#content .pickup .inner dl.sub dt{
	float: left;
}


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


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

/* リンクborder指定 */
#content .pickup .inner dl dt a img { border: 1px #e3e3e3 solid; }
#content .pickup .inner dl dt a:hover img { border: 1px #f9396f solid; }


/* ----------------------------------- Adsense&Dart */

/* 広告枠 */
#content .cgm-ad{
	margin: 30px 15px 0 45px;
	padding: 20px 0;
	background: #F5F5F5;
}

/* インパクト枠 */
#content .cgm-ad .impact-ad{
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}

#content .cgm-ad .impact-ad a img{border: 1px #C6C6C6 solid;}
#content .cgm-ad .impact-ad a:hover img{border: 1px #F9396F solid;}


/* アドセンス枠 */
#content .cgm-ad .adsense-ad{
	width: 300px;
	height: 250px;
	margin: 0 0 0 360px;
	padding: 20px 10px 0px 10px;
	background-color: #FFF;
	text-align: center;
}


#content .cgm-ad .adsense-ad dl{
	margin: 10px 0px 20px 5px;	

}

#content .cgm-ad .adsense-ad dl dt{
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	text-align: left;	

}

#content .cgm-ad .adsense-ad dl dt a{
	color: #6693DD;
}

#content .cgm-ad .adsense-ad dl dd{
 	color: #454545;
	font-size: 14px;
	line-height: 16px;
	text-align: left;	
}