@charset "utf-8";
/*
Theme Name: cloudtpl_838
Theme URI: http://c-tpl.com/
Description: cloudtpl_838
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

html, body {
    margin:0;
    padding:0;
    height:100%;
}

body {
font:13px/1.9 "微软雅黑",Sans-Serif;
color:#666;
background:#FFF;
}

body#top{
background:#FFF;
}

a{color:#764902;text-decoration:none;}
a:hover{
color:#764902;
text-decoration:underline;}
a:active, a:focus {outline:0;}

img{border:0;}
.clear{clear:both;}

ul {
list-style:none;
}


table{
	border-collapse: collapse;
	padding: none;
}
p{margin-bottom:10px;}


/* margin
----------------------------------------------------------*/
/* Top */
.MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; }
/* Bottom */
.MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom: 15px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }

.center { text-align:center; }
.right { text-align:right; }
.icon { vertical-align:middle;}

/* padding
----------------------------------------------------------*/
/* Left */
.PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important; }
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; }
/* Right */
.PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; }

/* フォントサイズ・カラー
----------------------------------------------------------*/
.TXT-SSS { font-size:10px;}
.TXT-SS { font-size:11px;}
.TXT-S { font-size:13px;}
.TXT-M { font-size:14px;}
.TXT-L { font-size:16px;}

/* 線
----------------------------------------------------------*/
.line1 {border-bottom:1px dashed #CCC;}
.line2 {border-bottom:1px dashed #0080C0;}


/* 画像場所
----------------------------------------------------------*/
.imgR{
float:right;
margin-left:40px;
clear:both;
}
.imgL{
float:left;
margin-right:40px;
clear:both;
}

.clear{clear:both;}




/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#FFF;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:10px 50px;
background: #CCC;
background: -moz-linear-gradient(top, #CCC 0%, #999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(100%,#999));
background: -webkit-linear-gradient(top, #CCC 0%,#999 100%);
background: -o-linear-gradient(top, #CCC 0%,#999 100%);
background: -ms-linear-gradient(top, #CCC 0%,#999 100%);
background: linear-gradient(to bottom, #CCC 0%,#999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#999',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #CCC;
background: -moz-linear-gradient(top, #999 0%, #CCC 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#CCC));
background: -webkit-linear-gradient(top, #999 0%,#CCC 100%);
background: -o-linear-gradient(top, #999 0%,#CCC 100%);
background: -ms-linear-gradient(top, #999 0%,#CCC 100%);
background: linear-gradient(to bottom, #999 0%,#CCC 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#CCC',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}


/*******************************
レイアウト
*******************************/

header {
	height: 195px;
	position: fixed;
	width: 100%;
	background: #ffffff	url(images/header_bg0.png) repeat-x;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	z-index: 300;
	top:0px;
    left:0px;
}


#wrapper{
	top: 195px;
	position: relative;
	clear:both;
	background:#FFF;
	height:auto;
}
#wrapper2{
	top: 195px;
	position: relative;
	clear:both;
	background:	url(images/page_image_bg.png);
	height:auto;
}


.inner{
margin:0 auto;
width:980px;
clear:both;
}

#main-content2{
margin:30px auto;
width:900px;
clear:both;
padding:40px;
border:3px double #DADADA;
background:#FFF;
overflow:auto;
}

#main-content{
margin:0 auto;
width:930px;
clear:both;
padding:25px;
overflow:auto;
}
#content{
margin:0 auto;
width:980px;
clear:both;
overflow:auto;
}


#main{
float:left;
width:700px;
padding-right:40px;
border-right:1px solid #DADADA;
padding-bottom:40px;
}

#sidebar{
float:right;
width:200px;
padding-top:20px;
margin-bottom:30px;
}

/* -----------------------------------------------------------
		サイトタイトルエリアh1
----------------------------------------------------------- */

#sitetitle_area{
border-bottom:1px solid #DADADA;
padding:7px 0 6px;
background:#FFF;
overflow:auto;
}
#sitetitle_area .inner{
margin:0 auto;
width:980px;
}

#sitetitle_area h1 {
font-size: 10px;
font-weight: normal;
float:left;
padding-top:3px;
}
#sitetitle_area a ,a:hover{
color:#333;
text-decoration:none;
}
#sitetitle_area .bookmark{
float:right;
}


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header-content .inner {
width: 980px;
margin: 0px auto;
padding:10px 0;
height:90px;
}
#header-content h2{
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 70px;
	width: 150px;
	margin: 10px 0px;
}

/* #utilityNav
----------------------------------------------------------- */
#header-content #utilityNav {
	float: right;
	text-align: right;
}

#header-content #utilityNav li {
	float:left;
	display: inline;
	list-style-type: none;
	margin-right: 20px;
	padding:0 0 0px 15px;
	background: url(images/bullet.png) no-repeat;
	background-position:0% 30%;
	vertical-align:middle;
	font-size:12px;
}

#header-content #utilityNav li a{
color:#666;}

#header-content p{
margin-bottom:10px;
}
#header-content #utilityNav li.shareSite{ margin-right:10px; height:30px; line-height:30px;}
#header-content #utilityNav li.share{width:140px; padding-left:0px; height:30px;}
/*******************************
メイン画像
*******************************/
#wrapper a:hover img, #wrapper2 a:hover img{opacity:0.6;}


#mainImage{
border-bottom:1px solid #CCC;
}

#pageImage{
width:100%;
margin:0px auto;
text-align:center;
background:#FAFAF8 url(images/page_image_bg.png);
padding:0;
border-bottom:1px solid #DADADA;
}
/*******************************
コンテンツ
*******************************/
.leftbox{
float:left;
width:650px;
margin:25px auto;
}
.rightbox{
float:right;
width:300px;
margin:25px auto;
}

.box_school{
width:600px;
background:#F7F3E4;
border:1px solid #DFDFDF;
border-radius: 6px;         /* CSS3 */
  -moz-border-radius: 6px / 6px;    /* Firefox */
  -webkit-border-radius: 6px / 6px;    /* Safari,Chrome */
  behavior: url(./pie/PIE.htc);
  padding:25px;
}
.box_school ul{
width:570px;
background:#FFF;
border:1px solid #DFDFDF;
padding:10px 15px;
overflow:auto;
}

.box_school li{
float:left;
display: inline;
	list-style-type: none;
	margin-right: 20px;
	padding:0 0 0px 15px;
	background: url(images/bullet.png) no-repeat;
	background-position:0% 30%;
	vertical-align:middle;
	font-size:12px;
}

.box_school li a{
text-decoration:none;
color:#333333;
}

.box_school li a:hover{color:#CC9900;text-decoration:underline;}


.box_salon{
width:930px;
background:url(images/box_salon_top.png) no-repeat top, url(images/box_salon_bottom.png) no-repeat bottom,url(images/box_salon_bg.png);
-pie-background: #FFF url(images/box_salon_top.png) no-repeat top, url(images/box_salon_bottom.png) no-repeat bottom,url(images/box_salon_bg.png);
    behavior: url(./pie/PIE.htc);
  padding:25px;
  clear:both;
  overflow:auto;
  margin:0px auto 30px;
}

.box_salon a{
color:#CC9900;text-decoration:underline;
}

.box_salon a:hover{color:#CC9900;text-decoration:underline;}


ul .news{
}

.news li{
border-bottom:1px dotted #CCC;
padding:7px;
}




#main-content img.photo,#main-content2 img.photo ,#main img.photo{
-webkit-box-shadow: 0px 0px 8px #ccc;
-moz-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;
behavior: url(http://www.f-g.jp/pie/PIE.htc);
position:relative;
background:#FFF;
padding:10px;
border:1px solid #EEE;
}


#main-content img.photo2,#main-content2 img.photo2 ,#main img.photo2{
background:#FFF;
padding:1px;
border:1px solid #ccc;
}

  
#main-content a:hover img,#main-content2 a:hover img{opacity:.8;}

#pan_list {
font-size:10px;
padding: 8px;
background:#D0CDCA;
color:#fff;
}
#pan_list a ,a:hover{
color:#fff;
text-decoration:none;
}

.readon{
float:right;
clear:both;
padding:0px 20px;
background:#F0ACB7;}

.readon a{
display:block;
padding-left:18px;
background:url(images/bullet.png) no-repeat 0 50%;
text-decoration:none;
}

.readon a:hover{
background-position:5px 50%;
}

#date{
text-align: left;
padding-bottom:10px;
font-weight:bold;
color:#999;
font-family:Georgia, "Times New Roman", Times, serif;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    margin: 0 0 0px 30px;
    display: inline;
}
img.alignleft {
    margin: 0 30px 0px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

ul.pagenav{
width:620px;
padding:20px 0 50px;
}

ul.pagenav li{
list-style: none;
float: left;
}

ul.pagenav li a{
padding:0 0 0 20px;
text-decoration:none;
background:url(images/bullet2.png) no-repeat 0 50%;
}

ul.pagenav li.next{
float: right;
}

ul.pagenav li.next a{
padding:0 22px 0 0;
background:url(images/bullet.png) no-repeat 100% 50%;
}


.list img{
border:1px solid #DFDFDF;
background:#FFF;
padding:5px;
}

table p{
margin-bottom: 10px;
}

table .info{
margin-bottom: 20px;
}
.info th {
	border-bottom:1px solid #DADADA;
	line-height: 150%;
	padding: 4px 4px 4px 10px;
	text-align:left;
}
.info td {
	border-bottom:1px solid #DADADA;
	line-height: 150%;
	padding: 10px;
	height:15px;
}

table .menu{
}
.menu th {
	line-height: 150%;
	padding: 7px;
	text-align:left;
	background:#EEE1C9;	
}
.menu td {
	line-height: 150%;
	padding: 7px;
}

.menu tr:nth-child(even) {
    background:#FFF;
}
.menu tr:nth-child(odd) {
    background:#EEEEEC;
}


table .list{
margin-bottom: 20px;
}
.list th {
	border:1px solid #DFDFDF;
    background-image:url(images/table_back.png) ;
	background-color:#EAEAEA;
	line-height: 120%;
	padding: 4px 4px 4px 10px;
}
.list td {
	border:1px solid #DFDFDF;
	line-height: 150%;
	padding: 10px;
	height:15px;
	background:#FFF;
}


.coupon{
border:1px solid #D1B87C;
background:#FFF url(images/coupon_bg.png) no-repeat;
padding:35px 40px 20px;
}

.box{
float:left;
margin-right:30px;
padding:0px;
width:450px;
}

.box_flow{
float:left;
margin-right:30px;
width:400px;
-webkit-box-shadow: 0px 0px 8px #ccc;
-moz-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;
behavior: url(http://www.f-g.jp/pie/PIE.htc);
position:relative;
background:#FFF;
padding:15px;
border:1px solid #EEE;
}

.box_design{
width:870px;
-webkit-box-shadow: 0px 0px 8px #ccc;
-moz-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;
behavior: url(http://www.f-g.jp/pie/PIE.htc);
position:relative;
background:#FFF;
padding:15px;
border:1px solid #EEE;
overflow:auto;
}

.last{
margin-right:0px;
}


.box_wide{
clear:both;
width:100%;
margin-top:30px;
border-top:1px solid #DADADA;
border-bottom:1px solid #DADADA;
background:url(images/box_wide_bg.jpg);
padding:25px 0;
}

.box_long{
clear:both;
margin-bottom:30px;
padding:40px 0 0px;
background:url(images/line2.png) no-repeat top;
}

.box_enclose{
width:870px;
clear:both;
background:url(http://esthe-forall.sakura.ne.jp/wp/wp-content/uploads/enclose_top.png) no-repeat top, url(http://esthe-forall.sakura.ne.jp/wp/wp-content/uploads/enclose_down.png) no-repeat bottom, url(http://esthe-forall.sakura.ne.jp/wp/wp-content/uploads/enclose_bg.png) repeat-y;
-pie-background:url(http://esthe-forall.sakura.ne.jp/wp/wp-content/uploads/enclose_top.png) no-repeat top, url(http://esthe-forall.sakura.ne.jp/wp/wp-content/uploads/enclose_down.png) no-repeat bottom, url(http://esthe-forall.sakura.ne.jp/wp/wp-content/uploads/enclose_bg.png) repeat-y;
behavior: url(http://www.f-g.jp/pie/PIE.htc);
position:relative;
padding:35px 30px;
}
.enclose_inner{
margin:0 auto;
width:100%;
}
.box_enclose p{
margin-bottom:0px;
padding:0;
}

.staff_photo{
background:#EEE;
border-top:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
padding:10px;
text-align:center;
margin-bottom:10px;
}


/*************
/* Q&A CSS
*************/

.faq-list li{
padding:5px 0px 5px 24px;
background:url(images/list.png) no-repeat left;
}

.faq-list li a{
}

.faq-list{
margin-bottom:50px;
}

.single-faq{
margin:0 0 35px;
border:1px solid #DADADA;
}

.single-faq h4{
font-weight:bold;
padding:7px 45px;
background:#EEE url(images/q.png) no-repeat left;
}

.faq-answer{
margin-top:20px;
padding:7px 20px 0 45px;
  background:url(images/a.png) no-repeat top left;
}


/*************
/* 見出し
*************/
#sidebar a:hover img{opacity:.8;}

#sidebar p{
margin-bottom:10px;
padding:0;
}

#main-content h2,#main-content2 h2{
font-size:20px;
margin:20px 0 20px 0;
padding:20px 0px;
color:#C7AC70;
background:url(images/h2_title_bg.png) no-repeat bottom;
}

#main-content h3,#main-content2 h3{
font-size:14px;
margin:-210px 0 10px 0;
padding:210px 10px 10px;
color:#A6844D;
border-bottom: 1px solid #A6844D;
}

#main-content h5,#main-content2 h5{
padding-top:210px;
margin-top:-210px;
}


/*************
/* main スクール
*************/

#main h2{
border-bottom:1px solid #DADADA;
font-size:23px;
padding:25px 0;
margin-bottom:25px;
font-weight:normal;
}

#main h3{
border-top:1px solid #DADADA;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
border-bottom:3px solid #B0A69B;
background:url(images/school_h3.png) repeat-x;
font-size:15px;
height:25px;
padding:10px 10px;
margin-bottom:25px;
font-weight:bold;
}

.school-waku{
background:#F5F2F1;
padding:25px;
border:1px solid #EAE6DF;
}


.course1{
background:url(images/course_bg.png) no-repeat top;
padding:20px ;
overflow:auto;
}

.course1 h4{
background:url(images/course_title.png) no-repeat left;
font-size:15px;
height:31px;
margin-bottom:25px;
font-weight:bold;
padding-top:5px;
padding-left:30px;
}

.course_info{
background:#FFF;
margin-top:10px;
padding:15px;
overflow:auto;
font-size:11px;
border:1px solid #DADADA;
}

.voice{
background:#F5F2F1 url(images/voice_bg.png) repeat-x top;
padding:0px 25px 25px;
}

.school_flow{
background:#F5F2F1;
padding:15px;
border:1px solid #DADADA;
}



/*************
/* サイドバー
*************/

#sidebar ul{
}

#sidebar ul li{
list-style:none;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
font-size:12px;
}

#sidebar ul li a{
display:block;
padding:0 5px 0 22px;
text-decoration:none;
background:url(images/bullet.png) no-repeat 0 50%;
color:#333333;
}

#sidebar ul li a:hover{
background-position:5px 50%;
color:#999;
}

#sidebar h3{
border-bottom:1px solid #DADADA;
font-size:14px;
line-height:20px;
padding:15px 0 20px;
margin-bottom:15px;
font-weight:bold;
}


/*******************************
/* フッター
*******************************/

#footer{
clear:both;
margin-top:30px;
background:url(images/foot_bg.jpg) repeat-x;
}

#footer .inner{
display:block;
margin:10px auto;
width:980px;
font-size:11px;
line-height:1.8;
height:100%;
}


#footer .box{
font-size:11px;
float:left;
width:150px;
margin-right:20px;
border-left:1px dotted #CCC;
padding:0 10px;
}

#footer .last{
margin-right:0;
border-right:1px dotted #CCC;
}

#footer .box img{
float:left;
}

#footer ul{
padding:15px 0 10px;
text-align:left;}

#footer ul li{
}

#footer ul li a{
margin:7px 0;
padding:0px 7px;
text-decoration:none;
color:#666;
}

#footer ul li a:hover{
color:#999;
text-decoration:underline;
}

#footer p{
margin:10px 0 5px;
}

address{
font-style:normal;
font-size:10px;
margin-top:20px;
text-align:center;
background:#000;
color:#FFFFFF;
padding:20px 0;
}