@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/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 {
	background: url(../img/common/dress-bg01.gif) no-repeat 0px 100px #000000;
}

/* 更新日、vol.● */
#content .title ul {
	float: right;
	display: inline;
	height: 37px;
	margin: 0px 15px 0px 0px;
	line-height: 37px;
	color: #FFFFFF;
}

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

}


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

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

/* 拝啓 */
#content .bg {
	width: 408px;
	padding: 0px 0px 30px 0px;
	background: #353535 url(../img/common/dress-bg02.gif) no-repeat;
	float: left;
}	

/* ブランド名・リード */
#content .info ul.desc {
	margin: 0px;
	margin: 0px 0px 25px 0px;
	color: #ffffff;
}

#content .info ul.desc li.ttl{
	margin: 10px 10px 10px 169px;
	background-color: #353535;
}

/* コメント */
#content .info ul.desc li.lead {
	margin: 10px 10px 10px 169px;
	background-color: #353535;
}

/* コメント(ライン消し) */
#content .info dl.desc dd.price span.line {
	margin: 0px 10px 0px 0px;
	color: #999999;
	text-decoration: line-through;
}

/* テキスト */
#content .info dl.text {
	margin: 0px;
	color: #ffffff;
}

#content .info dl.text dt{
	padding: 15px 10px 0px 169px;
	font-weight: bold;
}

#content .info dl.text dd {
	padding: 10px 15px 0px 169px;
	float: left;	
	line-height: 180%;
	
}

/* 評価 */
#content .info .grade {
	width: 215px;
	margin: 15px 0px 0px 169px;
	padding: 0px 0px 15px 0px;
	background-color: #ffffff;
}

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

/* 評価：項目 */
#content .info .grade dl dt {
	float: left;
	width: 95px;
	margin: 0px 0px 0px 0px;
	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;
}

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

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

/* vol.2設定 */
#content .info .pic-vol2 img { border: 1px solid #CCCCCC;}

/* ----------------------------------- 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;
	line-height: 180%;
}



/* ----------------------------------- 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: 0px 0px 0px 30px;
	display: inline;
}

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

/* 画像 */
#content .box-pic1 img.pic1 {
	margin: 0px 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;
}


/* ----------------------------------- dress-more */

/* 全体枠 */
#content .dress-more {
	width: 450px;
	margin: 45px 0px 30px 15px;
	float: left;
	display: inline;
	border-top: 15px solid #e3e3e3;
	border-bottom: 15px solid #e3e3e3;
	background: url(../img/common/more-dress-bg.jpg) no-repeat;
}

#content .dress-more dl {
	height: 132px;
	margin: 10px 0px 0px 0px;
}

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

/* ドレス画像 */
#content .dress-more dl dd {
	margin: 12px 0px 0px 10px;
	float: left;
}

#content .dress-more dl dd.left {
	margin: 12px 0px 0px 50px;
	display: inline;
}

/* ドレス画像リンク */
#content .dress-more dl dd a img {
	border: 1px solid #e3e3e3;	
}

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

/* ----------------------------------- catalog */

/* 全体枠 */
#content .catalog {
	width: 266px;
	margin: 45px 0px 30px 14px;
	float: left;
	border-top: 15px solid #fcdeee;
	border-bottom: 15px solid #fcdeee;
	background: url(../img/common/catalog-bg.jpg) no-repeat;
}

#content .catalog dl {
	height: 132px;
	margin: 10px 0px 0px 0px;
}

/* タイトル */
#content .catalog dl dt {
	margin: 0px 0px 0px 45px;

}

/* ドレス画像 */
#content .catalog dl dd {
	margin: 8px 0px 0px 52px;
}

#content .catalog dl dd.left {
	margin: 12px 0px 0px 50px;
	display: inline;
}

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

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


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


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

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

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

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

#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 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;
}