@charset "utf-8";
/*
 * CSS Name			: content-top.css
 * CSS URL			: http://www.kekkon-j.com/css/index.css
 * CSS Role			: Top Page Content
*/


@import "common/default.css";
@import "common/layout.css";
@import "common/header.css";
@import "common/sidebar.css";
@import "common/footer.css";
@import "common/enhance.css";
@import "common/recommend.css";



body{ behavior: url("/swf/csshover.htc"); }



/*
		Flash
 -------------------------------------------------- */

#content .flash{
	width: 760px;
	height: 267px;
	color: #ffffff;
	background-color: #4c4c4c;
}




/*
		Topコンテンツ左側
 -------------------------------------------------- */

/* 枠 */
#content .top-l{
	float: left;
	width: 365px;
	margin: 20px 0px 0px 0px;
}





/* ------------------------------ Whats new */

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


/* リスト設定 */
#content .whatsnew ul{
	margin: 15px 0px 0px 15px;
}


/* 各テキスト */
#content .whatsnew ul li{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url(/img/common/link-back.gif) left 5px no-repeat;
}


/* 日付 */
#content .whatsnew ul li span.date{
	padding: 0px 0px 0px 7px;
	color: #999999;
}





/*
		Topコンテンツ右側
 -------------------------------------------------- */

/* 枠 */
#content .top-r{
	float: left;
	display: inline;
	width: 365px;
	margin: 20px 0px 0px 15px;
}



/* ------------------------------ Topics */

/* 枠 */
#content .top-r .topics{
	width: 365px;
}


/* リスト */
#content .top-r .topics ul{
	margin: 10px 0px 0px 25px;
}


/* 各テキスト */
#content .top-r .topics ul li{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 12px;
	background: url(/img/common/link-back.gif) left center no-repeat;
}


/* Newが付いたテキスト */
#content .top-r .topics ul li.new{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 37px;
	background: url(http://www.kekkon-j.com/img/top-topics-back.gif) left center no-repeat;
}




/* ------------------------------ 10つのリンク */

/* 枠 */
#content .top10{
	margin: 25px 0px 0px 4px;
	display: inline;
}


/* 各リンク枠 */
#content .top10 dl {
	width: 146px;
	margin: 0px 3px 2px 0px;
	float: left;
}

/* 各リンク枠 右 */
#content .top10 dl.r {
	float: left;
	margin: 0px;
}

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


/* 画像マウスオーバー設定 */
#content .top10 dl dt a img{ border: 1px #ececec solid; }
#content .top10 dl dt a:hover img{ border: 1px #f9396f solid; }


/* リンクテキスト */
#content .top-r .top10 dl dt.ttl{
	float: none;
	padding: 6px 0px 0px 10px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) 125px 11px no-repeat;
}



/*----------------------------------------------------
		Contents - コンテンツ
 -------------------------------------------------- */

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

/*
		左側(ファストタイアップ誘導枠）
 -------------------------------------------------- */

/* 枠（囲い線） */
#content .conts .fast-ad{
	float: left;
	width: 382px;
	border: 1px #333 solid;
	margin: 20px 33px 0px 10px;
	padding: 0px 0px 10px 0px;
}


/* 各誘導枠 */
#content .conts .fast-ad dl{
	float: left;
	display: inline;
	width: 172px;
	margin: 10px 9px 0px 9px;
}


/* 画像マウスオーバー設定 */
#content .conts .fast-ad dl dt a img{ border: 1px #fff solid; }
#content .conts .fast-ad dl dt a:hover img{ border: 1px #f9396f solid; }


/* 各テキスト */
#content .conts .fast-ad dl dd{
	margin: 5px 0px 0px 3px;
	padding: 0px 0px 0px 10px;
	background: url(/img/common/link-back.gif) left center no-repeat;
}


/*
		右側(各更新情報）
 -------------------------------------------------- */

/* 枠 */
#content .conts .update{
	float: left;
	width: 310px;
	margin: 10px 0px 0px 0px;
}


/* ------------------------------ Blog */

/* 枠 */
#content .conts .update .blog{
}


/* Blog画像 */
#content .conts .update .blog img{
	float: left;
	margin: 0px 10px 10px 0px;
}



/* グレーテキスト */
#content .conts .update .blog p{
	padding: 2px 0px 0px 0px;
	color: #999;
}


/* ブログ新着枠 */
#content .conts .update .blog .blog_kekkon_new{
	clear: both;
	margin: 7px 0px 0px 0px;
}


/* 日付 */
#content .conts .update .blog .blog_date{
	float: left;
	display: inline;
	height: 23px;
	margin: 0px 15px 0px 20px;
	padding: 0px 0px 0px 10px;
	background: url(/img/common/link-back.gif) left 5px no-repeat;
}


/* ブログタイトル（今回は非表示設定） */
#content .conts .update .blog .blog_title{
	display: none;
}


/* ブログエントリー名 */
#content .conts .update .blog .comment_title{
	height: 23px;
	margin: 0px 0px 0px 0px;
}


/* ------------------------------ 教えて！結婚式 */

/* 枠 */
#content .conts .update .qa{
	margin: 20px 0px 0px 0px;
}


/* Q＆A画像 */
#content .conts .update .qa img{
	float: left;
	margin: 0px 10px 10px 0px;
}


/* グレーテキスト */
#content .conts .update .qa p{
	padding: 2px 0px 0px 0px;
	color: #999;
}


/* QA新着枠 */
#content .conts .update .qa .q_new_item{
	clear: both;
}


/* 日付 */
#content .conts .update .qa .q_new_date{
	float: left;
	display: inline;
	height: 23px;
	margin: 0px 15px 0px 20px;
	padding: 0px 0px 0px 10px;
	background: url(/img/common/link-back.gif) left 5px no-repeat;
}





/* ------------------------------ マップ */

/* 枠 */
#content .conts .update .map{
	margin: 20px 0px 0px 0px;
}


/* Wedding Map画像 */
#content .conts .update .map img{
	float: left;
	margin: 0px 10px 10px 0px;
}


/* グレーテキスト */
#content .conts .update .map p{
	padding: 2px 0px 0px 0px;
	color: #999;
}


/* リードテキスト */
#content .conts .update .map p.desc{
	clear: both;
	padding: 0px 0px 0px 25px;
	color: #333;
	font-size: 11px;
}


/* リンク画像 */
#content .conts .update .map p img{
	float: none;
	margin: 5px 0px 0px -5px;
	border: 1px #dedede solid;
}


/* マウスオーバー */
#content .conts .update .map p a:hover img{ border: 1px #f9396f solid; }