@charset "utf-8";

/* ===================================================
 Reset
=====================================================*/
html {overflow-y: scroll;}
div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption, ul, ol {margin: 0; padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table{ border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: top; -ms-interpolation-mode: bicubic;}
ul li, ol li {list-style-type: none; margin: 0px; padding: 0px;}


/* ===================================================
 common
=====================================================*/
body{margin: 0; padding: 0;}
html {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
	
/* Fluid-img----------------------------------- */
img {
max-width : 100%;
height: auto;/*IE8*/
width:auto;/*IE8*/
border: 0}

/* clearfix----------------------------------- */
.clearfix:after {content: ""; display: block; clear: both; visibility: hidden;}
.clearfix{zoom:1;　/* IE7 */}

/* 禁則処理の追加----------------------------------- */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}

a {outline: none; color: #09C;}
a:link {text-decoration: underline; color: #09C;}
a:visited {text-decoration: underline; color: #09C;}
a:hover {text-decoration: none; color: #09C;}
a:active {text-decoration: underline; color: #09C;}

/*フォント----------------------------------- */
h1 {font-size : 2em; font-weight: bold; } 
h2 {font-size : 1.6em; font-weight: bold;} 
h3 {font-size : 1.4em; line-height:1.5em; font-weight: bold;} 
h4 {font-size : 1.2em; line-height:1.5em; font-weight: bold;} 
.nomal{font-weight: normal;}
.bold{font-weight: bold;}
.em0.5{font-size : 0.5em;}
.em0.7{font-size : 0.7em;}
.em1{font-size : 1em;}

/* jquery.biggerlink ----------------------------------- */
.bl-hot {
     zoom:1; /* Should be IE only */
     background-color:#fff;
         }
.bl-hover {
	cursor:pointer;
	background-color:#FFFFFF;
     filter:alpha(opacity=70);/* ie 7 */
	 -ms-filter: "alpha(opacity=70)";  /* ie 8 */
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
	 zoom:1;
         }
.bl-hover a:link {color:#000;}
.bl-hover a:visited {color:#000;}


/* ===================================================
1024px　for PC
=====================================================*/
html{ font-size : 87.5%; line-height:1.7em;  color:#333333} /*14px：レスポンシブタイプセッティングの指定*/

/*----------------------------------------------------
header
------------------------------------------------------*/
header{
	margin : 0 auto;
	width: 100%;
	border-bottom: 4px solid #999999;
}

header #wrap{
	margin : 1em auto 0.8em;
	width: 980px;
}

header #wrap:after{content: ""; display: block; clear: both; visibility: hidden;}
header #wrap{zoom:1;　/* IE7 */}

header #logoarea {
	float:left;
	width:117px;
}
header #logoarea p.logo a{
	width: 117px;
	height: 44px;
	background-image: url(../images/common/logo_pc.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:-9999px;
	display:block;
}


/* gnavi----------------------------------- */
header #sp_menu{display:none;}

nav#gnav{
	float:left;
    width:650px;
	margin-left:45px;
}

nav#gnav ul {margin : 0 auto;}
nav#gnav ul:after{content: ""; display: block; clear: both; visibility: hidden;}
nav#gnav ul{zoom:1;　/* IE7 */}

nav#gnav li {float : left;}
nav#gnav li.sp{ display:none;}
nav#gnav li a {display : block; text-indent:-9999px;}

nav#gnav li#about a, nav#gnav li#menu a, nav#gnav li#products a, nav#gnav li#salon a, nav#gnav li#contact a{
	background-position: left center;
	background-repeat: no-repeat;
	width : 130px;
	height:44px;
}

nav#gnav li#about a, nav#gnav li#about{background-image: url(../images/common/gnav01.png);}
nav#gnav li#menu a, nav#gnav li#menu{background-image: url(../images/common/gnav02.png);}
nav#gnav li#products a, nav#gnav li#products{background-image: url(../images/common/gnav03.png);}
nav#gnav li#salon a, nav#gnav li#salon{background-image: url(../images/common/gnav04.png);}
nav#gnav li#contact a, nav#gnav li#contact{background-image: url(../images/common/gnav05.png);}

nav#gnav li#about a:hover{background-image: url(../images/common/gnav01_ov.png);}
nav#gnav li#menu a:hover{background-image: url(../images/common/gnav02_ov.png);}
nav#gnav li#products a:hover{background-image: url(../images/common/gnav03_ov.png);}
nav#gnav li#salon a:hover{background-image: url(../images/common/gnav04_ov.png);}
nav#gnav li#contact a:hover{background-image: url(../images/common/gnav05_ov.png);}

/* subnav----------------------------------- */
nab#subnav{width:100px; float : right}
nab#subnav:after{content: ""; display: block; clear: both; visibility: hidden;}
nab#subnav{zoom:1;　/* IE7 */}

nav#subnav li {float : right; margin-left:20px;}

nav#subnav li#corporate a{
	background-position: left center;
	background-repeat: no-repeat;
	color:#333333;
	text-decoration:none;
	font-size:0.8em;
}
nav#subnav li#corporate a{background-image: url(../images/common/icon_corporate.png); padding-left:1.3em;}
nav#subnav li#corporate a:hover{ text-decoration:underline;}

/*----------------------------------------------------
topimg
------------------------------------------------------*/
#topimg{
	margin : 0 auto;
	text-align : center;
	height: 387px;
	background-image: url(../images/home/main_bk.png);
	background-position: center bottom;
	background-repeat: repeat-x;
}

#topimg h1 {
	text-align: center;
	margin: 0 auto;
	width: 980px;
}

/*----------------------------------------------------
contents
------------------------------------------------------*/
#contents {
	width : 980px;
	margin : 1.5em auto 3em;
}
#contents:after{content: ""; display: block; clear: both; visibility: hidden;}
#contents{zoom:1;　/* IE7 */}

#contents p#winds_txt{ margin-bottom:1.5em; text-align:right;}

/*picup-----------------------------------*/
body#home  #picup ul{ margin-right:-12px; }
body#home  #picup ul:after {content: ""; display: block; clear: both; visibility: hidden;}
body#home  #picup ul{zoom:1;　/* IE7 */}

body#home  #picup li{
	margin-bottom : 16px;
	float: left;
	width: 236px;
	height:120px;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
}

body#home  #picup li#about{background-image: url(../images/home/bnr_about.png);}
body#home  #picup li#menu{background-image: url(../images/home/bnr_menu.png);}
body#home  #picup li#products{background-image: url(../images/home/bnr_products.png);}
body#home  #picup li#salon{background-image: url(../images/home/bnr_salon.png);}


/*info-----------------------------------*/
#info, #info02{}

#info .ttl{
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#info .ttl:after {content: ""; display: block; clear: both; visibility: hidden;}
#info .ttl{zoom:1;　/* IE7 */}

 #info .information{
	float: left;
	width: 640px;
	padding: 7px 0px 3px 0px;
	background-image: url(../images/home/ttl_info.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:-9999px;
}

#info .btn_list{
	float: right;
	width: 50px;
	padding: 5px 10px 5px 0px;
	background-image: url(../images/common/arrow01.png);
	background-repeat: no-repeat;
	background-position: 30% center;
	text-align:right;
	font-size:0.8em;
}
#info .btn_list a{
	display: block;
	text-decoration: none;
	color:#333333;
}

#info .btn_list a:hover{ text-decoration:underline;}

#info dl{
	margin-top: 0.4em;
	border-bottom: 1px dotted #CCCCCC;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
}
#info dl:after {content: ""; display: block; clear: both; visibility: hidden;}
#info dl{zoom:1;　/* IE7 */}

#info dl dt{ font-weight:bold; margin-bottom:0.5em; float:left; width:23%; vertical-align:middle }
#info dl dt:after {content: ""; display: block; clear: both; visibility: hidden;}
#info dl dt{zoom:1;　/* IE7 */}
#info dl dd{float:left; width:77%;}

#info dl span.date{display:block; float:left;}

#info dl span.icon_news, 
#info dl span.icon_topics, 
#info dl span.icon_event{
	margin-left: 0.5em;
	width: 60px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:-9999px;
}

#info dl span.icon_news{background-image: url(../images/home/icon_news.png);}
#info dl span.icon_topics{background-image: url(../images/home/icon_topics.png);}
#info dl span.icon_event{background-image: url(../images/home/icon_event.png);}


/*詳細ページ*/
#info dl.details{
	border-bottom: 3px solid #333333;
	padding-bottom: 0.2em;
	margin-bottom:1em;
}
#info dl.details dd{ font-weight:bold; font-size:1.2em;}



/*topics-----------------------------------*/
body#home  #topics ul{ margin-right:-20px; margin-top:20px;}
body#home  #topics ul:after {content: ""; display: block; clear: both; visibility: hidden;}
body#home  #topics ul{zoom:1;　/* IE7 */}

body#home  #topics li{
	float:left;
	width:340px;
	margin-right:20px;
}

/*pagetop-----------------------------------*/
#pagetop a{
	background-color: #CCCCCC;
	text-align:center;
	display:block;
	padding-top:0.8em;
	padding-bottom:0.8em;
}
#pagetop a:hover{background-color: #999999;}
#pagetop img{ width:50px; height:24px;}

/*----------------------------------------------------
contents_head
------------------------------------------------------*/
#contents_head{
	width:100%;
	margin-right: auto;
    margin-left: auto;
}
#contents_head h1, #contents_head #pan .wrap{
	width:980px;
	margin-right: auto;
    margin-left: auto;
}
#contents_head #pan{
	width:100%;
	margin-right: auto;
    margin-left: auto;
	background-color:#f0f0f0;
	border-top:1px solid #CCCCCC;
	padding-top:0.3em;
	padding-bottom:0.3em;
	font-size:0.8em;
	text-align:right;
}

#contents_head h1{margin-top:1em; margin-bottom:0.7em; line-height:1em/*0.75em*/; color:#000000;}
#contents_head h1 span{ font-size:0.4em; color:#666666; font-weight:normal;}


/*----------------------------------------------------
main
------------------------------------------------------*/
#main {width : 700px; float:left; margin-top:2em;}

#main h2, #col01 h2{
	color: #333333;
	margin-bottom: 0.7em;
	border-top: 1px solid #333333;
	border-bottom: 5px solid #333333;
	padding-top:0.4em;
	padding-bottom:0.3em;
	padding-left:0.3em;
}

#main h3, #col01 h3{margin-bottom:0.5em;  margin-top: 2em; color:#000000; }
#main h4, #col01 h4{color:#000000;}

#main p, #col01 p{ margin-bottom:1.5em;} 

/*products top-----------------------------------*/
.products_top{margin-top:5em;}

.products_top p#txt{
	background-image: url(../images/products/txt.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 980px;
	height: 159px;
	margin-bottom:2em;
	text-indent:-9999px;
}

.products_top #bt_wamiles {text-align: center; }
.products_top #bt_wamiles img{width:350px;}


/*salon top-----------------------------------*/
#salontop ul li{
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
	background-image: url(../images/common/arrow_sub_menu_sp.png);
	background-position: 98% center;
	background-repeat: no-repeat;
}
#salontop ul li:after {content: ""; display: block; clear: both; visibility: hidden;}
#salontop ul li{zoom:1;　/* IE7 */}

#salontop .photo{ float:left; width:125px;}
#salontop .txt{ float:right; width:820px;}
#salontop ol{ margin-top:5px;}
#salontop ol li{ border:none; padding:0; margin:0; background-image:none;}
#col01 #salontop h2{margin: 0.3em 0 0 0; padding:0px; border:none; font-size : 1.4em;}


/*salon details-----------------------------------*/
#details, #staff{ margin-left:15px; margin-right:15px;}
#details .wrap:after {content: ""; display: block; clear: both; visibility: hidden;}
#details .wrap{zoom:1;　/* IE7 */}

#details p{ margin-top:2em;}
#details ol{ font-size:1.2em; line-height:1.8em}
#details .txt{ float:left; width:670px;}
#details .map{ float:right; width:250px;}

#details .photo{margin-right:-30px; margin-top:20px;}
#details .photo img{ margin-right:30px;}

#staff .wrap{
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
}
#staff .wrap:after {content: ""; display: block; clear: both; visibility: hidden;}
#staff .wrap{zoom:1;　/* IE7 */}

#staff h3{
	background-image: url(../images/common/icon_h4.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

#staff .txt p.position{margin-bottom:0px; font-size : 1em; margin-bottom:0.3em; margin-top:0.3em}
#staff .txt p.name{ font-weight:bold; font-size : 1.2em; margin-bottom:0.5em;}
#staff .txt p.coment{ margin-bottom:0px;}
#staff .photo{ float:left; margin-right:15px;}


/*table-----------------------------------*/
table.tb01{ border-collapse:collapse; width:100%}
table.tb01 th{
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #f0f0f0;
	padding: 0.5em 1em;
	width:10em;
}
table.tb01 th.sp,  table.tb01 td span{ letter-spacing:1em}

table.tb01 td{
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 0.5em 1em;
}

table.tb01 #map{ margin-top:15px;}

table.inner_tb th, table.inner_tb td{ border:none; padding-left:0em; padding-right:1em;}


/*----------------------------------------------------
sub
------------------------------------------------------*/
#sub{width : 250px; float:right; margin-top:2em;}
#sub ul#sub_bnr li{ margin-bottom:10px;}

#sub ul.sub_menu li{
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	font-size:1.2em;
	font-weight:bold;
}

#sub ul.sub_menu li.none{padding: 0.5em 0.5em 0.5em 0.7em;}

#sub ul.sub_menu li a{
	color: #333333;
	text-decoration: none;
	display: block;
	background-image: url(../images/common/arrow_sub_menu.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	padding: 0.5em 0.5em 0.5em 0.7em;
}
#sub ul.sub_menu li a:hover, #sub ul.sub_menu li a.activ{ background-color:#F0F0F0}


#sub ul.smenu{
	margin-bottom: 10px;
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-style: none;
	margin-top:-11px;
}
#sub ul.smenu li a{
	color: #333333;
	text-decoration: none;
	display: block;
	background-image: url(../images/common/arrow01.png);
	background-repeat: no-repeat;
	background-position: 5% center;
	padding-left:1.7em;
	padding-top:0.3em; padding-bottom:0.3em;
	border-bottom:#CCCCCC dotted 1px;
}

#sub ul.smenu li a:hover, #sub ul.smenu li a.activ{ background-color:#F0F0F0; }


/*----------------------------------------------------
col1
------------------------------------------------------*/
#col01{ margin-top:4em;}

/*privacy-----------------------------------*/
#privacy01{
	border:1px dotted #CCCCCC;
	color: #000;
	padding: 30px;
}

#privacy01 p{ margin-bottom:0px;}

#privacy02{
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}

#privacy02 li{
	list-style-type: decimal;
	margin-top: 15px;
	margin-bottom: 15px;
}

#privacy02 p{text-align: right;}

/*corporate-----------------------------------*/
#corporate_main{margin-bottom: 50px;}
#corporate_main .txt, #corporate_main .photo{ display:none;}
#corporate_main #mainhead{ width:980px;}

table.corpo_t{
	border-collapse:collapse;
	width: 100%;
}

table.corpo_t th{
	border: 1px solid #CCC;
	font-weight: bold;
	color: #000;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #F0F0F0;
	width:8em;
}

table.corpo_t td{
	border: 1px solid #CCC;
	padding: 10px;
}

/*about-----------------------------------*/
#about01{margin-bottom: 50px;}
#about01 .txt, #about01 .photo{ display:none;}
#about01 #mainhead{ width:980px;}

#about02 .step, #about02 .step01{
	margin-bottom: 15px;
	padding: 20px;
}
#about02 .step:after {content: ""; display: block; clear: both; visibility: hidden;}
#about02 .step{zoom:1;　/* IE7 */}

#about02 .step .txt p.txt_sp, #about02 .step01 .txt p.txt_sp{ display:none; text-indent:-9999px}
#about02 .step .txt p span{ font-size:0.85em;}

#about02 .step .txt h2, #about02 .step01 .txt h2{
	border: none;
	padding: 0px;
	line-height: 1em;
	margin-top: 0em;
background-color:#f0f0f0; border:none; 
background: -moz-linear-gradient(left,  rgba(240,240,240,1) 0%, rgba(240,240,240,1) 45%, rgba(240,240,240,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,240,240,1)), color-stop(45%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(240,240,240,1) 0%,rgba(240,240,240,1) 45%,rgba(240,240,240,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(240,240,240,1) 0%,rgba(240,240,240,1) 45%,rgba(240,240,240,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(240,240,240,1) 0%,rgba(240,240,240,1) 45%,rgba(240,240,240,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(240,240,240,1) 0%,rgba(240,240,240,1) 45%,rgba(240,240,240,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 */
}
#about02 .step .txt h2 img, #about02 .step01 .txt h2 img{ width:320px;}

#about02 .step .photo{float:right; width:330px;}
#about02 .step .txt{float:left; width:580px;}
#about02 .step01 p.txt_pc, #about02 .step p.txt_pc{padding-top:1em;}

#about02 .bt{ margin-top:20px; width:215px; }


/*menu-----------------------------------*/
.menu_detail{ margin-top:70px}
.menu_detail .step{ margin-bottom:30px; }
.menu_detail .step:after {content: ""; display: block; clear: both; visibility: hidden;}
.menu_detail .step{zoom:1;　/* IE7 */}
.menu_detail .wrap{margin-left:20px; margin-right:20px;}

.menu_detail .step .txt{float:left; width:580px;}
.menu_detail .step .txt p.txt_pc{ padding-top:1em;}
.menu_detail p.txt_sp{ display:none;}

#col01 .menu_detail .step .txt h3{
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-top: none;
	padding: 0px;
	line-height: 1em;
	margin-top: 0em;
}
#col01 .menu_detail .step .txt h3 img{width:320px;}
.menu_detail .step .photo{float:right; width:330px;}

.menu_detail .head_ttl{ margin-bottom:30px;}
.menu_detail .menu_title{ display:none;}
.menu_detail table.price{ display:none;}

.photo_txt .txt, .photo_txt .photo{ display:none}

.menu_detail .photo_txt02, .menu_detail .photo_txt03{ display:none}

/*----------------------------------------------------
footerarea
------------------------------------------------------*/
#footerarea{
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
}

#footerarea .wrap{
	width:980px;
	margin-right: auto;
    margin-left: auto;
}
#footerarea .wrap:after {content: ""; display: block; clear: both; visibility: hidden;}
#footerarea .wrap{zoom:1;　/* IE7 */}

#footerarea nav#fnav{float: right; width:60%; margin-top:1.5em;}

#footerarea nav#fnav li{font-size: 0.85em; float: right; line-height:1.5em; border-right: 1px solid #CCCCCC; padding: 0em 0.75em  0em 0em; margin-right:0.75em;}

#footerarea nav#fnav li a{	
	display: block;
	text-decoration: underline;
	color: #CCCCCC;		
}

#footerarea nav#fnav li:first-child {border-right: none;}

#footerarea nav#fnav li a:hover{ text-decoration:none;}

#footerarea  footer {
padding : 1.5em 0;
color : white;
text-align : left;
float:left;
color: #FFFFFF;
width:40%;
}

#footerarea  footer p.copy{font-size:0.85em;}

/*----------------------------------------------------
sitemap
------------------------------------------------------*/
body#sitemap h2{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 0;
	margin: 1em 0 0 0;
	background-image:none;
	font-size:1.2em;
}

body#sitemap h2 a{
	display: block;
	padding: 0.5em;
	background-image: url(../images/common/arrow_sub_menu.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333333;
}

body#sitemap ol.maplist{ margin-top:0.5em;}
body#sitemap ol.maplist li{
	border: 1px solid #CCCCCC;
	padding:0;
	margin:0 0 0.5em 0 ;
}

body#sitemap ol.maplist li a{
	display: block;
	padding: 0.7em 0.7em 0.7em 1em;
	background-image: url(../images/common/arrow01.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	color: #333333;
	text-decoration: none;
}

body#sitemap h2 a:hover, body#sitemap ol.maplist li a:hover{ background-color:#f0f0f0}


/* ===================================================
767px for SP
=====================================================*/
@media screen and (max-width : 767px) {
	
html {font-size : 75%; }/*12px：レスポンシブタイプセッティングの指定*/

/*----------------------------------------------------
header
------------------------------------------------------*/
header {width : 100%;}
header  #logoarea {width:100%; float:none;}
header #logoarea p.logo a{
	width: 200px;
	height: 24px;
	background-image: url(../images/common/logo_sp.png);
	background-size: 80px 19px;
	-webkit-background-size: 80px 19px;
	-moz-background-size: 80px 19px;
}
header #logoarea p.logo{ margin-top:1.0em; margin-bottom:1.0em; margin-left:3%;}

header{
	margin : 0 auto;
	width: 100%;
	border-bottom: 4px solid #999999;
}

header #wrap{margin : 0em auto; width: 100%;}

/* gnavi----------------------------------- */
header #sp_menu {
    position: absolute;
	top: 10px;
	right: 3%;
	display: block;
	text-align:right;
}

header #sp_menu img {width: 50%;}

nav#gnav {
	display: none;
	margin-bottom: 0em;
	background-color: #000000;
	margin-left: 0px;
	float:none;
	width: 100%;
}
nav#gnav.open_menu {display:block;}
nav#gnav ul {width:100%; overflow:hidden; background-image: none;}
nav#gnav li {
	float:none;
	text-indent:1em;
	border-bottom: 1px solid #FFFFFF;
}

nav#gnav li#about, nav#gnav li#menu, nav#gnav li#products, nav#gnav li#salon, nav#gnav li#contact{background-image: none;}

nav#gnav li a {
	text-align:left;
	font-size:1.2em;
	padding : 1em 0.5em;
	background-image: url(../images/common/arrow_fnavi.png);
	background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	-moz-background-size: 8px 16px;
	background-repeat: no-repeat;
	background-position: 97% center;
	text-indent:0.5em;
	color:#FFFFFF;
	text-decoration:none;
}

nav#gnav li a:hover{background-color: #666666;}

nav#gnav li.sp{ display:block;}

nav#gnav li#about a, nav#gnav li#menu a, nav#gnav li#products a, nav#gnav li#salon a, nav#gnav li#contact a, nav#gnav li.sp a, 
nav#gnav li#about a:hover, nav#gnav li#menu a:hover, nav#gnav li#products a:hover, nav#gnav li#salon a:hover, nav#gnav li#contact a:hover, nav#gnav li.sp a:hover{
	background-image: url(../images/common/arrow_fnavi.png);
	background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	-moz-background-size: 8px 16px;
	background-repeat: no-repeat;
	background-position: 93% center;
	width : 100%;
	height:auto;
}

/* subnav----------------------------------- */
nav#subnav{display:none;}

/*----------------------------------------------------
topimg
------------------------------------------------------*/
#topimg{margin : 0 auto; text-align : center; height: auto;}

#topimg h1 {
	width: 100%;
	border-bottom:1px solid #CCCCCC;
}

/*----------------------------------------------------
contenst
------------------------------------------------------*/
#contents {width : 94%; margin-bottom:2em}

/*picup-----------------------------------*/
body#home #picup ul{ margin-right:-2%;}
body#home #picup li{
	margin-bottom : 0.8em;
	width: 48%;
	height:100%;
	margin-right: 2%;
	text-indent:0px;
}

body#home #picup li p{
	margin-top:0.3em;
	font-family : 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , 'ＭＳ 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif;
	}

body#home  #picup li#about, body#home  #picup li#menu, 
body#home  #picup li#products, body#home  #picup li#salon
{background-image: none;}

body#home #picup li a{ text-decoration:none; color:#323333;}


/*info-----------------------------------*/
#info{margin-top: 2em;}

#info .information{
	width: 75%;
	background-image: url(../images/home/ttl_info_sp.png);
	background-size: 150px 21px;
	-webkit-background-size: 150px 21px;
	-moz-background-size: 150px 21px;
}

#info .btn_list{
	width: 15%;
	background-image: url(../images/common/arrow01_sp.png);
	background-position: 45% center;
	background-size: 4px 7px;
	-webkit-background-size: 4px 7px;
	-moz-background-size: 4px 7px;
	font-size:1.0em;
}

#info .btn_list{width: 14%; padding: 2% 2% 2% 4%;}

#info dl dt{ float:none; width:100%;}
#info dl dd{ float:none; width:100%;}


#info dl span.icon_news, 
#info dl span.icon_topics, 
#info dl span.icon_event{
	margin-left: 0.5em;
	width: 60px;
	height: 18px;
	float: left;
	background-size: 60px 18px;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:-9999px;
}

#info dl span.icon_news{background-image: url(../images/home/icon_news_sp.png);}
#info dl span.icon_topics{background-image: url(../images/home/icon_topics_sp.png);}
#info dl span.icon_event{background-image: url(../images/home/icon_event_sp.png);}

/*topics-----------------------------------*/
body#home  #topics ul{ margin-right:0px; margin-top:0px;}

body#home  #topics li{
	float:none;
	width:100%;
	margin-right:0px;
	margin-top:10px
}

/*----------------------------------------------------
contents_head
------------------------------------------------------*/
#contents_head{
	width : 94%;
	margin : 1em auto 2em;
}
#contents_head h1, #contents_head #pan .wrap{width:auto;}
#contents_head #pan{ display:none}

#contents_head h1{
margin-top:0em;
margin-bottom:0em;
border:1px solid #CCCCCC;
padding:0.5em 0.5em 0.3em 0.5em;
font-size:1.8em;
}

/*----------------------------------------------------
main
------------------------------------------------------*/
#main {width : 100%; float:none;}

#main h2, #col01 h2{
	margin-top: 2em;
	font-size: 1.6em;
	background-position: 15% bottom;
	background-size: auto 3px;
}

/*products top-----------------------------------*/
.products_top{ margin-top:1em;}

.products_top p#txt{
	background-image: none;
	width: 100%;
	height: auto;
	margin-top: 2em;
	margin-bottom:2em;
	text-indent:0px;
}

.products_top #bt_wamiles {text-align: center; }
.products_top #bt_wamiles img{width:100%;}


/*salon top-----------------------------------*/
#salontop ul li{
	background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	-moz-background-size: 8px 16px;
}

#salontop .photo{ float:left; width:30%}
#salontop .txt{ float:right; width:67%;}
#salontop ol{ margin-top:0px; margin-right:10px;}
#salontop ol li{ line-height:1.5em;}

/*salon details-----------------------------------*/
#details, #staff{ margin-left:0px; margin-right:0px;}
#details .txt{ float:none; width:100%;}
#details .map{ float:none; width:100%;}

#details .photo{margin-right:0px; margin-top:20px;}
#details .photo img{ margin-right:0px; margin-bottom:10px;}

#staff .photo{margin-bottom:0.5em;}


/*table-----------------------------------*/
table.tb01 th{
	width: 4em;
	padding: 0.5em 0em  0.5em 1em;
}

table.tb01 #map{ display:none;}


/*----------------------------------------------------
sub
------------------------------------------------------*/
#sub{width : 100%; float:none; margin-top:2em;}

#sub ul.sub_menu li a, #sub ul.sub_menu li.none{padding: 0.7em;}
#sub ul.sub_menu li a:hover{ background-color:#F0F0F0}
#sub ul.smenu li a{
	background-size: 4px 7px;
	-webkit-background-size: 4px 7px;
	-moz-background-size: 4px 7px;
	background-image: url(../images/common/arrow01_sp.png);
	background-repeat: no-repeat;
	background-position: 97% center;
	padding-left:1.5em;
	padding-top:0.7em; padding-bottom:0.7em;
	border-bottom:#CCCCCC dotted 1px;
}


/*----------------------------------------------------
col1
------------------------------------------------------*/
#col01{ margin-top:1.5em; margin-left:0px; margin-right:0px;}

/*privacy-----------------------------------*/
#privacy01{padding: 15px;}

#privacy01 p{ margin-bottom:0px;}

#privacy02{
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#privacy02 li{
	list-style-type: decimal;
	margin-top: 15px;
}

/*corporate-----------------------------------*/
#corporate_main{ margin-bottom:20px; font-size:1.2em; line-height:1.8em}
#corporate_main #mainhead{ display:none;}
#corporate_main .txt, #corporate_main .photo{ display:block; font-family : 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , 'ＭＳ 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif;}

table.corpo_t th{
	padding: 10px;
	width:5em;
}

/*about-----------------------------------*/
#about01{ margin-bottom:20px; font-size:1.2em; line-height:1.8em}
#about01 #mainhead{ display:none;}
#about01 .txt, #about01 .photo{ display:block; font-family : 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , 'ＭＳ 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif;}

#about02 .step, #about02 .step01{ margin-bottom:10px; padding:20px 0px 0px 0px;}
#about02 .step .txt{float:none; width:100%;}
#about02 .step .txt h2 img, #about02 .step01 .txt h2 img{ width:80%;}
#about02 .step .txt h2, #about02 .step01 .txt h2{ margin-top:0}
#about02 .step .photo{float:none; width:100%; margin-top:15px;}

#about02 .bt{ margin-top:15px; }

#about02 .step .txt p.txt_sp, #about02 .step01 .txt p.txt_sp{ display:block; text-indent:0px; margin-bottom:0}
#about02 .step .txt p.txt_pc, #about02 .step01 .txt p.txt_pc{ display:none; }


/*menu-----------------------------------*/
.menu_detail{ margin-top:25px}
.menu_detail .step{ margin-bottom:10px; padding:0px 0px 15px 0px;}
.menu_detail .wrap{margin-left:0px; margin-right:0px;}

.menu_detail .step .txt{float:none; width:100%;}
.menu_detail .step .photo{float:none; width:100%;}
.menu_detail p.txt_sp{ margin-bottom:0; display:block}
.menu_detail .txt_sp span{ font-size:0.85em;}
.menu_detail p.txt_pc{ display:none;}

.menu_detail table.price{
	border-collapse:collapse;
	width: 100%;
	margin-bottom:10px;
	margin-top:20px;
	display:block;
}

.menu_detail table.price th{
	border: 1px solid #CCC;
	font-weight: bold;
	color: #000;
	padding: 10px;
	background-color: #F0F0F0;
	text-align:left;
}

.menu_detail table.price td{
	border: 1px solid #CCC;
	padding: 10px;
	text-align:left;
}

#col01 .menu_detail .menu_title h2{ margin:0; border:none;}
#col01 .menu_detail .menu_title h2 span.nomal{
	font-weight: normal;
	font-size:0.85em;
}
#col01 .menu_detail .menu_title p{ margin-bottom:10px}
.menu_detail .head_ttl{ display:none}
.menu_detail .menu_title{
	margin-bottom: 30px;
	border: 3px solid #dcdcdc;
	padding: 10px;
	display: block;
}

.photo_txt{ font-size:1.2em; line-height:1.8em; font-family : 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , 'ＭＳ 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif;}
.photo_txt .txt, .photo_txt .photo{ display:block}
.photo_txt #mainhead{ display:none}

.menu_detail .photo_txt02, .menu_detail .photo_txt03{display:block}
.menu_detail .photo_txt02 .photo{ margin-bottom:15px;}
.menu_detail .photo_txt03{ padding-top:20px;}
.menu_detail .photo_txt03 .photo{margin-bottom:15px;}

/*----------------------------------------------------
footerarea
------------------------------------------------------*/
#footerarea{background-color: #666666;}

#footerarea .wrap{width:100%;}

#footerarea nav#fnav{float: none; width:100%; margin-top:0em;}

#footerarea nav#fnav li{
	border-bottom: 1px solid #333333;
	float: none;	
	font-size:1em;
	border-right: none;
	margin-right:0em;
	padding-right:0em;
}

#footerarea nav#fnav li a{	
	text-decoration: none;
	background-image: url(../images/common/arrow_fnavi.png);
	background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	-moz-background-size: 8px 16px;
	background-repeat: no-repeat;
	background-position: 97% center;
	padding: 0.75em;
}

#footerarea nav#fnav li a:hover{background-color: #333333;}

#footerarea footer {
text-align : center;
background-color: #333333;
float:none;
width:100%;
}

/*----------------------------------------------------
sitemap
------------------------------------------------------*/
body#sitemap h2 a{
	background-image: url(../images/common/arrow_sub_menu_sp.png);
	background-size: 7px 14px;
	-webkit-background-size:7px 14px;
	-moz-background-size: 7px 14px;
}

body#sitemap ol.maplist li a{
	background-image: url(../images/common/arrow01_sp.png);
	background-size: 4px 7px;
	-webkit-background-size: 4px 7px;
	-moz-background-size: 4px 7px;
	background-position: 97% center;
}

}