@charset "UTF-8";

/*============================================================
//  トップ
//==========================================================*/

#mainVisual{
	margin: 10px 0px 15px 0px;
}

/*============================================================
//  KadaraWalker
//==========================================================*/

.box-karadawalker{
	width:630px;
	margin-bottom: 20px;
}
.box-karadawalker h2{
	width:630px;
	height:35px;
	background:url(/img_top/title_karadawalker.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;
}
.box-karadawalker #walker{
	width:630px;
}
.box-karadawalker #walker .img_box{
	width:450px;
	float:left;
	border-color:#330000;
	border-style:solid;
	border-width:1px;
}
.box-karadawalker #walker .img_box .box1{
	width:450px;
	float:left;
}
.box-karadawalker #walker .img_box .box2{
	width:293px;
	float:left;
}
.box-karadawalker #walker .img_box .box3{
	width:157px;
	float:left;
}
.box-karadawalker #walker .img_box .box4{
	width:450px;
	float:left;
}
.box-karadawalker #walker .text_area{
	width:173px;
	float:left;
	margin-left:5px;
}
.box-karadawalker #walker .text_area p{
	font-size:16px;
	line-height:130%;
	padding-top:10px;
	margin-bottom:10px;
	border-top:1px dotted #999999;
}
.box-karadawalker #walker .end{
	padding-bottom:10px;
	border-bottom:1px dotted #999999;
}
.box-karadawalker #walker .text_area .small{
	font-size:11px;
}

.box-karadawalker a{
	color:#330000;
	text-decoration: none;
}
.box-karadawalker a:hover{
	color:#FF3300;
	text-decoration: none;
}

.box-karadawalker ul{
	list-style:none;
}
.box-karadawalker ul li{
	float:left;
	margin: 0 5px 10px 0;
}
img.border-link,
a img.border-link {
	border:1px solid #DFDFDF;
}
a:hover img.border-link {
	border:1px solid #f60;
}



/*============================================================
//  人気のメニューTOP 3
//==========================================================*/
.top #courseTop3{
	width: 630px;
	margin-bottom:20px;
}
.top #courseTop3 .title{
	width: 630px;
	height:33px;
	background:url(/img_top/title_top3.gif) no-repeat;
}
.top #courseTop3 .title h2{
	width:400px;
	text-indent:-9999px;
	float:left;
}
.top #courseTop3 .title .more a{
	width:130px;
	height:25px;
	display:block;
	float:right;
	margin:5px 15px 0 0;
	text-indent:-9999px;
}
.top #courseTop3 .list{
	width: 618px;
	border:1px solid #FF6600;
	padding:10px 0px 10px 10px;
}
.top #courseTop3 .list .box{
	width: 195px;
	margin: 0px 10px 0 0;
	float:left;
}
.top #courseTop3 .list .box img{
	width: 66px;
	margin-right:5px;
	float:left;
}
.top #courseTop3 .list .box .detail{
	width: 119px;
	float: left;
}
.top #courseTop3 .list .box h3{
	font-size:1.2em;
	margin-bottom: 3px;
}
.top #courseTop3 .list .box h3 a{
	font-size:1.2em;
	color:#FF3300;
}
.top #courseTop3 .list .box p{
	font-size:0.8em;
	line-hight:130%;
}

/*============================================================
//  よくある質問
//==========================================================*/

.box-faq{
	margin-bottom: 25px;
}
.box-faq h2{
	width:630px;
	height:30px;
	background:url(/img_top/title_qa.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;
}
.box-faq .faq{
	margin:0px 0px 8px 0px;
}
.box-faq .faq .title{
	width:88px;
	background: 3px center url(../img_common/icon_topics.gif) #907A63 no-repeat;
	padding: 0px 0px 0px 12px;
	font-size: 1.0em;
	color:#FFF;
	float: left;
}
.box-faq .faq .q{
	width:520px;
	font-size:0.8em;
	color:#666;
	float: right;
	padding: 0px 0px 0px 10px;
}
.box-faq .faq .q a{
	color:#666;
	text-decoration: underline;
}
.box-faq .faq .q a:hover{
	color:#FF6600;
	text-decoration: underline;
}

/*============================================================
//  カラダファクトリーおすすめ！健康通販！
//==========================================================*/
.top #main .box-shop{
	width:630px;
	margin-bottom: 25px;
}
#main .box-shop h2{
	width:630px;
	height:30px;
	background:url(/img_top/title_ekarada.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;
}
#main .box-shop .logo{
	width:203px;
	float:left;
	margin-right: 12px;
}
#main .box-shop .box{
	width:415px;
	float:left;
	margin-bottom: 10px;
}
#main .box-shop .box p{
	margin-bottom: 3px;
}
#main .box-shop .box .lead{
	font-size:1.0em;
	color:#333;
	margin-bottom: 3px;
}
#main .box-shop .box .image{
	margin-bottom: 3px;
}
#main .box-shop ul li{
	width:120px;
	color:#666;
	float: left;
	font-size:0.8em;
	line-height:130%;
	text-align:center;
	padding: 0px 15px 0px 0px;
}
#main .box-shop ul li a{
	color:#666;
	text-decoration: none;
}
#main .box-shop ul li a:hover{
	color:#FF6600;
	text-decoration: underline;
}

/*============================================================
//  コンセプトサロン
//==========================================================*/

.box-conceptSalon{
	width:630px;
	margin-bottom: 25px;
}
.box-conceptSalon h2{
	width:630px;
	height:30px;
	background:url(/img_top/title_conceptsalon.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;
}
.box-conceptSalon .box{
	width:190px;
	text-align:center;
	margin-right:15px;
	float:left;
}
.box-conceptSalon .box{
	width:180px;
	margin-right:15px;
	float:left;
}
.box-conceptSalon .box p{
	font-size:0.8em;
	color:#666;
}
.box-conceptSalon .box p a{
	color:#666;
	text-decoration: none;
}
.box-conceptSalon .box p a:hover{
	color:#FF6600;
	text-decoration: underline;
}

/*============================================================
//  新着情報
//==========================================================*/

.top_Box1{
}
.top_Box1 dl dt{
font-size: 10px;
color:#FF6600;
}
.top_Box1 dl dd{
border-bottom: 1px dotted #666;
padding: 0px 0px 5px 0px;
margin: 0px 0px 5px 0px;
}

/*============================================================
//  お近くのサロンを探す
//==========================================================*/

#searchSalon{
	width: 630px;
	height: 280px;
	background: #F5F2EB;
	margin:0 0 20px;
}
/*
#searchSalon h2{
	color:#330000;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
*/
#searchSalon h2{
	background:url(/img_top/title_search.gif) no-repeat;
	display:block;
	height:32px;
	text-indent:-9999px;
	width:105px;
	padding:3px 0 0 525px;
}
#searchForm {
padding: 10px 0px 20px 20px;
}
#searchForm h2{
float: left;
width:211px;
height: 0px;
padding: 22px 0px 0px 0px;
margin: 0px 20px 0px 0px;
background: url(/img_top/search_salons_txt_title.png) no-repeat;
overflow:hidden;
behavior: expression(IEPNGFIX.fix(this));
}
#searchForm input{
height: 23px;
line-height:1em;
padding: 0px;
margin: 0;
display:block;
float:left;
}
#searchForm .searchFormInput{
width: 171px;
height: 17px;
padding: 2px 2px 2px 2px;
border: 1px solid #907A63;
font-size: 14px;
color:#330000;
}
#searchForm .searchFromBtn{
padding: 0px 0px 0px 5px;
}

#searchSalon li{
display:inline;
}
#searchByArea{
width: 350px;
padding: 10px 0px 0px 20px;
}
#searchByArea .at{
width: 320px;
margin-bottom:10px;
padding-top:10px;
}
#searchByArea .waku{
width: 320px;
border:1px solid #927B65;

padding:10px 0;
}
#searchByArea ul{
padding-left:20px;
}
#searchByArea ul li{
float:left;
width:70px;
font-size: 16px;
line-height:1.6em;
margin-right:10px;
font-weight:bold;
}
#searchByArea ul .sp100{
float:left;
width:100px;
}
#searchByArea dl{
margin-top:20px;
}
#searchByArea dl dt{
width: 241px;
height:0px;
overflow:hidden;
padding:20px 0px 0px 0px;
background: url(/img_top/search_salons_txt_detail.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}
#searchByArea dl ul{
margin-top: 5px;
}
#searchByArea dl ul li{
font-size: 12px;
margin-right:7px;
}

#searchByArea ul li a{
color:#300;
}

#searchByMap{
float:left;
width: 230px;
height:195px;
padding: 0px 0px 0px 0px;
background:left bottom url(../img_top/search_map.gif) no-repeat;
position:relative;
left: 20px;
}
#searchByArea h2{
width: 130px;
overflow:hidden;
height:0px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
background:left url(/img_top/search_salons_txt_area.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}
#searchByMap h2{
width: 107px;
overflow:hidden;
height:0px;
padding: 20px 0px 0px 20px;
background:left url(/img_top/search_salons_txt_map.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}
#searchByMap ul li{
position:absolute;
}
#searchByMap_tokyo{    top:150px; left:167px; }
#searchByMap_kanagawa{ top:157px; left:127px; }
#searchByMap_nagoya{   top:165px; left:94px; }
#searchByMap_chiba{    top:120px; left:173px; }
#searchByMap_saitama{  top:93px; left:173px; }
#searchByMap_gifu{    top:83px; left:93px; }
#searchByMap_osaka{    top:92px; left:55px; }
#searchByMap_hyougo{   top:112px; left:34px; }
#searchByMap_kyusyu{   top:131px; left:2px; }


.shopRanking{
clear: both;
padding: 10px 0px 0px 20px;
}

/*============================================================
//  What's NEW 20100501
//==========================================================*/
#contents .wahtsnew{
	width:630px;
	margin:0 0 20px;
}

#contents .wahtsnew h3{
	background:url(/img_top/title_what.gif) no-repeat;
	display:block;
	height:32px;
	text-indent:-9999px;
	width:105px;
	padding:3px 0 0 525px;
}
#contents .wahtsnew h3 a{
	display:block;
	height:23px;
	width:105px;
	text-indent:-9999px;
}

#contents .wahtsnew h3 a:hover{
	background:url(/img_top/title_what_on.gif) no-repeat;
}

#contents .wahtsnew .box{
	width:610px;
	padding:9px;
	border:1px solid #FFB380;
}

#contents .wahtsnew .box .text{
	width:495px;
	float:right;
}

#contents .wahtsnew .box .image {
	float:left;
	margin:0 0 5px 0;
}

#contents .wahtsnew .box .date{
	color:#FF6600;
	font-size:0.8em;
	margin:0 0 2px;
}

#contents .wahtsnew.box h4{
	color:#FF6600;
	font-size:1em;
	margin:0 0 5px;
}

#contents .wahtsnew .box p.text {
	font-size:0.8em;
}

/*============================================================
//  お近くのサロンを探す
//==========================================================*/

#searchSalon {
	width:630px;
	margin:0 0 20px;
}

#searchSalon .box{
	width:610px;
	padding:4px 9px 9px 9px;
	border:1px solid #FFB380;
	background:url(/img_top/map.jpg) no-repeat;
}

#searchSalon h2{
	background:url(/img_top/title_search.gif) no-repeat;
	display:block;
	height:32px;
	text-indent:-9999px;
	width:105px;
	padding:3px 0 0 525px;
}

#searchSalon h2 a{
	display:block;
	height:23px;
	width:105px;
	text-indent:-9999px;
}

#searchSalon h2 a:hover{
	background:url(/img_top/title_search_on.gif) no-repeat;
}

#searchSalon h3{
	font-weghth:bold;
	font-size:12px;
	color:#660000;
	margin:5px 0;
}

#searchSalon .box ul li {
	display:inline;
	line-height:1.8em;
	padding:3px 5px 3px 0;
	font-size:10px;
}

/*============================================================
// バナー3種
//==========================================================*/
#bnrbox {
	width:950px;
	margin:0 0 20px;
}

#bnrbox li{
	float:left;
	margin:0 10px 0 0;
	width:310px;
	height:60px;
}

#bnrbox li.last{
	margin:0;
}

/*============================================================
// サロンの紹介
//==========================================================*/
.brandBox .box {
	width:290px;
	border:1px solid #FF6600;
	padding:4px;
	margin:0 0 20px;
}

.brandBox .box .cont{
	width:290px;
	margin:0 0 5px 0;
}

.brandBox .box .cont img{
	float:left;
}

.brandBox .box .cont .text{
	float:right;
	width:165px;
}

.brandBox .box .cont .text h3{
	font-size:12px;
	color:#FF6600;
}

.brandBox .box .cont .text p{
	font-size:10px;
	color:#666;
}

.brandBox .box .active{background:url(/img_top/logo_salon01.gif) no-repeat bottom right;}
.brandBox .box .loobery{background:url(/img_top/logo_salon02.gif) no-repeat bottom right;}
.brandBox .box .eternal{background:url(/img_top/logo_salon03.gif) no-repeat bottom right;}
.brandBox .box .corpo{background:url(/img_top/logo_salon04.gif) no-repeat bottom right;}
.brandBox .box .gifu{background:url(/img_top/logo_salon05.gif) no-repeat bottom right;}
.brandBox .box .zenspa{background:url(/img_top/logo_salon06.gif) no-repeat bottom right;}
.brandBox .box .taiwan{background:url(/img_top/logo_salon07.gif) no-repeat bottom right;}