@charset "UTF-8";
/* CSS Document M.Ohashi salonhake.com*/
body{
	font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	width:100%;
	text-align: center;
	margin-left:auto;margin-right:auto;
	background:#9fd;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}

a:link { color: #00f; }
a:visited { color: #00f; }
a:hover { color: #f00; }
a:active { color: #00f; }

a.l:link { font-size:12pt;text-decoration:none;color: #00f; }
a.l:visited { font-size:12pt;text-decoration:none;color: #00f; }
a.l:hover { font-size:12pt;text-decoration:none;color: #f00; }
a.l:active { font-size:12pt;text-decoration:none;color: #00f; }

a.dn {text-decoration:none;}
	
a.tp:link {width:100%;height:30px;background:#f66;color:#300;font-size:14pt;text-decoration:none;
		padding-top:5px;padding-left:10px;text-align:left;
		display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
		}
a.tp:hover {width:100%;height:30px;background:#fff;color:#f00;text-decoration:none;
		padding-top:5px;padding-left:10px;text-align:left;
		display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
		}
a.tp:visited {width:100%;height:30px;background:#fea;color:#300;text-decoration:none;
		padding-top:5px;padding-left:10px;text-align:left;
		display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
		}
		
a.tr:link {width:100%;height:40px;background:#6a6;color:#300;font-size:12pt;text-decoration:none;
		padding-top:10px;text-align:center;margin:0px;
		display:block;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
		}
a.tr:hover {width:100%;height:40px;background:#fff;color:#f00;text-decoration:none;
		padding-top:10px;text-align:center;
		display:block;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
		}
a.tr:visited {width:100%;height:40px;background:#6a6;color:#300;text-decoration:none;
		padding-top:3px;text-align:center;
		display:block;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
		}
		
a.seminar {display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;top:0px;left:0.5%;width:99%;height:55px;line-height:140%;text-align:left;vertical-align:middle;
			background:#af9;text-decoration:none;padding:2px 10px;margin:0;
			border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
			font: bold 16px/16px Arial, Helvetica;color:#a00;letter-spacing:0.1em;
			text-shadow: 1px 1px 2px #000;box-shadow:2px 2px 5px 0 #000;}

a.tpw:link{text-decoration:none;color:#fff}
a.tpw:visited{text-decoration:none;color:#fff}

img { border-style:none;}
img.left {float:left;margin-right:0.6em;margin-bottom:0.3em;margin-top:0.3em}
img.right {float:right;margin-left:0.6em;margin-bottom:0.3em;margin-top:0.3em}
img.border { border-style:solid;border-width:1px;border-color:#999}


/*ｓｐａｎ文字修飾*/
#cr {color:#f00}
#rp {padding-bottom:10px;color:#063;font-size:18pt;text-shadow:1px 1px 2px #333;}

table { width:100%; background:#9ab;}
#tbl1 { width:100%;background:#396;}
#tbl2 { width:100%;background:#fff;}
	
caption { font-size:130%; color:#990033;
	text-align:center;
}

thead {
    background-color:#ffffff;
	text-align:center;
	
	}
	
tbody {background-color:#ddffff;
	text-align:left;
	
}

th {padding:0.5em 0.5em; font-size:12pt; lign-height:200%;background:#afe;
		text-align:center}

td {padding:0.2em; font-size:12pt; line-height:180%;background:#afe;}
.td1 {padding:5px;  font-size:12pt;color:#300;text-align:center;background:#fff;width:10%}
.td2 {padding:5px; font-size:12pt;color:#fff;text-align:center;background:#3a6;width:10%}
#td1 {padding:2px; font-size:13pt;color:#300;text-align:left;background:#ffa;width:30%}
#td2 {padding:2px; font-size:10pt;color:#000;text-align:left;background:#fff;width:20%}
#td3 {padding:2px; font-size:10pt;color:#000;text-align:left;background:#fff;width:20%}
#td4 {padding:2px; font-size:9pt;color:#000;text-align:left;background:#fff;width:30%}
#td5 {padding:0px; font-size:12pt;color:#000;text-align:center;background:#afe;:line-height:140%}
#td6 {padding-left:10px; font-size:12pt;color:#000;text-align:left;background:#9ef;}
#td7 {padding-left:10px; font-size:12pt;color:#000;text-align:left;background:#fa9;}
#td8 {padding-left:10px; font-size:12pt;color:#000;text-align:left;background:#9fa;}
#td9 {font-size:9pt;color:#000;text-align:center;background:#afa;}

#tdR {padding:0px 0px 0px 5px; font-size:12pt;color:#000;text-align:left;background:#fff;}


.tr1 {background:#ffff00;}
.tr2 {background:#ddffcc;}
#tr1 {background:#fff;}
#tr2 {padding-left:5px; font-size:12pt;color:#000;text-align:left;background:#afe;}

#size1 {text-align:center;}
#size2 {margin-left:auto;margin-right:auto;width:1024px;height:60px;background:#fff;}


container{margin:0px;padding:0px;top:0px;left:0px;width:100%;height:3000px;overflow:hidden;background:#fff;
			-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
		}


/*header*/
#header {position:relative;top:0px;width:100%;height:100px;margin:0px;padding:0;
			-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;background:#fff;
		background: -moz-linear-gradient(top, #09f, #fea);　/* Firefox用 */ 
  	background: -webkit-gradient(linear, center top, center bottom,from(#09f),  to(#fea));　/* Safari,Google Chrome用 */ 
		border-left-style:solid;border-left-color:#090;border-left-width:1px;
		border-right-style:solid;border-right-color:#090;border-right-width:1px;
	}
#show {position:absolute;top:0px;left:0%;width:100%;height:100px;text-align:left;margin:0px;padding:0px;}
#head1 {position:absolute;top:20px;left:2%;width:20%;text-align:left;margin:0px;padding:0px;}
#head2 {position:relative;top:12px;left:18%;width:40%;text-align:left;margin:0px;padding:3px;
		font-size:20pt;color:#069;text-shadow: 2px 2px 3px #666;letter-spacing:0.4em;
	
			}

#head3 {position:relative;top:15px;left:17%;width:40%;text-align:left;margin:0px;padding:5px;
	display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;font: bold 40px/40px Arial, Helvetica;color:#f39;text-shadow: 0 3px 3px #000;
	letter-spacing:0.4em;	
			}
#headS {position:relative;top:5px;left:0%;width:100%;text-align:left;margin:0px;padding:0px;font-size:12pt;color:#603;}
h1 {font: bold 28px/28px Arial, Helvetica;color:#f6a;text-shadow: 0 3px 3px #000;margin:0px;padding:5px;}


.menu {display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;	
		position:relative;top:0px;left:0%;width:100%;height:40px;margin:0;padding:0;
		background:#ff0;text-align:left;
		}
.menu ul{
	margin:0;
	padding:0;
	}
.menu ul li {
	list-style: none;
	margin:0;
	padding:0;
	font-size:14pt;
	float: left;
	position: relative;
	width: 20%;/*親メニューの幅*/
	height: 40px;/*親メニューの高さ*/
	line-height: 40px;
	background:#9e3;/*親メニューの背景色*/
	color: #f90;/*親メニューの文字色*/
  text-shadow:1px 1px 1px #000;
	text-align:center;
	font-weight:bold;

	/*background: #0186ba;*/
	/*
	background: -moz-linear-gradient(top,  #ffeebb,  #aa0000) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeebb', endColorstr='#aa0000'); 
	*//* IE */

	}
.menu ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	background:#093;
	}
.menu ul li:hover, .menu ul li a:hover {
	background:#9e3;/*ホバー時の親メニューの背景色*/
	color:#fd0;/*ホバー時の親メニューの文字色*/
	}
.menu ul li ul {
	position: absolute;
	top: 40px;/*親メニューの高さと同じにする*/
	width: 120%;
	z-index: 100;
	}
.menu ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 100%;/*サブメニューの幅*/
	height: 0;
	background:#063;/*サブメニューの背景色*/
	text-align:left;
	padding-left:10px;
	color: #666;
	}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
	/*background:#aaAF99;/*ホバー時のサブメニューの背景色*/
	background:#063;
	}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
	visibility: visible;
	overflow: visible;
	height:40px;/*サブメニューの高さ*/
	z-index: 10;
	}
.menu * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	}



#menuU {display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;	
		position:relative;top:40px;left:5%;width:90%;height:40px;margin:0;padding:0;
		background:#ff0;text-align:left;
		}
#menuU ul{
	margin:0;
	padding:0;
	}
#menuU ul li {
	list-style: none;
	margin:0;
	padding:0;
	font-size:14pt;
	float: left;
	position: relative;
	width: 20%;/*親メニューの幅*/
	height: 40px;/*親メニューの高さ*/
	line-height: 40px;
	background:#e06;/*親メニューの背景色*/
	color: #fff;/*親メニューの文字色*/
  text-shadow:1px 1px 1px #000;
	text-align:center;
	font-weight:bold;

	/*background: #0186ba;*/
	/*
	background: -moz-linear-gradient(top,  #ffeebb,  #aa0000) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeebb', endColorstr='#aa0000'); 
	*//* IE */

	}
#menuU ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	background:#069;
	}
#menuU ul li a:hover {
	background:#9e3;/*ホバー時の親メニューの背景色*/
	color:#fd0;/*ホバー時の親メニューの文字色*/
	}

#menuU * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	}

#menuQA {display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;	
		position:relative;top:0px;left:5%;width:90%;height:30px;margin:0;padding:10px;
		background:#fff;text-align:center;
		}
#menuQA ul{
	margin:0;
	padding:10px;
	}
#menuQA ul li {
	list-style: none;
	margin:0;
	padding:0;
	font-size:10pt;
	position: relative;
	float: left;
	width: 20%;/*親メニューの幅*/
	height: 30px;/*親メニューの高さ*/
	/*background:#e06;/*親メニューの背景色*/
	color: #606;/*親メニューの文字色*/
  
	text-align:center;

	/*background: #0186ba;*/
	/*
	background: -moz-linear-gradient(top,  #ffeebb,  #aa0000) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeebb', endColorstr='#aa0000'); 
	*//* IE */

	}
#menuQA ul li a {
	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;	
	text-decoration: none;
	background:#096;
	color: #fff;/*親メニューの文字色*/
	}
#menuQA ul li a:hover {
	background:#9e3;/*ホバー時の親メニューの背景色*/
	color:#fd0;/*ホバー時の親メニューの文字色*/
	text-decoration: none;
	}

#menuQA * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	}



#pankuzu {position:relative;top:0px;left:0%;width:100%;height:50px;text-align:left;background:#ef6;}

#pankuzu1 {position:relative;top:20px;left:2%;width:80%;text-align:left;
        font-size:17pt;color:#a00;text-shadow: 1px 1px 0 #000;}

.submenu {display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;	
		position:relative;top:0px;left:0%;width:100%;height:40px;margin:0;padding:0;
		font-size:15pt;color:#000;background:#fff;text-align:center;    
		}

#submenu{
	list-style-type: none;
	width: 100%;
	height: 40px;
	margin: 0px;
	padding: 0;
	background: #fff;
}
#submenu li{
	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
	width: 25%;
	height:40px;
	float: left;
	margin: 0;
	padding:0px;
	font-size: 16px;
	text-align: center;
	background: #fff;
}
#submenu li a{
	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
	left:0%;
	width:99.9%;
	height:39px;
	margin: 0;
	padding-top: 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	background: #6a0;
}
#submenu li:hover > a{
	background: #6e7c0c;
	color: #eff7b1;
}



/*main*/

#main {background-color:#fff;		
			-moz-box-sizing: border-box;
  			-webkit-box-sizing: border-box;
  			-ms-box-sizing: border-box;
	position:relative;top:0px;left:0%;width:100%;height:4200px;margin:0;padding:0;background-color:#fff;
	text-align:left;
		}





#form {position:absolute;top:20px;left:65%;width:30%;height:30px;
		display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
		border-style:solid;border-width:1px;border-color:#090;background:#0a6;box-shadow:2px 2px 3px 0 #666;
		font-size:14pt;color:#fff;text-shadow: 1px 1px 0 #000;text-align:center;padding-top:5px;
		
		}
.mosikomi {margin:30px 5%;height:1200px;padding:0;background:#ffc;}

#msk0 {margin:0px 10%;padding:0;background:#ffc;text-align:center;
		font-size:10.5pt;color:#000}

#msk1 {margin:0px 0%;padding:0;font-size:12pt;padding:20px;text-align:left;color:#000}
#msk2 {margin:10px 60%;width:32%;text-align:left;padding:0;font-size:11pt;color:#000;line-height:140%;}







@media screen and (max-width:480px) {

.mosikomi {margin:30px 0%;width:100%;height:1500px;padding:0;background:#ffc;}

#msk1 {margin:20px 0%;width:100%;padding:5%;font-size:9pt;color:#000}
#msk0 {margin:30px 0%;width:100%;padding:0;background:#ffc;text-align:center;
		font-size:10.5pt;color:#000}

#msk1 {margin:20px 0%;width:100%;padding:0;font-size:9t;text-align:left;color:#000}
#msk2 {margin:10px 60%;width:32%;text-align:left;padding:0;font-size:9pt;color:#000;line-height:140%;}

table { width:100%; background:#9ab;}
td {height:50px;padding:20px; font-size:10pt; line-height:180%;background:#afe;}


}