/* CSS Document */

body{
margin:0 auto;
}

#container{
width:800px;
margin:0 auto;
padding:0;
}

.clear{
clear:both;
}

img{
border:none;
}

#head{
width:800px;
height:240px;
background:url(img/head_bg.gif) no-repeat;
}

#main{
width:800px;
background:url(img/main_bg.jpg) repeat-x;
padding:0;
margin:0;
}

#bottom{
background-color:#EBDEE0;
padding:10px;
font-size:12px;
color:#392F46;
text-align:center;
line-height:1.4em;
}

#bottom a{
text-decoration:none;
color:#392F46;
}

#bottom a:hover{
text-decoration:underline;
}

#footer{
background:url(img/footer_bg.jpg) no-repeat;
width:800px;
height:62px;
text-align:center;
}

#footer p{
margin:0;
padding-top:20px;
font-size:12px;
color:3645026;
}

#left{
width:182px;
margin:20px 0 10px 10px;
padding:0;
float:left;
}

#contents{
width:557px;
padding:20px 20px 10px 10px;
float:right;
font-size:14px;
}

#contents2{
width:570px;
padding:20px 15px 10px 10px;
float:right;
}

/*ヘッダ内見出し*/

#head h1{
text-align:right;
font-size:12px;
color:#6c0000;
font-weight:normal;
padding:3px;
margin:0;
}

#head a{
text-decoration:none;
color:#6c0000;
}

/*ヘッダ内施術メニュー*/

#navi{
width:200px;
margin:40px;
}

#navi h2{
color:#4E4D88;
font-size:13px;
font-weight:bold;
margin:0;
padding-bottom:15px;
}

#navi a{
color:#4E4D88;
text-decoration:none;
}

#navi a:hover{
text-decoration:underline;
}






/*左メニューリスト*/

#left ul{
width:180px;
margin:0;
padding:0;
list-style:none;
}

#left li{
width:180px;
margin:0;
padding:0;
}


#left li a{
width:180px;
height:25px;
display:block;
text-indent:-9999px;
text-decoration:none;
}


li#toppage{
background:url(img/menu.gif) 0 0;
}

li#toppage a:hover{
background:url(img/menu.gif) 180px 0;
}

li#toppage_s{
background:url(img/menu.gif) 180px 0;
}

li#facial{
background:url(img/menu.gif) 0 350px;
}

li#facial a:hover{
background:url(img/menu.gif) 180px 350px;
}

li#facial_s{
background:url(img/menu.gif) 180px 350px;
}

li#body{
background:url(img/menu.gif) 0 325px;
}

li#body a:hover{
background:url(img/menu.gif) 180px 325px;
}

li#body_s{
background:url(img/menu.gif) 180px 325px;
}

li#healing{
background:url(img/menu.gif) 0 300px;
}

li#healing a:hover{
background:url(img/menu.gif) 180px 300px;
}

li#healing_s{
background:url(img/menu.gif) 180px 300px;
}

li#aisatsu{
background:url(img/menu.gif) 0 275px;
}

li#aisatsu a:hover{
background:url(img/menu.gif) 180px 275px;
}

li#aisatsu_s{
background:url(img/menu.gif) 180px 275px;
}

li#customer{
background:url(img/menu.gif) 0 250px;
}

li#customer a:hover{
background:url(img/menu.gif) 180px 250px;
}

li#customer_s{
background:url(img/menu.gif) 180px 250px;
}

li#mizu{
background:url(img/menu.gif) 0 225px;
}

li#mizu a:hover{
background:url(img/menu.gif) 180px 225px;
}

li#mizu_s{
background:url(img/menu.gif) 180px 225px;
}

li#eigyou{
background:url(img/menu.gif) 0 175px;
}

li#eigyou a:hover{
background:url(img/menu.gif) 180px 175px;
}

li#eigyou_s{
background:url(img/menu.gif) 180px 175px;
}

li#iruka{
background:url(img/menu.gif) 0 200px;
}

li#iruka a:hover{
background:url(img/menu.gif) 180px 200px;
}

li#iruka_s{
background:url(img/menu.gif) 180px 200px;
}

li#contact{
background:url(img/menu.gif) 0 150px;
}

li#contact a:hover{
background:url(img/menu.gif) 180px 150px;
}

li#contact_s{
background:url(img/menu.gif) 180px 150px;
}

li#link{
background:url(img/menu.gif) 0 125px;
}

li#link a:hover{
background:url(img/menu.gif) 180px 125px;
}

li#link_s{
background:url(img/menu.gif) 180px 125px;
}

li#tarot{
background:url(img/menu.gif) 0 50px;
}

li#tarot a:hover{
background:url(img/menu.gif) 180px 50px;
}

li#tarot_s{
background:url(img/menu.gif) 180px 50px;
}

li#avandantia{
background:url(img/menu.gif) 0 100px;
}

li#avandantia a:hover{
background:url(img/menu.gif) 180px 100px;
}

li#avandantia_s{
background:url(img/menu.gif) 180px 100px;
}

li#aurasoma{
background:url(img/menu.gif) 0 25px;
}

li#aurasoma a:hover{
background:url(img/menu.gif) 180px 25px;
}

li#aurasoma_s{
background:url(img/menu.gif) 180px 25px;
}

li#products{
background:url(img/menu.gif) 0 75px;
}

li#products a:hover{
background:url(img/menu.gif) 180px 75px;
}

li#products_s{
background:url(img/menu.gif) 180px 75px;
}

/*左メニューサブメニュー*/
#left p{
margin:5px 0;
padding-right:5px;
padding-bottom:3px;
border-bottom:dotted 1px #CCCCCC;
font-size:13px;
text-align:right;
}

#left p a{
text-decoration:none;
color:#993366;
}



/*トップページトップコンテンツ*/

#top{
background:url(img/topcopy_bg.jpg) right no-repeat;
width:570px;
height:200px;
margin-bottom:10px;
}

#top img{
margin:10px 10px 5px 10px;
padding:0;
}

#top p{
margin:0 0 0 15px ;
font-size:14px;
display:block;
width:350px;
line-height:1.7em;
}

/*トップページ新着情報*/

#news{
float:left;
width:344px;
margin:0;
padding:0;
}

#news ul{
	margin:0;
	padding:0;
	list-style:none;
}

#news ul li{
margin:3px 5px 3px 5px;
padding:0 0 3px 20px;
border-bottom:dotted 1px #999999;
font-size:12px;
line-height:1.5em;
background:url(img/news_icon.gif) no-repeat;
}

.date{
width:80px;
float:left;
color:#666666;
}

.newst{
width:220px;
float:right;
}


/*トップページインフォメーション*/

#info{
float:right;
width:208px;
}

#info img{
margin-bottom:7px;
}

/*現在地表示リンク*/
.page{
font-size:12px;
color:#6D6D49;
}

/*カテゴリタイトル*/
#subtitle{
width:557px;
height:24px;
background:url(img/subtitle_bg.gif) no-repeat;
margin:10px auto;
}

#subtitle h1{
font-size:13px;
margin:0;
padding:4px 40px;
font-weight:bold;
}


/*コンテンツボックス*/

.box1{
display:block;
width:483px;
background:url(img/box1_mid.gif) repeat-y;
margin:0 auto;
padding:15px 25px 5px 25px;
font-size:14px;
line-height:1.3em;
}

.box1 p{
margin:0 0 15px 0;
}

#contents h2{
width:503px;
height:22px;
margin:0 auto;
padding:15px 0 0 30px;
font-size:14px;
font-weight:bold;
color:#875A5A;
background:url(img/box1_top.gif) no-repeat;
}

#contents h2 a{
text-decoration:none;
color:#996666;
}

img.goto{
	margin-top:10px;
	align: right;
}

.option{
width:557px;
height:24px;
background:url(img/option_bg.gif) no-repeat;
margin:10px auto;
text-align:center;
font-size:14px;
color:#9595FF;
font-weight:bold;
padding-top:5px;
}

/*画像余白*/
img.rt{
float:right;
text-align:right;
margin-left:5px;
}

img.lt{
float:left;
text-align:left;
margin-right:5px;
}

img.lt10{
float:left;
text-align:left;
margin-right:10px;
}

img.cen{
margin-bottom:10px;
}

.purple{
color:#996699;
font-weight:bold;
}

/*お問合せフォーム*/
#menu_submit{
width:240px;
margin:20px auto 10px;
padding:0;
}

#btn_reset a{
float:left;
width:112px;
height:30px;
display:block;
text-indent:-9999px;
text-decoration:none;
background:url(img/btn_submit.gif) top left no-repeat;
}

#btn_reset a:hover{
background:url(img/btn_submit.gif) bottom left no-repeat;
}

#btn_submit a{
float:right;
width:113px;
height:30px;
display:block;
text-indent:-9999px;
text-decoration:none;
background:url(img/btn_submit.gif) top right no-repeat;
}

#btn_submit a:hover{
background:url(img/btn_submit.gif) bottom right no-repeat;
}

.cntr{
text-align:center;
}

.mb10{
margin:0 0 10px;
}

#map{
width:425px;
height:350px;
margin:10px auto;
padding:0;
}


/*　リスト　ハートアイコン------------- */
ul.heart{list-style:url(img/icon_heart.gif);}
ul.heart li{padding-bottom:10px;}
/*　リスト　リングアイコン------------- */
ul.ring{list-style:url(img/icon_ring.gif);margin-left:10px;}
ul.ring li{padding-bottom:10px;}



/*　テーブルボーダーパープル------------- */
td.non{
  padding:3px;
  border:1px solid #CCCCCC;
}

.m100_0{
margin:100px 0;
}

.style1{
background:#F0D7EC;
margin:10px 0 0;
padding:5px 5px 10px;
color:#4D283F;
font-size:13px;
text-align:left;
}

.style2{
background:#F2E8BF;
margin:10px 0 0;
padding:5px;
color:#4D283F;
font-size:13px;
}

.style3{
color:#663399;
font-weight:bold;
text-align:center;
border-top:#CFA9F1 solid 1px;
margin:20px 0 0;
padding:10px 0 0;
}

.indx1{
border-bottom:#4D283F solid 1px;
font-weight:bold;
font-size:13px;
color:#4D283F;
margin:0 0 10px;
text-align:left;
padding:0;
}

#b_contact{
width:216px;
margin:10px auto;
padding:0;
}

#b_contact a{
width:216px;
height:34px;
display:block;
text-decoration:none;
text-indent:-9999px;
background:url(img/btn_contact.gif) top no-repeat;
}

#b_contact a:hover{
background:url(img/btn_contact.gif) bottom no-repeat;
}

#contact_info{
margin:0;
padding:0;
line-height:20px;
font-size:13px;
}

.m5_0_3{
margin:5px 0 3px;
}