html {
	overflow-y: scroll;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FF8989;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#FF8989;
}

body { margin: 0px; padding: 0px; font-size: small; background: url(img/common/bg.jpg) repeat-y center #FFFFE1;}

#box { width: 800px; margin: 0 auto;}

img { border: none;}

h1 { width: 800px; margin: 0 auto; padding: 4px 0; font-size: 12px; color: #960; text-align: center; background: #FFF;}

.cl { clear: left;}


/* 20061226木村追加 インタビュー欄に顔アイコン表示
------------------------------------------------------------ */
p.q,p.a{
padding-bottom:20px;
}
.q{
background:url(img/common/face_m.gif) no-repeat left top;
padding-left:60px;
height:40px;
color:#003399;
}
.a{
background:url(img/common/face_f.gif) no-repeat left top;
padding-left:60px;
height:50px;
color:#FF6666;
}
.style1 p.q,
.style1 p.a{
height:100%;
min-height:50px;
}
//heightはIE用

.style1 > p.q,
.style1 > p.a{
height:auto;
} 
.voice p{
font-size:80%;
color:#666666;
}
p.read strong{
display:block;
color:#f26c6e;
border-bottom:1px solid #e0acdf;
margin-bottom:2px;
padding-bottom:3px;
}
h3.about{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/about/title1.jpg) no-repeat;
}
h3.access{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/access/title1.jpg) no-repeat;
}
h3.company{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/company/title1.jpg) no-repeat;
}
h3.dress{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/dress/title1.jpg) no-repeat;
}
h3.esthetic{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/esthetic/title2.jpg) no-repeat;
}
h3.goods{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/goods/title1.jpg) no-repeat;
}
h3.jewelry{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/jewelry/title.jpg) no-repeat;
}
h3.service{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/service/title2.jpg) no-repeat;
}
h3.shop{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/shop/title1.jpg) no-repeat;
}
h3.inquiry{
width:500px;
height:150px;
text-indent:-7777px;
background:url(img/inq/title.jpg) no-repeat;
}

/* ここまで
------------------------------------------------------------*/

#hdr { position: relative; width: 800px; height: 99px; background: url(img/common/hdr/hdr_bg.jpg) no-repeat;}

#hdr #logo { position: absolute; top: 10px; left: 35px; width: 210px; height: 55px; margin: 0; padding: 0;}

#hdr ul { margin: 0;}
#hdr li { position: absolute; list-style: none;}
#hdr #address { top: 10px; left: 585px; width: 195px; height: 40px; background: url(img/common/hdr/address.jpg) no-repeat; text-indent: -4444px;}
#hdr #tel { top: 50px; left: 610px; width: 170px; height: 30px; background: url(img/common/hdr/tel.jpg) no-repeat; text-indent: -4444px;}


#coTb { width: 800px;}
#coTb th#naviTh { width: 200px; padding: 0; text-align: left; vertical-align: top; border-collapse: collapse;}

#naviTh ul { margin: 15px 0 0 8px; padding: 0;}
#naviTh li { width: 180px; height: 30px; margin: 0 0 5px 0; padding: 0; list-style: none; text-indent: -4444px;}
#naviTh li a { display: block; width: 180px; height: 30px; text-decoration: none;}

#naviTh li#home { background:url(img/common/navi/navi.jpg) no-repeat 0 0;}
#naviTh li#about { background:url(img/common/navi/navi.jpg) no-repeat 0 -35px;}
#naviTh li#dress { height: 35px; background:url(img/common/navi/navi.jpg) no-repeat 0 -70px;}
#naviTh li#dress a { height: 35px;}
#naviTh li#esthetic { height: 35px; background:url(img/common/navi/navi.jpg) no-repeat 0 -110px;}
#naviTh li#esthetic a { height: 35px;}
#naviTh li#jewelry { background:url(img/common/navi/navi.jpg) no-repeat 0 -150px;}
#naviTh li#shop { background:url(img/common/navi/navi.jpg) no-repeat 0 -185px;}
#naviTh li#service { background:url(img/common/navi/navi.jpg) no-repeat 0 -220px;}
#naviTh li#access { background:url(img/common/navi/navi.jpg) no-repeat 0 -255px;}
#naviTh li#company { background:url(img/common/navi/navi.jpg) no-repeat 0 -290px;}
#naviTh li#inquiry { background:url(img/common/navi/navi.jpg) no-repeat 0 -325px;}

#naviTh li#home a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px 0;}
#naviTh li#about a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -35px;}
#naviTh li#dress a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -70px;}
#naviTh li#esthetic a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -110px;}
#naviTh li#jewelry a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -150px;}
#naviTh li#shop a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -185px;}
#naviTh li#service a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -220px;}
#naviTh li#access a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -255px;}
#naviTh li#company a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -290px;}
#naviTh li#inquiry a:hover { background:url(img/common/navi/navi.jpg) no-repeat -180px -325px;}


#coTb td.coTd { width: 600px; padding: 0; border-collapse: collapse;}

#areaList { width: 560px; margin: 0 auto; border-collapse: collapse;}
#areaList td { padding: 10px; vertical-align: top; border: 1px solid #CCC;}
#areaList td.unei { background: none; border: none; background-color:#FFDDDD; line-height:140%;}
#areaList td.info { background: none; border: none; background-color:#FFDDDD; line-height:140%;}


#copy { width: 800px;}
#copy p { margin: 20px 40px 5px 0; font-size: 12px; text-align: right;}

.alert {
	font-size:12px;
	color:#FF8989;
}

/* === company === */
.styleCom {
	font-size:14px;
	text-align:left;
	line-height:160%;
	letter-spacing:0.2em;
}
.styleCom a:link {
	color:#FF8989;
}
.styleCom a:hover {
	color:#FF8989;
	font-weight:bold;
}

.law {
	font-size:12px;
	line-height:160%;
}
.law strong {
	color:#FF3399;
	font-weight:normal;
}
.law em {
	color:#FF3399;
	font-style:normal;
	font-size:10px;
}
.law dl {
	marg:0 0 10px 0;
}
.law dt {
	margin:5px 0 5px 10px;
}
.law dd {
	margin:5px 0 5px 26px;
}

/* === inquiry === */
.formTb th {
	border:1px solid #FFFFFF;
	background-color:#FFDDDC;
	color:#FF3399;
	font-size:12px;
	text-align:left;
	padding:5px;
}
.formTb th strong {
	color:#FFF;
	font-size:12px;
}
.formTb td {
	border:1px solid #FFFFFF;
	font-size:12px;
	text-align:left;
	padding:5px;
}
.formTb td input {
	margin:5px 0;
}
.formTb td select {
	margin:5px 0;
}
.formTb td textarea {
	margin:5px 0;
}
.attention {
	color:#FF8989;
	font-size:10px;
}
#inqEnd {
	font-size:14px;
	font-weight:bold;
	color:#FF8989;
	line-height:180%;
}

/* === service === */

.off {
	font-size:14px;
	color:#FF6633;
}

/* === dress === */

.lawt {
	font-size:12px;
}
.lawt a.link2 {
	color:#FF3300;
	text-decoration:none;
}
.lawt a.link2:hover {
	color:#FF0000;
	text-decoration:underline;
}

/* === TOP === */

#counter {
	margin:10px 0;
	text-align:center;
}
#catchTxtTb {
	border:1px solid #FFDDDD;
	border-collapse:collapse;
	margin:0 auto;
	width:560px;
}
#catchTxtTb td {
	border:none;
	background:#FFF;
	font-size:10px;
	padding:2px;
}






.open { width: 480px; margin: 15px auto 0; padding: 10px; font-size: 14px; border-top: 3px solid #F66; border-bottom: 3px solid #F66; background: #FFE1F0;}
.open p { margin: 0; font-weight: bold; line-height: 1.5;}

.open .txt1 span { color: #060;}
.open .txt2 span { color: #F00;}
.open .txt3 span { color: #03C;}
.open a,
.open a:visited { color: #333;}
.open a:hover { color: #666;}

.openTd { padding-top: 10px; text-align: center;}
.openTd span { display: block; margin-top: 5px;}
.openTd a,
.openTd a:visited { color: #333;}
.openTd a:hover { color: #666;}

.accessCo { width: 400px; margin: 0 auto; padding: 15px; background: #000;}
.accessTxt { margin: 5px 0 10px; text-align: center;}