@charset "utf-8";
/* CSS Document */
/* HTML5 New tag Reset */
/****************************************
		1. 基本設定 
*****************************************/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	/*border-collapse:collapse;*/
	/*border-spacing:0;*/
}
img {
	border:0;
}
ul,ol,li {
	list-style:none;
}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/
body{
	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;/* IE用 */
    *font:x-small;/* IE 互換モード用 */
	background:#aaa;
}

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

header, section, footer, aside, nav, article, figure, hgroup { 
	margin:0;
	padding:0;
	display: block;
}
/*ここからフロート用のクリアフィックス設定*/
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix{
    zoom:1;
}
/*クリアフィックス設定ここまで*/

/*ここまでは↑変更しないでください。*/
/****************************************
		Layout 
*****************************************/


body{
	background-color:#fff;	
	}

#wrapper {
	width:960px;
	margin:0 auto;
	background-color:#FFF;
	font-family:‘ヒラギノ角ゴ ProN W3′, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
	color:#333;
}


/*ヘッター*/
header	{
background-color: #fff;
}

header h1{
	margin:0;
}

/*ヘッダーの中の上部ナビゲーションバー*/
header nav {
	height: 30px;
}

header nav li {
	float:left;
}


header nav a {
	display: block;
	width: 160px;
	height: 35px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	margin: 0 0 10px;	
	color: #0a398c;
	background-image:url("images/clinic_b_off_02.gif");/*ヘッター部分メニューボタン*/
	text-decoration: none;
}

header nav a:hover {
	color:#92c0ea;
	background-image:url("images/clinic_b_on_07.gif");/*ヘッター部分メニューボタンマウス時*/
}


/*パンくずリストなび*/
.pankuzu{
	text-align:right;
	padding:10px;
	color:#999;
}


/*左サイドカテゴリーメニュー*/
#side_menu {
	float:left;
	background:#ffffff;
	width:240px;
	padding-right:10px;
}

#side_menu  .dr_link  a {
	display: block;
	color:#0a398c;
	text-decoration:none;
	height:50px;
	font-size:1.2em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	background-image:url("images/dr_b_off_13.gif");/*ドクター紹介ボタン背景画像*/
	margin: 30px 0px;
}

#side_menu  .dr_link a:hover {
	background-image:url("images/dr_b_on_13.gif");/*ドクター紹介ボタン背景画像マウス時*/
}

/*サイドの追加リンク*/
.side_link li a {
	display:block;
	width:200px;
	padding:10px 5px;
	color:#06C;
	font-size:1.3em;
	font-weight: bold;
}
/*サイドの追加リンクここまで*/


/*右main領域*/
#main{
	width:700px;
	padding-left:10px;
	float:right;
	background-color:#fff;
	}

/*右main領域のお知らせタイトル部分*/
#main section{
}

#main article h1{/*#main section h1*/
	color:#1290b1;
	text-align:center;
	font-size:18px;
	background-image:url("images/clinic_h_25.gif");/*メイン領域のタイトル背景画像*/
	height:40px;
	line-height:40px;
	letter-spacing:0.2em;
	}


/*メイン領域の説明文*/

p{
	font-size:1.2em;
	line-height:2;
}

p.p{/*バランスよく文章見せてます。*/
		font-size:1.2em;	
		color: 666;
		line-height:2;
		padding:10px 30px;
}

/*メイン領域のセクションくくりの中のイメージ画像の間隔*/
#main section p.p_img{		
	margin-bottom:10px;
}
	
	h1{
	font-weight:bold;	
}
	
	h2{
	text-align:center;
	margin:10px;
	}
	
	h3{
	font-size:1.4em;
	color:#003;
	margin-top: 20px;
	margin-bottom:10px;
}
/*表*/
table th{
	padding: 5px;
	color: #333;
	background-color: #e0f6ff;
}
table td{
	padding: 10px;
	border-style: solid;
	border-color: #999;
}



/*ページトップへ*/
#page{
	clear:both;
	width: 160px;
	height: 30px;
	float: right;
	margin-top: 100px;
	margin-bottom: 30px;		

	}

#page a{
	display: block;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 10px;	
	padding-left:20px;
	background-image:url("images/page_top_b_off.gif");
	background-repeat:no-repeat;
	color:#00F;
	text-decoration: none;
	}
#page a:hover{
	color:#999;
	background-image:url("images/page_top_b_on.gif");
	}


/*フッター部分*/
footer{
	clear: both;
	background-image: url("images/clinic_footer_29.gif");
	width:960px;
	/*height:250px;*/
}
footer p {
	text-align:center;
	padding:10px;
	}
footer nav{
	width:910px;
	padding:20px 25px;}	
footer nav li {
	float:left;
}


footer nav a {
	display: block;
	width: 130px;
	height: 35px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	margin: 0 0 10px;	
	color: #0a398c;	
	text-decoration: none;
}

/*医院紹介について追加設定*/
.haba{
	padding-left:20px;
	}
.haba_x{
	padding-left:40px;
	}
/*内科・小児科ついて追加設定*/

.subtable{
	margin-bottom:15px;
	
}
/*予防接種*/
.b{
	color:#F00;
	}
.subtable_x{
	text-align:center;
}

/*感染症予防のページについて追加設定*/
.font_color{
	color:#F00;
}
.kannswnnsyou_table td{
	width:200px;
}

.kannswnnsyou {
	background-color:#e1faff;
}

/*Dr紹介ページ追加設定*/

/*→page playをつけるなら.dr_side_b{
	margin: 30px 0px;
	}*/
.dr{
	padding:40px 0 60px;
	}

.dr_fot{
	margin-bottom: 10px;		
	}
.dr_fot_img{
	float:left;

}

.dr_p{
	width:380px;
	float:right;
	padding-left:20px;
	padding-right:0px;
}

















/*医院内紹介追加機能*/
.iinnai_table table{
	border-collapse:collapse;
}
.iinnai_table td{
	border:none;
	}


#viewer { 



 
    margin: 0 auto; 




    width: 960px; 



 
    height: 500px; 



 
    text-align: left; 



 
    overflow: hidden; 



 
    position: relative; 




} 




  




#viewer img { 



 
    top: 0; 



 
    left: 0; 



 
    position: absolute; 



15 
}