@charset "utf-8";

@import "/css/common/default.css";		/* Browser Reset, Common Setting css */
@import "/css/common/layout.css";		/* Layout, Frame Setting css */
@import "/css/common/header.css";		/* Header Setting css */
@import "/css/common/sidebar.css";		/* Sidebar Setting css */
@import "/css/common/sidebar-hall.css";
@import "/css/common/footer.css";		/* Footer Setting css */
@import "/css/common/enhance.css";		/* Enhance Setting css */


/* ----------------------------------- 各共通設定 */

/* テキスト */
#content p { line-height: 160%;}

/* リンク */
#content a img, #content a:hover img { border: none; }



/* ----------------------------------- title */

/* 枠 */
#content .title {
	height: 136px;
	background: url(../img/common/title-bg.gif) no-repeat 0px 0px;
}

/* 更新日、vol.● */
#content .title ul {
	margin: 10px 30px 0px 0px;
	text-align: right;
	color: #FFFFFF;
}

/* 更新日、vol.● */
#content .title ul li {
	display: inline;
	margin: 0px 0px 0px 10px;

}



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

/* 枠 */
#content .info {
	width: 760px;
	background-color: #585858;
	border-bottom: 26px solid #000000;
}

/* 商品画像 */
#content .info .pic {
	height: 472px;
	float: left;
}

/* リンク設定 */
#content .info .pic a img { border: 1px solid #000000;}
#content .info .pic a:hover img { border: 1px solid #F9396F;}


/* 商品名・リード */
#content .info dl.desc {
	margin: 0px 0px 0px 400px;
	color: #ffffff;
	background-color: #383838;
}

#content .info dl.desc dt{
	text-align: center;
}


/* 価格 */
#content .info dl.desc dd.name {
	margin: 10px 30px 10px 30px;
	text-align: right;
	background-color: #383838;
}

/* サブタイトル */
#content .info dl.desc dd.sub {
	padding: 30px 40px 0px 40px;
	background-color: #585858;
	font-weight: bold;
}

/* リード */
#content .info dl.desc dd.lead {
	padding: 25px 40px 0px 40px;
	line-height: 200%;
	background-color: #585858;
}




/* 評価 */
#content .info .grade {
	width: 220px;
	margin: 30px 0px 0px 495px;
	padding: 0px 0px 15px 0px;
	background-color: #fff;
}

/* 評価 */
#content .info .grade dl {
	height: 15px;
	padding: 10px 0px 0px;
	margin: 0px 20px;
}

/* 評価：項目 */
#content .info .grade dl dt {
	float: left;
	width: 90px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
}

/* 評価：度数 */
#content .info .grade dl dd {
	float: left;
	width: 90px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
}


#content .info .grade dl dd img{
	vertical-align: top;
}



/* ----------------------------------- box-nonpic */

/* 枠 */
#content .box-nonpic {
	margin: 40px 0px 0px 0px;
}

/* タイトル画像 */
#content .box-nonpic img {
	margin: 0px 30px 20px 30px;
}

/* テキスト */
#content .box-nonpic p {
	margin: 0px 30px 0px 30px;
}



/* ----------------------------------- box-pic1 */

/* 枠 */
#content .box-pic1 {
	margin: 40px 0px 0px 0px;
}

/* タイトル画像 */
#content .box-pic1 img.pic1-ttl {
	float: left;
	margin: 0px 30px 20px 30px;
	display: inline;
}

/* テキスト */
#content .box-pic1 .text {
	width: 380px;
	float: left;
	margin: 15px 0px 0px 30px;
	display: inline;
}

/* テキスト余白指定 */
#content .box-pic1 .text p {
	margin: 0px 0px 15px 0px;
}

/* 画像 */
#content .box-pic1 img.pic1 {
	margin: 15px 0px 0px 20px;
	border: 1px solid #CCCCCC;
}



/* ----------------------------------- box-pic3 */

/* 大枠 */
#content .box-pic3 {
	margin: 40px 0px 0px 0px;
}

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

/* 小枠 */
#content .box-pic3 dl {
	width: 200px;
	float: left;
	margin: 0px 20px 0px 30px;
	display: inline;
}

/* テキスト */
#content .box-pic3 dl dd {
	margin: 10px 5px 10px 0px;
}

/* 画像ボーダー枠 */
#content .box-pic3 dl img {
	border: 1px solid #CCCCCC;
}

/* ----------------------------------- pickup */

/* この式場を詳しく見る */
#content .pickup {
	margin: 40px 15px 0px 17px;
	padding: 15px 15px;
	border: 13px solid #e3e3e3;	
}

/* タイトル */
#content .pickup dl dt {
	margin: 0px 0px 0px 25px;
}

/* 画像 */
#content .pickup dl dd {
	margin: 12px 0px 0px 28px;
}


/* ----------------------------------- hall-more */

/* 全体枠 */
#content .hall-more {
	height: 172px;
	margin: 25px 0px 0px 0px;
	background: url(../img/common/hall-more-bg.gif) no-repeat 15px 0px;
}

/* 共通枠 */
#content .hall-more dl {
	float: left;
	display: inline;
}

/* この式場を詳しく見る */
#content .hall-more dl.more {
	margin: 25px 0px 0px 20px;
}

/* タイトル */
#content .hall-more dl.more dt {
	margin: 0px 0px 0px 34px;
}

/* 画像 */
#content .hall-more dl.more dd {
	margin: 12px 0px 0px 32px;
}

/* この式場の下見に行く */
#content .hall-more dl.shitami {
	margin: 25px 0px 0px 50px;
}

/* タイトル */
#content .hall-more dl.shitami dt {
	amargin: 0px 0px 0px 100px;
}

/* 画像 */
#content .hall-more dl.shitami dd {
	margin: 12px 0px 0px 0px;
}

/* カタログをもらう */
#content .hall-more dl.catalog {
	margin: 25px 30px 0px 100px;
}

/* 画像 */
#content .hall-more dl.catalog dd {
	margin: 12px 0px 0px 0px;
}


/* 画像リンク指定 */
#content .hall-more dl dd a img {
	border: 1px solid #e3e3e3;	
}

/* カタログ画像のみ指定 */
#content .hall-more dl.catalog dd a img { border: 1px solid #ffffff;}

#content .hall-more dl dd a:hover img {
	border: 1px solid #f9396f;	
}


	
/* ----------------------------------- Information */

/* 全体枠 */
#content .information {
	margin: 30px 15px 0px 15px;
}


/* 画像 */
#content .information img.pic {
	float: left;
	margin: 15px 20px 0px 30px;
	display: inline;
	border: 1px #dedede solid;
}


/* テキスト-タイトル */
#content .information h3 {
	margin: 0px 30px 40px 330px;
	padding: 10px 0px 0px 22px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	background: url(http://www.kekkon-j.com/esthetics/edit/img/new/link-back-01.gif) 10px 20px no-repeat;
}

#content .information h3 a {
	color: #f23f95;
}

#content .information h3 a:hover {
	color: #cccccc;
}

/* テキスト-リード リストタイプ */
#content .information ul.lead {
	margin: 15px 35px 0px 350px;
}

#content .information ul.lead li {
	line-height: 150%;
	list-style-type: none;
}

#content .information ul.lead li a {
	color: #f23f95;
}

#content .information ul.lead li a:hover {
	color: #cccccc;
}

#content .information ul.lead li.bold {
	font-weight: bold;
}

/* テキスト-リード 文章タイプ */
#content .information p.lead {
	margin: 15px 35px 0px 340px;
	line-height: 160%;
}

/* テキスト 太字 */
#content .information p.bold {
	margin: 20px 35px 0px 340px;
	font-weight: bolder;
}	

/* ------------------------------ Link */

/* お問い合わせボタン画像 */
#content .information .contact ul {
	margin: 20px 0px 0px 340px;
}

#content .information .contact ul li {
	display: inline;
}




/* 全体枠 */
#content .information ul.link{
	margin: 10px 35px 0px 320px;
}

/* リンク-共通 */
#content .information ul.link li{
	margin: 0px 10px 0px 20px;
	padding: 7px 7px 7px 25px;
	background: #e3e3e3 url(http://www.kekkon-j.com/esthetics/edit/img/new/link-back-01.gif) 15px 11px no-repeat;
}

/* リンク-2段上の背景指定 */
#content .information ul.link li.list-gray{ background-color: #f5f5f5;}
#content .information ul.link li.list-pink{ background-color: #ffeaf1;}


#content .information ul.link li a{ color: #000000; text-decoration: none; }
#content .information ul.link li a:hover{ color: #f9396f; }



/* ----------------------------------- backnumber */

/* 枠 */
#content .backnumber {
	width: 700px;
	margin: 50px 0px 0px 15px;
}


/* 商品列 */
#content .backnumber .list {
	margin: 10px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background-color: #e3e3e3;
}


/* 各商品 */
#content .backnumber .list dl {
	float: left;
	display: inline;
	width: 152px;
	margin: 0px 10px 20px 13px;
}

/* 商品画像 */
#content .backnumber .list dl dt a img {
	border: 1px solid #e3e3e3;	
}

#content .backnumber .list dl dt a:hover img {
	border: 1px solid #f9396f;	
}

/* タイトル */
#content .backnumber .list dl dd {
	margin: 5px 0px 5px 3px;
	padding: 0px 0px 0px 6px;
	font-size: 11px;
	background: url(http://www.kekkon-j.com/esthetics/edit/img/new/link-back-01.gif) left 5px no-repeat;
}

/* テーマタイトル */
#content .backnumber .list dl dd span.ttl {
	font-weight: bold;
}