@charset "utf-8";

@import "common.css";


#content {
	margin: 15px 0px 0px 0px;
}

#main-afterparty {
	margin: 0px;
}


/* リンク指定 */
#content a {
	text-decoration: underline;

}

#content a:hover {
	color: #f30658;
	text-decoration: none;
}


/* 
		top-link 
 ----------------------------------------------------------- */

/* 大枠 */
#content .top-link {
	height: 29px;
	margin: 0px 0px 20px 0px;
	background: url(../img/index/top-link-bg.jpg) no-repeat 0px 0px;
}

/* 中枠 */
#content .top-link dl {
}

/* タイトル画像 */
#content .top-link dt {
	float: left;
	margin: 5px 0px 0px 10px;
	display: inline;
}

/* テキスト */
#content .top-link dd {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 80px;
	line-height: 29px;
	background: url(/img/common/link-back.gif) no-repeat 0px 12px;
}



/* 
		top(メイン画像＋全国の式場をエリアから探そう)
 ----------------------------------------------------------- */

/* トップ画像 */
#content img.over {
	float: left;
}

/* 枠 */
#content .map-area {
	height: 360px;
	margin: 0px 0px 0px 260px;
	background: url(../img/index/map-area-bg.jpg) no-repeat 0px 0px;
	position: relative;
}

/* タイトル
#content .map-area dl {
	line-height: 22px;
}

/* タイトル画像
#content .map-area dl dt {
	float: left;
	margin: 20px 0px 0px 20px;
	display: inline;
}

/* サブテキスト
#content .map-area dl dd {
	float: right;
	margin: 20px 35px 0px 0px;
	display: inline;
	font-size: 11px;
	color: #999999;
}
*/

/* ------------------------------ メインパネル 右 */

/* 大枠 */
#content .top-panel_r {
	float: right;
}

/* パネル部分 */
#content .top-panel_r ul {
	margin: 0px 15px 0px 0px;
}

/* パネル部分 */
#content .top-panel_r ul li.bottom {
	margin: 2px 0px 0px 0px;
}


/* ------------------------------ 地図 */

/* 地域指定 */
#content .map-area p {
	font-weight: bold;
	color: #e8377e;
}

/* エリア指定 */
#content .map-area ul {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}

#content .map-area li {
	margin: 0px 5px 0px 0px;
	display: inline;
}

/* 北海道 */
#content .map-area .hokkaido { position: absolute; top: 80px; left: 385px; text-align: center;}

/* 東北 */
#content .map-area .tohoku { width: 100px; position: absolute; top: 150px; left: 355px; text-align: center;}

/* 関東 */
#content .map-area .kanto { width: 120px; position: absolute; top: 240px; left: 345px; text-align: center;}

/* 北陸・中部 */
#content .map-area .hokuthu { width: 100px; position: absolute; top: 151px; left: 245px; text-align: center;}

/* 関西 */
#content .map-area .kansai { width: 120px; position: absolute; top: 255px; left: 236px; text-align: center;}

/* 四国 */
#content .map-area .shikoku { width: 70px; position: absolute; top: 255px; left: 150px; text-align: center;}

/* 中国 */
#content .map-area .thugoku { width: 100px; position: absolute; top: 165px; left: 135px; text-align: center;}

/* 九州・沖縄 */
#content .map-area .kyuoki { width: 80px; position: absolute; top: 165px; left: 43px; text-align: center;}



/* 8地域version
#content .map-area ul li.gunma { position: absolute; top: 100px; left: 80px;}
#content .map-area ul li.tochigi { position: absolute; top: 100px; left: 220px;}
#content .map-area ul li.ibaraki { position: absolute; top: 100px; left: 360px;}
#content .map-area ul li.yamanashi { position: absolute; top: 200px; left: 80px;}
#content .map-area ul li.saitama { position: absolute; top: 180px; left: 220px;}
#content .map-area ul li.chiba { position: absolute; top: 200px; left: 380px;}
#content .map-area ul li.tokyo { position: absolute; top: 235px; left: 220px;}
#content .map-area ul li.kanagawa { position: absolute; top: 295px; left: 215px;}
*/


/* 
		news(とれたて！二次会ニュース) ,お問い合わせ
 ----------------------------------------------------------- */

/* 枠 */
#content .news {
	float: left;
	margin: 20px 0px 0px 0px;
	display: inline;
}

/* ニュース(テキスト)：左 */
#content .news ul {
	margin: 5px 0px 0px 5px;
	line-height: 22px;
}

#content .news ul li {
	padding: 0px 0px 0px 10px;
	margin: 0px 15px 0px 0px;
	background: url(/img/common/link-back.gif) no-repeat 0px 7px;
}

/* お問い合わせ：右 */
#content dl.toiawase {
	width: 485px;;
	padding: 12px 0px 10px 0px;
	margin: 20px 0px 0px 260px;
	background: url(../img/index/toiawase-bg.jpg) no-repeat 0px 0px;
}

/* ボタン画像 */
#content dl.toiawase dt.pic {
	float: right;
	margin: 0px 10px 0px 0px;
	display: inline;
}

/* タイトル画像 */
#content dl.toiawase dt.ttl {
	float: none;
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 0px 120px;
}

/* テキスト */
#content dl.toiawase dd {
	margin: 3px 135px 0px 135px;
}

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

/* ニュース(テキスト)：2行2列
#content .news ul {
	margin: 5px 0px 0px 5px;
	line-height: 22px;
}

#content .news ul li {
	width: 340px;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 15px 0px 0px;
	background: url(/img/common/link-back.gif) no-repeat 0px 7px;
}
*/



/* 
		attention(今注目のこの会場) 
 ----------------------------------------------------------- */

/* 枠 */
#content .attention {
	padding: 15px 15px 15px 0px;
	margin: 30px 15px 0px 0px;
	background-color: #e3e3e3;
}

/* タイトル画像＋テキスト */
#content .attention dl {
	margin: 0px 0px 15px 15px;
	line-height: 23px;
}

/* タイトル画像 */
#content .attention dl dt img {
	float: left;
}

/* テキスト */
#content .attention dl dd {
	margin: 0px 0px 0px 190px;
}

/* ボタン枠 */
#content .attention ul {
	margin: 0px 0px 0px 15px;
}

/* 各ボタン */
#content .attention ul li {
	float: left;
	margin: 0px 12px 0px 0px;
}

/* 各ボタン:設備最高 */
#content .attention ul li.right { margin: 0px;}



/* 
		at-pickup(3枠) 
 ----------------------------------------------------------- */

/* 枠 */
#content .at-pickup {
	margin: 30px 15px 0px 0px;
	padding: 10px;
	background-color: #EAE9E9;	
}

/* タイトル */
#content .at-pickup img.at-ttl {
	margin: 0px 492px 15px 0px;
	float: left;
}

/* 1枠 */
#content .at-pickup dl {
	width: 223px;
	float: left;
	margin: 0px 10px 0px 5px;
	display: inline;
	font-size: 11px;
}

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

/* タイトル */
#content .at-pickup dl dt.ttl {
	float: none;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 95px;
	background: url(/img/common/link-back.gif) no-repeat 0px 6px;
}

#content .at-pickup dl dt.ttl a {
	font-weight: bold;
}


/* テキスト */
#content .at-pickup dl dd {
	margin: 10px 0px 0px 100px;
}

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


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

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


#content .conts .line{	
	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;	
}

/* リンク指定 */
#content .conts dl.main dt.ttl a {
	text-decoration: underline; font-weight: bold; }
#content .conts dl.main dt.ttl a:hover {
	color: #ffffff;  none; color: #f30658; font-weight: bold; }


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



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

/* リンク指定 */
#content .conts dl.sub dt.ttl a {
	text-decoration: underline; font-weight: bold; }
#content .conts dl.subs dt.ttl a:hover {
	color: #ffffff; text-decoration: none; color: #f30658; font-weight: bold; }
















/* 
		select(編集部特選厳選！式場情報)
 ----------------------------------------------------------- */

/* 枠 */
#content .select {
}

/* ---------------------------------------- 左:large枠 */
#content .select dl.large {
	width: 325px;
	float: left;
	margin: 50px 0px 0px 0px;
}

/* テキスト */
#content .select dl.large dd {
	padding: 0px 0px 10px 10px;
	margin: 20px 0px 0px 0px;	
	background: url(/img/common/link-back.gif) no-repeat 0px 7px;
}

/* ---------------------------------------- 右:2枠 */

/* -------- ブログ枠 */
#content .select .blog {
	width: 320px;
	margin: 15px 0px 0px 400px;
}

/* タイトル */
#content .select .blog dl.blog-ttl {
	margin: 0px 0px 10px 0px;
}

/* 画像 */
#content .select .blog dl.blog-ttl dt img {
	float: left;
}

/* サブタイトル */
#content .select .blog dl.blog-ttl dd {
	margin: 0px 0px 0px 70px;
	color: #999999;
}

/* 画像リンク */
#content .select .blog a img { border: 1px solid #ffffff;}
#content .select .blog a:hover img { border: 1px solid #f9396f;}

/* リスト */
#content .select .blog dl.blog-list {
	margin: 15px 0px 0px 10px;
	line-height: 20px;
}

/* 日付 */
#content .select .blog dl.blog-list dt {
	float: left;
}

/* ブログタイトル */
#content .select .blog dl.blog-list dd {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 80px;	
	background: url(/img/common/link-back.gif) no-repeat 0px 7px;
}

/* -------- 演出枠 */
#content .select .pro {
	width: 320px;
	margin: 30px 0px 0px 400px;
}

/* タイトル */
#content .select .pro dl.pro-ttl {
	margin: 0px 0px 10px 0px;
}

/* 画像 */
#content .select .pro dl.pro-ttl dt img {
	float: left;
}

/* タイトル */
#content .select .pro dl.pro-ttl dd {
	margin: 0px 0px 0px 90px;
	color: #999999;
}

/* 画像リンク */
#content .select .pro dl.pro-list dt a img { border: 1px solid #ffffff;}
#content .select .pro dl.pro-list dt a:hover img { border: 1px solid #f9396f;}

/* リスト */
#content .select .pro dl.pro-list dd {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 15px;	
	background: url(/img/common/link-back.gif) no-repeat 0px 7px;
}



/* 
		ad(式場決めた、その次は)
 ----------------------------------------------------------- */

/* 枠 */
#content .ad {
	padding: 0px 0px 30px 0px;
	margin: 20px 15px 0px 0px;
	border: 10px solid #e3e3e3;
}

/* タイトル画像 */
#content .ad img.ad-ttl {
	margin: 15px 0px 0px 15px;
}

/* 中枠 */
#content .ad .inner {
	margin: 15px 19px 0px 19px;
}

/* 1枠 */
#content .ad .inner dl {
	width: 117px;
	float: left;
}

/* 右最後の枠 */
#content .ad .inner dl.right { width: 100px;}

/* タイトルボタン */
#content .ad .inner dl dt.ttl {
	margin: 0px 0px 10px 0px;
}

/* 画像 */
#content .ad .inner dl dt.ban {
}

#content .ad .inner dl dt.ban a img { border: 1px solid #ffffff;}
#content .ad .inner dl dt.ban a:hover img { border: 1px solid #f9396f;}

/* テキスト */
#content .ad .inner dl dd {
	width: 90px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	font-size: 11px;	
	background: url(/img/common/link-back.gif) no-repeat 0px 7px;
}



/* 
		info
 ----------------------------------------------------------- */

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

/* 中枠 */
#content .info dl {
	line-height: 200%;
}

/* メール・電話・広告担当 */
#content .info dl dd {
	margin: 0px 15px 0px 0px;
	display: inline;
}

#content .info dl dd a {
	text-decoration: none;
}




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