@charset "UTF-8";
/********************************************************************************/
/*	医院ページ用								*/
/********************************************************************************/
/* トップページ用CSS
----------------------------------------------------

	1. 大枠等
	2. リンクテキスト
	3. 隠し要素
	4. 画像
	5. 回り込み解除
	6. 見出し,段落,div等ブロック要素マージン	
	7. ヘッダー
	8.メインコンテンツ
	9.フッター
	
----------------------------------------------------
*/



/*	1. 大枠等
-----------------------------------------------	*/

* {
font-family: Arial, Helvetica, sans-serif;
}


body{
text-align:center;
margin:0px;
padding:0px;
font-size: 13px;
line-height: 1.5;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333333;
background-image:url(../images/bg_view_body.gif);
}



/*	2. リンクテキスト
-----------------------------------------------	*/

a:link{color:#3333CC;text-decoration:none;}
a:visited{color:#3333CC;text-decoration:none;}
a:hover{color:#3333CC;text-decoration:underline;}



/*	3. 隠し要素
-----------------------------------------------	*/

.rmv
{
display:block;
position:absolute;
top:-9999px;
left:-9999px;
width:0px;
height:0px;
margin:0px;
padding:0px;
}

/*	4. 画像
-----------------------------------------------	*/
img {
margin: 0;
padding: 0;
border:none;
line-height: 0;
}

/*	5. 回り込み解除
-----------------------------------------------	*/
.clear{
clear:both;
}

.clear_fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear_fix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear_fix {height: 1%;}
.clear_fix {display: block;}
/* End hide from IE-mac */




/*	6. 見出し,段落,div等ブロック要素マージン
-----------------------------------------------	*/
/*-----段落要素 -----*/

p{
margin:7px 0px 10px 0px;
}

/*--------見出し--------*/

#contents h2 span{
display: block;
float: left;
text-indent: -9999px;
font-size: 0px;
}

/*	7. ヘッダー
-----------------------------------------------	*/
#hedder{
background-color:#80C31C;
margin:0px;
padding:0px 0px 0px 0px;
text-align:center;
}

#hedder_in{
width:782px;
background-image:url(../images/bg_view_header.gif);
background-repeat:no-repeat;
background-position:top center;
margin:0px auto;
padding:30px 0px 10px 0px;
text-align:left;
}

#header_left{
padding:0px;
margin:0px;
width:550px;
float:left;
}

#header_right{
padding:0px;
margin:0px;
width:220px;
float:right;
}


/*---医院名---*/	
#hedder h1{
font-size: 23px;
margin:15px 0px 0px 31px;
color:#000066;
}




/*	8. メインコンテンツ
-----------------------------------------------	*/
#contents{
width:782px;
margin:0px auto;
padding:0px;
background-image:url(../images/bg_view_contents.gif);
background-repeat:repeat-y;
background-position:center;
text-align:center;
border:0;
}

#contents_wrap{
width:720px;
margin:0px 31px 0px 31px;
padding:10px 0px 10px 0px;
text-align:left;
}

/*	段組左
------------------------------*/
#left_col{
padding:0px;
margin:0px;
width:430px;
width:630px;
float:left;
}

.left_col_wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.left_col_wrap {
display: inline-block;
width:430px;
width:630px;
margin:0px 0px 5px 0px;
padding:0px;
}

/* Hides from IE-mac \*/
* html .left_col_wrap {height: 1%;}
.left_col_wrap {display: block;}
/* End hide from IE-mac */


#left_col h2{
float:left;
width:110px;
padding:0px;
margin:0px;
height:39px;
}

#left_col p{
float:right;
width:310px;
width:510px;
}


/*	段組右
------------------------------*/
#right_col{
padding:0px;
margin:0px;
width:280px;
float:right;
}


/*	下
------------------------------*/
#bottom{
padding:10px 0px 0px 0px;
margin:0px;
clear:both;
}

.bottom_wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.bottom_wrap {
display: inline-block;
width:720px;
margin:0px 0px 5px 0px;
padding:0px;
}

/* Hides from IE-mac \*/
* html .bottom_wrap {height: 1%;}
.bottom-wrap {display: block;}
/* End hide from IE-mac */


#bottom h2{
float:left;
width:110px;
padding:0px;
margin:0px;
height:39px;
}

#bottom p{
float:right;
width:600px;
}


/*--------診療時間--------*/

.bottom_wrap table{
width:600px;
float:right;
border-top-color:#999999;
border-top-style:solid;
border-top-width:1px;  
border-left-color:#999999;
border-left-style:solid;
border-left-width:1px;
margin:0px;
padding:0px;
}

.bottom_wrap th.row{
text-align:center;
background-color:#F2FEF5;
color:#666666;
font-weight:bold;
padding:3px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;  
border-right-color:#999999;
border-right-style:solid;
border-right-width:1px; 
}

.bottom_wrap th.col{
background-color:#E8F3F1;
color:#666666;
font-weight:bold;
padding:3px;
text-align:center;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;  
border-right-color:#999999;
border-right-style:solid;
border-right-width:1px; 
}

.bottom_wrap td{
background-color:#FFFFFF;
padding:3px;
font-size:11px;
width:71px;
text-align:center;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;  
border-right-color:#999999;
border-right-style:solid;
border-right-width:1px; 
}
		
/*	9. フッター
-----------------------------------------------	*/

#footer{
clear:both;
width:782px;
margin:0px auto;
padding:0px;
background-image:url(../images/bg_view_footer.gif);
background-position:top;
background-repeat:no-repeat;
height:80px;
text-align:center;
}


#footer p.copyright{
margin: 0px 0px 0px 0px;
padding: 10px 31px 0px 0px;
text-align: right;
font-size:11px;
color:#666666;
}


/*	10. 418ページへボタン
-----------------------------------------------	*/

p.to418{
	background-image:url(../images/to418.gif);
	background-position: right;
	background-repeat:no-repeat;
	padding:10px 20px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	clear:both;
}