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

Index layout CSS File

File Name		index.css
Note			インデックスレイアウト用スタイルシート

New Creation	09.12.18
Update			09.12.18

Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

	1.	サービス
	2.	お悩み相談集
	3.	3つの特徴
	4.	クリニック紹介
	5.	

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
1.	header
----------------------------------------------------------------------*/
#container #header {
}

#container #header .wrapper {
	width:1094px;
}

#container #header h2 {
	text-align:center;
}

#container #content {
	padding-top:20px;
	padding-right:103px;
	padding-left:103px;
}

* html #container #content {
	width:996px;
}

#container #content #main #message {
	margin-bottom:30px;
	border:1px solid #C7BCB4;
	background:#f4f2f0;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
}

#container #content #main #message h4 {
	padding-left:15px;
	border-bottom:1px solid #C7BCB4;
	background:url(../img/index_message_title_bg.gif) left top repeat-x;
	line-height:32px;
	font-size:1.4em;
	color:#434343;
}

#container #content #main #message p {
	margin:15px;
	font-size:1.2em;
	line-height:1.667em;
	color:#434343;
}

#container #content #main #message p a {
	margin:0px 5px;
	text-decoration:underline;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	color:#6B9CD3;
}

#container #content #main #message .last {
	text-align:right;
}


/*----------------------------------------------------------------------
1.	サービス
----------------------------------------------------------------------*/
#container #content #main #service {
	float:left;
	display:inline;
	margin-right:19px;
	margin-bottom:34px;
	width:416px;
}

#container #content #main #service ul li {
	float:left;
	display:inline;
}

#container #content #main #service ul #campaign {
	margin-bottom:12px;
/*	border:1px solid #898989;*/
}

#container #content #main #service ul #campaign dl dd {
	padding:10px 10px 6px;
	border-right:1px solid #a6a7a7;
	border-bottom:1px solid #a6a7a7;
	border-left:1px solid #a6a7a7;
	background:#e9eaea;
}

* html #container #content #main #service ul #campaign dl dd {
	width:100%;
}

*+html #container #content #main #service ul #campaign dl dd {
	width:100%;
}

#container #content #main #service ul #campaign dl dd #slide {
	position:relative;
	float:left;
	display:inline;
	margin-right:6px;
/*	width:263px;
	height:230px !important;
	border:1px solid #6a6a6a;
*/	overflow:hidden;
	z-index:90;
}

* html #container #content #main #service ul #campaign dl dd #slide {
	margin-right:5px;
}

#container #content #main #service ul #campaign dl dd #slide .next {
	position:absolute;
	bottom:0px;
	left:0px;
	width:263px;
	height:25px;
	cursor:pointer;
	z-index:100;
}

#container #content #main #service ul #campaign dl dd #slide .previous {
	position:absolute;
	top:0px;
	left:0px;
	width:263px;
	height:25px;
	cursor:pointer;
	z-index:110;
}

* html #container #content #main #service ul #campaign dl dd #slide .next ,
* html #container #content #main #service ul #campaign dl dd #slide .previous {
	background:url(../img/index_campaign_bg.gif) left top repeat;
}

*+html #container #content #main #service ul #campaign dl dd #slide .next ,
*+html #container #content #main #service ul #campaign dl dd #slide .previous {
	background:url(../img/index_campaign_bg.gif) left top repeat;
}

#container #content #main #service ul #campaign dl dd #slide ul li {
	border:1px solid #6a6a6a;
}

#container #content #main #service ul #campaign dl dd #slide ul .no6 {
	border:none;
}

#container #content #main #service ul #campaign dl dd ul li {
	float:none;
	display:list-item;
	margin-bottom:4px;
}

#container #content #main #service ul #campaign dl dd .thumbnail {
	overflow:hidden;
	width:123px;
}

#container #content #main #service ul #campaign dl dd .thumbnail li img {
	border:1px solid #6a6a6a;
}

#container #content #main #service ul #guarantee {
	clear:both;
}

#container #content #main #service ul li dl {
	margin-right:13px;
}

#container #content #main #service ul .last dl {
	margin-right:0px;
}


/*----------------------------------------------------------------------
2.   お悩み相談集
----------------------------------------------------------------------*/
#container #content #main #qa {
	float:left;
	margin-bottom:12px;
	width:355px;
	background:url(../img/index_qa_bg_footer.gif) left bottom no-repeat;
}

#container #content #main #qa ol {
	position:relative;
	height:251px;
	overflow:hidden;
	border-right:1px solid #898989;
	border-left:1px solid #898989;
}

#container #content #main #qa ol li {
	padding:11px 10px 9px;
	background:url(../img/border1.gif) left bottom repeat-x;
}

#container #content #main #qa ol li dl {
	position:relative;
	text-align:right;
}

* html #container #content #main #qa ol ,
* html #container #content #main #qa ol li dl ,
* html #container #content #main #qa .link {
	height:1%;
}

*+html #container #content #main #qa ol li dl {
	zoom:1;
}

#container #content #main #qa ol li dl dt {
	padding:0px 30px 4px 28px;
	background:url(../img/qa_bg.gif) left top no-repeat;
	text-align:left;
}

#container #content #main #qa ol li dl dt a {
	font-size:1.2em;
	line-height:1.4em;
	color:#e95283;
}

#container #content #main #qa ol li dl dt span {
	position:absolute;
	top:0px;
	right:0px;
}

#container #content #main #qa ol li dl dd ,
#container #content #main #qa ol li dl .cat ul ,
#container #content #main #qa ol li dl .cat ul li {
	display:inline;
	color:#808080;
}

#container #content #main #qa ol li dl .cat ul {
	margin-right:-3px;
}

#container #content #main #qa ol li dl .cat ul li {
	margin-left:-3px;
	padding:0px;
	background:none;
}

#container #content #main #qa ol li dl .cat ul li:before {
	content:"／";
}

#container #content #main #qa ol li dl .cat ul li:first-child:before {
	content:"";
}

* html #container #content #main #qa ol li dl .cat ul li {
	padding-left:10px;
	background:url(../img/slash.gif) left center no-repeat;
}

*+html #container #content #main #qa ol li dl .cat ul li {
	padding-left:10px;
	background:url(../img/slash.gif) left center no-repeat;
}

* html #container #content #main #qa ol li dl .cat ul .first {
	padding:0px;
	background:none;
}

*+html #container #content #main #qa ol li dl .cat ul .first {
	padding:0px;
	background:none;
}

#container #content #main #qa ol li dl .cat ul li a {
	color:#808080;
}

#container #content #main #qa .link {
	position:relative;
	overflow:hidden;
	margin-top:-50px;
	padding:54px 9px 5px 0px;
	background:url(../img/index_qa_bg.png) left top no-repeat;
	z-index:100;
}

#container #content #main #qa .link a {
	float:right;
	width:92px;
	height:21px;
}


/*----------------------------------------------------------------------
3.   お問い合わせ
----------------------------------------------------------------------*/
#container #content #main .info {
	float:right;
	margin-bottom:34px;
	background:url(../img/index_info_bg.gif) left top repeat-y;
}

#container #content #main .info dl {
	background:url(../img/index_info_bg_header.gif) left top no-repeat;
}

#container #content #main .info dl dt {
	padding:4px 4px 0px;
	background:url(../img/index_info_bg_header.gif) left top no-repeat;
}

#container #content #main .info dl dd {
	padding:0px 4px 4px;
	background:url(../img/index_info_bg_footer.gif) left bottom no-repeat;
}

#container #content #main .info dl dd ul {
	overflow:hidden;
}

#container #content #main .info dl dd ul li {
	float:left;
}

#container #content #main .info dl dd ul .tel {
/*	padding:5px 8px 5px 7px;*/
	padding:8px 7px;
	background:url(../img/index_info_tel_bg.gif) right top no-repeat;
}

#container #content #main .info dl dd ul .form {
/*	padding:5px 0px 0px 7px;*/
	padding:8px 0px 0px 7px;
}

*+html #container #content #main .info dl dd {
	height:1%;
	width:347px;
}

* html #container #content #main .info dl dd ul {
	width:347px;
}

* html #container #content #main .info dl dd ul li ul {
	width:auto;
}

#container #content #main .info dl dd ul li ul li {
	float:none;
/*	margin-bottom:3px;*/
	margin-bottom:8px;
}


/*----------------------------------------------------------------------
3.   3つの特徴
----------------------------------------------------------------------*/
#container #content #main #feature {
	position:relative;
	clear:both;
	margin-bottom:19px;
	background:url(../img/index_feature_bg_footer.gif) left bottom no-repeat;
}

* html #container #content #main #feature {
	height:1%;
}

#container #content #main #feature div {
/*	padding:0px 25px 5px;*/
	padding:30px 25px 31px;
	border-right:1px solid #898989;
	border-left:1px solid #898989;
	background:url(../img/border2.gif) left bottom repeat-x;
}

#container #content #main #feature div.last {
	padding-bottom:0px;
	background:none;
}

#container #content #main #feature #lead {
/*	padding:0px 25px 5px;*/
	padding-top:74px;
	padding-bottom:54px;
	background:url(../img/index_feature_bg.gif) left top no-repeat;
}

#container #content #main #feature #lead ul {
	overflow:hidden;
}

* html #container #content #main #feature #lead ul {
	height:1%;
}

#container #content #main #feature #lead ul li {
	float:left;
	display:inline;
	margin-left:30px;
	width:148px;
}

#container #content #main #feature #lead ul #no1 {
	margin-left:17px;
}

#container #content #main #feature #lead ul li dl dt {
	margin-bottom:9px;
}

#container #content #main #feature #lead ul li dl dd {
	font-size:1.2em;
	line-height:1.4167em;
	color:#808080;
}

#container #content #main #feature #lead .pic {
	position:absolute;
	top:133px;
	right:36px;
	z-index:100;
}

#container #content #main #feature div h4 {
	clear:both;
	margin-bottom:10px;
}

#container #content #main #feature #fat {
	padding-top:0px;
	position:relative;
	overflow:hidden;
}

* html #container #content #main #feature #fat {
	zoom:1;
}

#container #content #main #feature #fat p {
	float:right;
	display:inline;
	margin:10px 25px 0px 38px;
	width:320px;
	font-size:1.2em;
	line-height:1.6em;
	color:#808080;
}

#container #content #main #feature #fat p.pic {
	position:static;
	clear:right;
}

#container #content #main #feature #fat dl {
	position:absolute;
	top:49px;
	left:46px;
}

#container #content #main #feature #fat dl dt {
	margin-bottom:10px;
	font-size:1.2em;
	color:#808080;
}

#container #content #main #feature #comparison table {
	width:738px;
	border-bottom:1px solid #b5b5b6 ;
}

#container #content #main #feature #comparison table thead tr th ,
#container #content #main #feature #comparison table thead tr td {
	border-bottom:1px solid #b5b5b6;
}

* html #container #content #main #feature #comparison table thead tr td {
	width:98px;
}

*+html #container #content #main #feature #comparison table thead tr td {
	width:98px;
}

#container #content #main #feature #comparison table thead tr th {
	width:124px;
}

#container #content #main #feature #comparison table thead tr .crf {
	width:125px;
}

#container #content #main #feature #comparison table thead tr th img {
	margin-left:-1px;
}

* html #container #content #main #feature #comparison table thead tr th img {
	margin-left:0px;
}

*+html #container #content #main #feature #comparison table thead tr th img {
	margin-left:0px;
}

#container #content #main #feature #comparison table tbody tr th ,
#container #content #main #feature #comparison table tbody tr td {
	border-left:1px solid #b5b5b6;
	border-right:1px solid #b5b5b6;
	background:url(../img/border2.gif) left bottom repeat-x;
	text-align:center;
	line-height:1.3em;
	color:#595757;
}

#container #content #main #feature #comparison table tbody tr th {
	padding:8px 8px 9px;
}

#container #content #main #feature #comparison table tbody tr td {
	padding:5px 0px 6px;
}

#container #content #main #feature #comparison table tbody .even th ,
#container #content #main #feature #comparison table tbody .even td {
	background-color:#f0f0f0;
}

#container #content #main #feature #comparison table tbody .last th ,
#container #content #main #feature #comparison table tbody .last td {
	padding-bottom:5px;
	background-image:none;
}

#container #content #main #feature #comparison table tbody .last th {
	padding-bottom:8px;
}

#container #content #main #feature #comparison table tbody .last td {
	padding-bottom:5px;
}

#container #content #main #feature .link {
	overflow:hidden;
	padding:9px 9px 11px 0px;
}

* html #container #content #main #feature .link {
	height:41px;
}

#container #content #main #feature .link a {
	float:right;
	width:92px;
	height:21px;
}

/*----------------------------------------------------------------------
4.   クリニック紹介
----------------------------------------------------------------------*/
#container #content #main .clinic {
	overflow:hidden;
	margin-bottom:20px;
}

#container #content #main .clinic ul li {
	float:left;
	display:inline;
	width:385px;
	background:url(../img/index_clinic_bg.gif) left top repeat-y;
} 

#container #content #main .clinic .fukuoka {
	margin-left:20px;
} 

#container #content #main .clinic ul li dl {
	position:relative;
	background:url(../img/index_clinic_bg_footer.gif) left bottom no-repeat;
}

* html #container #content #main .clinic ul ,
* html #container #content #main .clinic ul li dl {
	height:1%;
}

*+html #container #content #main .clinic ul ,
*+html #container #content #main .clinic ul li dl {
	height:1%;
}

#container #content #main .clinic ul li dl dt {
	padding:5px 5px 17px;
	background:url(../img/index_clinic_bg_header.gif) left top no-repeat;
} 

#container #content #main .clinic ul li dl dd {
	margin:0px 5px 0px 166px;
/*	line-height:1.4em;*/
	line-height:1.3em;
	color:#595757;
}

#container #content #main .clinic ul li dl .pic {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
} 

#container #content #main .clinic ul .tokyo dl .pic {
	top:47px;
	left:18px;
} 

#container #content #main .clinic ul .fukuoka dl .pic {
	top:44px;
	left:24px;
} 

#container #content #main .clinic ul li dl .address {
	margin-top:-8px;
	margin-bottom:6px;
} 

#container #content #main .clinic ul li dl .tel {
	margin-bottom:11px;
} 

#container #content #main .clinic ul li dl .tel img {
	margin-bottom:4px;
} 

#container #content #main .clinic ul li dl .tel p {
	margin:0px 0px 4px 34px;
	font-size:9px;
} 

#container #content #main .clinic ul li dl .link {
	overflow:hidden;
/*	margin-top:14px;*/
	padding:5px 12px 9px 0px;
}

* html #container #content #main .clinic ul li dl .link {
	height:35px;
}

#container #content #main .clinic ul li dl .link a {
	float:right;
	width:92px;
	height:21px;
} 


/*----------------------------------------------------------------------
5.   
----------------------------------------------------------------------*/
/*
5-1.   
----------------------------------------------------------------------*/

/*
5-2.   
----------------------------------------------------------------------*/

/*
5-3.   
----------------------------------------------------------------------*/

/*
5-4.   
----------------------------------------------------------------------*/

/*
5-5.   
----------------------------------------------------------------------*/