/*
========  Reset ============================================
*/

* {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,Arial,Verdana,Helvetica,sans-serif;
}
/*
========  body and base setting ============================
*/
div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background:#000000 url(/images/back.jpg) repeat-x;
	color:#ffffff;
	_font-size:90%;
}

h1, h2, h3, h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
img{
	border:0;
}
ol,ul{
	margin: 0;
	padding: 0;
}
li{
	margin: 0;
	padding: 5px;
	font-size:80%;
	line-height:150%;
	list-style-position: inside;	
}
li li{
	margin: 0;
	padding:2px 0 2px 10px;
	font-size:90%;
	line-height:150%;
	list-style-position: inside;	
}
li ul{
	margin: 0;
	padding: 3px;
}
table {
	border:0;
	padding:0px;
	margin:0px;
}
td, th {
	padding:0px;
	margin:0px;
}
a,a:link,a:visited {
 color:#ffffff;
	text-decoration: underline;
}

a:hover {
	color:#cccccc;
	text-decoration: underline;
}
a:active {
	color:#ffffff;
	text-decoration: underline;
}


/*
========  base Layout ====================================
*/
#container {
	width: 790px;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	padding: 0px;

}
#container_openwin {
	width: 530px;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align:center;

}
#head {
	width: 790px;
	height: 84px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents {
	width: 790px;
	height: 100%;
	margin: 0;
	padding:0;
	text-align: left;
	clear:both;
	background:#181C18 url(/images/main_top.gif) no-repeat;
}
#main {
	width: 530px;
	height: 100%;
	margin: 0;
	padding: 0 10px 0 0;
	float:left;
	text-align: left;
}
#side {
	width: 227px;
	height: 100%;
	margin: 0;
	padding: 0 13px 0 10px;
	float:left;
}
#pankuzu {
	width: 790px;
	height: auto;
	margin:0;
	padding: 0 0 10px 10px;
	font-size:11px;
	text-align: left;
}
#pagetop {
	clear:both;
	width:790px;
	margin: 0;
	padding: 30px 0 10px 0;
	text-align: right;
	font-size:70%;
	background:#000000 url(/images/main_foot.gif) no-repeat;
}
#container_openwin #pagetop {
	clear:both;
	width:530px;
	margin: 0;
	padding: 30px 0 10px 0;
	text-align: right;
	font-size:70%;
	background:#000000;
}
#container_openwin #head {
	width: 530px;
	height: 84px;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
}
#container_openwin #main {
	width: 530px;
	height: 100%;
	margin: 0;
	padding:0 0 20px 0;
	text-align: center;
	clear:both;
	background:#181C18 url(/images/main_top.gif) no-repeat;
}
#footer {
	clear:both;
	width:790px;
	height: 30px;
	margin: 0;
	padding: 20px 0 10px 0;
	text-align: center;
	font-size:70%;
}
/*
======== Header ========================================
*/
#logo{
	float:left;
	padding:0px;
	margin: 0;
}
#sitemap{
	float:right;
	right:0px;
	margin: 62px 0 0 0;
	padding:0;
	text-align:right;
	width:172px;
	bottom: 0px;
}
#mainImg{
	clear:both;
	width:790px;
	margin: 20px 0 15px 0;
	padding:0px;
}
/*
======== Gloval Navi =====================================
*/
#glovalNavi{
	width:197px;
	height:480px;
	margin: 15px 0;
	padding:35px 0 0 30px;
	background:url(/images/menu_back.gif) no-repeat;
}

/*
======== contents =====================================
*/
#contents #main{
	margin: 0;
	padding:5px 0 0 0;
}
#contents #main .clum{
	text-align:left;
	margin: 0 0 15px 0;
	padding:10px 20px 20px 20px;
	background:url(/images/contents_back.gif) repeat-y;
	border-bottom:#313131 1px solid;
}

#contents #main .clum p{
	margin: 0;
	padding: 0;
	font-size:80%;
	line-height:150%;
	text-align:left;
}
#contents #main .clum_news{
	text-align:left;
	margin: 0 0 15px 0;
	padding:10px 20px 20px 20px;
	background:url(/images/contents_back.gif) repeat-y;
	border-bottom:#313131 1px solid;
}
#contents #main .clum_news p{
	margin: 0;
	padding: 0 0 20px 0;
	font-size:80%;
	line-height:150%;
	text-align:left;
}
#contents #main .clum_news p.date-header{
	margin: 0;
	padding: 0 0 10px 0;
	font-size:70%;
	line-height:150%;
	text-align:left;
}
#contents #main .clum_news h3{
	margin: 0 0 5px 0;
	padding:3px 0 0 10px;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	background:url(/images/products_stone_menu.jpg) repeat-x;
	height:20px;
}
#contents #main .clum .top_news th{
	width:100px;
	padding:3px;
	margin:0;
	font-size:80%;
	font-weight:normal;
}
#contents #main .clum .top_news td{
	width:300px;
	padding:3px;
	margin:0;
	font-size:80%;
}
#contents #main .clum_news  h2.products{
	margin: 0;
	padding:18px 10px 10px 50px;
	background:url(/images/products_menu.jpg) no-repeat;
	height:17px;
	font-size:80%;
	font-weight:bold;
	text-align:left;
}
h2.about{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/top_menu_01.jpg) no-repeat;
	height:45px;
}
h2.news{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/top_menu_02.jpg) no-repeat;
	height:45px;
	width:427px;
	float:left;
}
#contents #main #news_link{
	margin: 0;
	padding:0;
	float:left;
}
h2.pickup{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/top_menu_03.jpg) no-repeat;
	height:45px;
}
h2.collection{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/top_menu_04.jpg) no-repeat;
	height:45px;
}
h2.item{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/top_menu_05.jpg) no-repeat;
	height:45px;
}
h2.concept1{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/concept_menu_01.jpg) no-repeat;
	height:45px;
}
h2.concept2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/concept_menu_02.jpg) no-repeat;
	height:45px;
}
h2.concept3{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/concept_menu_03.jpg) no-repeat;
	height:45px;
}
h2.concept4{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/concept_menu_04.jpg) no-repeat;
	height:45px;
}
h2.twilight1{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/twilight_menu_01.jpg) no-repeat;
	height:45px;
}
h2.twilight2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/twilight_menu_02.jpg) no-repeat;
	height:45px;
}
h2.bright1{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/bright_menu_01.jpg) no-repeat;
	height:45px;
}
h2.bright2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/bright_menu_02.jpg) no-repeat;
	height:45px;
}
h2.wonder1{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/wonder_menu_01.jpg) no-repeat;
	height:45px;
}
h2.wonder2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/wonder_menu_02.jpg) no-repeat;
	height:45px;
}
h2.koiki1{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/koiki_menu_01.jpg) no-repeat;
	height:45px;
}
h2.koiki2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/koiki_menu_02.jpg) no-repeat;
	height:45px;
}
h2.destiny1{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/destiny_menu_01.jpg) no-repeat;
	height:45px;
}
h2.destiny2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/destiny_menu_02.jpg) no-repeat;
	height:45px;
}
h2.products{
	margin: 0;
	padding:18px 10px 10px 50px;
	background:url(/images/products_menu.jpg) no-repeat;
	height:17px;
	font-size:80%;
	font-weight:bold;
	text-align:left;
}
h2.privacy{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/private_menu_01.jpg) no-repeat;
	height:45px;
}
h2.company{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/corporate_menu_01.jpg) no-repeat;
	height:45px;
}
h2.inquiry{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/inquiry_menu_01.jpg) no-repeat;
	height:45px;
}
h2.map{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/map_menu_01.jpg) no-repeat;
	height:45px;
}
h2.tokutei{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/tokutei_menu_01.jpg) no-repeat;
	height:45px;
}
h2.salon{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/salon_menu_01.jpg) no-repeat;
	height:45px;
}
h2.salon2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/salon_menu_02.jpg) no-repeat;
	height:45px;
}
h2.salon3{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/salon_menu_03.jpg) no-repeat;
	height:45px;
}
h2.salon4{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/salon_menu_04.jpg) no-repeat;
	height:45px;
}
h2.salon5{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/salon_menu_05.jpg) no-repeat;
	height:45px;
}
h2.salon6{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/salon_menu_06.jpg) no-repeat;
	height:45px;
}
h2.salon7{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/salon_menu_07.jpg) no-repeat;
	height:45px;
}
h2.news_second{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/news_menu_01.jpg) no-repeat;
	height:45px;
}
h2.shop{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/shop_menu_01.jpg) no-repeat;
	height:45px;
}
h2.shop2{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/shop_menu_02.jpg) no-repeat;
	height:45px;
}
h2.payment{
	margin: 0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/siharai_ttl.jpg) no-repeat;
	height:45px;
}
#contents #main .detail_base{
	text-align:left;
	margin: 0 0 15px 0;
	padding:10px 0 0 10px;
	background:url(/images/contents_back.gif) repeat-y;
	border-bottom:#313131 1px solid;

}
#contents #main .detail_base .detail{
	margin: 0 10px 10px 0;
	display:inline;
	padding:10px;
	background:url(/images/detail_back.gif) repeat-y;
	width:230px;
	height:125px;
	float:left;
}
#contents #main .detail_base .detail .imagearea{
	margin: 0 10px 0 0;
	padding:0;
	float:left;
}
#contents #main .detail_base .detail .imagearea img{
	border:#cccccc 1px solid;
}

#contents #main .detail_base .detail .detail_text{
	float:right;
	text-align:center;
	width:113px;
}
#contents #main .detail_base .detail .detail_text p.linktext{
	margin: 0;
	padding: 0 0 5px 0;
	font-size:70%;
	line-height:150%;
	text-align:left;
	font-weight:bold;
}
#contents #main .detail_base .detail .detail_text p.syousai{
	margin: 0;
	padding: 0 0 5px 0;
	font-size:70%;
	line-height:150%;
	text-align:left;
	color:#cccccc;
}
#contents #main .detail_base .detail .detail_text p.kakaku{
	margin: 0;
	padding: 0 0 10px 0;
	font-size:80%;
	line-height:150%;
	text-align:left;
	color:#cccccc;
	font-weight:bold;
}
#form1 select{
	margin: 0 0 5px 0;
	padding: 0;
	font-size:80%;
	width:200px;
	height:20px;
}
#form1 input{
	margin: 0 0 5px 0;
	padding: 0;
	font-size:80%;
	width:200px;
}
#form2 input{
	margin: 0 0 5px 0;
	padding: 0;
	font-size:80%;
	width:200px;
}
#contents #main .clum_btnarea{
	text-align:left;
	margin: 0 0 15px 0;
	padding:10px 5px 0px 5px;
	background:url(/images/contents_back.gif) repeat-y;
	border-bottom:#313131 1px solid;
}
#contents #main .clum_btnarea img{
	text-align:left;
	margin: 0 4px 10px 4px;
	padding: 0;
}
#contents #main #entry_base{
	text-align:left;
	margin: 0 0 15px 0;
	padding:10px 10px 10px 10px;
	background:url(/images/contents_back.gif) repeat-y;
	border-bottom:#313131 1px solid;
	width:510px;

}
#contents #main #entry_base #entry{
	margin: 0;
	padding:10px;
	background:url(/images/detail_back.gif) ;
}
#contents #main #entry_base #entry .imagearea{
	margin: 0;
	padding:0 10px 0 0;
	width:202px;
	float:left;
	font-size:70%;
}
#contents #main #entry_base #entry .imagearea img{
	margin: 0 0 5px 0;
	padding:0;
	border:#cccccc 1px solid;
}
#contents #main #entry_base #entry .detail_text{
	margin: 0;
	padding:0;
	width:278px;
	float:left;
	text-align:center;
}
#contents #main #entry_base #entry .detail_text h3{
	margin: 0 0 10px 0;
	padding:3px 0 0 0;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	background:url(/images/products_entry_menu.jpg) no-repeat;
	height:20px;
}
#contents #main #entry_base #entry .detail_text h4{
	margin: 20px 0 10px 0;
	padding:0 0 0 10px;
	font-size:80%;
	font-weight:bold;
	border-left:#D8D8D8 5px solid;
	text-align:left;
}
#contents #main #entry_base #entry .detail_text h4.top{
	margin: 0 0 10px 0;
	padding:0 0 0 10px;
	font-size:80%;
	font-weight:bold;
	border-left:#D8D8D8 5px solid;
	text-align:left;
}
#contents #main #entry_base #entry .detail_text p{
	margin: 0;
	padding:0 0 0 5px;
	font-size:80%;
	text-align:left;
}
#contents #main #entry_base #entry .detail_text p.attention{
	margin: 0;
	padding:0;
	font-size:80%;
	text-align:center;
}
#contents #main #entry_base #entry .detail_text img{
	margin: 10px 0 5px 0;
	padding:0;
}
#contents #main #entry_base #entry .detail_text form{
	margin: 10px 0 20px 0;
	padding:0;
}
#contents #main #entry_base #entry .detail_text .stone{
	margin: 0;
	padding:0 5px 10px 5px;
	width:58px;
	float:left;
	text-align:center;
	font-size:70%;
}
#contents #main .clum #toiawase{
	margin: 0;
	padding:0;
}
#contents #main .clum #toiawase table{
	margin: 10px auto;
	padding:0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background:#ffffff;
}
th.koumoku{
	width:150px;
	font-size:80%;
	text-align:center;
	background:#E7E7E7;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
}

#toiawase td{
	font-size:80%;
	text-align:left;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
}
#contents #main .clum #corporate{
	margin: 0;
	padding:0;
}
#contents #main .clum #corporate table{
	margin: 10px auto;
	padding:0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background:#ffffff;
	width:450px;
}
#corporate th{
	width:150px;
	font-size:80%;
	text-align:left;
	background:#E7E7E7;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
}

#corporate td{
	font-size:80%;
	text-align:left;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
	line-height:130%;
}
#corporate li{
	font-size:100%;
	color:#333333;
}
#corporate a,#corporate a:link,#corporate a:visited {
 color:#333333;
	text-decoration: underline;
}

#corporate a:hover,#corporate a:active {
	color:#cccccc;
	text-decoration: underline;
}
#contents #main .clum .therapyclum{
	margin: 0;
	padding:0;
}
#contents #main .clum .therapyclum table{
	margin: 10px auto;
	padding:0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background:#ffffff;
	width:450px;
}
#contents #main .clum #shoplist table{
	margin: 10px auto;
	padding:0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background:#ffffff;
}
#shoplist th{
	width:150px;
	font-size:80%;
	text-align:center;
	background:#E7E7E7;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
}

#shoplist td{
	font-size:80%;
	text-align:left;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
	width:300px;
}
.therapyclum th{
	width:150px;
	font-size:80%;
	text-align:left;
	background:#E7E7E7;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
}

.therapyclum td{
	font-size:80%;
	text-align:left;
	margin: 0px;
	padding:5px;
	border: 1px  #cccccc solid;
	color:#333333;
	line-height:130%;
}
.therapyclum li{
	font-size:100%;
	color:#333333;
}
.therapyclum a,.therapyclum a:link,.therapyclum a:visited {
 color:#333333;
	text-decoration: underline;
}

.therapyclum a:hover,.therapyclum a:active {
	color:#cccccc;
	text-decoration: underline;
}


#container_openwin #main .stone_text{
	margin: 0;
	padding:0;
	float:left;
		width:390px;
	
}
#container_openwin #main .stone_text p{
	font-size:80%;
	margin: 0;
	padding:0 10px 0 10px;
	text-align: left;
	line-height:150%;


	
}
#container_openwin #main h3{
	margin: 0 0 10px 0;
	padding:3px 0 0 0;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	background:url(/images/products_stone_menu.jpg) repeat-x;
	height:20px;
}

#container_openwin .stonedetail{
	margin: 0;
	padding:0 8px 10px 8px;
}
#container_openwin .stone_img{
	margin: 0;
	padding: 0 10px 10px 0;
	width:100px;
	float:left;
}
#container_openwin .attentiondetail{
	margin: 0;
	padding:0 8px 10px 8px;
	width:500px;
}
#container_openwin #main .attentiondetail p{
	font-size:80%;
	margin: 0;
	padding:0 10px 0 10px;
	text-align: left;
	line-height:150%;
}
#container_openwin #main .attentiondetail li{
	font-size:80%;
	margin: 0;
	padding:5px 10px 5px 10px;
	text-align: left;
	line-height:150%;
}

#contents #main .clum .room{
	margin: 0 auto;
	padding:0;
	text-align:center;
}
#contents #main .clum .room img{
	margin: 0;
	padding: 10px;
}
#contents #main .clum .room p{
	margin: 0;
	padding: 0;
	text-align:center;
}
/*
======== sidecontents =====================================
*/

#banner_img {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}


/*
======== footer =====================================
*/
#banner{
	margin: 20px 25px 20px 0px;
	padding:0px;
	text-align: right;
	float:right;
	width:186px;
}
#banner img{
	margin: 0px 2px 0px 0px;
	padding:0px;
}
#footer p{
	margin: 10px 0px 0px 0px;
	padding:0px;
}