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

/* レイアウト基本設定 
----------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
	list-style-type: none;
}



a {
	overflow:hidden;
	outline:none;
	border-style: none;		
}
img {
	border-style: none;		
}

body {
	background-image: url(../img/common/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #F2E1D7;
}
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;

}

/*基本文字リンクカラーの設定
----------------------------------------------------- */
a:link, a:active, a:visited {
	color: #FF3399;
	text-decoration: none;
}
a:hover {
	color: #993366;
	text-decoration: underline;
}

/*ヘッダーの設定
----------------------------------------------------- */
#header {
	position: relative;
	height: 151px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF6699;
}

h1 {
	font-size: 12px;
	color: #996666;
	font-weight: normal;
	position: absolute;
	top: 16px;
}
.logo a {
	background-image: url(../img/common/logo.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 432px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 40px;
	left: 0px;
}
.logo2 {
	background-image: url(../img/common/logo2.jpg);
	background-repeat: no-repeat;
	height: 14px;
	width: 157px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 75px;
	left: 0px;
}
.counseling {
	background-image: url(../img/common/free_counsel.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	right: 0px;
	text-indent: -9999px;
	height: 19px;
	width: 221px;
}
.tel {
	background-image: url(../img/common/tel.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 40px;
	right: 10px;
	text-indent: -9999px;
	height: 29px;
	width: 201px;
}
.reservation {
	position: absolute;
	top: 40px;
	right: 0px;
}
.bis-info {
	background-image: url(../img/common/surgery_hours.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 391px;
	position: absolute;
	top: 75px;
	right: 0px;
	text-indent: -9999px;
}

/*グローバルナビ設定 */
#nav {
	position: absolute;
	top: 116px;
	height: 35px;
}
#nav li {
	float: left;
}
#nav li a {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}
.nav01 a {
	background-image: url(../img/common/home.jpg);
	height: 35px;
	width: 158px;
}
.nav02 a {
	background-image: url(../img/common/cure.jpg);
	height: 35px;
	width: 284px;
}
.nav03 a {
	background-image: url(../img/common/voice.jpg);
	height: 35px;
	width: 159px;
}
.nav04 a {
	background-image: url(../img/common/price.jpg);
	height: 35px;
	width: 136px;
}
.nav05 a {
	background-image: url(../img/common/contact.jpg);
	height: 35px;
	width: 132px;
}
.nav06 a {
	background-image: url(../img/common/salon.jpg);
	height: 35px;
	width: 163px;
}

.nav01 a:hover {
	background-image: url(../img/common/home_o.jpg);
}
.nav02 a:hover {
	background-image: url(../img/common/cure_o.jpg);
}
.nav03 a:hover {
	background-image: url(../img/common/voice_o.jpg);
}
.nav04 a:hover {
	background-image: url(../img/common/price_o.jpg);
}
.nav05 a:hover {
	background-image: url(../img/common/contact_o.jpg);
}
.nav06 a:hover {
	background-image: url(../img/common/salon_o.jpg);
}


/*#mainと#right-colを包むボックス
----------------------------------------------------- */
#wrap {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFCCCC;
	border-bottom-color: #FFCCCC;
	border-left-color: #FFCCCC;
	_zoom: 1;
	overflow: hidden;		
}

/*パンくずリスト */
ul.breadcrumbs {
	font-size: 12px;
	margin-bottom: 30px;
}
.breadcrumbs li {
	display: inline;
}

/*メインコンテンツの設定
----------------------------------------------------- */
#main {
	float: left;
	width: 610px;
	padding-top: 20px;
	padding-left: 20px;
	color: #666666;
}
#main .article {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	/zoom: 1;
	overflow: hidden;	
}
#main .h2-lead {
	background-image: url(../img/common/main_lead_bg.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #996666;
	padding-top: 12px;
	padding-left: 20px;
	padding-bottom: 11px;
	margin-bottom: 15px;
}

#main h3 {

}

#main p {
	font-size: 14px;
	line-height: 160%;
}


/*右カラムの設定
----------------------------------------------------- */
#right-col {
	float: right;
	width: 230px;
	padding-top: 20px;
	padding-right: 20px;
	color: #666666;
}
.r-recommend {
	border: 1px solid #DDDDDD;
	background-color: #FFFFCC;
	_zoom: 1;
	overflow: hidden;
	position: relative;
}
.r-recommend h3 {
	background-color: #FF6699;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/common/recommend.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	background-position: 8px 8px;
	margin: 1px;
}
.r-recommend dl {
	font-size: 12px;
	line-height: 130%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-repeat: no-repeat;
	height: 90px;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.r-recommend dl p {
	position: absolute;
}
.r-recommend dt {
	font-weight: bold;
	position: absolute;
	left: 90px;
}
.r-recommend dd {
	position: absolute;
	top: 20px;
	left: 90px;
	font-size: 11px;
	width: 120px;
}

.r-counseling {
	background-image: url(../img/common/free_counsel_l.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	background-color: #73D7C0;
	padding: 10px;
	position: relative;
	height: 200px;
}
.r-counseling h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/common/r-co-title.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 35px;
}
.r-counseling p {
	line-height: 130%;
	position: absolute;
	top: 40px;
	width: 120px;
	color: #FFFFFF;
}
.r-salon, .r-reserv {
	border: 1px solid #CCCCCC;
	padding: 15px;
	font-size: 12px;
	line-height: 130%;
}


/*フッターの設定
----------------------------------------------------- */
#footer {
	clear: both;
	background-color: #FFFFFF;
}
.pagetop {
	margin-bottom: 10px;
	text-align: right;
	margin-right: 20px;
	padding-top: 30px;
}
.pagetop a {

}

.footer-pink {
	background-image: url(../img/common/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 90px;
	font-size: 12px;
	color: #FFCCCC;
	text-align: center;
}

.footer-pink ul  {
	font-size: 14px;
	top: 10px;
	left: auto;
	right: auto;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 15px;
}

.footer-pink li {
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9999;
	display: inline;
}

.footer-pink p  {
	line-height: 130%;	
}

#footer address a:link, #footer address a:active, #footer address a:visited {
	color: #FFCCCC;
	text-decoration: underline!important;
}
#footer address a:hover {
	color: #FFFFFF;
	text-decoration: underline!important;
}

#footer ul a:link, #footer ul a:active, #footer ul a:visited {
	color: #FFFFFF;
	text-decoration: none!important;
}
#footer ul a:hover {
	color: #FFFFFF;
	text-decoration: underline!important;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
}

/*ボーダ無くす設定 */
.border-none {
	border-style: none!important;
}
/*マージン無くす設定 */
.margin-none {
	margin: 0!important;
}
/*パディング無くす設定 */
.padding-none {
	padding: 0!important;
}

/*テーブル設定
----------------------------------------------------- */
table {
	border: solid 1px #CCCCCC;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 140%;
	text-align: left!important;
}
th {
	border: solid 1px #CCCCCC;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
td {
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
}
table th em {
	font-size: 12px!important;
	font-weight: normal;
	color: #FF0000;
}
table td em {
	font-size: 12px!important;
	font-weight: normal;
	color: #666666;
}

/*文字のサイズ設定
----------------------------------------------------- */
▼▼▼文字のサイズ設定 {}
.font10px {font-size: 10px!important;}
.font12px {font-size: 12px!important;}
.font14px {font-size: 14px!important;}
.font16px {font-size: 16px!important;}
.font18px {font-size: 18px!important;}
.font20px {font-size: 20px!important;}
.font24px {font-size: 24px!important;}

.align-left {text-align: left!important;}
.align-center {text-align: center!important;}
.align-right {text-align: right!important;}


/*レイアウト下部余白
----------------------------------------------------- */
▼▼▼レイアウト下部余白 {}
.bot005px {margin-bottom: 5px!important;}
.bot010px {margin-bottom: 10px!important;}
.bot015px {margin-bottom: 15px!important;}
.bot020px {margin-bottom: 20px!important;}
.bot030px {margin-bottom: 30px!important;}
.bot040px {margin-bottom: 40px!important;}
.bot050px {margin-bottom: 50px!important;}
.bot100px {margin-bottom: 100px!important;}