@charset "utf-8";

/* ==================================================================================
株式会社リリースタイル
Copyright(C)2009 lily Style Co. Ltd. All Rights Reserved. All rights Reserved.
================================================================================== */

div#left{
	width: 630px;
	float: left;
}

/*　▼▼注目のネイルサロン
==================================================*/
div#pickup {
	width: 630px;
	float: left;
}

/*title*/
div#pickup div.title {
	height: 26px;
	width: 630px;
	background-image: url(../images/title/tit_s_pickup.gif);
	background-repeat: no-repeat;
	float: left;
	padding-top: 10px;
	background-position: bottom;
	}

div#pickup h2 {
	float: right;
	font-size: 10px;
	color: #000000;
	text-align: right;
	display: block;
	margin-top: 8px;
	margin-right: 5px;
	}

div#pickupbox {
	width: 630px;
	float: left;
	padding-bottom: 10px;
}

div#pickupbox span.pickcome {
	width: 610px;
	float: left;
	display: block;
	color: #FF0066;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	background-color: #E7E7E7;
	}

div#pickupbox div.pickupsalonbox {
	width: 190px;
	float: left;
	height: 280px;
	background-image: url(../images/bg/pick_bg.gif);
	background-repeat: no-repeat;
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-position: left bottom;
	}

div#pickupbox div.pickupsalonbox h3 {
	width: 190px;
	float: left;
	display: block;
	height: 24px;
	background-image: url(../images/bg/pick_name_bg.gif);
	background-repeat: no-repeat;
	line-height: 24px;
	color: #333333;
	font-size: 12px;
	}

div#pickupbox div.pickupsalonbox h3 a{
	font-size: 12px;
	color: #333333;
	}
div#pickupbox div.pickupsalonbox h3 a:hover{
	font-size: 12px;
	color: #333333;
	}

div#pickupbox div.pickupsalonbox span.salonimg {
	width: 190px;
	float: left;
	display: block;
	height: 145px;
	}

div#pickupbox div.pickupsalonbox span.saloncome {
	width: 170px;
	float: left;
	display: block;
	color: #333333;
	text-align: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	font-size: 10px;
	line-height: 12px;
	}

div#pickupbox div.pickupsalonbox span.img {
	float: left;
	display: block;
	width: 70px;
	text-align: left;
	line-height: 14px;
	font-size: 10px;
	color: #000000;
	height: 70px;
	padding-top: 5px;
	padding-left: 4px;
	}

div#pickupbox div.pickupsalonbox span.coupon {
	float: right;
	display: block;
	width: 100px;
	text-align: right;
	font-size: 14px;
	color: #000000;
	padding-top: 6px;
	font-weight: bold;
	padding-right: 10px;
	height: 30px;
	background-image: url(../images/title/tit_pic_design.jpg);
	background-repeat: no-repeat;
	line-height: 27px;
	background-position: bottom;
	}

div#pickupbox div.pickupsalonbox span.design {
	float: right;
	display: block;
	width: 100px;
	text-align: right;
	line-height: 28px;
	font-size: 14px;
	color: #000000;
	padding-top: 6px;
	font-weight: bold;
	padding-right: 10px;
	height: 30px;
	background-image: url(../images/title/tit_pic_coupon.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}

/*　▼▼エリア検索
==================================================*/

div#areasearch {
	width: 630px;
	clear: both;
	}
/*title*/
div#areasearch div.title {
	height: 26px;
	width: 630px;
	background-image: url(../images/title/tit_area.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: bottom;
	}

div#areasearch h2 {
	float: right;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	display: block;
	margin-top: 12px;
	margin-right: 5px;
	}	

div#areasearch div.flabox {
	float: left;
	width: 300px;
	margin-top: 8px;
	border: 1px solid #CCCCCC;
	}

/*　▼新着サロン　*/

div#areasearch div.newsalon {
	float: right;
	width: 318px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}

div#areasearch div.newsalon span.img {
	float: left;
	display: block;
	padding: 5px;
	width: 60px;
	height: 60px;
	background-image: url(../images/bg/s_img_bg.gif);
	}

div#areasearch div.newsalon span.name {
	float: left;
	display: block;
	width: 248px;
	padding-top: 5px;
	line-height: 16px;
	font-weight: bold;
	font-size: 14px;
	color: #FF0066;
	}

div#areasearch div.newsalon span.area {
	float: left;
	display: block;
	width: 114px;
	line-height: 20px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	}

div#areasearch div.newsalon span.day {
	float: left;
	display: block;
	width: 114px;
	line-height: 20px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	}

div#areasearch div.newsalon span.come {
	float: left;
	display: block;
	width: 238px;
	line-height: 14px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	}

/*　▼▼トップ特集
==================================================*/
div#pickup{
	width: 630px;
	heigh: 300px;
	float: left;
	border: 1px #999 solid;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#pickup div.main{
	width: 476px;
	height: 300px;
	float: left;
}
div#pickup div.bn1{
	width: 147px;
	height: 49px;
	background: url(../images/bg/pickup_sbg.gif) repeat-x;
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}
div#pickup div.bn2{
	width: 147px;
	height: 50px;
	background: url(../images/bg/pickup_sbg.gif) repeat-x;
	border-left: 1px #999 solid;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}
div#pickup div.bn1 div.left{
	float: left;
}
div#pickup div.bn1 div.right{
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
div#pickup div.bn1 div.right span.area{
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
}





/*　▼▼ピックアップ
==================================================*/
div#pickup1 {
	width: 630px;
	float: left;
}
div#pickup1 div.bg_pickup{
	background: url(../images/bg/bg_pickup.gif) no-repeat;
	width: 315px;
	height: 115px;
	float: left;
}
div#pickup1 div.bg_pickup div.ph{
	width: 155px;
	height: 90px;
	float: left;
	margin-top: 10px;
}
div#pickup1 div.bg_pickup div.text{
	width: 150px;
	height: 100px;
	float: left;
	text-align: left;
	margin-top: 10px;
	font-size: 10px;
	line-height: 14px;
}
div#pickup1 div.bg_pickup div.text span.name{
	color: #E33054;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

div#pickup1 div.bg_pickup div.text span.coupon{
	color: #5B4A3F;
	font-weight: bold;
	line-height: 14px;
}

div#pickup1 div.bg_pickup div.text span.station{
	color: #C61A22;
	width: 155px;
	font-size: 10px;
	line-height: 14px;
}
div#pickup1 div.border{
	border-bottom: 1px dotted #999;
	width: 620px;
	margin-bottom: 10px;
}



/*　▼▼条件サーチ
==================================================*/
div#jokensearch{
	width: 640px;
	float: left;
}
div#jokensearch div.title {
	height: 42px;
	width: 630px;
	background-image: url(../images/title/tit_search.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: top;
	clear: both;
	}

div#jokensearch h2 {
	float: right;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	display: block;
	margin-top: 12px;
	margin-right: 5px;
	}
div#s_left{
	width: 228px;
	float: left;
	margin-top: 10px;
	}
div#s_right{
	width: 412px;
	float: left;
	}

/*　▼▼エリア=============================*/
div#jokensearch div.area1 {
	width: 630px;
	border: 3px #ccc solid;
	height: 180px;
	clear: both;
	background: #F2F2F2;
	}
div#jokensearch div.area1 div.left {
	width: 265px;
	height: 180px;
	border-right: 2px #ccc solid;
	float: left;
	background: #fff;
	}
div#jokensearch div.area1 div.right{
	width: 350px;
	float: right;
	}
div#jokensearch div.area1 div.right div.text{
	font-size: 10px;
	line-height: 18px;
	color: #666;
	text-align: left;
	padding: 10px;
	}
div#jokensearch div.area1 div.right div.text a{
	font-size: 10px;
	line-height: 18px;
	color: #666;
	text-decoration: underline;
	text-align: left;
	}







/*　▼▼サロン空き情報
==================================================*/
div#s_left div.aki1{
	width: 220px;
	height: 36px;
	background: url(../images/bg/aki_top.gif) no-repeat;
	text-indent: -9999px;
	}
div#s_left div.aki2{
	width: 220px;
	height: 100%;
	background: url(../images/bg/aki_middle.gif) repeat-y;
	}
div#s_left div.aki3{
	width: 220px;
	height: 30px;
	background: url(../images/bg/aki_bottom.gif) no-repeat;
	}

div#s_left div.aki2 div.center{
	width: 205px;
	height: 72px;
	border-bottom: 1px dotted #999;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}
div#s_left div.aki2 div.center div.ph{
	float: left;
	width: 75px;
	margin-top: 5px;
	height: 70px;
	}

div#s_left div.aki2 div.center div.text{
	float: left;
	width: 130px;
	text-align: left;
	margin-top: 10px;
	font-size: 10px;
	line-height: 12px;
	}
div#s_left div.aki2 div.center div.text a{
	color: #666;
	text-decoration: underline;
	}
div#s_left div.aki2 div.center div.text span.red{
	font-size: 10px;
	line-height: 16px;
	color: #D30052;
	}
div#s_left div.aki2 div.btn{
	text-align: right;
	color: #666;
	text-decoration: underline;
	margin: 5px 10px 5px 0px;
	}
div#s_left div.aki2 div.btn a{
	text-align: right;
	color: #666;
	text-decoration: underline;
	}
	

/*　▼▼条件で検索
==================================================*/
div#s_right div.j_top1{
	background: url(../images/bg/joken_top.gif) no-repeat;
	width: 165px;
	height: 30px;
	float: left;
	margin-top: 10px;
	}
div#s_right div.j_top2{
	background: url(../images/bg/joken_top2.gif) no-repeat;
	width: 127px;
	height: 30px;
	float: left;
	margin-top: 10px;
	}
div#s_right div.j_top2 a{
	width: 127px;
	height: 30px;
	display: block;
	}
div#s_right div.j_top3{
	background: url(../images/bg/joken_top3.gif) no-repeat;
	width: 120px;
	height: 30px;
	float: left;
	margin-top: 10px;
	}
div#s_right div.j_middle{
	background: url(../images/bg/joken_middle.gif) repeat-y;
	width: 412px;
	clear: both;
	}
div#s_right div.j_middle div.center{
	width: 390px;
	margin-left: auto;
	margin-right: auto;
	}
div#s_right div.j_middle div.center div.title{
	width: 380px;
	height: 20px;
	background: #BABABA;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding-left: 10px;
	margin-top: 10px;
	clear: both;
	}
div#s_right div.j_middle div.center div.ico{
	width: 65px;
	height: 50px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	}
div#s_right div.j_middle div.center div.text{
	width: 125px;
	height: 50px;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	float: left;
	margin-top: 5px;
	}
div#s_right div.j_middle div.center div.text a{
	width: 125px;
	color: #666;
	text-decoration: underline;
	}
div#s_right div.j_middle div.center div.border{
	border-bottom: 1px #999 dotted;
	clear: both;
	}
div#s_right div.j_bottom{
	background: url(../images/bg/joken_bottom.gif) no-repeat;
	width: 412px;
	height: 30px;
	clear: both;
	}

/*　▼▼ネイルデザインで検索
==================================================*/
div#naildesign {
	width: 630px;
	float: left;
	padding-bottom: 20px;
	}
div#naildesign div.title {
	height: 26px;
	width: 630px;
	background: url(../images/title/tit_design.gif) no-repeat bottom;
	}

div#naildesign h2 {
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	display: block;
	margin-top: 12px;
	margin-right: 5px;
	}

div#naildesign ol.btn {
	width: 630px;
	list-style: none;
	}
div#naildesign ol.btn li.btn1 {
	width: 123px;
	height: 31px;
	background: url(../images/btn/btn_design01.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	}
div#naildesign ol.btn li.btn2 {
	width: 102px;
	height: 31px;
	background: url(../images/btn/btn_design02.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	}
div#naildesign ol.btn li.btn3 {
	width: 102px;
	height: 31px;
	background: url(../images/btn/btn_design03.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	}
div#naildesign ol.btn li.btn4 {
	width: 101px;
	height: 31px;
	background: url(../images/btn/btn_design04.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	}
div#naildesign ol.btn li.btn5 {
	width: 101px;
	height: 31px;
	background: url(../images/btn/btn_design05.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	}
div#naildesign ol.btn li.btn6 {
	width: 101px;
	height: 31px;
	background: url(../images/btn/btn_design06.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	}

div#naildesign ol.btn li.btn1 a{
	width: 123px;
	height: 31px;
	display: block;
	}
div#naildesign ol.btn li.btn2 a{
	width: 102px;
	height: 31px;
	display: block;
	}
div#naildesign ol.btn li.btn3 a{
	width: 102px;
	height: 31px;
	display: block;
	}
div#naildesign ol.btn li.btn4 a{
	width: 101px;
	height: 31px;
	display: block;
	}
div#naildesign ol.btn li.btn5 a{
	width: 101px;
	height: 31px;
	display: block;
	}
div#naildesign ol.btn li.btn6 a{
	width: 101px;
	height: 31px;
	display: block;
	}

div#naildesign ol.btn li.btn1 a:hover{
	width: 123px;
	height: 31px;
	background: url(../images/btn/btn_design01_o.gif) no-repeat;
	}
div#naildesign ol.btn li.btn2 a:hover{
	width: 102px;
	height: 31px;
	background: url(../images/btn/btn_design02_o.gif) no-repeat;
	}
div#naildesign ol.btn li.btn3 a:hover{
	width: 102px;
	height: 31px;
	background: url(../images/btn/btn_design03_o.gif) no-repeat;
	}
div#naildesign ol.btn li.btn4 a:hover{
	width: 101px;
	height: 31px;
	background: url(../images/btn/btn_design04_o.gif) no-repeat;
	}
div#naildesign ol.btn li.btn5 a:hover{
	width: 101px;
	height: 31px;
	background: url(../images/btn/btn_design05_o.gif) no-repeat;
	}
div#naildesign ol.btn li.btn6 a:hover{
	width: 101px;
	height: 31px;
	background: url(../images/btn/btn_design06_o.gif) no-repeat;
	}


div#naildesign div.middle{
	width: 630px;
	background: url(../images/bg/design_middle.gif) repeat-y;
	}
div#naildesign div.left{
	float: left;
	width: 278px;
	height: 265px;
	background: url(../images/bg/design_middle2.gif) repeat-y;
	}

div#naildesign div.right{
	float: left;
	width: 352px;
	height: 265px;
	}
div#naildesign div.right div.waku{
	border-right: 1px #ccc solid;
	width: 351px;
	height: 265px;
	}
div#naildesign div.right div.bg{
	background: url(../images/bg/bg_design02.gif) no-repeat;
	width: 352px;
	height: 88px;
	display: block;
	clear: both;
	}
div#naildesign div.right div.bg div.ph{
	float: left;
	width: 120px;
	margin-top: 13px;
	}
div#naildesign div.right div.bg div.text{
	float: left;
	width: 230px;
	margin-top: 13px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	}
div#naildesign div.right div.bg span.link{
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
	display: block;
	}
div#naildesign div.right div.bg span.link a{
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
	}
div#naildesign div.right div.bg span.salon{
	width: 230px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	display: block;
	}
div#naildesign div.right div.bg span.area{
	width: 230px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	display: block;
	}
div#naildesign div.right div.bg span.type{
	width: 230px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	display: block;
	}


div#naildesign div.left div.salonname{
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #7C6854;
	text-align: center;
	}
div#naildesign div.left div.ph_main{
	background: url(../images/bg/bg_design01.gif) no-repeat top center;
	width: 278px;
	height: 180px;
	padding-top: 5px;
	}
div#naildesign div.left div.area{
	font-size: 12px;
	line-height: 16px;
	color: #D30052;
	font-weight: bold;
	text-align: left;
	margin-left: 10px;
	}
div#naildesign div.left div.text{
	font-size: 10px;
	line-height: 14px;
	color: #333;
	text-align: left;
	margin-left: 10px;
	}
div#naildesign div.left div.link{
	font-size: 10px;
	line-height: 14px;
	color: #999;
	text-align: right;
	margin-right: 10px;
	}
div#naildesign div.bottom{
	width: 630px;
	height: 10px;
	background: url(../images/bg/design_bottom.gif) no-repeat;
	clear: both;
	}
div#naildesign div.border{
	border-bottom: 1px dotted #666;
	height: 10px;
	clear: both;
	}

/*　▼▼table
==================================================*/
div#naildesign table.left td.t1{
	width: 278px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #7c6854;
	
	}
div#naildesign table.left td.t2{
	width: 278px;
	background: url(../images/bg/bg_design01.gif) no-repeat top center;
	height: 196px;
	}
div#naildesign table.left td.t3{
	width: 278px;
	font-size: 12px;
	line-height: 16px;
	color: #D30052;
	font-weight: bold;
	padding-left: 10px;
	}
div#naildesign table.left td.t4{
	width: 278px;
	font-size: 12px;
	line-height: 16px;
	padding-left: 10px;
	}
div#naildesign table.left td.t5{
	width: 278px;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	padding-right: 10px;
	text-align: right;
	}

div#naildesign table.right{
	width: 352px;
	}
div#naildesign table.right table.bg{
	background: url(../images/bg/bg_design02.gif) no-repeat;
	width: 352px;
	height: 88px;
	}
div#naildesign table.right table.bg td.ph{
	width: 100px;
	height: 88px;
	padding-left: 10px;
	}
div#naildesign table.right table.bg td.name{
	padding-left: 5px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #7c6854;
	text-align: left;
	}
div#naildesign table.right table.bg td.area{
	padding-left: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #666;
	text-align: left;
	}
div#naildesign table.right table.bg td.type{
	padding-left: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #666;
	text-align: left;
	}
div#naildesign table.right table.bg td.btn{
	padding-left: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #666;
	padding-bottom: 5px;
	text-align: left;
	}
div#naildesign table.right table.bg td.btn a{
	text-decoration: underline;
	}
div#naildesign td.bottom{
	width: 630px;
	height: 10px;
	background: url(../images/bg/design_bottom.gif) no-repeat;
	}




/*　▼▼クチコミで検索
==================================================*/
div.coupon_left{
	float: left;
}
div.coupon_right{
	float: left;
}
div#newkuchikomi{
	width: 320px;
}
div#newkuchikomi div.title{
	width: 310px;
	height: 30px;
	background: url(../images/title/tit_kuchikomi.gif) no-repeat left bottom;
	text-indent: -9999px;
}
div#newkuchikomi div.top{
	width: 310px;
	height: 10px;
	background: url(../images/bg/kuchikomi_top.gif) no-repeat bottom;
}
div#newkuchikomi div.middle{
	width: 310px;
	height: 410px;
	background: url(../images/bg/kuchikomi_middle.gif) repeat-y;
	clear: both;
}
div#newkuchikomi div.middle div.c{
	width: 285px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
div#newkuchikomi div.middle div.c div.ph{
	width: 80px;
	height: 80px;
	border-bottom: 1px #999 dotted;
	float: left;
}
div#newkuchikomi div.middle div.c div.text{
	font-size: 10px;
	line-height: 14px;
	border-bottom: 1px #999 dotted;
	width: 205px;
	float: left;
	height: 80px;
	text-align: left;
}
div#newkuchikomi div.middle div.c div.text span.name{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}
div#newkuchikomi div.bottom{
	width: 310px;
	height: 10px;
	background: url(../images/bg/kuchikomi_bottom.gif) no-repeat;
	clear: both;
}

/*　▼▼新着クーポン
==================================================*/

div#newcoupon{
	width: 310px;
	float: left;
}
div#newcoupon div.title{
	width: 310px;
	height: 30px;
	background: url(../images/title/tit_coupon.gif) no-repeat left bottom;
	text-indent: -9999px;
}
div#newcoupon div.top{
	width: 310px;
	height: 10px;
	background: url(../images/bg/kuchikomi_top.gif) no-repeat bottom;
}
div#newcoupon div.middle{
	width: 310px;
	background: url(../images/bg/kuchikomi_middle.gif) repeat-y;
	height: 410px;
	clear: both;
}
div#newcoupon div.middle div.c{
	width: 285px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
div#newcoupon div.middle div.c div.name{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	clear: both;
	color: #E50615;
}
div#newcoupon div.middle div.c div.ph{
	width: 80px;
	height: 80px;
	border-bottom: 1px #999 dotted;
	float: left;
}
div#newcoupon div.middle div.c div.text{
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px #999 dotted;
	width: 205px;
	float: left;
	height: 75px;
	padding-top: 5px;
}
div#newcoupon div.bottom{
	width: 310px;
	height: 10px;
	background: url(../images/bg/kuchikomi_bottom.gif) no-repeat;
	clear: both;
	margin-bottom: 20px;
}