@charset "euc-jp";

body {
	background-image: url(../img/bg.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	color:#474747;
}

h1{
	font-size:10px;
	font-weight:normal;
	color:#666666;
	padding:10px 0 100px 55px;
	margin:0;
	}
	
ul{
	margin:0;
	padding:0;
	line-height:0;
	}

li{
	margin:0;
	padding:0;
	line-height:0;
	}

a img{
	border-style:none;
	}
	
a {
 	color:#4176c6;
	text-decoration:none;
	}

a:hover {
 	color:#999;
	text-decoration:none;
	}
	
table{
	border-collapse:collapse;
	margin-left:30px;
	}	
dl{
	margin:0;
	padding:0;
	}
	
.bold{
	font-weight:bold;
	}
	
.end{
	clear:both;
	display:block;
	width:814px;
	margin:0 auto 30px auto;
	padding:0;
	}

/*--------------------------------------------
　ヘッダー
--------------------------------------------*/

#Header{
	width:814px;
	margin:0px auto;
	align:center;
	}
#Bg_Shadow{
	background-image:url(../img/bg_cont.gif);
	background-position:top center;
	background-repeat:repeat-y;
	}
#Bg{
	background-image:url(../img/bg_base_top.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}

#Container{
	width:800px;
	margin:0px auto;
	align:center;
	font-size:12px;
	}

#Button{
	padding:28px 25px 1px 0;
	}

#Logo{
	width:250px;
	float:left;
	margin:13px 0 0;
	display:inline;
	}


#Button img{
	float:right;
	}

/*--------------------------------------------
　メニュー
--------------------------------------------*/

#Menu{
	width:760px;
	margin: 0px auto;
	padding:3px 0;
	clear:both;
	background-image:url(../img/line_dotted.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:0;
	}


#Menu ul li img{
	line-height:0;
	margin:0;
	vertical-align: bottom;
	}

#Menu ul li{
	float:left;
	list-style:none;
	}

#Menu .Concept{
	border-bottom:5px solid #79a1a5;
	}
	
#Menu .Qa{
	border-bottom:5px solid #8abbc3;
	}
	
#Menu .Class{
	border-bottom:5px solid #bda179;
	}	

#Menu .Price{
	border-bottom:5px solid #839365;
	}
	
#Menu .Inst{
	border-bottom:5px solid #ae92a5;
	}	
	
#Menu .Studio{
	border-bottom:5px solid #bc8975;
	}		
	
#Menu .Schedule{
	border-bottom:5px solid #abb16d;
	}		


	
/*--------------------------------------------
　ページタイトル
--------------------------------------------*/

#PageTitle{
	padding:25px 20px 0 30px;
	float:left;
	text-align:center;
	width:80px;
	clear:both;
	display:inline;
	background-color:#fff;
}

.bg_price{
	background-image:url(../price/img/bg_image_price.gif);
	background-repeat:repeat-y;
	}

.bg_inst{
	background-image:url(../instructor/img/bg_image_inst.gif);
	background-repeat:repeat-y;
	}
	
.bg_class{
	background-image:url(../class/img/bg_image_class.gif);
	background-repeat:repeat-y;
	}
	
.bg_qa{
	background-image:url(../qa/img/bg_image_qa.gif);
	background-repeat:repeat-y;
	}

.bg_studio{
	background-image:url(../studio/img/bg_image_studio.gif);
	background-repeat:repeat-y;
	}

.bg_trial{
	background-image:url(../trial/img/bg_image_trial.gif);
	background-repeat:repeat-y;
	}

/*--------------------------------------------
　コンテンツ
--------------------------------------------*/


#Contents{
	float:right;
	width:620px;
	display:inline;
	padding:0 0 20px 0;
	text-align:left;
	margin:20px 40px 10px 0;
	line-height:160%;
	}
	
#Contents .class{
	width:290px;
	float:left;
	display:inline;
	border:1px solid #e8e2d8;
	padding:5px;
	}

#Contents .class div{
	background-color:#f1ebe4;
	background-image:url(../class/img/bg_class.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding:8px;
	margin:0;
	height:140px;
	}
	
#Contents .class dt{
	font-size:14px;
	padding:5px 0 5px 0;
	color:#593812;
	border-bottom:1px dotted  #666;
	margin:0;
	}

#Contents .class dt img{
	float:right;
	}

#Contents .class dd{
	margin:0;
	padding:5px 0 0 0;
	line-height:150%;
	}	

.icon{
	border:1px solid #ccc;
	display:block;
	padding:5px;
	float:right;
	width:293px;
	}

.icon img{
	padding-right:3px;
	}
.class_info{
	width:300px;
	float:left;
	}
#Contents .left{	
	margin:0 15px 20px 0;
	}
#Contents .right{
	margin:0 0 20px 0;
	}
	
.price dt{
	margin:0;
	padding:0;
	border-bottom:3px double #d8e0c8;
	border-top:3px double #d8e0c8;
	line-height:0;
	background-color:#f6f8f1;
	}
	
.price dd{
	padding:10px 0 35px 15px;
	margin:0;
	}
	
table.lessonprice {	
	width: 95%;
	}

table.lessonprice td{
	border:1px solid #a5af92;
	padding:3px 5px 3px 5px;
	/*width:120px;*/
	}
	
table.lessonprice .right{
	text-align:right;
	}
	
table.lessonprice .title td{
	border-bottom:3px double #a5af92;
	background-color:#e8eedd;
	}

.studio{
	width:289px;
	float:left;
	margin-top:10px;
	}
	
.studio span{
	display:block;
	line-height:140%;
	}
	
.nishi{
	padding-right:15px;
	border-right:1px dotted #ccc;
	}

.aka{
	padding-left:15px;
	}
.map{
	border:1px solid #d1c6c2;
	margin-top:10px;
	}
.info{
	padding-top:5px;
	}
	
.ir{
	width:143px;
	float:left;
	margin:0 15px 15px 0;
	display:inline;
	border-top:3px solid #9a6589;
	padding:3px 0;
	line-height:140%;
	height:450px;
	}

.ir span{
	display:inline;
	color:#993399;
	font-size:10px;
	}
	
.ir p{
	font-size:10px;
	line-height:130%;
	}

.ir p img{
	padding-top:3px;
	}

.inst .right{
	margin:0;
	}

.inst{
	background-image:url(../instructor/img/pose.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.concept{
	background-image:url(../concept/img/image.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}


.qa_title{
	margin:0 0 20px 0;
	padding:2px 0;
	border-bottom:3px double #92bdcf;
	line-height:0;
	background-color:#f2f7f9;
	display:block;
	}
	
	
.trial{
	background-image:url(../trial/img/trial.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
	
.aroma{
	background-image:url(../goods/img/aroma_image.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}

.aromatext{
	padding:260px 0 50px 0;
	background-image:url(../goods/img/flower.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
	
.maternity{
	background-image:url(../maternity/img/maternity.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}	

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

#Footer{
	clear:both;
	background-color:#f0ece6;
	margin:0;
	text-align:center;
	padding:0;
	}
	
#Footer p{
	font-size:10px;
	width:760px;
	margin:0 auto;
	padding:10px 0;
	}

	
	
/*--------------------------------------------
　clearハック
--------------------------------------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */