@charset "utf-8";

@import "http://www.kekkon-j.com/cgm/css/common.css";


/*
		exposition - 紹介
 -------------------------------------------------- */

/* 大枠 */
#content .exposition {
	margin: 0 30px 0 45px;
}

/*-------左側：画像＋キャプション */
#content .exposition dl.main-pic {
	width: 300px;
	float: left;
}

/* キャプション */
#content .exposition dl.main-pic dd {
	margin: 15px 0 15px 0;
	text-align: center;
}

/*-------右側：説明 */
#content .exposition .right {
	margin: 0 0 0 360px;
}

/* ジャンル */
#content .exposition .right dl.genre {
	font-size: 10px;
	padding: 0 0 0 5px;
}

/* ジャンル:名 */
#content .exposition .right dl.genre dt {
	letter-spacing: 2px;
}

/* ジャンル:属性 */
#content .exposition .right dl.genre dd {
	color: #999999;
	letter-spacing: 2px;
}

/* ジャンル:属性 枠 */
#content .exposition .right dl.genre dd ul li {
	display: inline;
	margin: 0 10px 0 0;
}

/* 詳細 */
#content .exposition .right dl.details {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 10px 0 25px 5px;
	margin: 10px 0 15px 0;
}

/* 詳細：項目 */
#content .exposition .right dl.details dt {
	float: left;
	margin: 0 0 10px 0;
	letter-spacing: 2px;
	font-size: 10px;
}

/* 詳細：内容 */
#content .exposition .right dl.details dd {
	margin: 3px 0 10px 60px;
	font-size: 16px;
}

/* 詳細：内容 */
#content .exposition .right dl.details dd.text {
	font-size: 12px;
}

/* 紹介文 */
#content .exposition .right dl.introduce {
	padding: 0 0 0 5px;
	line-height: 160%;
}

/* 紹介文:タイトル */
#content .exposition .right dl.introduce dt {
	font-weight: bold;
}

/* 紹介文:内容 */
#content .exposition .right dl.introduce dd {
	margin: 5px 0 0 0;
	letter-spacing: 1px;
}

/* 紹介者 */
#content .exposition .right .introducer {
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
}

/* 紹介者:写真 */
#content .exposition .right .introducer img {
	float: left;
	margin: 0 20px 0 0;
}

/* 紹介者:枠 */
#content .exposition .right .introducer ul li.planner {
	font-size: 10px;
	letter-spacing: 2px;
}

/* 紹介者:名前 */
#content .exposition .right .introducer ul li.name {
	font-size: 12px;
}

/* 紹介者:詳細 */
#content .exposition .right .introducer ul li.data ul li {
	display: inline;
	margin: 0 3px 0 0;
}





/* 
		explain - 説明
 -------------------------------------------------- */
 
/* 大枠 */
#content .explain {
	margin: 20px 30px 0 0;
	line-height: 160%;
}

/* リード */
#content .explain div#des_tag {
	margin: 0 10px 0 60px;
}

/* 材料・作り方・メモ */
#content .explain dl.howto {
	margin: 0 0 0 60px;
}

/* 材料・作り方・メモ：項目 */
#content .explain dl.howto dt {
	padding: 0 0 5px 5px;
	margin: 20px 0 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

/* 材料・作り方・メモ：内容 */
#content .explain dl.howto dd {
	margin: 0 0 5px 50px;
}

/* ------------------------- 画像＋キャプション */

/* 大枠 */
#content .pic {
	width: 700px;
	margin: 20px 0 0 60px;
}

/* 小枠 */
#content .pic dl {
	width: 200px;
	float: left;
	display: inline;
	margin: 0 33px 0 0;
}

/* キャプション */
#content .pic dl dd {
	margin: 5px;
}







/* 
		comment - コメント
 -------------------------------------------------- */
 
/* 大枠 */
#content .comment {
	margin: 50px 30px 0 45px;
}

/* タイトル */
#content .comment .comment-ttl {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000000;
}

/* 紹介者情報 */
#content .comment ul {
	padding: 0 10px 0 0;
	margin: 5px 0 0 0;
	font-size: 10px;
	text-align: right;
}

/* 項目 */
#content .comment ul li {
	display: inline;
	margin: 0 3px 0 0;
}

/* 内容 */
#content .comment dl {
	padding: 0 30px 0 50px;
	line-height: 160%;
	border-bottom: 1px dotted #000000;
}

/* 内容:タイトル */
#content .comment dl dt {
	font-weight: bold;
	margin: 0 0 10px 0;
}

/* 内容:テキスト */
#content .comment dl dd {
	margin: 0 20px 20px 0;
}
#content .comment dl dd p.img{
	margin:25px 0;
}
#content .comment dl dd p.url{
	background-color:#EBEBEB;
	margin:25px 0;
	padding:5px;
}





/* 
		結婚準備室スタッフのおすすめアイテム
 -------------------------------------------------- */

/* 全体枠 */
#content .recommend  {
    margin: 20px 30px 0 45px;
    width:665px;
}

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

/* 大枠 */
#content .recommend .reco-inner {
    margin:0;
    padding:12px 16px;
	background-color:#eae9e9;
}

/* 小枠 */
#content .recommend dl {
	width:110px;
	float:left;
	margin:0 15px 0 0;
}

/* 5枠目のみ指定 */
#content .recommend dl.last{
    margin:0;
    padding:0;
}

/* タイトル */
#content .recommend dl dd {
	padding: 0 0 0 15px;
	background: url(http://www.kekkon-j.com/img/common/link-back.gif) no-repeat 5px 6px;
	font-size: 11px;
}