@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-new.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/brand-bg.gif) no-repeat 0px 0px;
}



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

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

/* 商品画像 */
#content .info .pic {
	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: #383838;
	background-color: #ffffff;
}

#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: #f1f1f1;
	font-weight: bold;
}

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




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


/* ----------------------------------- 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 0px 20px 0px;
	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;
	width: 340px;
}

/* 画像 */
#content .box-pic1 img.pic1 {
	margin: 15px 0px 0px 0px;
}



/* ----------------------------------- 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 {
 
}


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

/* 全体枠 */
#content .hall-more {
	height: 172px;
	margin: 50px 0px 0px 0px;
	background: url(http://www.kekkon-j.com/ring/brand-concept/img/common/hall-more-bg.gif) no-repeat 15px 0px;
}

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


/*----------------------------------------------------
			photo
----------------------------------------------------*/
	
		
#content .photo_pic {
	margin-top: 20px;
}
		
#content .photo_pic p {
	margin: 20px 20px 0px 15px;
}
	

#content .photo_pic img{
}

#content .photo_pic img.line{
	margin: 20px 10px 10px 0px;
}
	
		
#content .photo_pic .photoline {
	width: 750px;
	margin-top: 15px;

}
	
#content .photo_pic .photoline dl{
	height: 285px;
	width: 180px;
	border: 1px solid #CCCCCC;
	margin-left: 5px;
	float: left;
}
	
#content .photo_pic .photoline dl dd img{
	margin-top: 10px;
	margin-left: 10px;
	
}
	
#content .photo_pic .photoline dl dt.link1{
	background-image: url(http://www.kekkon-j.com/ring/brand-concept/img/icon.gif);
	float: left;
	padding-left: 34px;
	padding-top: 12px;
	background-repeat: no-repeat;
	background-position: 13px 17px;
	text-align: center;	
}

#content .photo_pic .photoline dl dt.link2{
	background-image: url(http://www.kekkon-j.com/ring/brand-concept/img/icon.gif);
	float: left;
	padding-left: 17px;
	padding-top: 12px;
	background-repeat: no-repeat;
	background-position: 10px 17px;
	text-align: center;	
}

#content .photo_pic .photoline dl dt.link3{
	background-image: url(http://www.kekkon-j.com/ring/brand-concept/img/icon.gif);
	float: left;
	padding-left: 29px;
	padding-top: 12px;
	background-repeat: no-repeat;
	background-position: 10px 17px;
	text-align: center;	
}



#content .photo_pic .photobtn{
	margin-top: 25px;
}



	
/* ----------------------------------- 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(../../../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;
}	

/* ----------------------------------- Information 支店情報 */

#content .branch {
    border: 15px solid #E3E3E3;
    margin: 50px 15px 0;
    padding: 10px 0 10px 24px;
}


#content .branch .list {
    display: inline;
    float: left;
    margin: 15px 25px 15px 0;
    width: 200px;
}

#content .branch .list img {
    float: left;
    margin: 0 10px 10px 0;
}

#content .branch .list p {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
}

#content .branch a {
    border-style: none;
}

#content .branch .list ul {
    clear: both;
}

#content .branch .list ul li {
    color: #333333;
    font-size: 11px;
    line-height: 14px;
    margin: 3px 0 0;
}






/* ------------------------------ 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(../../../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(../../../esthetics/edit/img/new/link-back-01.gif) left 5px no-repeat;
}

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