/*---------------------------------
全体部分
---------------------------------*/
* {
	padding: 0px;
	margin: 0px;
}
#wrap {
	width: 96%;
	margin : 0 auto;
	color:#666666;
	//background-image: url(../img/frame1.png), url(../img/frame2.png);
	//background-position: top right, bottom left;
	//background-repeat: no-repeat;
	//background-size: 300px 240px, 300px 240px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px; /* モダンブラウザ */
	*font-size: 80%; /* IE 7 */
	*font: 80%; /* IE 6以下 */
}
/*---------------------------------
大枠部分
---------------------------------*/
#head {
	width:85%;
	margin: 2% auto;
	padding: 5% auto;
	//border: 1px solid #000000;
}
#contents {
	width:85%;
	margin : 2% auto;
	margin-bottom: 10%;
	//border: 1px solid #000000;
}

#foot {

	width:80%;
	margin : 0 auto 2% auto;
	//border: 1px solid #f0f0f0;
	//border-top: 1px solid #cccccc;
	//border-bottom: 1px solid #cccccc;
	color:#999999;
	height:40px;
	clear:both;
	text-align: right;
	font-size:11px;
	padding:6px 0 0 0;
}
img {
  border-style:none;
}
/*--------------------------------------
　共通リンク
---------------------------------------*/
a{
	color:#999999;/*通常のリンクテキストカラー*/
	text-decoration:none;
}
a:hover{
	color:#ff0000;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}
/*---------------------------------
ヘッダー部
----------------------------------*/
#head_logo {
	width: 35%;
	float: left;
	//background-color: #000000;
	//border: 1px solid #000000;
}

#head_title {
	width: 60%;
	float: right;
	//margin: 2.5% 0;
	padding: 0 5% 0 0;
	//border: 1px solid #000000;
	text-align: right;
}

#head_title p {
	font-size: 8px;
}
/*---------------------------------
コンテンツ内
----------------------------------*/
#pict {
	clear: both;
	width: 90%;
	margin: 0 auto;
	padding: 1%;
	border: 1px solid #cccccc;
	height: 20%;
	text-align:center;
	box-shadow: 0 0 10px rgba(0,0,0,0.4); 
}

#menu {
	clear: both;
	margin: 3% 0 0 0;
	height: 20%;
}

#menu ul{
	list-style-type:none;
}
#menu ul li {
	float: left;
	width: 20%;
	background: url(../img/bar.png) left repeat-x;
	margin: 0 auto 5% auto;
	font-family: century;
	font-weight: bold;
	line-height:40px;
	text-align:center;
}
#menu a{
	color:#ffffff;
	font-size:16px;
	//letter-spacing:1px;
	text-decoration:none;
	vertical-align:middle;
}
#menu a:hover{
	color:#dd0000;
}

#news {	
	clear: both;
	float: left;
	width: 45%;
	height: 20%;
	margin: 3% 0 0 0;
	//border: 1px solid #000000;
}

#news_contents {
	padding: 5% 0;
}

#news p {
	padding-left: 5%;
}

#news iframe {
	margin:0 5% 0 5%;
}

#feed {
	width: 90%;
	height: 400px;
	overflow: scroll;
	overflow-x:hidden;
	margin:0 5% 0 5%;
	border: 1px solid #cccccc;
	font-size:12px;
}

#feed a{
	color:#666666;/*通常のリンクテキストカラー*/
	font-size:13px;
	text-decoration:none;
}
#feed a:hover{
	color:#ff0000;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}

#photo {
	float: right;
	width: 44%;
	height: 30%;
	margin: 3% 0 0 0;
	
	//border: 1px solid #000000;
}

#photo object {
	margin: 0 0 0 10%;
}

#slideshow {
	position: relative;
	width:  90%; /* 画像の横幅に合わせて記述 */
	height: 90%; /* 画像の高さに合わせて記述 */
	margin: 0 auto;
}

#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}

#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow img.last-active {
   z-index: 9;
}

#info {
	float: right;
	margin-top: 1%;
	//padding: 5%;
	width: 44%;
	height: 20%;
	//border: 1px solid #000000;
}

#info img {
}

#info p {
	margin-top: 1%;
	padding-left: 25%;
}

#info_head {
	border-bottom: 1px solid #000000;
	margin-bottom: 5%;
}

#title {
	clear: both;
	margin-top: 5%;
}

#sentence {
	//text-align: center;
	margin: 0 auto;
	background-image:url(../img/concept1.png);
	background-repeat:no-repeat;
	background-position: right top;
	background-size: 30%;
}

#sentence p {
	clear: both;
	padding-left: 10%;
	margin-bottom: 2%;
	font-size: 14px;
}

#img1 {
	float: right;
	width: 30%;
}

#access {
	margin: 5% auto 0 15%;
}

 
#course {
	width: 90%;
	margin: 0 auto;
}

#course p {
	margin-top: 2%;
	padding-left: 5%;
}

#course_men {
	//width: 80%;
	//float: center;
	margin-bottom: 5%;
}

#course_lady {
	//width: 80%;
	//float: left;
	margin-bottom: 5%;
}

#course_mess {
	clear: both;
	margin: 0 5% 5% 5%;
	border-top: 1px solid #666666;
}

#course_child {
	width: 50%;
	float: left;
}

#course_child p{
	font-size: 12px;
}

#mens_others {
	//width: 80%;
	//float: right;
	margin-bottom: 5%;
}

#ladies_others {
	//width: 80%;
	//float: left;
	margin-bottom: 5%;
}

#course_shaving {
	clear:both;
	width: 90%;
}

#course_shaving p{
	font-size: 12px;
}

#course_others {
	float: right;
	width: 50%;
}

#course_others p{
	font-size: 12px;
}

#hair_color {
	//float: left;
	//width: 80%;
	margin: 3% auto 0 auto;
}

#hair_color p{
	font-size: 12px;
	padding-left: 5%;
}

#hair_color_note {
	width: 80%;
	margin: 5% auto 0 auto;
	border-top: 1px solid #666666;
	font-size: 12px;
	//float: right;
}

#hair_color_note p{
	font-size: 12px;
	padding-left: 3%;
	padding-top: 3%;
}


#hair_perm {
	font-size: 12px;
	//width: 80%;
	margin: 3% auto 0 auto;
	//padding-left: 5%;
}

#hair_perm_note {
	width: 80%;
	margin: 5% auto 0 auto;
	border-top: 1px solid #666666;
	font-size: 12px;
	//float: right;
}

#hair_perm_note p{
	font-size: 12px;
	padding-left: 3%;
	padding-top: 3%;
}

#others {
	font-size: 12px;
	width: 80%;
	margin: 3% auto 0 auto;
	padding-left: 5%;
}

#goods {
	width: 80%;
	margin: 0 auto;
}

#goods table{
	font-size: 14px;
	margin: 0 auto;
}


#goods img{
	width: 89px;
}

#goods p {
	margin: 2% 0 0 0;
	text-align: center;
}

#item {
	width: 100%;
	margin: 5%  auto 0 auto;
	font-size: 10px;
	text-align: left;
}

#item p {
	padding-left: 5%;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2%;
	border-bottom: solid 1px #666666;
}

#item table {
	margin: 0 auto 3%;
	border: solid 1px #666666;
}
#item table td{
	//padding-left: 5%;
	font-size: 12px;
}
////////////////////////////////////////

/*---------------------------------
テーブル
----------------------------------*/
#table {
	border-collapse: collapse;
}
tr {
	border: solid 1px #666666;
}
th {
	//border: solid 1px;
	background-color: #cccccc;
	color: #FFFFFF;
	//padding: 0.5em;
	//width:100px;
}
td {
	//border: solid 1px #666666;
	padding: 0.5em;
	//color: #f0f0f0;
}
/*---------------------------------
クラス属性
----------------------------------*/
.leaf {
	top: 20%;
	position: fixed;
	z-index: 999;
	margin-left:80%;
	width: 20%;
	//padding:10px;
	background:#acd5d5;
	border-radius: 5px 5px 5px 5px;
}

.totop {
	text-align: right;
	font-size: 15px;
}
.note {
	font-size: 9px;
	padding-left: 10%;
}
.frase {
	float: left;
	padding-left: 5%;
	font-size: 27px;
	margin: 7% 0 7% 0;
}
/*---------------------------------
見出し・本文
----------------------------------*/
h1 {
	text-align: left;
}
h2 {
	color:#dd0000;
	height: 30px;
	background-image: url(../img/ini.png), url(../img/fense.png);
	background-repeat: no-repeat;
	background-position: top left, bottom right;
	background-size: 70px, 50% 30px;
	font-size: 15px;
	font-family: century;
	border-bottom: 1px solid #000000;
	padding:4px 0 0 50px;
	margin:0 0 5px 0;
}
h3 {
	margin: 8% 0 3% 10%;
	font-size:15px;
	color:#000000;
	text-indent:12px;
	vertical-align:top;
	height:25px;
	line-height:32px;
	font-weight:bold;
}
p {
	//padding: 10px 5px 10px 20px;
	//font-size: 15px;
}
/*---------------------------------
リスト
----------------------------------*/
ul {
	
}