@charset "utf-8";

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

#navi ul{
	width: 850px;
	height: 59px;
	display: block;
}

#navi ul li{
	display: block;
	text-indent: -9999em;
	float: left;
}

#navi ul li a{
	height: 59px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.home{
	width: 170px;
}

.home a{
	width: 170px;
	background-image: url(../img/home_m2.gif);
}

.facial{
	width: 170px;
}

.facial a{
	width: 170px;
	background-image: url(../img/facial_m1.gif);
}

.karada{
	width: 170px;
}

.karada a{
	width: 170px;
	background-image: url(../img/body_m2.gif);
}

.kanpou{
	width: 170px;
}

.kanpou a{
	width: 170px;
	background-image: url(../img/kanpou_m2.gif);
}

.access{
	width: 170px;
}

.access a{
	width: 170px;
	background-image: url(../img/access_m2.gif);
}

#navi ul li a:hover{
	background-position: left bottom;
}

/* ------------------------------- メインエリア ---------------------------- */

#main{
	width: 488px;
	margin-left: 30px;
	float: left;
}

p,#main p,#column p{
	color: #666666;
}

#main h2.common1{
	width: 469px;
	height: 35px;
	margin-top: 10px;
	background: url(../img/facial_img/facial_1.gif) no-repeat left top;
	text-indent: -9999em;
}

#main p.common2{
	margin: 20px 0px 30px;
}

h3.common3{
	height: 20px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 5px 30px;
	background: url(../img/body_3.gif) no-repeat;
	clear: both;
}

p.common4{
	width: 139px;
	height: 105px;
	float: left;
}

p.common5{
	width: 300px;
	margin-left: 10px;
	float: right;
}

p.common6{
	margin: 12px 30px 20px 0px;
	float: right;
}

#bottom{
	width: 828px;
	margin: 0px 0px 0px 30px;
	clear: both;
}

#column{
	clear: both;
}

p.common7{
	width: 139px;
	height: 105px;
	margin-bottom: 30px;
	float: left;
}

p.common8{
	width: 547px;
	margin-right: 79px;
	float: right;
}

#column p.common9{
	margin: 0 0 20px 200px;
	clear: both;
	color: #3366FF;
}

#column p.common10{
	width: 547px;
	margin: 0px 79px 10px 10px;
	float: right;
}

p.common11{
	margin: 0px 30px 0px 30px;
}

p.common12{
	margin: 0px 50px 10px 30px;
	color: #666666;
}

p.common13{
	width: 139px;
	height: 165px;
	margin-bottom: 30px;
	float: left;
}

p.common14{
	margin: 0px 30px 20px 30px;
}

p.common15{
	width: 470px;
	height: 35px;
	margin: 0px 0 10px;
	background: url(../img/body_img/option.gif) no-repeat left top;
	text-indent: -9999em;
}

p.common16{
	margin-left: 15px;
}

p.common17{
	margin: 0 0 30px 25px;
	color: #666666;
}

#column p.common18{
	width: 527px;
	margin: 10px 89px 0 10px;
	float: right;
}

.common18{
	color: #CC9900;
}

#option{
	margin-left: 0px;
}

p.access2{
	margin: 0 50px 0 30px;
}

p.access3{
	margin: 7px 50px 10px 280px;
	display: block;
	text-indent: -9999em;
}

p.access3 a{
	height: 37px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
}

p.access3 a{
	width: 230px;
	background: url(../img/yoyaku.gif) no-repeat left top;
}

p.access3 a:hover{
	background-position: left bottom;
}


/* ------------------------------- IE7対策 ------------------------------- */

*+html p.common9{
	padding-top: 5px;
}

/* ------------------------------- IE6対策 ------------------------------- */

*html #main{
	margin-left: 15px;
}

*html p.common6{
	margin: 12px 15px 20px 0px;
}

*html p.common8{
	width: 517px;
	margin-left: 30px;
}

*html p.common10{
	width: 517px;
	margin: 0px 99px 10px 30px;
}

*html #column p.common18{
	width: 527px;
	margin: 10px 79px 0 40px;
	float: right;
}