@charset "utf-8";
/* CSS Document */

/*----------------------------------------*/
/*右ナビのリスト*/
/*----------------------------------------*/
#relaxlist{
background:url(../img/relaxation/relaxlist.jpg) no-repeat;
width:157px;
}
#relaxlist li{
display:inline;
}

#relaxlist li a{
height:67px;
width:67px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
/*------off*/
#relaxlist li.relaxlist_01 a{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -9px -2px;
margin:2px 5px 5px 9px;
display:inline;
}
#relaxlist li.relaxlist_02 a{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -81px -2px;
margin:2px 9px 5px 0;
display:inline;
}
#relaxlist li.relaxlist_03 a{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -9px -74px;
margin:0 5px 5px 9px;
display:inline;
}
#relaxlist li.relaxlist_04 a{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -81px -74px;
margin:0 9px 5px 0;
display:inline;
}
#relaxlist li.relaxlist_05 a{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -9px -146px;
margin:0 5px 3px 9px;
display:inline;
}
#relaxlist li.relaxlist_99 a{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -0px -216px;
width:143px;
height:30px;
padding:6px 7px;
display:inline;
}
/*------on*/
#relaxlist li.relaxlist_01 a:hover{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -166px -2px;
}
#relaxlist li.relaxlist_02 a:hover{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -238px -2px;
}
#relaxlist li.relaxlist_03 a:hover{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -166px -74px;
}
#relaxlist li.relaxlist_04 a:hover{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -238px -74px;
}
#relaxlist li.relaxlist_05 a:hover{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -166px -146px;
}
#relaxlist li.relaxlist_99 a:hover{
background:url(../img/relaxation/relaxlist.jpg) no-repeat -157px -216px;
}

/*----------------------------------------*/
/*右ナビのリスト NEW*/
/*----------------------------------------*/
#relaxlist2{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat;
width:157px;
}
#relaxlist2 li{
display:inline;
}

#relaxlist2 li a{
height:67px;
width:67px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
/*------off*/
#relaxlist2 li.relaxlist_01 a{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -9px -2px;
margin:2px 5px 5px 9px;
display:inline;
}
#relaxlist2 li.relaxlist_02 a{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -81px -2px;
margin:2px 9px 5px 0;
display:inline;
}
#relaxlist2 li.relaxlist_03 a{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -9px -74px;
margin:0 5px 5px 9px;
display:inline;
}
#relaxlist2 li.relaxlist_04 a{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -81px -74px;
margin:0 9px 5px 0;
display:inline;
}
#relaxlist2 li.relaxlist_05 a{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -9px -146px;
margin:0 5px 3px 9px;
display:inline;
}
#relaxlist2 li.relaxlist_06 a{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -81px -146px;
margin:0 9px 5px 0;
display:inline;
}
#relaxlist2 li.relaxlist_99 a{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -0px -216px;
width:143px;
height:30px;
padding:6px 7px;
display:inline;
}
/*------on*/
#relaxlist2 li.relaxlist_01 a:hover{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -166px -2px;
}
#relaxlist2 li.relaxlist_02 a:hover{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -238px -2px;
}
#relaxlist2 li.relaxlist_03 a:hover{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -166px -74px;
}
#relaxlist2 li.relaxlist_04 a:hover{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -238px -74px;
}
#relaxlist2 li.relaxlist_05 a:hover{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -166px -146px;
}
#relaxlist2 li.relaxlist_06 a:hover{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -238px -146px;
}
#relaxlist2 li.relaxlist_99 a:hover{
background:url(../img/relaxation/relaxlist2.jpg) no-repeat -157px -216px;
}

/*----------------------------------------*/
/*リラクゼーショントップ*/
/*----------------------------------------*/
.r_list01{
background:url(../img/relaxation/index/r_list_01.jpg) no-repeat;
}
.r_list01 a{
background:url(../img/relaxation/index/r_list_01.jpg) no-repeat;
width:371px;
height:70px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
margin:0 0 9px 0;
}
.r_list01 a:hover{
background:url(../img/relaxation/index/r_list_01.jpg) no-repeat -371px 0px;
}
.r_list012{
background:url(../img/relaxation/index/r_list_012.jpg) no-repeat;
}
.r_list012 a{
background:url(../img/relaxation/index/r_list_012.jpg) no-repeat;
width:371px;
height:70px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
margin:0 0 9px 0;
}
.r_list012 a:hover{
background:url(../img/relaxation/index/r_list_012.jpg) no-repeat -371px 0px;
}
.r_list02{
background:url(../img/relaxation/index/r_list_02.jpg) no-repeat;
}
.r_list02 a{
background:url(../img/relaxation/index/r_list_02.jpg) no-repeat;
width:371px;
height:70px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
margin:0 0 9px 0;
}
.r_list02 a:hover{
background:url(../img/relaxation/index/r_list_02.jpg) no-repeat -371px 0px;
}
.r_list03{
background:url(../img/relaxation/index/r_list_03.jpg) no-repeat;
}
.r_list03 a{
background:url(../img/relaxation/index/r_list_03.jpg) no-repeat;
width:371px;
height:70px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
margin:0 0 9px 0;
}
.r_list03 a:hover{
background:url(../img/relaxation/index/r_list_03.jpg) no-repeat -371px 0px;
}
.r_list04{
background:url(../img/relaxation/index/r_list_04.jpg) no-repeat;
}
.r_list04 a{
background:url(../img/relaxation/index/r_list_04.jpg) no-repeat;
width:371px;
height:70px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
margin:0 0 9px 0;
}
.r_list04 a:hover{
background:url(../img/relaxation/index/r_list_04.jpg) no-repeat -371px 0px;
}
.r_list05{
background:url(../img/relaxation/index/r_list_05.jpg) no-repeat;
}
.r_list05 a{
background:url(../img/relaxation/index/r_list_05.jpg) no-repeat;
width:371px;
height:70px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.r_list05 a:hover{
background:url(../img/relaxation/index/r_list_05.jpg) no-repeat -371px 0px;
}
.r_list06{
background:url(../img/relaxation/index/r_list_06.jpg) no-repeat;
}
.r_list06 a{
background:url(../img/relaxation/index/r_list_06.jpg) no-repeat;
width:371px;
height:70px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.r_list06 a:hover{
background:url(../img/relaxation/index/r_list_06.jpg) no-repeat -371px 0px;
}
/*----------------------------------------*/
/*リラクゼーション スパ*/
/*----------------------------------------*/
.supa_01{
background:url(../img/relaxation/supa/supa_01.jpg) no-repeat;
margin:0 -2px 10px -3px;
}
.supa_01 a{
background:url(../img/relaxation/supa/supa_01.jpg) no-repeat;
width:430px;
height:101px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.supa_01 a:hover{
background:url(../img/relaxation/supa/supa_01.jpg) no-repeat 0px -101px;
}
.supa_02{
background:url(../img/relaxation/supa/supa_02.jpg) no-repeat;
margin:0 -2px 10px -3px;
}
.supa_02 a{
background:url(../img/relaxation/supa/supa_02.jpg) no-repeat;
width:430px;
height:101px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.supa_02 a:hover{
background:url(../img/relaxation/supa/supa_02.jpg) no-repeat 0px -101px;
}
.supa_03{
background:url(../img/relaxation/supa/supa_03.jpg) no-repeat;
margin:0 -2px 0 -3px;
}
.supa_03 a{
background:url(../img/relaxation/supa/supa_03.jpg) no-repeat;
width:430px;
height:101px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.supa_03 a:hover{
background:url(../img/relaxation/supa/supa_03.jpg) no-repeat 0px -101px;
}
.supa_04{
background:url(../img/relaxation/supa/supa_04.jpg) no-repeat;
margin:0 -2px 10px -3px;
}
.supa_04 a{
background:url(../img/relaxation/supa/supa_04.jpg) no-repeat;
width:430px;
height:101px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.supa_04 a:hover{
background:url(../img/relaxation/supa/supa_04.jpg) no-repeat 0px -101px;
}
.supa_05{
background:url(../img/relaxation/supa/supa_05.jpg) no-repeat;
margin:0 -2px 10px -3px;
}
.supa_05 a{
background:url(../img/relaxation/supa/supa_05.jpg) no-repeat;
width:430px;
height:101px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.supa_05 a:hover{
background:url(../img/relaxation/supa/supa_05.jpg) no-repeat 0px -101px;
}

.comment{
margin:15px 0 0 0;
color:#686E9A;
letter-spacing:0.1em;
}

/*----------------------------------------*/
/*リラクゼーション スパ詳細ページ*/
/*----------------------------------------*/
#plan{
clear:both;
padding:20px 0 0 0;
}
.violet{
color:#686E9A;
margin:8px 15px 0 0;
font-size:95%;
}
.read{
margin:8px 15px 0 0;
}
.detail{
margin:0 15px 0 0;
}
.price{
margin:15px 15px 3px 0;
color:#686E9A;
letter-spacing:0.1em;
}
.price_01{
border:#C2C1D2 solid 2px;
padding:2px 2px 2px 5px;
letter-spacing:0.3em;
}
.price_02{
padding:2px 6px 2px 12px;
font-size:120%;
}
.price_03{
background:url(../img/relaxation/supa/tensen.gif) no-repeat 0 10px;
padding:2px 0 2px 35px;
font-size:120%;
}
.price_04{
padding:2px 6px 2px 0px;
}
.price_05{
background:url(../img/relaxation/supa/tensen.gif) no-repeat -15px 10px;
padding:2px 0 2px 20px;
}

#plan_option{
background:url(../img/relaxation/supa/basic_option_bg.gif) bottom;
margin:20px -5px 0 -5px;
padding:0 6px 7px 20px
}

#content{
background:#ececf1;
padding:15px 10px 5px 10px;
margin:15px 15px 0 0;
}
#content strong{
font-weight:normal;
}
#content p{
margin:0 0 8px 0;
text-indent:1em;
}
.button_std{
background:url(../img/relaxation/supa/button.gif) no-repeat 0 0;
float:left;
}
.button_std a{
background:url(../img/relaxation/supa/button.gif) no-repeat 0 0;
width:168px;
height:32px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.button_std a:hover{
background:url(../img/relaxation/supa/button.gif) no-repeat 0 -32px;
}
.button_basic{
background:url(../img/relaxation/supa/button.gif) no-repeat -168px 0;
float:left;
}
.button_basic a{
background:url(../img/relaxation/supa/button.gif) no-repeat -168px 0;
width:168px;
height:32px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.button_basic a:hover{
background:url(../img/relaxation/supa/button.gif) no-repeat -168px -32px;
}
.button_exec{
background:url(../img/relaxation/supa/button.gif) no-repeat -336px 0;
float:left;
}
.button_exec a{
background:url(../img/relaxation/supa/button.gif) no-repeat -336px 0;
width:182px;
height:32px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.button_exec a:hover{
background:url(../img/relaxation/supa/button.gif) no-repeat -336px -32px;
}
/*----------------------------------------*/
/*共通ボタンなど*/
/*----------------------------------------*/
.button_01{
clear:both;
margin:15px 0 0 281px;
background:url(../img/relaxation/button_01.gif) no-repeat;
}
.button_01 a{
background:url(../img/relaxation/button_01.gif) no-repeat;
width:144px;
height:30px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.button_01 a:hover{
background:url(../img/relaxation/button_01.gif) no-repeat 0px -30px;
}