@charset "Shift_JIS";


body {
	margin: 0px;
	padding: 0px;
	font: 10px "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
}

h1,h2,h3 {
	margin: 0px;
	padding: 0px;
	font: 9px/10px "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
	text-indent: -9999px;
}


h5 {
	font: bold 14px "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
	margin: 0px;
	padding: 0px 0px 10px;
	color: #FFFFFF;
	letter-spacing: 0.2em;
}

p {
	font: 10px/1.5em "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.05em;
}



a{
text-decoration:none;}
a:link{
color:#FFFFFF;
background:transparent;
}

a:visited{
color:#FFFFFF;
background:transparent;
}

a:hover,a:active{
color:#669900;
background:transparent;
}



#wrapper {
	margin: 10px auto 0px;
	padding: 0px;
	height: 800px;
	width: 760px;
	background: url(images/body_bg.gif) no-repeat center top;
}
#header {
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 40px;
}
#header ul {
	margin:0;
	padding:10px 39px 0 0;
	float:right;
	width:490px;
	list-style:none;
	text-align:right;
	line-height:1.0;
	color: #FFFFFF;
}

#header li {
	display:inline;
	padding-left:1em;
	text-transform:uppercase;
	font-size:x-small;
	letter-spacing: 0.05em;
}



#cover {
	clear:both;
	background: url(images/main_image.jpg) no-repeat center top;
	margin: 0px auto;
	width: 700px;
	padding: 290px 0px 15px;
}

#cover h4 {
	text-align: center;
	padding: 0px;
	color: #FFFFFF;
	margin: 0px auto;
	font: 13px/1.5em "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
	letter-spacing: 0.05em;
}


#pagebody{
position:relative;
width:760px;}



#contents {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 200px;
	width: 530px;
}

#maincontents {
	width: 530px;
	height: 160px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#business {
	margin: 0px;
	padding: 6px;
	float: left;
	height: 136px;
	width: 106px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

#business ul{
	list-style:disc inside;
	margin: 0px;
	padding: 0px;
}

#business li {
	font: 10px/1.5em "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
}

#course {
	width: 376px;
	float: right;
	color: #FFFFFF;
	margin: 0px;
	padding: 6px;
	height: 136px;
	border: 1px solid #FFFFFF;
}
#course img {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	vertical-align: middle;
}



#shop {
	color: #FFFFFF;
	margin: 10px 0px 0px;
	padding: 6px;
	width: 518px;
	height: 76px;
	border: 1px solid #FFFFFF;
}
#shop img {
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}


#navigation {
	position: absolute;
	top:10px;
	left:30px;
	width:140px;
	margin: 0px;
	padding: 0px;
	right: 0px;
	bottom: 0px;
}

#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	width: 140px;
	height: 178px;
}


#navigation li {
	margin:0 0 7px;
	padding: 0;
	width:140px;
	height:30px;
	text-indent:-9999px;
}
#navigation li a
{
	text-decoration:none;
	display:block;
	width:140px;
	height:30px;
	margin: 0px 0px 7px;
	padding: 0px;
}


#navigation li#home a{
	background: url(images/home.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
	}
#navigation li#about a{
	background: url(images/about.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
}
#navigation li#blog a{
	background: url(images/blog.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
}
#navigation li#salon a{
	background: url(images/salon.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
}
#navigation li#mail a{
	background: url(images/mail.gif) no-repeat;
	height: 30px;
	width: 140px;
	margin: 0px;
	padding: 0px;
}




#navigation li#home a:hover{
	background: url(images/home_on.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
}

#navigation li#about a:hover{
	background: url(images/about_on.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
}

#navigation li#blog a:hover{
	background: url(images/blog_on.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
}

#navigation li#salon a:hover{
	background: url(images/salon_on.gif) no-repeat;
	margin: 0px;
	height: 30px;
	width: 140px;
	padding: 0px;
}

#navigation li#mail a:hover{
	background: url(images/mail_on.gif) no-repeat;
	height: 30px;
	width: 140px;
	margin: 0px;
	padding: 0px;
}










#footer {
	margin: 40px 0px 0px;
	padding: 30px 0px 0px;
	clear: both;
}
address{
	color:#FFFFFF;
	font-size: x-small;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 0px;
}