@charset "utf-8";

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

/*
		タイトル
 -------------------------------------------------- */

/* トップテキスト */
#content p.top-text {
	position: absolute;
	top: 178px;
	left: 24px;
	width: 700px;
	font-size: 12px;
	color: #FFFFFF;
}


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

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


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

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

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


#content .picup .line {
	margin: 25px 0px;
	padding: 0px 0px 15px 0px;
}


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



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

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


/* 見出し */
#content .picup 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 .picup dl.main dd {
	margin: 3px 3px 0px 15px;
	line-height: 18px;
}

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

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


/* 見出し */
#content .picup 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 .picup dl.main2 dd {
	margin: 3px 3px 0px 15px;
	line-height: 18px;
}


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

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


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


/* 見出し */
#content .picup 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 .picup dl.sub dd {
	margin: 4px 225px 0px 10px;
	line-height: 20px;
}


/* 
		カテゴリー
 -------------------------------------------------- */

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

/* 左右 枠 */
#content .category .category-box {
	float: left;
	display: inline;
	width: 350px;
	margin: 0px 15px;
}

#content .category a img{ border: 1px #e3e3e3 solid; }
#content .category a:hover img{ border: 1px #f9396f solid; }


/* タイトル */
#content .category .category-box img.sub-ttl {
	margin: 30px 0px 0px 20px;
}


/* 最新コラム */
#content .category .category-box dl.update {
	height: 85px;
	padding: 15px 10px 0px 20px;
	margin:  15px 0px 0px 0px;
	border-top: 1px solid #000000;	
}

/* 最新コラム 画像 */
#content .category .category-box dl.update dt.img {
	margin: 0px 20px 0px 0px;
	float: left;
}

/* 最新コラム タイトル */
#content .category .category-box dl.update dt.ttl {
	padding: 0px 0px 0px 10px;
	margin:  0px 0px 0px 160px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) 0px 5px no-repeat;

}

/* 最新コラム リード */
#content .category .category-box dl.update dd {
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 0px 0px;
	line-height: 18px;
}

/* 過去コラム */
#content .category .category-box dl.past {
	margin:  10px 0px 0px 20px;
}

#content .category .category-box dl.past dt {
	float: left;
}

/* 過去コラム リード */
#content .category .category-box dl.past dd {
	padding: 10px 0px 0px 10px;
	margin:  0px 0px 0px 50px;
	background: url(/img/common/link-back.gif) 0px 15px no-repeat;
}

/* バックナンバー */
#content .category .category-box .back {
	padding: 10px 0px 0px 10px;
	margin:  0px 0px 0px 250px;
	background: url(/img/common/link-back.gif) 0px 15px no-repeat;
}