@charset "UTF-8";

/*============================================================
//  /info/
//==========================================================*/

/*---------clearFix---------*/
.info #main #mainCenter:after,
.info #liquidRight:after,
.info #liquidLeft:after,
.info #mainCenter .columnOne:after,
.info #liquidRight .columnOne:after,
.info #mainCenter .columnTwo:after,
.info #liquidRight .columnTwo:after,
.info #main .sectionTopis:after,
.info #main .sectionRelease:after,
.info #main .sectionCategory:after,
.info #menuLeft .boxRecent .entry:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.info #main #mainCenter,
.info #liquidRight,
.info #liquidLeft,
.info #mainCenter .columnOne,
.info #liquidRight .columnOne,
.info #mainCenter .columnTwo,
.info #liquidRight .columnTwo,
.info #main .sectionTopis,
.info #main .sectionRelease,
.info #main .sectionCategory,
.info #menuLeft .boxRecent .entry {
	zoom: 1;
}


/*---------リキッド風---------*/
.info #mainCenter{
	float:left;
	width:460px;
	margin-bottom:15px;
}
.info #liquidRight{
	float:right;
	width:220px;
	margin-bottom:15px;
}
.info #liquidLeft{
	float:left;
	width:220px;
}
.info #liquidCenter{
	float:right;
	width:220px;
}
.info #mainCenter .columnOne,
.info #liquidRight .columnOne{
	width:218px;
	border:1px solid #C3BDB3;
	background:#F0F0F0;
	padding:8px 0 8px 0;
	margin-bottom:18px;
}
.info #mainCenter .columnTwo,
.info #liquidRight .columnTwo{
	width:458px;
	border:1px solid #C3BDB3;
	background:#F0F0F0;
	padding:8px 0 8px 0;
	margin-bottom:18px;
}
.info #liquidRight .columnOne .box,
.info #mainCenter .columnOne .box{
	width:200px;
	margin:auto;
	background:#FFF;
}
.info #liquidRight .columnTwo .box,
.info #mainCenter .columnTwo .box{
	width:440px;
	margin:auto;
	background:#FFF;
}
.info #liquidRight .columnOne .text,
.info #mainCenter .columnOne .text,
.info #liquidRight .columnTwo .text,
.info #mainCenter .columnTwo .text{
	padding:10px;
}
.info #main .columnOne h3,
.info #main .columnTwo h3{
	font-size:1.2em;
	line-height:1.3em;
	color:#FF6600;
	margin-bottom:4px;
}
.info #main .columnOne h3 a,
.info #main .columnTwo h3 a{
	color:#FF6600;
	text-decoration: none;
}
.info #main .columnOne h3 a:hover,
.info #main .columnTwo h3 a:hover{
	color:#FF6600;
	text-decoration: underline;
}
.info #main .columnOne p,
.info #main .columnTwo p{
	font-size:1.0em;
	line-height:1.4em;
}
.info .columnOne ul,
.info .columnTwo ul{
	list-style:none;
}
.info .columnOne ul li.one,
.info .columnTwo ul li.one{
	background: url(../info/image/liquid_icon_one.gif) no-repeat 0 0.1em;
	padding-left:20px;
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:4px;
}
.info .columnOne ul li.two,
.info .columnTwo ul li.two{
	background: url(../info/image/liquid_icon_two.gif) no-repeat 0 0.1em;
	padding-left:20px;
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:4px;
}
.info .columnOne ul li.three,
.info .columnTwo ul li.three{
	background: url(../info/image/liquid_icon_three.gif) no-repeat 0 0.1em;
	padding-left:20px;
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:4px;
}
.info .columnOne ul li.four,
.info .columnTwo ul li.four{
	background: url(../info/image/liquid_icon_four.gif) no-repeat 0 0.1em;
	padding-left:20px;
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:4px;
}
.info .columnOne ul li.five,
.info .columnTwo ul li.five{
	background: url(../info/image/liquid_icon_five.gif) no-repeat 0 0.1em;
	padding-left:20px;
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:4px;
}


/*---------トピックス---------*/
.info #main .sectionTopis {
	width:220px;
	margin-bottom:15px;
}
.info #main .sectionTopis .boxA{
	width:198px;
	height:280px;
	background:#F0F0F0;
	border:1px solid #C3BDB3;
	margin:0 0 0 0;
	padding:10px 10px 6px 10px;
	position: relative;
	top: 0;
	left: 0;
}
.info #main .sectionTopis .image{
	width:198px;
	background:#FFF;
	text-align:center;
	margin-bottom:10px;
	padding:15px 0 15px 0;
}
.info #main .sectionTopis .icon{
	width:165px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.info #main .sectionTopis h4{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:6px;
}
.info #main .sectionTopis p.date{
	font-size:1.0em;
	float:left;
}
.info #main .sectionTopis p.more{
	font-size:1.0em;
	float:right;
}
.info #main .sectionTopis p.more a{
	color:#4C8027;
	text-decoration: none;
}
.info #main .sectionTopis p.more a:hover{
	color:#ACC730;
	text-decoration: underline;
}

/*---------プレスリリース---------*/
.info #main .sectionRelease {
	width:460px;
	margin-bottom:30px;
}
.info #main .sectionRelease h3{
	margin-bottom:6px;
}
.info #main .sectionRelease .boxA{
	width:198px;
	height:280px;
	float:left;
	background:#F0F0F0;
	border:1px solid #C3BDB3;
	margin-right:0px;
	padding:10px 10px 6px 10px;
	position: relative;
	top: 0;
	left: 0;
}
.info #main .sectionRelease .boxB{
	width:198px;
	height:280px;
	float:right;
	background:#F0F0F0;
	border:1px solid #C3BDB3;
	padding:10px 10px 6px 10px;
	position: relative;
	top: 0;
	left: 0;
}
.info #main .sectionRelease .icon{
	width:165px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.info #main .sectionRelease .image{
	width:200px;
	background:#FFF;
	text-align:center;
	margin-bottom:10px;
	padding:15px 0 15px 0;
}
.info #main .sectionRelease h4{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:6px;
}
.info #main .sectionRelease p.date{
	font-size:1.0em;
	float:left;
}
.info #main .sectionRelease p.more{
	font-size:1.0em;
	float:right;
}
.info #main .sectionRelease p.more a{
	color:#4C8027;
	text-decoration: none;
}
.info #main .sectionRelease p.more a:hover{
	color:#ACC730;
	text-decoration: underline;
}

/*---------左メニュー／カテゴリー---------*/
.info #menuLeft h3{
	margin-bottom:25px;
}
.info #menuLeft .boxNav {
	margin-bottom:25px;
}
.info #menuLeft .boxNav ul{
	list-style-type: none;
}
.info #menuLeft .boxNav ul li {
	width:210px;
	height:55px;
	color:#333;
	font-weight:bold;
	line-height:1.4em;
	background: url(../info/image/menu_title_bg.jpg) no-repeat;
	margin-bottom:4px;
}
.info #menuLeft .boxNav ul li a{
	width:200px;
	height:50px;
	font-size:1.2em;
	color:#333;
	font-weight:bold;
	line-height:1.3em;
	background: url(../info/image/menu_title_bg.jpg) no-repeat;
	padding-top:5px;
	padding-left:20px;
	display: block;
	text-decoration: none;
}
.info #menuLeft .boxNav ul li a:hover{
	width:200px;
	height:50px;
	font-size:1.2em;
	color:#333;
	font-weight:bold;
	line-height:1.3em;
	background: url(../info/image/menu_title_bgOn.jpg) no-repeat;
	padding-top:5px;
	padding-left:20px;
	display: block;
	text-decoration: none;
}
.info #menuLeft .boxNav span{
	line-height:2.7em;
}

/*---------左メニュー／レシピ---------*/

.info #menuLeft .boxRecipe {
	margin-bottom:25px;
}
.info #menuLeft .boxRecipe .head{
	width:220px;
	height:110px;
	background: url(../info/image/menu_recipe_head.jpg) no-repeat;
}
.info #menuLeft .boxRecipe .head{
	width:220px;
	height:110px;
	background: url(../info/image/menu_recipe_head.jpg) no-repeat;
}
.info #menuLeft .boxRecipe .head h4{
	text-indent:-9999px;
}
.info #menuLeft .boxRecipe .head p{
	text-indent:-9999px;
	padding:67px 0 0 145px;
}
.info #menuLeft .boxRecipe .head p a{
	width:50px;
	height:20px;
	display: block;
}
.info #menuLeft .boxRecipe .box{
	background: url(../info/image/menu_recipe_body.jpg) repeat-y;
	text-align:center;
	padding:10px 0 10px 0;
}
.info #menuLeft .boxRecipe .photo{
	padding:5px;
	border:1px solid #CCC;
}
.info #menuLeft .boxRecipe .bottom{
	width:170px;
	height:76px;
	background: url(../info/image/menu_recipe_bottom.jpg) no-repeat;
	padding:0 25px 0 25px;
}
.info #menuLeft .boxRecipe .bottom p{
	font-size:1.0em;
	line-height:1.2em;
	color:#333;
}
.info #menuLeft .boxRecipe .bottom span{
	font-size:0.8em;
	color:#333;
}
.info #menuLeft .boxRecipe .bottom p a{
	color:#FF6633;
	text-decoration: none;
}
.info #menuLeft .boxRecipe .bottom p a:hover{
	color:#FF6633;
	text-decoration: underline;
}

/*---------左メニュー／最近の記事---------*/
.info #menuLeft .boxRecent {
	margin-bottom:25px;
}
.info #menuLeft .boxRecent h4{
	margin-bottom:8px;
}
.info #menuLeft .boxRecent .line{
	padding:12px 0 14px 0;
}
.info #menuLeft .boxRecent .entry{
	width:220px;
	margin-bottom:8px;
}
.info #menuLeft .boxRecent .image{
	width:50px;
	float:left;
}
.info #menuLeft .boxRecent .entry .text{
	width:160px;
	float:right;
}
.info #menuLeft .boxRecent p.date{
	font-size:1.0em;
	color:#4A3F2D;
	margin-bottom:2px;
}
.info #menuLeft .boxRecent h5{
	font-size:1.0em;
	font-weight:normal;
	line-height:1.3em;
	color:#4C8027;
}
.info #menuLeft .boxRecent h5 a {
	color:#4C8027;
	text-decoration:none;
}
.info #menuLeft .boxRecent h5 a:hover {
	color:#ACC730;
	text-decoration:underline;
}



/*======What's New======*/

#menuLeft .box-infoNavi h3{
	width: 220px;
	height:20px;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background-color:#927963;
	padding:3px 15px 0 15px;
}

#menuLeft .box-infoNavi h4{
	font-weight:normal;
	font-size:12px;
	margin-bottom:5px;
}

#menuLeft .box-infoNavi .box{
	width: 218px;
	border:1px solid #C8BDB1;
	background-color:#F5F2EB;
	padding:10px 15px 10px 15px;
	margin-bottom:10px;
}

#menuLeft .box-infoNavi .box p{
	color:#FF6600;
	font-size:0.8em;
	margin:0 0 2px;
}










/*======お店を探す======*/

#menuLeft .box-shop{
	width: 300px;
	margin-bottom: 15px;
}
#menuLeft .box-shop h3,
#menuLeft .box-shop h3 a{
	width: 300px;
	height:30px;
	background:url(/img_common/menu_shop_title.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
#menuLeft .box-shop h3 a:hover{
	background:url(/img_common/menu_shop_title_on.gif) no-repeat;

}

#menuLeft .box-shop .box{
	width: 268px;
	background:url(/img_common/menu_shop_bg.gif) repeat-y;
	border:1px solid #C8BDB1;
	padding:12px 15px 12px 15px;
}
#menuLeft .box-shop .box-left{
	width:100px;
	float:left;
}
#menuLeft .box-shop .box-right{
	width:130px;
	float:right;
}
#menuLeft .box-shop ul.pref{
	list-style:none;
}
#menuLeft .box-shop ul.pref li{
	background:url(/img_common/menu_shop_point.gif) no-repeat;
	background-position : 0 50% ;
	padding-left : 14px ;
	font-size:1.4em;
	line-height:125%;
	margin:0 0 5px 0;
}
#menuLeft .box-shop ul.pref li a{
	color:#330000;
	text-decoration: none;
}
#menuLeft .box-shop ul.pref li a:hover{
	color:#FF6600;
	text-decoration: underline;
}
#menuLeft .box-shop .map{
	margin:0 0 20px 0;
}
#menuLeft .box-shop h4{
	width: 130px;
	height:15px;
	background:url(/img_common/menu_shop_access.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 8px 0;
}
#menuLeft .box-shop ul.access{
	list-style:none;
}
#menuLeft .box-shop ul.access li{
	font-size:0.8em;
	line-height:180%;
}
#menuLeft .box-shop ul.access li a{
	color:#330000;
	text-decoration: none;
}
#menuLeft .box-shop ul.access li a:hover{
	color:#FF6600;
	text-decoration: underline;
}

/*======What's New======*/

#menuLeft .box-new{
	width: 300px;
	margin-bottom: 15px;
}
#menuLeft .box-new h3,
#menuLeft .box-new h3 a{
	width: 300px;
	height:30px;
	background:url(/img_common/menu_new_title.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}

#menuLeft .box-new h3 a:hover{
	background:url(/img_common/menu_new_title_on.gif) no-repeat;
}


#menuLeft .box-newPress h3,
#menuLeft .box-newPress h3 a{
	width: 300px;
	height:30px;
	background:url(/img_common/menu_newPress_title.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}

#menuLeft .box-newPress h3 a:hover{
	background:url(/img_common/menu_newPress_title_on.gif) no-repeat;
}

#menuLeft .box-newPress{
	width: 300px;
	margin-bottom: 15px;
}
#menuLeft .box-newPress h3{
	width: 300px;
	height:30px;
	background:url(/img_common/menu_new_title.gif) no-repeat;
	text-indent:-9999px;
}

#menuLeft .box-new .box{
	width: 260px;
	border:5px solid #F5F2EB;
	padding:15px 15px 10px 15px;
}

#menuLeft .box-newPress .box{
	width: 260px;
	border:5px solid #F5F2EB;
	padding:15px 15px 10px 15px;
}
#menuLeft .box-new .new,
#menuLeft .newPress .new{
	margin:0 0 10px 0;
}
#menuLeft .box-new .image,
#menuLeft .box-newPress .image{
	float:right;
	margin:0 0 0 5px;
}
#menuLeft .box-new h4,
#menuLeft .box-newPress h4{
	font-size:1.0em;
	color:#FF6600;
	margin:0 0 5px 0;
}
#menuLeft .box-new h4 a,
#menuLeft .box-newPress h4 a{
	color:#FF6600;
	text-decoration: underline;
}
#menuLeft .box-new h4 a:hover,
#menuLeft .box-newPress h4 a:hover{
	color:#FF6600;
	text-decoration: underline;
}
#menuLeft .box-new p.date,
#menuLeft .box-newPress p.date{
	font-size:0.8em;
	color:#FF6600;
	margin:0 0 2px 0;
}
#menuLeft .box-new p.text,
#menuLeft .box-newPress p.text{
	font-size:0.8em;
}
#menuLeft .box-new p.text a,
#menuLeft .box-newPress p.text a{
	color:#333;
	text-decoration: none;
}
#menuLeft .box-new p.text a:hover
#menuLeft .box-newPress p.text a:hover,{
	color:#FF6600;
	text-decoration: underline;
}

#menuLeft .menu-right-line{
	padding:5px 0 5px 0;
}


/*======サロンを探す======*/

#menuLeft .designBox{
	width: 285px;
	padding: 7px;
	background: top left url(/img_top/search_salons_bg.gif) no-repeat #F5F2EB;
}
#menuLeft .designBox h5{
	border: none;
}
#menuLeft .designBox .searchFormInput{
width: 230px;
}
#menuLeft .designBox dl{
margin: 15px 0px 0px 0px;
}
#menuLeft .designBox dl dt{
clear: both;
font-size: 14px;
font-weight: bold;
color:#330000;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
padding: 0px 0px 0px 20px;
background:left url(/img_common/icon_search01.gif) no-repeat;
}
#menuLeft .designBox dl dd{
width: 245px;
margin: 0 auto;
}
#menuLeft .designBox dl dd li{
padding: 3px 8px 0 0;
display:inline;
}

#menuLeft .designBox dl dd.ken li{
font-size: 14px;
}
#searchByMap{
width: 210px;
height:175px;
margin: 0px auto;
padding: 10px 0px 30px 0px;
background: bottom left url(../img_top/search_map.gif) no-repeat;
position:relative;
}
#searchByMap h5{
position: relative;
left: -40px;
}

#searchByMap{
}
#searchByMap ul li{
position:absolute;
}
#searchByMap_tokyo{    top:170px; left:167px; }
#searchByMap_kanagawa{ top:177px; left:127px; }
#searchByMap_nagoya{   top:185px; left:94px; }
#searchByMap_chiba{    top:140px; left:173px; }
#searchByMap_saitama{  top:113px; left:173px; }
#searchByMap_gifu{    top:103px; left:93px; }
#searchByMap_osaka{    top:112px; left:55px; }
#searchByMap_hyougo{   top:132px; left:34px; }
#searchByMap_kyusyu{   top:151px; left:2px; }

#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;
}


/*======警告======*/
.user .notice p{
	text-align:center;
}
.user .notice p.caution{
	text-align:center;
	color:#CC0000;
	margin-top:10px;
}

/*============================================================
//  メディアや雑誌でも評判のコースはこちらから
//==========================================================*/
#coursePrice{
clear:both;
padding: 20px 0px 0px 0px;
}
#coursePrice #coursePriceList{
clear:both;
}
#coursePrice #coursePriceList .box{
width: 204px;
height: 65px;
float:left;
border-top: 1px solid #330000;
border-bottom: 1px solid #330000;
margin: 0px 5px 15px 0px;
overflow:hidden;
}
#coursePrice #coursePriceList .box img{
float:left;
width: 66px;
}
#coursePrice #coursePriceList .box .detail{
float: left;
width: 130px;
padding-left: 5px;
}
#coursePrice #coursePriceList .box h3{
padding: 7px 0px 0px 0px;
line-height:1em;
margin-bottom: 4px;
}
#coursePrice #coursePriceList .box h3 a{
font-size:14px;
color:#996699;
line-height: 1em;
}
#coursePrice #coursePriceList .box p{
font-size:10px;
}
#coursePrice #coursePriceHead{
}
#coursePrice #coursePriceHead a{
display:block;
font-size: 12px;
color:white;
background: 3px center url(/img_common/icon_topics.gif) #907A63 no-repeat;
padding: 4px 8px 4px 12px;
float: left;
margin-bottom: 10px;
}
#coursePrice #coursePriceHead h2{
	float:left;
	margin-left: 10px;
	font-size: 18px;
	color: #330000;
}

 .designBox dl dd.ken li{
font-size: 14px;
}
#searchByMap{
width: 210px;
height:175px;
margin: 0px auto;
padding: 10px 0px 30px 0px;
background: bottom left url(../img_top/search_map.gif) no-repeat;
position:relative;
}
#searchByMap h5{
position: relative;
left: -40px;
}