* { margin:0; padding:0;}
body { background:#141414; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.8125em; color:#141414;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:13px; font-size:1.2em; line-height : 1.2 ; }

.tail-top { background:url(images/tail-top.gif) left top repeat-x #f8f8f4;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x #f8f8f4;}

.tail-right { position:absolute; top:0; right:0; width:50%; height:751px; background:url(images/tail-right1.gif) left top repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form label { display:block; height:26px;} 
#contacts-form label input { width:247px; padding:2px 0 2px 3px; color:#bdbdbe; background:#5a5a5d; border:1px solid #000;}
#contacts-form textarea {width:247px; height:150px; padding:2px 0 2px 3px; margin-bottom:10px; color:#bdbdbe; background:#5a5a5d; overflow:auto; border:1px solid #000;}

/*==================list====================*/
ul { list-style:none;}

.list1 { margin-bottom:17px;}
.list1 li { display:inline;}
.list1 li a { display:block; margin:0 -20px 0 -20px; padding:19px 20px 18px 20px; border-bottom:1px solid #c2b799; font-size:.91em; color:#141414; text-decoration:none;}
.list1 li a:after {content: ' '; clear:both; display: block; width: 0; height: 0; overflow: hidden; font-size:0;}
.list1 li a img { float:left; margin-right:16px;}
.list1 li a span { display:block; font-size:1.17em; color:#be870a; font-weight:bold; padding:2px 0 6px 0;}
.list1 li a:hover { background:#1a1a1a; color:#f5f0e6; text-decoration:none;}

.list2 li { background:url(images/arrow1.gif) no-repeat left 3px; padding:0 0 11px 16px; font-weight:bold; font-size:1.1em;}
.list2 li a:hover { text-decoration: underline; color:#ff009b;}

.list3 li { background:url(images/arrow1.gif) no-repeat left 4px; padding:0 0 12px 14px; font-weight:bold; color:#be870a; font-size:1.2em; }

.list4 li { padding-bottom:15px;}

.list5 { margin-bottom:-15px;}
.list5 li { color:#fff; font-weight:bold; list-style-position:inside; padding-bottom:15px;}
.list5 li span { font-weight:normal; color:#CCCCCC;}
.list5 li a { font-weight:normal;}

.list6 { width:100%; overflow:hidden;}
.list6 li { float:left; width:261px; border-bottom:1px solid #1a1a1a; font-size:1.1em; color:#555555; padding:0 15px 31px 15px; margin:0 7px 28px 0;}
.list6 li.first { padding-left:0;}
.list6 li img { margin-bottom:14px;}
.list6 li strong { color:#fff; font-size:1.5em; color:#000; font-weight:normal;}
.list6 li.last { margin-right:0; padding-right:0;}
.list6 li.alt { border-bottom:none; margin-bottom:0;}

.list7 li { padding-bottom:5px;}
.list7 li a {color:#7a7a7a; text-decoration:underline;}
.list7 li a:hover { text-decoration:none;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:16px;}
.img-box img { float:left; margin:0 17px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:13px;}
.p2 { margin-bottom:38px;}

.section {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  text-align: left;
  line-height: 1.5em;
  word-spacing: 0.1em;
}

/*==================txt, links, lines, titles====================*/
a {color:#141414; text-decoration:none;}
a:hover { text-decoration:underline;}

h1 { font-size:1.64em; color:#be870a; font-weight:bold; line-height:1.2em; margin-bottom:4px; padding:0px 0px 0px 13px;}
h1 span { color:#000; font-size:.77em; line-height:1.2em;}

h2 { font-size:1.64em; color:#be870a; font-weight:bold; line-height:1.2em; margin-bottom:4px;}

h3 { font-size:1.54em; color:#000; font-weight:bold; line-height:1.2em; margin-bottom:4px;}

h4 { font-size:1.44em; color:#be870a; font-weight:bold; line-height:1.2em; margin-bottom:4px;}

h5 { font-size:1.34em; color:#f9f9f9; font-weight:bold; line-height:1.2em; margin-bottom:4px;}

h6 { font-size:1.34em; color:#c2b799; font-weight:bold; line-height:1.2em; margin-bottom:4px;}

.txt1 { color:#000;}

.link1 {color:#7a7a7a; text-decoration:underline;}
.link1:hover { text-decoration:none;}

.line-hor { background:#1a1a1a; height:1px; overflow:hidden; font-size:0; line-height:0;}
.line-ver, .line-ver1 { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}
.line-ver2, .line-ver3 { background-image:url(images/line-ver1.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:13px;}
.title1 { margin-bottom:23px;}

/*==================boxes====================*/
.cont-box { padding:0 55px 0 0; margin:0;}
.cont-box span { float:right;}
.cont-box1 { padding:0 95px 0 0; margin:0;}
.cont-box1 span { float:right;}

/*header*/
#header .row-1 { height:115px; background:#ffffff;}
#header .row-1 .fleft { padding:18px 0 0 0;}
#header .row-1 .fright { padding:0 0px 0 0;}
#header .row-1 .banner {
	float: right;
	height: 60px;
	width: 468px;
	margin: 15px 0px 0px 0px;
padding:0 0px 0 0;
}

#header .inner {
font-weight: bold;
color:#ff009b; background:#ffffff;
margin: 0px 0px 0px 0px;
padding:5px 0px 7px 13px;
}

/*content*/
#content { background:#ffffff; width:100%;}
#content .indent { padding:9px 0 0 7px;}
#content .indent1 { padding:18px 25px 18px 18px;}
#content .indent2 { padding:14px 20px 18px 20px;}
#content .indent3 { padding:18px 25px 18px 28px;}
#content .indent4 { padding:18px 0 18px 18px;}

#content .row-2 .indent { padding:0 17px 7px 19px;}
#content .row-2 .indent1 { padding:33px 0 30px 0;}

.bg1 { background:url(images/content-bg1.gif) left top repeat-x #ffffff; width:100%;}

/*footer*/
#footer .fleft { padding:24px 0 0 9px; color:#fff;}
#footer .fleft a {color:#ffffff; text-decoration:none;}
a:hover { text-decoration:underline;}
#footer .fright { padding:3px 42px 0 0;}
#footer .left { background:url(images/footer-left.gif) no-repeat left top; }
#footer .right { background:url(images/footer-right.gif) no-repeat right top; height:60px;}
#footer .inner { padding:25px 0 0 23px;}
#sub-nav { width:100%; overflow:hidden;}
#sub-nav li { display:inline; margin-left:-1px;}
#sub-nav li a { color:#fff; border-left:1px solid #505050; padding:0 8px 0 8px; text-transform:uppercase; text-decoration:none;}
#sub-nav li a:hover { text-decoration:underline;}


/*box*/

.hairsalonbox,

.hairsalonbox{
width:558px;
float:left;
display:block;
margin-bottom:20px;
}

.search_recomendsalonbox{
border:#000 solid 1px;
}

.hairsalonbox{
border:#000 solid 1px;
}

.hairsalon_photo1 img{
vertical-align:middle;
}

.hairsalon_top{
float:left;
width:551px;
margin:0px;
padding:4px 2px 0 5px;
border-bottom:#FFFFFF solid 1px;
}

.hairsalon_photo1{
float:left;
padding:4px;
width:550px;
height:154px;
}

.hairsalon_name{
float:left;
display:block;
padding-left:0px;
}

ul li.hairsalon_access,

ul li.hairsalon_access h6{
line-height:15px;
padding: 3px 0px 0px 3px;

}



/*box1*/ 

ul li.salon_access {
margin-top:-2px;
margin-left: 0px;
padding-left: 0px;
} 

ul li.hairsalon_title,

ul li.hairsalon_title h4{
list-style:none;
color:#ffffff;
padding: 0px 0px 0px 3px;
margin:0px;

}



/*box2*/ 

ul li.salon_titlename {
margin-top:0px;
margin-left: 0px;
padding-left: 0px;
} 

.coupon{
float:left;
display:block;
}

.coupon img{
margin-bottom:2px;
}

.coupon_bottan li{
float:left;
display:block;
}

.search_salonmenubox .mini_bottan li{
float:none;
display:block;
}

.coupon_image li img{
margin-bottom:0px;
margin-left:3px;
}

.hairsalon_photo{
float:left;
display:block;
width:200px;
height:150px;
border-width: 3px;
border-style: solid;
border-color: #000;
}


.hairsalon_text_content{
float:left;
display:block;
width:340px;
}

.hairsalon_text{
float:left;
display:block;
padding:5px 0 0 7px;
height:50px;
}

.hairsalon_price{
float:left;
display:block;
width:338px;
padding-left:5px;
}

.salon_icon{
float:left;
padding-left:5px;
height:93px;

}

ul.price3{
float:left;
width:120px;
padding:5px 0 0 0px;
font-weight:bold;
color:#000;
}

.hear_menu{
	float:left;
	padding:5px 5px 5px 5px;
	width:90px;
	height:93px;
	border-left:#373737 solid 1px;
	border-right:#373737 solid 1px;
}

dl.hairsalon_price3,

ul.hairsalon_price3 {
float:right;
font-weight:bold;
width:80px;
}

dl.hairsalon_price3 dt{
color:#141414;
}

dd.menu_price {
font-size:10px; 
display:inline-block;
width:90px;
color:#be870a;
font-size:14px;
text-align:center;
}



ul.hairsalon_price3 {
padding:0px 0 0 10px;
width:120px;
}

li.feature_menu {
height:40px;
}

.hairsalon_details{
	float:right;
	padding:0 5px;
	width:100px;
	height:93px;	
}

/*box3*/

.pr {
border:1px solid #000;
}
.pr .hairsalon_top {
background:#000 url(/img_app/shop_search/sponsor.jpg) no-repeat top left;
border-bottom:0px solid #373737;
}
.pr .picbox a img{
border:#000 solid 1px;
}
.pr .picbox a:hover img{
border:#b78f3a solid 1px;
}
.pr dl.salon_price dt{
color:#ffccd4;
}
.pr .hairsalon_text{
color:#141414;
}

/*ボーダー*/
p.border1 {
padding-bottom: 1em;
}

.border1 {
border-bottom: 4px #ff009b solid;
}



/*エリアタイトル*/
.beautybox { background:#3f3f3f url(images/areahead.gif) repeat-x top;color:#f9f9f9;text-align:left;padding:8px;width:508px;border:2px solid #666666;}
/* --- 見出し --- */
.beautybox h5 {
margin: 0;
padding: 1px 0 1px 7px; /* 見出しのパディング（上右下左） */
border-left: 5px #feb416 solid; /* 見出しの左境界線 */
color:#f9f9f9; /* 見出しの文字色 */
line-height: 100%;
}

#navigation {
  margin: 0px auto 2px auto;
}

/*エリアBOX*/
ul { list-style:none;}

#areabox {
	width:95%;
	overflow:hidden;
	padding:0px 0 0 0px;
	margin: 0px 0px 0px 0px;
}

#areabox li { float:left; background:url(images/divider.gif) no-repeat left top; margin-left:0px; padding:18px 0 12px 0;}
#areabox li a { line-height: 19px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #373737;
	background-color: #000;
	text-align: center;
	display: block;
	height: 30px;
	width: 174px;
	padding-top: 10px;
	}
	
#areabox li a:hover { color: #FFFFFF; background-color: #746D67;}
#nareabox li a.current { background-color: #444444;}


#areabox2 { background:url(images/divider.gif) no-repeat left top; margin-left:0px; padding:8px}
#areabox2 a { 
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #c2b799;
	background-color: #FFFFFF;
	text-align:left;
	display: block;
	width: 508px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}
#areabox2 a:hover { color: #FFFFFF; background-color: #746D67;}
#areabox2 a.current { background-color: #444444;}

div.brbox {
width: 50%;
height: 100%;
background-color: #c2b799;
margin: 5px 10px 15px 80px;
padding: 16px 0px 13px 160px;
}
div.brbox1 {
width: 68%;
height: 100%;
background-color: #c2b799;
margin: 5px 10px 15px 80px;
padding: 16px 10px 13px 10px;
}
div.brbox2 {
width: 50%;
height: 100%;
background-color: #c2b799;
margin: 5px 10px 15px 80px;
padding: 16px 0px 13px 135px;
}

div.titlebox h2{
color:#fff;
font-weight: bold;
width: 580px;
height: 100%;
background-color: #000;
background-image:url(../img/table-back.gif);
margin: 0px 0px 40px 5px;
padding: 5px 0px 5px 0px;
border-width: medium;
border-color: #c2b799;
border-style: solid;
text-align:center;
}

/*サロン詳細の画像*/
div.salonimgbox {
width: 584px;
height: 180px;
margin:10px auto 0px auto;
}


#leftcont{
	width:582px;/*582px*/
	height:280px;/*280*/
	background: #ffffff;
	float:left;
	margin:0px auto 0px 4px;
	

}
#leftcont ul{
	border-top:solid 2px #1a1a1a;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 130px;
	text-align:center;
}

#leftcont ul li{
	display:inline;
	margin:0px 5px 0px 5px;
}

div.salondetailsbox {
width: 95%;
height: 100%;
background-color: #000;
margin: 20px 0px 15px 5px;
padding: 15px 5px 5px 5px;
text-align:center;
}

div.hairstylebox {
width: 100%;
height: 100%;
background-color: #333333;
margin: 5px 10px 15px 5px;
padding: 16px 0px 13px 0px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-style: solid;
}

/*メニューバー*/
#navi_menu_bar {
	width:95%;
	overflow:hidden;
	padding:0px 0 0 5px;
	margin: 0px 0px 0px 5px;
}

#navi_menu_bar li { float:left; background:url(images/divider.gif) no-repeat left top; margin-left:0px; padding:18px 0 14px 0;}
#navi_menu_bar li a { line-height: 2.2em;
	color: #999999;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
	background-color: #444444;
	text-align: center;
	display: block;
	height: 32px;
	width: 115.3px;
	}
	
#navi_menu_bar li a:hover { color: #FFFFFF; background-color: #FF9900;}
#navi_menu_bar li a.current { background-color: #444444;}

/*navibar*/
ul { list-style:none;}

/*テーブル*/
table.hairsalontable {
width: 500px;
height: auto;
color:#000;
background-color: #ffffff;
border: 1px #333333 solid;
margin: 20px 35px 20px 35px;
text-align:center;
}
.hairsalontable th {
width: 100px;
font-size: 13px;
border: 2px #2b2b2b solid;
color:#FFFFFF;
    background-color:#554738;
    background-image:url(../img/table-back.gif);
    background-position:left top;
padding: 10px 20px;
}
.hairsalontable td {
font-size: 13px;
font-weight: bold;
border: 2px #2b2b2b solid;
padding: 10px 20px;
}
td.salonpr { text-align: left; }


/*広告詳細テーブル*/
table.detailstable {
width: auto;
height: auto;
border: 2px #2b2b2b solid;
vertical-align : top

}

.detailstable td, th {
width: auto;
height: auto;
padding: 5px 5px 5px 5px;
font-size: 14px;
border: 2px #2b2b2b solid;
vertical-align : top
}

table.menutable{
width: 500px;
height: auto; 
border: 1px #333333 solid; 
background:#FFFFFF;
margin: 0px 5px 20px 35px;
text-align:center;
}
.menutable caption{
font-size: 18px;
font-weight: bold;
caption-side:top; 
background:#bdb76b;
color:#333333; 
padding: 5px 0px 5px 0px;
border:1px solid #2b2b2b;
}
.menutable td{
font-size: 12px;
font-weight: bold;
color:#333333;
border: 1px #2b2b2b solid; 
padding:2px;
}


/*ヘアスタイル詳細table*/
div.hairstyleboxtable{
width: auto;
height: auto; 
margin: 0px 0px 0px 0px;
}

table.hairstyletable{ float:left;
width: 270px;
height: auto; 
border: 1px #333333 solid; 
background:#FFFFFF;
margin: 0px 0px 0px 0px;
text-align:center;
}
.hairstyletable th{
font-size: 12px;
font-weight: bold;
caption-side:top; 
background:#e0e0e0;
background-image:url(../img/table-back.gif);
color:#000; 
padding: 5px 0px 5px 0px;
border: 1px #2b2b2b solid;
}
.hairstyletable td{
font-size: 12px;
font-weight: bold;
color:#333333;
border: 1px #2b2b2b solid; 
padding:2px;
}

/*スタイルフォト*/
div.hairstylephotobox{
width: auto;
height: auto; 
margin: 0px 24px 0px 300px;
}
.hairstyle_photo_main img{
width: 280px;
height: 380px;
border-width: 3px;
border-style: solid;
border-color: #c2b799;
margin: 0px 0px 0px 5px;
}
/*ヘアスタイルサイドバック*/
div.hairstylesbbox {
width: 280px;
height: auto;
background-color: #ffffff;
margin: 5px 0px 5px 2px;
padding: 5px 0px 0px 0px;
text-align:center;
}
table.hairstyle_photoable td th {
border: 1px #ffffff solid; 
margin: 5px 0px 10px 0px;
text-align:center;
}

th.hairstyle_photo1 {
background-color: #e0e0e0;
font-size: 12px;
font-weight: bold;
color:#333333;
border: 3px #c2b799 solid; 
padding:0px;
}
td.hairstyle_phot2 {
width: 120px; 
height: 170px;
border:3px solid #c2b799;
text-align:center; 
}




/*カットモデル*/
div.model_recruitment {
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #c2b799;
background-color: #FFCCFF;
}


/*クーポンプリント画面*/
div#btnBlock {
	width: 250px;
	text-align: left;
	padding-top: 16px;
	padding-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
div#btnBlock p#btnPrint {
	float: left;
	height: 30px;
	width: 120px;
	background-image: url(images/itprints.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#btnBlock p#btnClose {
	float: right;
	height: 30px;
	width: 120px;
	background-image: url(images/shuts.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#btnBlock p a {
	display: block;
	height: 25px;
	width: 120px;
	text-indent: -9999px;
}



/*ヘアカタログ*/

#catalog{
clear:both;
width:600px;
float:left;
}

#catalog .catalogBox{
float:left;
display:block;
background:#000000;
padding:6px 7px;
margin-bottom:10px;
}

#catalog .picbox{
float:left;
display:block;
width:135px;
height:190px;
margin-right:8px;
background:#fff;
color: #555555;
font-weight: bold;
overflow:hidden;
}

#catalog .hairstylebox .picbox{
height:293px;
}

#catalog .hairstylebox2 .picbox{
height:250px;
}

#catalog .picbox.last{
margin-right:0px;
}

#catalog .picbox{
padding:4px 0px 0px 4px;
}

#catalog .picbox p{
padding:2px 4px;
}

#catalog #hairstyle{
float:right;
padding:0px 8px;
}

.picbox a {color:#000; text-decoration:none;}
.picbox a:hover { text-decoration:underline;}

/*人気美容室注目のサロン画像*/
.popularsalon_photo img{
padding:0px 0px 0px 0px;
margin: 0px 20px 0px 25px;
width:150px;
height:100px;
border-width: 2px;
border-style: solid;
border-color: #000;
}


/*回り込みを解除*/
.release {
clear: left;
}


/*==========================================*/