@import url("base.css");

/* 基本配置用
-----------------------------------*/
body {
	background-image:url(../images/bg.gif);
}


/* トップエリア
-----------------------------------*/
/* #top_area {
	width:460px;
	height:150px;
	margin-bottom:20px;
	padding:1px;
	border:1px solid #D9D9D9;
	background-color:#FFFFFF;
}*/


/* コンテンツ
-----------------------------------*/
#contents {
	width:470px;
	padding:5px 0px 5px 0px;
}


/* 新着＆イベント情報
-----------------------------------*/
#contents .news_and_event {
	width:470px;
	padding-bottom:30px;
}

#contents #news_and_event .text_box{width:470px;
	padding-bottom:30px;
}
#contents #news_and_event .text_box .title{
        float:left;
	width:470px;
	height:23px;
        font-size:14px;
        line-height:24px;
        font-width:bold;}

#contents #news_and_event .text_box .text{
        font-size:14px;
        line-height:150%;
        float:left;
	width:440px;
	height:auto;
        padding-left:15px;
}



#contents .news_and_event .title {
	float:left;
	width:200px;
	height:23px;
}

#contents .news_and_event .select {
	float:left;
	width:270px;
	height:23px;
}

#contents .news_and_event .select a.bt_all {
	float:right;
	width:35px;
	height:8px;
	display:block;
	text-align:center;
	padding-top:15px;
	margin-right:1px;
	background-image:url(../img/index/bt_all.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#contents .news_and_event .select a.bt_all:hover {
	background-position:top right;
}

#contents .news_and_event .select a.bt_all2 {
	float:right;
	width:35px;
	height:8px;
	display:block;
	text-align:center;
	padding-top:15px;
	margin-right:1px;
	background-image:url(../img/index/bt_all2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#contents .news_and_event .select a.bt_all2:hover {
	background-position:top right;
}
#contents .news_and_event .select a.bt_news_topics {
	float:right;
	width:64px;
	height:8px;
	display:block;
	text-align:center;
	padding-top:15px;
	margin-right:1px;
	background-image:url(../img/index/bt_news_topics.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#contents .news_and_event .select a.bt_news_topics:hover {
	background-position:top right;
}

#contents .news_and_event .select a.bt_news_topics2 {
	float:right;
	width:64px;
	height:8px;
	display:block;
	text-align:center;
	padding-top:15px;
	margin-right:1px;
	background-image:url(../img/index/bt_news_topics2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#contents .news_and_event .select a.bt_news_topics2:hover {
	background-position:top right;
}
#contents .news_and_event .select a.bt_event_info {
	float:right;
	width:89px;
	height:8px;
	display:block;
	text-align:center;
	padding-top:15px;
	background-image:url(../img/index/bt_event_info.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#contents .news_and_event .select a.bt_event_info:hover {
	background-position:top right;
}

#contents .news_and_event .select a.bt_event_info2 {
	float:right;
	width:89px;
	height:8px;
	display:block;
	text-align:center;
	padding-top:15px;
	background-image:url(../img/index/bt_event_info2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#contents .news_and_event .select a.bt_event_info2:hover {
	background-position:top right;
}
#contents .news_and_event .box {
	width:470px;
}

#contents .news_and_event .box .photo {
	float:left;
	width:60px;
	height:50px;
}

#contents .news_and_event .box .date {
	float:left;
	width:410px;
	color:#B3B3B3;
}

#contents .news_and_event .box .title {
	float:left;
	width:410px;
}
#contents .news_and_event .box .title a:link {
	color: #4D4D4D;
	text-decoration: underline;
}
#contents .news_and_event .box .title a:visited {
	color: #4D4D4D;
	text-decoration: underline;
}
#contents .news_and_event .box .title a:hover {
	color: #838383;
	text-decoration: underline;
}
#contents .news_and_event .box .title a:active {
	color: #4D4D4D;
	text-decoration: underline;
}

#contents .news_and_event .bt_area {
	width:454px;
	padding:8px;
	margin-top:15px;
	background-color:#F2F2F2;
}
#news_and_event2, #news_and_event3{
	display:none;
}
a.bt_news_list {
	float:right;
	width:56px;
	height:15px;
	display:block;
	background-image:url(../img/index/bt_news_list.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_news_list:hover {
	background-position:top right;
}

a.bt_rss {
	float:right;
	width:38px;
	height:15px;
	display:block;
	background-image:url(../img/index/bt_rss.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_rss:hover {
	background-position:top right;
}


a.bt_event_list {
	float:right;
	width:63px;
	height:16px;
	display:block;
	margin-left:5px;
	background-image:url(../img/index/bt_event_list.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_event_list:hover {
	background-position:top right;
}

/* 作品集
-----------------------------------*/
#contents .gallery {
	width:470px;
	padding-bottom:30px;
}

#contents .gallery .title {
	float:left;
	width:200px;
	height:23px;
	padding-top:67px;
}

#contents .gallery .flash {
	float:left;
	width:270px;
	height:90px;
}

#contents .gallery .box {
	float:left;
	width:140px;
	height:170px;
	color:#4D4D4D;
}

#contents .gallery .box .date {
	width:140px;
	color:#B3B3B3;
	padding:5px 0px 2px 0px;
}

#contents .gallery .space {
	float:left;
	width:25px;
	height:170px;
}

#contents .gallery .bt_area {
	width:454px;
	padding:8px;
	background-color:#F2F2F2;
}

a.bt_gallery_list {
	float:right;
	width:63px;
	height:15px;
	display:block;
	background-image:url(../img/index/bt_gallery_list.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_gallery_list:hover {
	background-position:top right;
}


/* お客様の声
-----------------------------------*/
#contents .voice {
	width:470px;
	padding-bottom:47px;
}

#contents .voice .title {
	float:left;
	width:200px;
	height:23px;
	padding-top:67px;
}

#contents .voice .flash {
	float:left;
	width:270px;
	height:90px;
}

#contents .voice .box {
	width:470px;
	color:#4D4D4D;
}

#contents .voice .box .photo {
	float:left;
	width:150px;
}

#contents .voice .box .date {
	float:right;
	width:320px;
	color:#B3B3B3;
}

#contents .voice .box .comment {
	float:right;
	width:320px;
	color:#4D4D4D;
	padding:2px 0px 9px 0px;
}

#contents .voice .box .link {
	float:right;
	width:320px;
}
#contents .voice .box .link a:link {
	color: #0066CC;
	text-decoration: none;
}
#contents .voice .box .link a:visited {
	color: #0066CC;
	text-decoration: none;
}
#contents .voice .box .link a:hover {
	color: #4D94DB;
	text-decoration: underline;
}
#contents .voice .box .link a:active {
	color: #0066CC;
	text-decoration: none;
}

#contents .voice .bt_area {
	width:454px;
	padding:8px;
	background-color:#F2F2F2;
	margin-top:20px;
}

a.bt_voice_list {
	float:right;
	width:52px;
	height:15px;
	display:block;
	background-image:url(../img/index/bt_voice_list.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_voice_list:hover {
	background-position:top right;
}


/* お客様の声
-----------------------------------*/
#contents .actus {
	width:420px;
	border-left:5px solid #333333;
	border-right:5px solid #333333;
	padding:20px;
}

#contents .actus .box {
	width:420px;
}
#contents .actus .box a:link {
	color: #0066CC;
	text-decoration: none;
}
#contents .actus .box a:visited {
	color: #0066CC;
	text-decoration: none;
}
#contents .actus .box a:hover {
	color: #4D94DB;
	text-decoration: underline;
}
#contents .actus .box a:active {
	color: #0066CC;
	text-decoration: none;
}

#contents .actus .box .photo {
	float:left;
	width:162px;
	height:142px;
}

#contents .actus .box .photo img {
	border:1px solid #D9D9D9;
}

#contents .actus .box .title {
	float:right;
	width:258px;
	font-weight:bold;
}

#contents .actus .box .price {
	float:right;
	width:258px;
	padding:6px 0px 6px 0px;
}

#contents .actus .box .comment {
	float:right;
	width:258px;
	padding-bottom:11px;
}

#contents .actus .box .link {
	float:right;
	width:258px;
}

#contents .bt_actus_area {
	width:454px;
	padding:8px;
	background-color:#333333;
	margin-bottom:80px;
}

a.bt_actus_list {
	float:right;
	width:52px;
	height:15px;
	display:block;
	background-image:url(../img/index/bt_actus_list.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_actus_list:hover {
	background-position:top right;
}

#therapymenu {font-size:12px;color:gray;padding-left:20px;}
#therapymenu table td a:link, #therapymenu table td  a:visited{
	color:gray;
	text-decoration: none;
}
#contentstable1 td{color:#336699;}
#therapymenu table td a:hover, #therapymenu table td a:active{
	color:#666666;
	text-decoration: none;
}
#price {border:solid silver; border-width:1px 1px 0px 0px;}
#price td {border:solid silver; border-width:0px 0px 1px 1px;padding-left:5px;text-align:left;}
/* 左エリア
-----------------------------------*/
#left_area {
	float:left;
	width:230px;
	padding:5px 10px 0px 0px;
}

/* left1 */
#left_area .bt_club {
	width:230px;
	height:101px;
	display:block;
	margin-bottom:14px;
	background-image:url(../images/banner_club.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#left_area a.bt_club:hover {
	background-position:top right;
}


/*leftmenu */
#left_area .menu {
	width:210px;
	border:5px solid #F2F2F2;
	padding:5px 5px 15px 5px;
	margin-bottom:12px;
}
#left_area .menu .text {
	width:210px;
	line-height:21px;
	font-size:13px;
	padding-top:10px;
	letter-spacing:0.1em;
}
#left_area .menu .text img {
	margin-top:7px;
}
#left_area .menu a:link {
	color: #545353;
	text-decoration: underline;
}
#left_area .menu a:visited {
	color: #545353;
	text-decoration: underline;
}
#left_area .menu a:hover {
	color: #999999;
	text-decoration: underline;
}
#left_area .menu a:active {
	color: #545353;
	text-decoration: underline;
}

/* ad */
#left_area .ad_area {
width:210px;
font-weight:bold;
line-height:18px;
	padding:5px 5px 15px 5px;
	color:#545353;
	margin-bottom:10px;
	margin-left:5px;
	background-color:#E6E3DA;
	font-size:13px;
}

#left_area .ad_area .text {font-weight:normal;font-size:13px;
	width:210px;
	padding-top:5px;
}
#left_area .ad_area a:link, #left_area .ad_area a:visited{
	color:#3366CC;
	text-decoration: underline;
}

#left_area .ad_area a:hover, #left_area .ad_area a:active {
	color:#0000FF;
	text-decoration: underline;
}
#left_area .ad_area .text a:link, #left_area .ad_area .text a:visited{
	color: #545353;
	text-decoration: none;
}
#left_area .ad_area .text a:active, #left_area .ad_area .text a:active {
	color: #545353;
	text-decoration: none;
}



/* 右エリア
-----------------------------------*/
#right_area {
	float:right;
	width:240px;
	padding:5px 0px 30px 0px;
	color:#4D4D4D;
}

#right_area .osusume{width:225px;line-height:18px;padding-left:10px;background-color:#333333;color:white;}

/* CM */
#right_area .cm_area {
	width:215px;
	padding:3px 10px 10px 10px;
	color:#545353;
	margin-bottom:10px;
	background-color:#E6E3DA;
}

#right_area .cm_area .text {
	width:215px;
	padding-top:5px;
}

/* 追加　*/
.text_boxtop {width:430px;
font-size:14px;
letter-spacing:0.03em;
line-height:150%;
color:#336699;
text-align:left;
padding:10px;
margin:0 0 10px 0;
border:solid  #336699;border-width:1px;
}

.boxcenter {
font-size:14px;
letter-spacing:0.03em;
line-height:150%;
text-align:left;
padding:10px;
margin:10px 0px 10px -10px;
border:solid #FAF48B;border-width:1px;
background-color:#FCFCE9;
}

.boxcenter ul{margin:0 0 0 20px;padding:0px;}
.boxcenter li{padding-bottom:5px;list-style-type:decimal;}
.indexad {width:400px; padding:5px 10px 5px 10px; margin:15px 0 15px 0;background-color:#efeff0;color:red;}
.indexad td a:link, .indexad td a:visited{color:red;}
.indexad td a:hover, .indexad td a:active{color:#990000;}