@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/

* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
}

body {
	background-image: url(image/walloutside.jpg);
	font-size: small;
	font-family:"メイリオ",sans-serif;
}

#pagebody {
	width:1000px; margin:0 auto;			/*内容全体をセンタリング*/
	height:auto;	
	background-image: url(image/wasi.jpg);
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
#pagebody {
	width:100%;
}	
}

.centered {text-align:center;}
.righted {text-align:right;}

/*============================================
ヘッダ
============================================*/

#header {
	height:auto;
	background-image: url(image/header.jpg);
	clear:both;
}
#header img {
	border:0;
}

/*============================================
フッター
============================================*/

#footer {
	clear:both;
	background-image: url(image/footer.jpg);
	height:40px;
	padding:10px 0px 0px 0px;
	text-align:center;
}

/*============================================
段組レイアウトなし画面
メイン画面
============================================*/

#contents {
	text-align:left;
	width: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	display:table;
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
#contents {
	width: 90%;
}
}

#contents h2 {
	font-size: medium;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contents ul {
	padding-left:20px;
}

/*============================================
段組レイアウトなし画面
中央部メインテーブル
============================================*/

table.tbl_info {
	width:900px;						
	border-collapse:collapse;
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
table.tbl_info {
	width:90%;						
}
}
								
table.tbl_info td.single {
	padding:5px;
	text-align:left;
}
								/* Members_detail.phpの２列画像表示部 */ 
								/*スマホではdisplay:blockで縦に並べる*/
table.tbl_info td.double {
	max-width:400px;
	height:auto;
	text-align:center;
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
table.tbl_info td.double {
	display:block;
	max-width:100%;
}	
}
								/* Announce_detail.php <i>タグのイメージ表示部 */
table.tbl_info img.single {
	max-width: 90%;
	height: auto;
	text-align:center;
}
								/* 第1カラム日付 Announce.php */
table.tbl_info td.fst {
	width:100px;	
	padding:5px;
	text-align:left;
	color:#000000;
	border-bottom:dotted #666666 1px;
}
								/* 第2カラムタイトル Announce.php */
table.tbl_info td.snd {
	padding:5px;
	width:750px;
	text-align:left;
	color:#000000;
	border-bottom:dotted #666666 1px;
}
								/* インデックスボタン用カラム Announce.php */
table.tbl_ind {
	width:200px;						
	color:#000000;
	border-collapse:collapse;
}

table.tbl_ind td {
	height:auto;
	width:50px;
	text-align:left;
	color:#000000;
}
								/* spanタグにboldを設定 */
table.tbl_info span {
	font-weight:bold;
}

/*============================================
段組レイアウトなし画面
中央部メインテーブル枠あり
============================================*/

table.tbl_simple {
	width:900px;
	border-style:solid;
	border-width:1px;
	border-color:#33CC00;						
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
table.tbl_simple {
	width:90%;
}
}
								/* フルカラムアンダーラインドット Vaccination.php Disease.php */
table.tbl_simple td.full {
	padding:5px;
	text-align:left;
	color:#000000;
	border-bottom:dotted #666666 2px;
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
table.tbl_simple td.full {
	max-width: 90%;
}
}

								/* シングルカラム内画像はサイズ調節 */
table.tbl_simple img.single {
	max-width: 100%;
	height: auto;
}
								/* 第1カラム日付 Emergency.php ByoujiHoiku.php FAQ.php */
table.tbl_simple td.fst{
	padding:0px;
	width:80px;
	text-align:left;
	color:#000000;
	border-style:solid;
	border-width:1px;						
}
								/* 第2カラム日付 Emergency.php ByoujiHoiku.php FAQ.php.php */
table.tbl_simple td.snd{
	padding:0px;
	width:auto;
	text-align:left;
	color:#000000;
	border-style:solid;
	border-width:1px;						
}
								/* spanタグにboldを設定 */
table.tbl_simple span {
	font-weight:bold;
}

/*============================================
	病気目次用 Disease_contents.php
============================================*/

table.tbl_disT { 
	width: 900px; 
}

table.tbl_disT th {
	width: 20%;
	border: 1px solid #33CC00;
	background:#F4F4F4;
}

table.tbl_disT td {
	border: 1px solid #33CC00;
	text-align: left;
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
table.tbl_disT {
	width: 90%; 
}
	
table.tbl_disT th { 
	display: block;
	width: 100%;
	border-top:none;
}

table.tbl_disT td { 
	display: block;
	width:100%;
	border-top:none; 
}	
	
}

/* スマホ用、画面幅780pxまで */
@media screen and (max-width:780px){
	
/*============================================
google map スマホレスポンシブ表示用		Map.php
============================================*/

.gglmap {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}

.gglmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}	
	
}