@charset "UTF-8";
/* CSS Document */

body{
	background-color:#F9F6EB;
	font-size:small;
	color:#333333;
	margin:0;
}
h1{
	font-size:x-small;
	color:#AD9B82;
	font-weight:normal;
	margin:0;
}
img{
	border:0;
}
#wrap{
	width:840px;
	margin:0 auto;
}
#head{
	font-size:x-small;
	color:#AD9B82;
	margin:15px 0 10px 0;
	display: inline-block;
	width:840px;
}

#head img{
	float:right;
	margin:10px 0 0 13px;
}
#navi{
	background:url(../images/top_navibk.gif) no-repeat;
	margin:0 0 10px 0;
	padding:0;
}
#navi li{
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0;
}
#navi li img{
	vertical-align:top;
	padding:9px 0 9px 10px;
	border:0;
}
.banner{
	float:right;
	margin:13px 0 10px 0;
}
.info{
	width:498px;
	background:url(../images/top_infoline.gif) repeat-y;
}
dl{
	margin:7px 0 0 0;
}
dt{
	clear:left;
	float:left;
	padding:0.4em 0.5em 0.4em 20px;
	font-weight:bold;
}
dd{
	padding:0.4em 0 0.4em 0;
}
#foot{
	clear:right;
	text-align:right;
	margin:10px 0 30px 0;
}




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


/* 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:9px;
	background:url(../images/navi_btn_salon_on.gif) no-repeat;
}
#navi li.lesson{
	padding-right:9px;
	background:url(../images/navi_btn_lesson_on.gif) no-repeat;
}
#navi li.profile{
	padding-right:9px;
	background:url(../images/navi_btn_profile_on.gif) no-repeat;
}
#navi li.voice{
	padding-right:9px;
	background:url(../images/navi_btn_voice_on.gif) no-repeat;
}

/* navi mailmagazine mada*/
#navi li.mail{
	padding-right:9px;
	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;
}

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

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

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