@charset "utf-8";



/*********　default　*********/



body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, form, hr {

	margin: 0px;

	padding: 0px;

}

h1, h2, h3, h4, h5 {font-weight: normal; font-size:14px;}

body {

	color: #333;

	background-image: url(../images/shadow.gif);

	background-repeat: repeat-y;

	background-color: #FCF1F2;

	background-position: center 0px;

	font: 12px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

a {color: #333;}

a:hover {

	color: #F60;

	text-decoration: none;

}

strong {font-weight: normal;}

em {font-style: normal;}

img {border: 0 none;}

li {list-style-type: none;}

hr {

	clear:both;

	visibility:hidden;

	height:0px;

	display: block;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html #wrap .clearfix {height: 1%;}

.clearfix {display: block;}

.att {color: #E35869;}





/*********　header　*********/



#wrap {

	margin: 0px auto;

	width: 900px;

	background-color: #FFF;

}

#header {

	position: relative;

	width: 100%;

	background-image: url(../images/header_bg.gif);

	background-position: left bottom;

	background-repeat: repeat-x;

	height: 72px;

	padding-top: 20px;

}

#logo {margin: 0px 0px 22px 18px;}

#header #header_navi {

	position: absolute;

	top: 14px;

	right: 19px;

}

#navi {

	width: 100%;

	margin: 0px auto;

}

* html #navi {margin-bottom: -2px;}

*:first-child+html #navi {margin-bottom: -2px;}

#navi li {

	height: 44px;

	width: 150px;

	display: inline;

}





/*********　footer　*********/



#footer {

	height: 75px;

	width: 100%;

	background-image: url(../images/footer_bg.gif);

	background-repeat: repeat-x;

	background-position: 0px 0px;

	padding-top: 5px;

}

#footer p {

	font: bold 10px Arial, Helvetica, sans-serif;

	text-align: right;

	margin: 0px 15px 0px 0px;

}

#pan {

	padding: 3px 25px 10px 16px;

	margin-bottom: 10px;

	border-bottom: 1px solid #CCC;

}

#pan a {margin: 0px 0.3em;}

#m_wrap {

	background-image: url(../images/border.gif);

	background-repeat: repeat-y;

	background-position: 255px 0px;

	width: 100%;

	margin: 10px 0px 0px;

}







/*********　main　*********/



#main, #medical {

	width: 605px;

	float: right;

	margin: 0px 20px 40px 0px;

	padding: 0px 0px 0px 20px;

}

* html #main {margin-right: 10px;}

* html #medical {margin-right: 10px;}



.inner, .medical_index {

	width: 565px;

	margin: 25px auto;

}

#up {

	display: block;

	text-align: right;

	color: #BA395B;

	margin: 20px;

	clear: both;

}



/*********　side　*********/



#side {

	float: left;

	width: 220px;

	margin: 0px 0px 40px 20px;

}

#side h3 {margin-top:-11px;}

#side h4 {margin-bottom: 5px;}

* html #side {margin-left: 10px;}

#face_box, #skin_box, #body_box, #other_box, #clinic, #fee, .block dl {

	background-image: url(../images/kamoku_bar.gif);

	background-position: left top;

	background-repeat: repeat-y;

	padding:12px 0 0 12px;

}

#other_box, #clinic, #fee {margin-bottom: 20px;}

.block dl {padding:0 0 0 12px;}



#side ul {margin-top: 8px;}

#side li {

	background-image: url(../images/index_lm.gif);

	background-repeat: no-repeat;

	background-position: 0px 0.5em;

	padding-left: 10px;

}

#side li a {

	display: block;

	width: 100%;

}

* html #side li a {width: 200px;}

#side dl {

	width: 185px;

	margin: -10px 0 0 0.8em;

	padding-bottom: 12px;

}

#side dl.nodt {margin-top: 0.5em;}

#side dt {

	color: #C06;

	font-weight: bold;

	margin: 15px 0 0;

}

#side dd a {

	background-image: none;

	padding: 0px;

}

#banner {margin-top: 0!important;}

#side #banner li {

	padding-left: 0px;

	margin-bottom: 10px;

	background-image: none;

}

#bottom_box {

	clear: both;

	text-align: right;

	margin: 50px -8px 0px -15px;

}

* html #bottom_box {margin:50px 0 0 -20px;}



/*********　links　*********/



#links {

	font-size: 10px;

	margin: 0px auto;

	clear: both;

	background-color: #EEE;

	padding: 15px;

	width: 830px;

}

#links dd {display: inline;}

.inner p.block {

	width: 280px;

	float: left;

}



/*********　変更footer　*********/
#foot_area{
	background:url("../images/footer/ft_bg.gif") repeat-x top left;
	padding-top:37px;
}
.foot{
	background:#f7f6f3;
	padding-bottom:27px;
}
.foot_logo{
	padding:0 20px;
}
.foot_logo_img{
	float:left;
	width:70px;
}
.foot_logo_navi{
	padding:8px 0;
	font-size:10px;
}
.foot_navi{
	font-size:10px;
	padding:20px 0 0 20px;
}
.foot_navi table td{
	border-left:2px solid #b8b1aa;
	height:330px;
	padding:0 0 0 5px;
	width:134px;
	vertical-align:top;
	background:none;
}
.foot_navi table td dl{
	line-height:1.8;
}
.foot_navi table td dl dt{
	margin-bottom:2px;
}
#footer_copy {
	height: 87px;
	width: 100%;
	background-image: url(../images/footer/copy_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-top:15px;
}

#footer_copy p {
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0px 20px 0px 0px;
}