@charset "UTF-8";

/* TABLE OF CONTENTS
-----------------------------------------------
	0 = common
	1 = head
	2 = main
	3 = navi
	4 = foot
	5 = clearfix
*/


/* 0 = commonL
----------------------------------------------- */
body{
	background:url(../images/2nd_bk.gif) no-repeat center fixed #F9F6EB;
	font-size:small;
	color:#333333;
	margin:0;
	line-height:150%;
}
img{
	border:none;
}
h1{
	font-size:x-small;
	color:#AD9B82;
	font-weight:normal;
	margin:0;
}
h2,h4{
	margin:0;
}
.clear{
	clear:both;
}
.cap{
	font-size:80%;
}
/* 1 = head
----------------------------------------------- */
#head{
	text-align:right;
}
#head .logo{
	float:left;
}
#head .btn img{
	margin:15px 0 0 13px;
}
.pan{
	margin:0 20px;
	font-size:80%;
}

/* 2 = main
----------------------------------------------- */
#cover{
	width:860px;
	margin:0 auto;
}
#contents-cover,
#head,
#navi{
	background-color:#FFFFFF;
	margin:0 0 0 28px;
	padding:10px;
	border:#CECECE 1px solid;
	border-top:none;
	border-bottom:none;
}
#contents{
	margin:10px 20px 20px 20px;
}
#form{
	margin:20px 0 20px 100px;
}
#process{
	margin:20px 55px 20px 55px;
}
#sitemap{
	margin:20px 120px 20px 120px;
}



/* 3 = navi
----------------------------------------------- */
.navi-gotop img{
	float:left;
	margin:0;
	padding:0;
}
/* navi background */
ul#navi{
	background:url(../images/2nd_navibk.gif) no-repeat;
	padding:10px 0 0 10px;
	list-style-type:none;
}
*html ul#navi{/*for_IE*/
	padding:10px 0 10px 10px;
}

/* navi text hidden*/
#navi li.salon,
#navi li.lesson,
#navi li.profile,
#navi li.mail,
#navi li.voice,
#navi li.blog{
	width:156px;
	height:38px;
	float:left;
	text-indent:-9999px;
	display:inline;/*for_IE6*/
}
/* navi on*/
#navi li.salon{
	padding-right:7px;
	background:url(../images/navi_btn_salon_on.gif) no-repeat;
}
#navi li.lesson{
	padding-right:7px;
	background:url(../images/navi_btn_lesson_on.gif) no-repeat;
}
#navi li.profile{
	padding-right:7px;
	background:url(../images/navi_btn_profile_on.gif) no-repeat;
}
#navi li.voice{
	padding-right:7px;
	background:url(../images/navi_btn_voice_on.gif) no-repeat;
}

/* navi mailmagazine mada*/
#navi li.mail{
	padding-right:7px;
	background:url(../images/navi_btn_mail_mada.gif) no-repeat;
}


/* navi a link*/
#navi li.salon a,
#navi li.lesson a,
#navi li.profile a,
#navi li.voice a,
#navi li.mail a{
	display:block;
	float:left;
	width:156px;
	height:38px;
	border:none;
}
#navi li.blog a{
	display:block;
	float:left;
	width:156px;
	height:38px;
	border:none;
}

/* navi rollover*/
#navi li.salon a{
	background:url(../images/navi_btn_salon.gif) no-repeat;
}
#navi li.salon a:hover{
	background:url(../images/navi_btn_salon_on.gif) no-repeat;
}
#navi li.lesson a{
	background:url(../images/navi_btn_lesson.gif) no-repeat;
}
#navi li.lesson a:hover{
	background:url(../images/navi_btn_lesson_on.gif) no-repeat;
}
#navi li.profile a{
	background:url(../images/navi_btn_profile.gif) no-repeat;
}
#navi li.profile a:hover{
	background:url(../images/navi_btn_profile_on.gif) no-repeat;
}
#navi li.mail a{
	background:url(../images/navi_btn_mail.gif) no-repeat;
}
#navi li.mail a:hover{
	background:url(../images/navi_btn_mail_on.gif) no-repeat;
}
#navi li.voice a{
	background:url(../images/navi_btn_voice.gif) no-repeat;
}
#navi li.voice a:hover{
	background:url(../images/navi_btn_voice_on.gif) no-repeat;
}
#navi li.blog a{
	background:url(../images/navi_btn_blog.gif) no-repeat;
}
#navi li.blog a:hover{
	background:url(../images/navi_btn_blog_on.gif) no-repeat;
}


/* 4 = foot
----------------------------------------------- */
.gotop{
	clear:both;
	text-align:right;
	color:#7c6854;
	font-size:80%;
	margin:0 20px;
}
#foot{
	clear:both;
	text-align:right;
	border-top:#dfd7cc 1px solid;
	margin:20px;
}
#foot img{
	padding:10px 0 30px 0;
}

.imgleft{
	float:left;
}
.imgright{
	float:right;
}

/* 5 = clearfix
----------------------------------------------- */
#navi:after,
.clearfix:after {
	content: ".";
	display:block;
	clear: both;
	height:0;
	visibility:hidden;
	margin:0px;
	padding:0px;
	border:none;
}

#navi,
.clearfix {
	display: inline-block;
}

/* Hide from MacIE ¥*/
* html #navi,
* html .clearfix { height: 1px; }
#navi,
.clearfix { display: block; }