@charset "utf-8";

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


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

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

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

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

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

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

#content .exposition .right ul.genre li {
	display: inline;
	margin: 0px 10px 0px 0px;
	letter-spacing: 2px;
}

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

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

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

/* 詳細：タイトル */
#content .exposition .right dl.details dd.title {
	margin: 3px 0px 10px 80px;
	font-size: 16px;
}

/* 詳細：サブタイトル */
#content .exposition .right dl.details dd.catch-copy {
	margin: 3px 0px 30px 80px;
	font-size: 12px;
}

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

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

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

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

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

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

/* 紹介者:枠 */
#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: 0px 3px 0px 0px;
}





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

/* 材料・作り方 */
#content .explain dl.materials,
#content .explain dl.howto {
	width: 325px;
	float: left;
	margin: 0px 0px 0px 40px;
	display: inline;
}

/* メモ */
#content .explain dl.memo {
	clear: both;
	margin: 0px 0px 0px 30px;
}

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

/* 材料：内容 */
#content .explain dl.materials dd {
	margin: 0px 20px 10px 20px;
	line-height: 160%;
}

/* 作り方：内容 */
#content .explain dl.howto dd {
	margin: 0px 20px 10px 20px;
	line-height: 200%;
}

/* メモ：内容 */
#content .explain dl.memo dd {
	margin: 0px 30px 5px 50px;
	line-height: 160%;
}


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

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

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

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







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

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

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

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

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

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

/* 内容:テキスト */
#content .comment dl dd {
	margin: 0px 20px 20px 0px;
}
#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  {
    width:685px;
	margin: 20px 15px 0 45px;
}

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

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

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

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

/* 画像 */
#content .recommend dl dt img {
	border:1px solid #eae9e9;
	margin: 0px 0px 5px 0px;
}

/* リンク指定 */
#content .recommend dl dt a:hover img {
	border:1px solid #F9396F;
}

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