@charset "utf-8";
/* CSS Document */
html{
}

/* not IE */
body {
	font-family:'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProW3', sans-serif;
}

/* for IE  */
* html body {
	font-family: 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック';
}


body{
	/*height:100%;*/
	font-size:14px;
	color:#333333;
	line-height:1.5em;
}

body,ol,ul,h1,h2,h3,h4,p{
	margin:0px;
	padding:0px;
}


body.body-bg-top{
	background:url(../img/common/top_bg_repeater.gif) repeat-x #ffffff;
}

body.body-bg{
	background:url(../img/common/bg_repeater.gif) repeat-x #ffffff;
}

/* 共通 ****************************************************************************************************/
#header a#logo, #contents h1, #navigation-top a, #navigation a, .to-pagetop a{
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/* FireFox用：リンク押下時破線をボタン幅に適用させるHack \*/
	overflow:hidden;
	/**/
}

h1.hide{
	height:0px;
	font-size:0px;
}
/* wrapper *************************************************************************************************/
#wrapper-bg{
	margin:auto;
	text-align:center;
	width:720px;
}

#wrapper{
	background-color:#FFFFFF;
	position:relative;
	left:0px;
	width:720px;
	text-align:left;
	border-left:solid #999999 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
}

/* WIN IE6以前 */
*html #wrapper{
	left:0px;
}
/* WIN IE7 */
*:first-child+html #wrapper{
	left:0px;
}

/* header *******************************************************************************************/
#header{
	margin:auto;
	background:url(../img/common/main_top_bg.gif) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:720px;
	height:100px;
}

#header #header-address{
	color:#999999;
	position:absolute;
	top:4px;
	right:10px;
	font-size:12px;
}

#header a#title-logo{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/common/logo.gif) no-repeat;
	position:absolute;
	top:20px;
	left:10px;
	width:285px;
	height:60px;
}

#header a#btn-totop{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/common/btn_2top.gif) no-repeat;
	position:absolute;
	top:45px;
	right:5px;
	width:100px;
	height:20px;
}

#header a:hover#btn-totop{
	background-position:-100px 0px;
}

/****************************************************************************************************/

/* title ********************************************************************************************/
#title-aboutOurClinic{
	width:700px;
	height:100px;
	background:url(../img/aboutOurClinic/title.gif) no-repeat;
}
#title-accessMap{
	width:700px;
	height:100px;
	background:url(../img/accessMap/title.gif) no-repeat;
}
#title-medicalCare{
	width:700px;
	height:100px;
	background:url(../img/medicalCare/title.gif) no-repeat;
}
#title-privacy{
	width:700px;
	height:100px;
	background:url(../img/privacy/title.gif) no-repeat;
}


/****************************************************************************************************/


/* contents *****************************************************************************************/
#contents{
	padding:100px 10px 10px 10px;
}
/* WIN IE6以前 */
*html #contents{
	padding:100px 10px 10px 10px;
}
/* WIN IE7 */
*:first-child+html #contents{
	padding:100px 10px 10px 10px;
}

#main-contents-wrapper{
	background:url(../img/common/main_contents_wrapper_bg.gif) repeat-y;
	width:700px;
	position:static;
}

#main-contents-wrapper-top{
	background:url(../img/top/main_contents_wrapper_bg.gif) repeat-y;
	width:700px;
	position:static;
}

#main-contents-wrapper-top #main-contents{
	float:right;
	width:465px;
}

#main-contents-wrapper #main-contents{
	float:right;
	width:470px;
}

#main-contents-wrapper-top #main-contents-top{
	background:url(../img/top/contents_bg_top.jpg) no-repeat;
	width:465px;
	height:30px
}

#main-contents-wrapper #main-contents-top{
	background:url(../img/common/contents_bg_top.jpg) no-repeat;
	width:470px;
	height:10px
}

#main-contents-wrapper #main-contents #main-contents-middle{
	width:448px;
	padding-left:11px;
	padding-right:11px;
}

#main-contents-wrapper-top #main-contents #main-contents-middle{
	background:url(../img/top/contents_message.gif) no-repeat;
	background-position:50px 0px;
	width:415px;
	height:381px;
	font-size:0px;
	text-indent:-9999px;
}

#main-contents-wrapper-top-bottom{
	background:url(../img/top/main_contents_wrapper_bottom.gif) no-repeat;
	background-position:bottom;
	width:700px;
	height:5px;
}

#main-contents-wrapper-bottom{
	background:url(../img/common/main_contents_wrapper_bottom.gif) no-repeat;
	background-position:bottom;
	width:700px;
	height:5px;
}

/****************************************************************************************************/

/* navigation ************************************************************************************/
#navigation-top ul li, #navigation ul li{
	height:100%;
	margin:0px;
	padding:0px;
	display:inline;
}

#navigation-top, #navigation {
	float:left;
	width:200px;
	padding:9px 9px 9px 9px;
	background-image:url(../img/common/navigation/navi_bg.gif);
	background-repeat:repeat-x;
	background-color:#f9f9f9;
	border-top: solid #dddddd 1px;
	border-left: solid #dddddd 1px;
	border-right: solid #dddddd 1px;
	height:100%;
}

#navigation-top #phone-number{
	background:url(../img/top/box_phone_number.gif) no-repeat;
	width:200px;
	height:115px;
	font-size:0px;
	text-indent:-9999px;
}

#navigation-top a{
	width:200px;
	background-image:url(../img/common/navigation/btn_top.jpg);
	background-repeat:no-repeat;
}

#navigation a{
	width:200px;
	background-image:url(../img/common/navigation/btn.jpg);
	background-repeat:no-repeat;
}

#navigation-top a#l-medicalcare{
	height:59px;
	background-position:0px 0px;
}
#navigation-top a#l-aboutclinic{
	height:59px;
	background-position:0px -59px;
}
#navigation-top a#l-map{
	height:60px;
	background-position:0px -118px;
}
#navigation-top a#l-privacy{
	height:35px;
	background-position:0px -178px;
}

#navigation-top a:hover#l-medicalcare{
	height:59px;
	background-position:-200px 0px;
}
#navigation-top a:hover#l-aboutclinic{
	height:59px;
	background-position:-200px -59px;
}
#navigation-top a:hover#l-map{
	height:60px;
	background-position:-200px -118px;
}
#navigation-top a:hover#l-privacy{
	height:35px;
	background-position:-200px -178px;
}


#navigation-top a#l-medicalcare-on{
	height:59px;
	background-position:-200px 0px;
}
#navigation-top a#l-aboutclinic-on{
	height:59px;
	background-position:-200px -59px;
}
#navigation-top a#l-map-on{
	height:60px;
	background-position:-200px -118px;
}
#navigation-top a#l-privacy-on{
	height:35px;
	background-position:-200px -178px;
}


#navigation a#l-medicalcare{
	height:46px;
	background-position:0px 0px;
}
#navigation a#l-aboutclinic{
	height:46px;
	background-position:0px -46px;
}
#navigation a#l-map{
	height:47px;
	background-position:0px -92px;
}
#navigation a#l-privacy{
	height:35px;
	background-position:0px -139px;
}


#navigation a:hover#l-medicalcare{
	height:46px;
	background-position:-200px 0px;
}
#navigation a:hover#l-aboutclinic{
	height:46px;
	background-position:-200px -46px;
}
#navigation a:hover#l-map{
	height:47px;
	background-position:-200px -92px;
}
#navigation a:hover#l-privacy{
	height:35px;
	background-position:-200px -139px;
}

#navigation a#l-medicalcare-on{
	height:46px;
	background-position:-200px 0px;
}
#navigation a#l-aboutclinic-on{
	height:46px;
	background-position:-200px -46px;
}
#navigation a#l-map-on{
	height:47px;
	background-position:-200px -92px;
}
#navigation a#l-privacy-on{
	height:35px;
	background-position:-200px -139px;
}

/***************************************************************************************************/


/* footer *******************************************************************************************/
#footer{
	position:relative;
	clear:both;
	color:#999999;
	text-align:right;
	background:url(../img/common/main_bottom_bg.gif) no-repeat;
	
}

/****************************************************************************************************/

/* privacy ****************************************************************************************/
#h2-intro{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/privacy/h2_intro.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}
#h2-about{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/privacy/h2_about.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}
#h2-purpose{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/privacy/h2_purpose.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}

.ui-privacy li{
	font-size:12px;
	list-style-type:disc;
	margin-left:10px;
}

/****************************************************************************************************/


/* accessMap ****************************************************************************************/
#h2-address{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/accessMap/h2_address.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}
#h2-map{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/accessMap/h2_map.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}
.h3-privacy{
	background:url(../img/privacy/h3_mark.gif) no-repeat;
	background-position:0% 50%;
	border-bottom:solid 1px #CCCCCC;
	text-indent:15px;
	font-weight:normal;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	color:#666666;
}

/****************************************************************************************************/

/* medicalCare **************************************************************************************/
#h2-consultation{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/medicalCare/h2_consultation.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}
#h2-reserve{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/medicalCare/h2_reserve.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}
#h2-time{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/medicalCare/h2_time.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}

.h3-medicalCare{
	background:url(../img/medicalCare/h3_mark.gif) no-repeat;
	background-position:0% 50%;
	border-bottom:solid 1px #CCCCCC;
	text-indent:15px;
	font-weight:normal;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	color:#666666;
}

.medicalCare-phonenumber{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/medicalCare/phone_number.gif) no-repeat;
	width:430px;
	height:44px;
	margin-left:10px;
}

#table-timetable{
	margin-left:10px;
	margin-top:10px;
	width:430px;
	height:140px;
	border-collapse:collapse;
}
#table-timetable td{
	border:1px solid #D5D5D5;
	text-align:center;
	vertical-align:middle;
}
#table-timetable .title{
	background-color:#f9f9f9;
}

.table-timetable-imageO{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/medicalCare/O.gif) no-repeat;
	width:30px;
	height:30px;
	margin:auto;
}
.table-timetable-imageX{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/medicalCare/X.gif) no-repeat;
	width:30px;
	height:30px;
	margin:auto;
}
#list-medicalCare{
background-color:#666666;
 padding-bottom:50px;
	margin-bottom:10px;
}
.ul-medicalCare{
	font-weight:bold;
	background:url(../img/medicalCare/list_mark.gif) no-repeat;
	background-position:0% 50%;
	text-indent:15px;
	font-size:14px;
	color:#666666;
}

/****************************************************************************************************/

/* aboutOurClinic ***********************************************************************************/
#h2-doctor{
	text-indent: -9999px;
	font-size:0px;
	background:url(../img/aboutOurClinic/h2_doctor.gif) no-repeat;
	width:450px;
	height:31px;
	margin-bottom:10px;
}
.h3-aboutOurClinic{
	background:url(../img/aboutOurClinic/h3_mark.gif) no-repeat;
	background-position:0% 50%;
	border-bottom:solid 1px #CCCCCC;
	text-indent:15px;
	font-weight:normal;
	font-size:14px;
	margin:0px 10px 5px 10px;
	color:#666666;
}
.h4-aboutOurClinic{
	font-weight:bold;
	font-size:14px;
	color:#666666;
}

.h5-aboutOurClinic{
	background:url(../img/aboutOurClinic/h5_mark.gif) no-repeat;
	background-position:0% 50%;
	text-indent:15px;
	font-weight:normal;
	font-size:14px;
	margin:10px 0px 0px 0px;
	padding:0px;

}

.image-aboutOurClinic{
	margin-right:15px;
	margin-bottom:5px;
	float:left;
}

/****************************************************************************************************/

.indent{ 
	padding-left:10px;
	padding-right:10px;
}
.indent2{ 
	padding-left:20px;
	padding-right:20px;
}
.indent3{ 
	padding-left:30px;
	padding-right:30px;
}


.clear{ clear:both; }
hr { display:none; }

li{
	list-style-type:none;
}
.dotted-underline{
	line-height:0.5em;
	border-bottom:#CCCCCC dotted 1px;
}

.table-left{
	float:left;
	width:15%;
}
.table-right{
	float:left;
	width:85%;
}

.left{
	float:left;
}
.right{
	float:right;
}
	
.caution{
	color:#FF0000;
}
.strong{
	font-weight:bold;
}
.blue{
	color:#37a4cd;
}
.text{
	margin-top:5px;
	text-indent:1em;
	line-height:1.7em;
}
.text2{
	font-size:12px;
	text-indent:1em;
}
.text3{
	font-size:12px;
}

.up_pagetop_txt {
	float:right;
	padding-top:10px;
	margin-right:5px;
	font-size:12px;
	background:url(../img/common/btn_2pagetop.gif) no-repeat;
	background-position:0% 70%;
	text-indent:10px;
}
.up_pagetop_txt a{
	color:#999999;
}
.up_pagetop_txt a:hover{
	color:#999999;
}