@charset "UTF-8";

/*================================================
　 画面用CSS Document 
================================================*/

/*================================================
  各ページ共通部
================================================*/

/*ページの基本設定
------------------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
}

body{
	font-size:90%;
	color:black; 
	background-color:#DFF9DF;
	}

* html body{	/*IE6対策*/		
	text-align:center;
	}

p, li ,td{
	line-height:1.4;
	}

img{
	border:0;
	}
	
table{
	width:96%;
	border-collapse:collapse;
	margin:-20px 0px 20px 2%;
	margin:0px 0px 20px 2%;
	}

*:first-child+html table{
	margin-top:-50px;
	margin-top:20px;
	}

* html table{
	margin-top:-50px;
	margin-top:20px;
	}

th{
	vertical-align:middle;
	background-color:#F2FFE8;
	text-align:center;
	padding:5px;
	border:solid 1px #003300;
	}
	
td{
	vertical-align:top;
	padding:5px;
	border:solid 1px #003300;
	}
	
	
/*　画像
------------------------------------------------*/	
.img{
	text-align:center;
	}

.img-explain{
	display:block;
	text-align:left;
	}

/*　途中で改行したくないとき
------------------------------------------------*/	
.block{
	display:block;
	}

/*　IE6センタリング用
------------------------------------------------*/	
.centering{
	text-align:center;
	width:99%;
	}

/*clearfix
------------------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
	
.clearfix {
	display:block;
	}
/* End hides from IE-mac */
	


	
/*================================================
  コンテナ部
================================================*/

#container {
	background-color:#FFFFFF;
	text-align:left;
	position: relative;
	width: 988px;
	margin:0 auto;
	border-left:2px solid #C6E8A4;
	border-right:2px solid #C6E8A4;
}

/*================================================
  ヘッダ部
================================================*/
#header{
	clear:both;
	width:100%;
	min-height:15px;
	padding:0px 0px 0px 0px;
	margin:0 auto;
	}

* html #header{
	height:15px;
	}

/*ロゴと見出し
------------------------------------------------*/
#header .logo-h1{
	float:left;
	width:53%;
	padding:10px 0% 0px 2%;
	}

/*見出し１
------------------------------------------------*/	
#header  h1{
	clear:both;
	width:96%;
	font-size:110%;
	font-weight:bold;
	line-height:1.4em;
	text-align:right;
	color:#00000;
	padding:20px 0% 5px 0%;
	margin:10px 0% 10px 0%;
	}

/*診療案内 使っていない
------------------------------------------------*/
/*#header .header-info{
	float:left;
	width:40%;
	}

* html #header .header-info{
	width:40%;
	}

#header .header-info  h2{
	width:100%;
	background-color:#C3EAE4;
	font-size:130%;
	text-align:center;
	color:#0070BF;
	padding:5px 0% 5px 1%;
	margin:0px 0% 0px 0%;
	}

#header .header-info p{
	font-size:80%;
	font-weight:bold;
	color:#2B9C8A;
	padding:5px 2% 5px 2%;
	}
	
#header .header-info a{
	color:#FF8C8C;
	text-decoration:none;
	}
	
#header .header-info a:hover{
	color:#CC99FF;
	}
	
#header .header-info .uketsuke{
	width:97%;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color:#04663E;
	margin:0px 0% 5px 3%;
	border-bottom:#2B9C8A 3px double;
	}
	
#header .header-info .header-tel{
	width:90%;
	font-size:160%;
	font-weight:bold;
	background-color:#2B9C8A;
	color:#FFFFFF;
	text-align:center;
	margin:5px 0% 5px 3%;
	}

* html #header .header-info .header-tel{	
	width:95%;
	}*/
	
/*================================================
  wrapper部
================================================*/
#wrapper{
	clear:both;
	width:100%;
	}

/*================================================
  メイン部
================================================*/
#main{
	float:right;
	width:80%;
	text-align:center;
	margin:10px 0.5% 10px 0%;
	}
	
#main p{
	padding:5px 5% 5px 5%;
	}
	
/*見出し２
------------------------------------------------*/	
#main  h2{
	clear:both;
	width:99%;
	background-color:#C6E8A4;
	min-height:20px;
	font-size:130%;
	text-align:left;
	padding:5px 0% 5px 1%;
	margin:0px 0% 10px 0%;
	}

* html #main .item h2{	/*IE6対策*/
	width:100%;
	height:20px;
	}

/*見出し３
------------------------------------------------*/	
#main  h3{
	clear:both;
	width:95%;
	font-size:120%;
	text-align:left;
	border-bottom:#C3EAE4 2px dotted;
	padding:5px 0% 5px 1%;
	margin:0px 0% 0px 0%;
	}

/*キャッチコピー-->使っていない
------------------------------------------------*/
/*#main .catch-copy{
	background-color:#C3EAE4;
	clear:both;
	width:92%;
	text-align:left;
	border:#EDD9E0 solid 2px;
	padding:5px 3% 5px 3%;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:5px;
	}

* html #main .catch-copy{	
	width:98%;
	}

#main .catch-copy p{
	font-size:110%;
	font-weight:bold;
	line-height:1.2;
	padding:3px 5px 0px 5px;
	}

#main .catch-copy strong{
	font-size:120%;
	color:#BA43FA;
	}

#main .catch-copy .link{
	text-align:right;
}

#main .catch-copy a{
	color:#3399FF;
}

#main .catch-copy a:hover{
	color:#336666;
}*/

/*トップページインフォメーション-->使っていない
------------------------------------------------*/
/*#main .top-info{
	clear:both;
	width:98%;
	background-color:#B1EFB1;
	text-align:left;
	padding:5px 0px 5px 0px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	}

#main .top-info1{
	clear:both;
	width:99%;
	}

#main .top-info1 p{
	background-color:#E7FAE7;
	margin:3px 0% 3px 1%;
	}

#main .top-info2{
	float:left;
	width:38%;
	padding:20px 0% 0px 0%;
	}*/

/*医師
------------------------------------------------*/
#main .doctor table{
	width:55%;
	margin-top:-20px;
	margin-top:0px;
	}

*:first-child+html #main .doctor table{
	margin-top:-60px;
	margin-top:0px;
	}

* html #main .doctor table{
	margin-top:-60px;
	margin-top:0px;
	}

#main .doctor td{
	width:25%;
	border:0;
	}

/*外来受付時間
------------------------------------------------*/
#main .time{
	font-weight:bold;
	font-size:130%;
	padding:0px 0% 10px 0%;
	}

/*予約の案内
------------------------------------------------*/
#main .reserve{
	font-size:120%;
	padding-left:6%!important;
	}

/*電話番号
------------------------------------------------*/
#main .tel{
	font-size:90%;
	padding-left:6%!important;
	}

/*各課診療案内時間割テーブル
------------------------------------------------*/
#main .timetable td{
	width:13%;
	text-align:center;
	vertical-align:middle;
	}

* html #main .timetable td{
	}

/*斜め線*/
#main .timetable .oblique{
    background-image:url("../img/oblique.gif");
	background-position:-2px 0px;
	background-repeat:no-repeat;
	margin:0px 0% 0px 0%;
	}


/*医師名
------------------------------------------------*/
#main .doctor-name{
	text-align:right;
	padding-right:10%!important;
	}

/*補足
------------------------------------------------*/
#main .hosoku{
	font-size:90%;
	padding-left:5%!important;
	}

/*　待合室・診察室　画像
------------------------------------------------*/	
.room-img{
	clear:both;
	width:100%;
	padding:0px 0% 0px 2%!important;
	}

.room-img p{
	float:left;
	text-align:center;
	padding:10px 1% 0px 0%!important;
	}

.treatment-room-name{
	clear:both;
	padding-left:0%!important;
	}

/*　段落内のまわりこみ画像
------------------------------------------------*/	
.point-photo{
	float:right;
	padding:10px 2% 0px 1%;
	}

/*アイテムstart
------------------------------------------------*/	
#main .item{
	text-align:left;
	padding:0px 0% 10px 0%;
	margin:3px 1% 3px 1%;
	}

#main .item p{
	padding:5px 5% 5px 3%;
	}
	
#main .item .strong{
	color:#339F7C;
	font-weight:bold;
	}

/* ボタン風リンク
------------------------------------------------*/	
#main .button-like{
	display:block;
	width:88%;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#164536;
	background-color:#F5FDC4;
	border:#164536 2px solid;
	padding:5px;
	margin:0px 0px 0px 2%;
	}

* html #main .button-like{		/*IE6対策*/
	width:95%;
	}

#main .button-like a{
	text-decoration:none;
	}
	
/*================================================
  サブ部
================================================*/
#sub{
	float:left;
	width:18%;
	text-align:center;
	margin:10px 0% 10px 0.4%;
	}

* html #sub{	/*IE6対策*/
	width:16%;
	}

/*フォントサイズ変更
------------------------------------------------*/
#sub .change-font-size{
	width:98%;
	padding:0px 0% 5px 1%;
	text-align:center;
	}

* html #sub .change-font-size{	/*IE6対策*/	
	width:110%;
	}

#sub .change-font-size a{
	font-size:90%;
	}

/*診療所情報
------------------------------------------------*/
#sub .sub-info{
	clear:both;
	width:92%;
	background-color:#F2FFE8;
	text-align:left;
	margin:5px 0% 5px 2%;
	padding:5px 0% 5px 4%;
	}

* html #sub .sub-info{	/*IE6対策*/
	width:105%;
	}

#sub .sub-info p{
	font-size:85%;
	}

#sub .sub-info .clinic-name{
	font-size:120%;
	font-weight:bold;
	}

#sub .sub-info .clinic-tel{
	font-size:100%;
	font-weight:bold;
	}

/*================================================
  ナビゲーション部
================================================*/
#navi{
	clear:both;
	width:96%;
	margin:0px 0% 5px 2%;
	padding:0px 0% 7px 0%;
	}

* html #navi{	/*IE6対策*/
	height:40px;
	width:107%;
	}
	
#navi a{
	display:block;
	width:95%;
	background-color:#C6E8A4;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	text-align:left;
	color:#04663E;
	padding:5px 0% 5px 4%;
	margin:2px 0% 2px 0%;
	}

* html #navi a{		/*IE6対策*/
	width:100%;
	height:10px;
	}
	
#navi a:hover{
	color:#004055;
	}

#navi li{
	text-align:center;
    list-style-type:none;
	width:100%;
	}
	
/*================================================
  フッタ部
================================================*/
#footer{
	width:100%;
	clear:both;
	font-size:90%;
	text-align:center;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

* html #footer{	/*IE6対策*/
	width:100%;
	}
	
#footer p{
	margin:0.5em 0px 0.5em 0px;
	}
	
#footer .copyright{
	clear:both;
	}
	
#footer .copyright a{
	text-decoration:none;
	color:#000000;
	}