@charset "shift_jis";
/*----------------------------
  CSS Date Document 2008.03
  Last Update 0000.00.00 Date
----------------------------*/

@import "page.css";


/*####################　共通設定　####################*/

#OrderMenu ul,
#RepairMenu ul,
#PurchaseMenu ul {
	display:none;
	}
#PurchaseMenu {
	margin-bottom:0px;
	}





/*　ヘッダイメージ
-------------------------------------*/

body #HeadImg {background-image:url(../img/headimg-reform.jpg);}

body.menu01 #HeadImg,
body.menu02 #HeadImg,
body.menu03 #HeadImg,
body.menu01b #HeadImg,
body.menu02b #HeadImg,
body.menu03b #HeadImg {background-image:url(../img/headimg-reform_sample.jpg);}






/*####################　ナビゲーション　####################*/
#ReformMenu {background:url(../../reform/img/wall-reform_menu.gif) #fff;}
#ReformMenu li ul{display:block;}
#ReformMenu li ul ul ul{}
#ReformMenu li.menu01 li.cate01 ul,
#ReformMenu li.menu01 li.cate02 ul,
#ReformMenu li.menu01 li.cate03 ul {display:none;}

/* indexで孫リスト非表示 */
body.menu00 #ReformMenu li.menu01 li.cate01,
body.menu00 #ReformMenu li.menu01 li.cate02,
body.menu00 #ReformMenu li.menu01 li.cate03,
body.menu05 #ReformMenu li.menu01 ul,
body.menu05 #ReformMenu li.menu02 ul,
body.menu06 #ReformMenu li.menu01 ul,
body.menu06 #ReformMenu li.menu02 ul {display:none;}

/* 見本ページで孫リスト表示 */
body.menu01 #ReformMenu li.menu01 li.cate01 ul,
body.menu02 #ReformMenu li.menu01 li.cate02 ul,
body.menu03 #ReformMenu li.menu01 li.cate03 ul,
body.menu01b #ReformMenu li.menu01 li.cate01 ul,
body.menu02b #ReformMenu li.menu01 li.cate02 ul,
body.menu03b #ReformMenu li.menu01 li.cate03 ul {display:block;}

/* ページ固定表示 */
body.menu01 #ReformMenu li.menu01 a,
body.menu02 #ReformMenu li.menu01 a,
body.menu03 #ReformMenu li.menu01 a,
body.menu01b #ReformMenu li.menu01 a,
body.menu02b #ReformMenu li.menu01 a,
body.menu03b #ReformMenu li.menu01 a,
body.menu04 #ReformMenu li.menu02 a,
body.menu05 #ReformMenu li.menu03 a,
body.menu06 #ReformMenu li.menu04 a
{background-position:-382px 0;}


/*　デザインサンプル
-------------------------------------*/

/*他メニュー非表示*/
body.menu00 #ReformMenu li.menu02 ul,
body.menu01 #ReformMenu li.menu02 ul,
body.menu02 #ReformMenu li.menu02 ul,
body.menu03 #ReformMenu li.menu02 ul,
body.menu01b #ReformMenu li.menu02 ul,
body.menu02b #ReformMenu li.menu02 ul,
body.menu03b #ReformMenu li.menu02 ul{display:none;}


/* ダイヤ・色石・真珠 */
#ReformMenu li.menu01 li a{
	display:block;
	height:28px;
	text-indent:-9999px;
	}
#ReformMenu li.menu01 li.cate01 a{background:url(../../reform/img/side-cate_diamond.gif) 0 0 no-repeat; margin:7px 0 5px 4px;}
#ReformMenu li.menu01 li.cate02 a{background:url(../../reform/img/side-cate_stone.gif) 0 0 no-repeat; margin:0 0 5px 4px;}
#ReformMenu li.menu01 li.cate03 a{background:url(../../reform/img/side-cate_pearl.gif) 0 0 no-repeat; margin:0 0 5px 4px;}

#ReformMenu li.menu01 li.cate01 li a,
#ReformMenu li.menu01 li.cate02 li a,
#ReformMenu li.menu01 li.cate03 li a{margin:0;}


/* リング・ネックレス */
#ReformMenu li.menu01 li li a{
	display:block;
	height:23px;
	text-indent:-9999px;
	}
#ReformMenu li.menu01 li li.menu01 a{background-image:url(../../reform/img/side-cate_ring.gif); margin-left:0;}
#ReformMenu li.menu01 li li.menu02 a{background-image:url(../../reform/img/side-cate_necklace.gif); margin-left:0;}

/* ゴージャス〜ゆれるデザイン */
#ReformMenu li.menu01 li li ul {
	padding-bottom:5px;
	}
#ReformMenu li.menu01 li li li {
	background:url(../../reform/img/line-dotted.gif) center bottom no-repeat;
	_width:190px;
	}
body.menu01 #ReformMenu li.menu01 li li li a,
body.menu02 #ReformMenu li.menu01 li li li a,
body.menu03 #ReformMenu li.menu01 li li li a,
body.menu01b #ReformMenu li.menu01 li li li a,
body.menu02b #ReformMenu li.menu01 li li li a,
body.menu03b #ReformMenu li.menu01 li li li a {
	display:block;
	background:url(../img/ico-arrow_dotted.gif) 11px 11px no-repeat;
	_width:190px;
	height:auto;
	padding:9px 0 7px 22px;
	color:#3366cc;
	font-size:10px;
	text-indent:0;
	}




/*　ジュエリーリフォーム
-------------------------------------*/
body.menu04 #ReformMenu li.menu01 ul,
body.menu05 #ReformMenu li.menu01 ul
body.menu06 #ReformMenu li.menu01 ul {display:none;}

body.menu04 #ReformMenu li.menu01 ul,


body.menu04 #ReformMenu li.menu02 li {
	background:url(../../reform/img/line-dotted.gif) center bottom no-repeat;
	_width:190px;
	}
body.menu04 #ReformMenu li.menu02 li a {
	display:block;
	background:url(../img/ico-arrow_dotted.gif) 11px 11px no-repeat;
	_width:190px;
	height:auto;
	padding:9px 0 7px 22px;
	color:#3366cc;
	font-size:10px;
	text-indent:0;
	}


/*####################　コンテンツ　####################*/

/*　index リスト
-------------------------------------*/
.contentsBox {
	background:url(../../reform/img/wall-contents_bottom.gif) left bottom no-repeat;
	width:560px;
	margin:0 0 15px 19px;
	padding-bottom:9px;
	}
.contentsBox dl{
	background:url(../../reform/img/wall-contents_top.gif) left top no-repeat;
	padding:9px 9px 0;
	}

.contentsBox dt{
	float:right;
	width:314px;
	margin-bottom:10px;
	}
.contentsBox dd{
	float:none;
	margin-bottom:5px;
	line-height:1.5;
	}
.contentsBox dd.photo{
	float:left;
	width:215px;
	margin-bottom:0;
	margin-right:10px;
	line-height:0;
	}
.contentsBox dd.more{
	text-align:right;
	margin-bottom:0;
	height:33px;
	line-height:1;
	}



/*　デザインカテゴリ
-------------------------------------*/
#DesignCategory {
	position:relative;
	width:570px;
	height:221px; 
	background:url(../../reform/img/wall-category.gif) no-repeat;
	margin:0 0 20px 15px;
	}
#DesignCategory h3 {
	clear:both;
	width:189px;
	margin:0 0 12px 0;
	}
#DesignCategory h3 a {
	display:block;
	width:189px;
	height:29px;
	text-indent:-9999px;
	}
#DesignCategory h3.cate01 a{background-image:url(../../reform/img/button-stone01.gif);}
#DesignCategory h3.cate02 a{background-image:url(../../reform/img/button-stone02.gif);}
#DesignCategory h3.cate03 a{background-image:url(../../reform/img/button-stone03.gif); width:188px;}

#DesignCategory ul {margin-left:5px;}


#DesignCategory ul ul{
	position:absolute;
	top:83px;
	left:3px;
	}


#DesignCategory li {clear:both;}
#DesignCategory li li{
	float:left;
	clear:none;
	width:182px;
	margin:0 4px 4px 0;
	}

#DesignCategory li a{
	display:block;
	width:280px;
	height:32px;
	text-indent:-9999px;
	}
#DesignCategory li.menu01 a {background-image:url(../../reform/img/button-type01.gif);}
#DesignCategory li.menu02 a {background-image:url(../../reform/img/button-type02.gif);}

#DesignCategory li.menu01 li a,
#DesignCategory li.menu02 li a{
	display:block;
	width:auto;
	height:auto;
	background:none;
	margin-left:0;
	text-indent:0;
	}


/*　デザインカテゴリ振り分け
-------------------------------------*/
body.menu01 #DesignCategory ul.cate01 li.menu02 ul,
body.menu02 #DesignCategory ul.cate02 li.menu02 ul,
body.menu03 #DesignCategory ul.cate03 li.menu02 ul,

body.menu01b #DesignCategory ul.cate01 li.menu01 ul,
body.menu02b #DesignCategory ul.cate02 li.menu01 ul,
body.menu03b #DesignCategory ul.cate03 li.menu01 ul,

body.menu01 #DesignCategory ul.cate02,
body.menu01 #DesignCategory ul.cate03,
body.menu01b #DesignCategory ul.cate02,
body.menu01b #DesignCategory ul.cate03,

body.menu02 #DesignCategory ul.cate01,
body.menu02 #DesignCategory ul.cate03,
body.menu02b #DesignCategory ul.cate01,
body.menu02b #DesignCategory ul.cate03,

body.menu03 #DesignCategory ul.cate01,
body.menu03 #DesignCategory ul.cate02,
body.menu03b #DesignCategory ul.cate01,
body.menu03b #DesignCategory ul.cate02
 {display:none;}


body.menu01 #DesignCategory h3.cate01 a,
body.menu02 #DesignCategory h3.cate02 a,
body.menu03 #DesignCategory h3.cate03 a,
body.menu01b #DesignCategory h3.cate01 a,
body.menu02b #DesignCategory h3.cate02 a,
body.menu03b #DesignCategory h3.cate03 a {background-position:0 -29px;}


#DesignCategory li.menu01 a {background-position:0 -32px;}

body.menu01b #DesignCategory li.menu01 a,
body.menu02b #DesignCategory li.menu01 a,
body.menu03b #DesignCategory li.menu01 a {background-position:0 0;}
body.menu01b #DesignCategory li.menu02 a,
body.menu02b #DesignCategory li.menu02 a,
body.menu03b #DesignCategory li.menu02 a {background-position:0 -32px;}



#DesignCategory h3.cate02 {
	position:absolute;
	top:0;
	left:191px;
	}
#DesignCategory h3.cate03 {
	position:absolute;
	top:0;
	left:382px;
	}

#DesignCategory li.menu02 a{
	position:absolute;
	top:41px;
	left:285px;
	}
#DesignCategory li.menu02 li a{
	position:relative;
	top:0;
	left:0;
	}




/*　ブログ記事
-------------------------------------*/
#Contents .entry {
	clear:both;
	margin:0 2px 30px 15px;
	}
#Contents .entry h3{
	background:url(../img/wall-title.gif) left center no-repeat;
	padding:20px 10px 24px 15px;
	font-size:12px;
	}
#Contents .entry p.photo{
	text-align:center;
	padding-bottom:1px;
	}

#Contents .entry .comment {
	margin: 0 12px;
	padding: 0 0 10px;
	}

#Contents .entry .data {
	background:url(../../reform/img/line-dotted_w.gif) left top no-repeat;
	margin: 0 12px 15px;
	padding-top: 1px;
	}
#Contents .entry table {
	border-collapse:collapse;
	width:545px;
	}
#Contents .entry th,
#Contents .entry td {
	background:url(../../reform/img/line-dotted_w.gif) left bottom no-repeat;
	padding: 5px 14px 4px;
	}
#Contents .entry th{
	background-color:#f4faff;
	color:#76b9ed;
	font-size:10px;
	font-weight:normal;
	width:90px;
	}

#Contents .entry p.more{
	width:549px;
	margin-left:15px;
	text-align:right;
	}

#Contents .entry ul.link{
	width:560px;
	margin:0 0 50px 7px;
	padding-top:10px;
	border-top:1px solid #9dd1f9;
	font-size:10px;
	zoom:1;
	}
#Contents .entry ul.link:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	

#Contents .entry ul.link a{color:#66ccff;}
#Contents .entry ul.link li.top{
	display:inline;
	float:left;
	background:url(../../reform/img/ico-arrow_left.gif) 0 2px no-repeat;
	margin-left:15px;
	padding-left:10px;
	}
#Contents .entry ul.link li.end{
	display:inline;
	float:right;
	background:url(../../reform/img/ico-arrow_right.gif) right 2px no-repeat;
	margin-right:15px;
	padding-right:10px;
	}


/*####################　婚約・結婚指輪　####################*/

body.menu05 .contentsBox{
	background:none;
	margin:0 0 50px 0;
	}
body.menu05 .contentsBox h3{
	margin:0 0 0 0;
	}
body.menu05 .contentsBox p{
	margin:0 0 10px 25px;
	}
body.menu05 .contentsBox ul.link{
	margin:20px 0 10px 25px;
	}
body.menu05 .contentsBox ul.link li{
	float:left;
	width:15em;
	margin-right:15px;
	background:url(../img/ico-diamond.gif) 0 1px no-repeat;
	margin-bottom:8px;
	padding-left:14px;
	}
body.menu05 .contentsBox ul.link a{
	color:#335cad;
	}



body.menu05 #Certificate{
	background:url(../../reform/img/wall-engage.jpg) 20px 66px no-repeat;
	margin:0 0 10px 0;
	}
body.menu05 #Certificate p{
	float:right;
	margin:110px 0 0 0;
	width:290px;
	font-size:10px;
	}


body.menu05 .contentsBox ul.certificate{
	}




/*####################　リフォームについて　####################*/

body.menu06 .contentsBox{
	background:none;
	margin:0 0 20px 0;
	}
body.menu06 .contentsBox h3{
	margin:0 0 0 0;
	}
body.menu06 .contentsBox h4{
	background:url(../img/wall-title.gif) left center no-repeat;
	margin:0 0 10px 20px;
	padding:20px 10px 24px 15px;
	font-size:12px;
	}
body.menu06 .contentsBox p{
	margin:0 0 10px 25px;
	}
body.menu06 .contentsBox ul.link{
	margin:20px 0 10px 25px;
	}
body.menu06 .contentsBox ul.link li{
	float:left;
	width:15em;
	margin-right:15px;
	background:url(../img/ico-diamond.gif) 0 1px no-repeat;
	margin-bottom:8px;
	padding-left:14px;
	}
body.menu06 .contentsBox ul.link a{
	color:#335cad;
	}



body.menu06 #Certificate{
	background:url(../../reform/img/wall-certificate.jpg) 40px 66px no-repeat;
	margin:0 0 10px 0;
	}
body.menu06 #Certificate p{
	float:right;
	margin:110px 0 0 0;
	width:290px;
	font-size:10px;
	}


body.menu06 .contentsBox ul.certificate{
	}



/*####################　ページブート　####################*/

#PageBute {
	width:580px;
	margin:10px 0 30px;
	text-align:center;
	}





/*end*/