@charset "utf-8";

@import "common.css";
@import "/css/common/recommend.css";
@import "/css/common/enhance.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: 0px 0px 0px 15px;
}

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

/* カテゴリーメニュー */
#content .category dl {
	width: 182px;
	float: left;
	margin: 7px 0px 0px 0px;
}

/* 各カテゴリー画像 */
#content .category dt{
	height: 100px;
}

/* 各カテゴリーテキスト */
#content .category dl dd {
	height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background: #e3e3e3 url(/img/common/link-back.gif) no-repeat 12px 5px;
	border-left: 1px solid #cccccc;
}

/* 各カテゴリーテキスト（左） */
#content .category dl dd.lett {
	width: 182px;
	height: 20px;
	border-left-style: none;
}

/* 各カテゴリーテキストリンク */
#content .category dl dd a{
	font-size: 11px;
	padding: 0px 0px 0px 15px;
}

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