/* CSS Document */

/* ================================================
	reset
=================================================*/

html { color:#727171; }
body { margin:0 auto; overflow:visible; padding:0; -webkit-text-size-adjust: none;}
a { overflow:hidden; }
a img, img { border:0 !important; }
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul { margin:0; padding:0; }
caption, th { text-align:left; }
code, kbd, pre, samp, tt { font-family:monospace; line-height:100%; }
*+html code, *+html kbd, *+html pre, *+html samp, *+html tt { font-size:108%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
q:before, q:after { content:''; color:#727171; }   
button, fieldset, form, input, label, legend, select, textarea { font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline;}
input[type='text']{height:30px;line-height:24px;}
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
a { text-decoration:none; color:#727171; }
a:hover { }
a:visit{ }
.hair_a{ color:#EF8F9B; text-decoration:underline; }
.hair_a a{ color:#EF8F9B; text-decoration:underline; }
.nail_a{ color:#77CDC0; text-decoration:underline; }
.nail_a a{ color:#77CDC0; text-decoration:underline; }
strong { font-weight: bold; }

.on a:hover { color:#CCC; }


/*clearfix*/

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 



/**トップへ戻るボタン**/

#page_top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	}
#page_top a{
	xtext-decoration:none;
	width: 50px;
	display: block;
	}
	
#page_top a:hover{
	text-decoration: none;
	}
	
	
/**wrap**/	

#wrap{
	width:100%;
	min-width:1200px;
	margin:0 auto;
	clear:both;
	}
	
	
/**hタグ**/
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
	


/**page_base**/

#page_base{ overflow:hidden; clear:both; }
#page_design{ width:1080px; margin:0 auto; clear:both; overflow:hidden; }

/**page_titel**/

#page_titel{}
#page_titel p{}
#page_titel p span{}
#page_titel ul{}
#page_titel li{}
#page_titel dl{}
#page_titel dt{}
#page_titel dd{}


/**more**/

.relative{ position:relative; }
.search_left{ width:910px; float:left; }
.search_right{ width:170px; float:left; }
.shop_left{}
.shop_right{}

.bg_hair_color{ background-color:#EF8F9B; }
.bg_nail_color{ background-color:#77CDC0; }





/**head**/
.head_hair #head_tx{ background-color:#EF8F9B; }
.head_nail #head_tx{ background-color:#77CDC0; }
#head{ }
#head_tx{ padding:6px 0; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px;  }
#head_tx h1{ width:61%; float:left; display:block; }
#head_tx ul{ width:39%; float:left; display:block; }
#head_tx li{ float:left; padding-left:10px; margin-right:10px; }
#head_tx li a{ color:#FFF; }
.navi_li{ border-left:1px #FFF solid; }

#navi{ overflow:hidden; padding-bottom:10px; width:100%; }
#navi h2{ float:left; width:41%; display:block; padding-top:10px; }
#navi h2 img{ width:250px; }
#navi ul{ float:right; width:59%; display:block; }
#navi a{ text-decoration:none; }
#navi li{ float:left; margin-left:6px; }
#navi dl{ }
#navi dt{}
#navi dd{}

.bt_navi_hair{ padding:3px 0;  height:43px; width:100px; background:url(../image/common/bg_hair.png) top no-repeat;}
.bt_navi_hair dl{ text-align:center; }
.bt_navi_hair dt{ }
.bt_navi_hair dd{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px; font-weight:bold; color:#FFF; }

.bt_navi_nail{ padding:3px 0;  height:43px; width:100px; background:url(../image/common/bg_nail.png) top no-repeat;}
.bt_navi_nail dl{ text-align:center; }
.bt_navi_nail dt{ }
.bt_navi_nail dd{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px; font-weight:bold; color:#FFF; }

.bt_navi_fav{ position:relative; padding:3px 0; height:43px; width:198px; background:url(../image/common/bg.favorite.png) top no-repeat;}
.bt_navi_fav_01{ float:left; text-align:center; width:30%; }
.bt_navi_fav_01 dt{ }
.bt_navi_fav_01 dd{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px; font-weight:bold; color:#FFF; }

.bt_navi_fav_02{ padding-top:4px; float:left; width:70%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.bt_navi_fav_02 dt{ font-size:10px; float:left; padding-right:10px; color:#333; }
.bt_navi_fav_02 dt a{ color:#333; }
.bt_navi_fav_02 dd{  float:left; font-size:12px; font-weight:bold; line-height:2em; text-align:center; color:#EF8F9B; }
.bt_navi_fav_02 dd a{ color:#EF8F9B; text-decoration:underline; }

.bt_navi_fav p{ position:absolute; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; top:45px; left:50px; color:#EF8F9B; }
.bt_navi_fav p a{ color:#EF8F9B; text-decoration:underline; }








/**mini_titel**/

#mini_titel{ margin-bottom:10px; padding-top:5px; margin-right:15px; overflow:hidden; background-position:left; background-repeat:no-repeat; }
#mini_titel dl{ overflow:hidden; }
#mini_titel dt{ line-height:1.2em; float:left; font-family:alte, sans-serif; font-size:16px; color:#EF8F9B; padding-right:4px; font-weight:bold; }
#mini_titel dd{ line-height:1.7em; float:left; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; font-weight:bold; }
.ic_map{ background-image:url(../image/common/ic_map.png); padding-left:24px; }
.ic_coupon{ background-image:url(../image/common/ic_coupon.png); padding-left:30px; }
.ic_hair{ background-image:url(../image/common/ic_hair.png); padding-left:28px; }
.ic_nail{ background-image:url(../image/common/ic_nail.png); padding-left:28px; }
.ic_recommend{ background-image:url(../image/common/ic_recommend.png); padding-left:26px; }
.ic_salon{ background-image:url(../image/common/ic_salon.png); padding-left:24px; }
.ic_special{ background-image:url(../image/common/ic_special.png); padding-left:24px; }
.ic_staff{ background-image:url(../image/common/ic_staff.png); padding-left:28px; }
.ic_pickup{ background-image:url(../image/common/ic_pickup.png); padding-left:24px; }
.ic_blog{ background-image:url(../image/common/ic_blog.png); padding-left:30px; }
.ic_menu{ background-image: url(../image/common/ic_menu.png); padding-left:34px; }
.ic_search{ background-image: url(../image/common/ic_search.png); padding-left:26px; }
.ic_image{ background-image:url(../image/salon/ic_image.png); padding-left:26px; }
.ic_senen{ background-image: url(../image/salon/ic_senen.png); padding-left:26px; }
.ic_ranking{ background-image: url(../image/salon/ic_ranking.png); padding-left:32px; }
.ic_menu{ background-image:url(../image/salon/ic_menu.png); padding-top:28px; }
.ic_space{ background-image: url(../image/salon/ic_space.png); padding-left:28px; }
.ic_staff_02{ background-image:url(../image/salon/ic_staff.png); padding-left:28px; }
.ic_price{ background-image:url(../image/salon/ic_price.png); padding-left:28px; }
.ic_work{ background-image:url(../image/salon/ic_tc.png); padding-left:30px; }
.ic_kuchikomi{ background-image: url(../image/common/ic_kuchikomi.png); padding-left:35px; }
.ic_fukidashi{ background-image: url(../image/common/ic_fukidashi.png); padding-left:35px; }







/**mini_titel_nail**/

#mini_titel_nail{ margin-bottom:10px; padding-top:5px; margin-right:15px; overflow:hidden; background-position:left; background-repeat:no-repeat; }
#mini_titel_nail dl{ overflow:hidden; }
#mini_titel_nail dt{ line-height:1.2em; float:left; font-family:alte, sans-serif; font-size:16px; color:#77CDC0; padding-right:4px; font-weight:bold; }
#mini_titel_nail dd{ line-height:1.7em; float:left; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; font-weight:bold; }
.ic_map_nail{ background-image:url(../image/nail/ic_map.png); padding-left:24px; }
.ic_coupon_nail{ background-image:url(../image/nail/ic_coupon.png); padding-left:30px; }
.ic_nail_design{ background-image:url(../image/nail/ic_photo.png); padding-left:28px; }
.ic_recommend_nail{ background-image:url(../image/nail/ic_recommend.png); padding-left:26px; }
.ic_salon_nail{ background-image:url(../image/nail/ic_salon.png); padding-left:24px; }
.ic_special_nail{ background-image:url(../image/nail/ic_special.png); padding-left:24px; }
.ic_staff_nail{ background-image:url(../image/nail/ic_staff.png); padding-left:28px; }
.ic_pickup_nail{ background-image:url(../image/nail/ic_pickup.png); padding-left:24px; }
.ic_blog_nail{ background-image:url(../image/nail/ic_blog.png); padding-left:30px; }
.ic_menu_nail{ background-image: url(../image/nail/ic_menu.png); padding-left:34px; }
.ic_search_nail{ background-image: url(../image/nail/ic_search.png); padding-left:26px; }
.ic_nail_ranking{ background-image: url(../image/nail/ic_ranking.png); padding-left:30px; }
.ic_nail_image{ background-image:url(../image/nail/ic_image.png); padding-left:30px; }
.ic_nail_scene{ background-image: url(../image/nail/ic_time.png); padding-left:30px; }
.ic_nail_type{ background-image: url(../image/nail/ic_nail.png); padding-left:30px; }
.ic_nail_design_02{ background-image:url(../image/nail/ic_desgin.png); padding-left:30px; }
.ic_nail_design_03{ background-image:url(../image/nail/ic_design_02.png); padding-left:30px; }
.ic_nail_color{ background-image: url(../image/nail/ic_point.png);  padding-left:30px; }
.ic_nail_art{ background-image: url(../image/nail/ic_art.png);  padding-left:30px; }
.ic_nail_price{ background-image:url(../image/nail/ic_price.png); padding-left:30px; }
.ic_nail_space{ background-image:url(../image/nail/ic_space.png); padding-left:30px; }
.ic_nail_heart{ background-image: url(../image/nail/ic_heart_02.png); padding-left:30px; }
.ic_nail_fukidashi{ background-image: url(../image/nail/ic_fukidashi.png); padding-left:35px; }
.ic_nail_kuchikomi{ background-image: url(../image/nail/ic_kuchikomi.png); padding-left:35px; }



/**gotolist**/

#gotolist{ overflow:hidden; padding-top:4px; clear:both; }
#gotolist p{ text-align:right; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.8em;  }









#data_list{ clear:both; }
#data_list ul{ clear:both; padding-bottom:10px; overflow:hidden; }
#data_list li{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float:left; padding-right:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px;}
.tag_color{ color: #ef6b9b; font-size:11px; background-color:#ffe5e8; padding-left:10px; line-height:2.2em; margin-right:10px; border: solid 1px; border-color:#ef6b9b;}

.tag_color_nail{ color: #64afa4; font-size:11px; background-color:#f2fffd; padding-left:10px; line-height:2.2em; margin-right:10px; border: solid 1px; border-color:#77CDC0;}








/**foot_base**/
.footbase_hair{ background-color:#EF8F9B; }
.footbase_nail{ background-color:#77CDC0; }
#foot_titel{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; color:#FFF; }
#foot_titel dl{}
#foot_titel dt{ width:50%; float:left; }
#foot_titel dd{ width:50%; float:right; text-align:right; }
#foot_titel a{ color:#FFF; text-decoration:underline; }

#foot_link{ color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow:hidden; padding:10px 0px 20px 0px;  }
#foot_link a{ color:#FFF; text-decoration:underline;}
#foot_link p{ font-size:14px; clear:both; padding-bottom:12px; font-weight:bold; }
#foot_link dl{ overflow:hidden; padding-bottom:15px;}
#foot_link dt{ font-size:13px; clear:both; font-weight:bold; }
#foot_link dd{ }
#foot_link ul{ clear:both; }
#foot_link li{ float:left; line-height:1.2em; padding:0 10px 0 0px;  margin:4px 10px 4px 0; font-size:12px; }
.foot_line{ border-right:1px solid #FFF; }



/**forms**/
.form-wide{
	width:450px;
	margin:30px auto;
}            
                       

.form-wide .head td.img{
	text-align:right;
}

.form-wide .head .desc td{
	text-align:center;
}
.form-wide div{
	box-sizing:border-box;
}                       

.form-wide .body{
	background:#fdf7ef;
	padding:30px;   
	border:solid 1px #F5E8D6;
}              
          
.form-wide .head{
	width:400px;
	margin:0 auto;
}               

.form-wide .head table{
	margin:0 auto;
}               

.form-wide tr.title td{
	vertical-align:middle;
}                       
                   
.form-wide tr.title img{
}            
.form-wide tr.title h3{
	padding:20px 20px;
	font-size:16px;
	color:#666;
	font-weight:bold;     
	position:relative;
	float:left;
}
.form-wide .body table{
	width:100%;
	
}       

.form-wide .body table td{
	padding:5px 0px;
}	
.form-wide .body table span{
	font-size:12px;
	line-height:16px;
	margin-top:5px;
}
                      
.form-wide .body table input[type='text'],
.form-wide .body table input[type='email'],
.form-wide .body table input[type='password']{
	padding:5px 0px;
	line-height:24px;
	font-size:14px;
	border:solid 1px #ccc;
	width:100%;
	height:36px;
	text-indent:10px;   
  border-radius: 2px;
	
}
.form-wide .body table span.remind{
	float:right;           	
}   
                      
.form-wide .body table .submit{
	text-align:center;
	
}                             
.form-wide .body table .submit td{
	padding:10px 0px;
}

.form-wide .body table .note td{
	padding:0px 15px;
}
         

.form-wide a#submit{
}                  

.form-wide a#signup{

	float:right;
	
}

.btn_wine{
	background:rgb(249, 122, 138);
	color:white;
	width:100px;
	padding:3px 5px;
	display:inline-block;
	box-sizing:border-box;
	font-size:14px;
	
}
.btn_white{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d3d1d3+100 */
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QxZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #d3d1d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d1d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d1d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d3d1d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d3d1d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d3d1d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d1d3',GradientType=0 ); /* IE6-8 */

	border:solid 1px #ccc;
	text-align:center;
	padding:5px 15px;
	display:inline-block;
	box-sizing:border-box;
	font-size:12px;    
	
}

.bg_common{
	background: #fdf7ef!important;
  padding: 30px;
  border: solid 1px #F5E8D6!important;
}

#twitter-widget-1{
	vertical-align:bottom;
	margin-left:5px;
}

td a{
	word-break : break-all; 
}