@charset "UTF-8";

/*全てのWebページの背景色をホワイトリリーに設定*/
body {
	margin: 0;
	padding: 0;
	background-color: #f0f6da;
}

/*全てのWebページに適用*/
.wrapper {
 margin: 0 auto 0 auto;
 width: 900px
}

/*全ての<h2>タグのテキストの色を深緑にしフォントサイズを20px
h2の下に深緑の点線ボーダーを引きマージンとパディングも設定*/
h2 {
	color: #003300;
	font-size: 20px;
	border-bottom: 2px dotted #003300;
	margin: 20px 0px 20px 0px;
	padding: 10px;
}

/*全ての<p>タグのテキストが複数行になった場合に行の高さを調整*/
p {
	line-height: 160%;
}

/*全ての<a>タグのテキストのリンク色をダイナミック擬似クラスで調整*/
/*a:link　通常　薄い青*/
/*a:visited　リンク先が訪問済み　薄い青*/
/*a:hover　マウスポインタがリンクに乗っている　薄い青より少し濃い*/
/*a:active　マウスポインタが押されている　クリアな青*/
a:link {
	color: #6aa4d6;
}
a:visited {
	color: #6aa4d6;
}
a:hover {
	color: #4f7697;
}
a:active {
	color: #aed3f2;
}

/*全ての<h1>タグのマージンの上下を30pxにパディングは0に設定
テキストの上下の隙間もゼロに設定、ウインドウ全体に対して中央揃えで配置*/
h1 {
	margin: 30px 0px 30px 0px;
	padding: 0;
	line-height: 0;
	text-align: center;
}

/*全てのWebページに適用　ブラウザによっては<a>タグ内に<img>タグが含まれる場合
画像の周りにリンクである事を示すボーダーが表示される為そのボーダーを消すための処理*/
img {
	border-style: none;
}
	
/*#navの<li>を横に並ぶようdisplayプロパティでブロック表示(縦表示)をインライン表示(横表示)へ変更
リスト項目の先頭に付く中黒(・)も非表示、右のパディングを8pxに設定*/
#nav li {
	display: inline;
	list-style-type: none;
	padding-right: 8px;
}

/*ナビゲーションメニューの背景画像を指定　下のマージンを10px空けている　フォントを22px*/
#nav {
	margin: 10px 0 10px 0;
	padding: 15px 30px 10px 30px;
	font-size: 22px;
	background-image: url(images/menu-back.jpeg);
}

/*既にダイナミック擬似クラスで変更しているリンクの色をナビゲーションメニューの色のみカスケードによって変更
更にtext-decorationプロパティの値をnoneにしてリンクの下線をなくす*/
#nav li a:link {
	color: #6b7b6e;
	text-decoration: none;
}
#nav li a:visited {
	color: #bb5548;
	text-decoration: none;
}
#nav li a:hover {
	color: #3a5b52;
	text-decoration: none;
}
#nav li a:active {
	color: #7ebea5;
	text-decoration: none;
}

/*ルートディレクトリにあるファイルのフッター調整*/
#footer {
	background-image: url(images/footer.png);
	background-repeat:repeat-x;
	margin-top: 30px;
	padding: 50px 0 20px 0;
	font-size: smaller;
	color: #003300;
}


/*　ホ　ー　ム　ペ　ー　ジ　*/

/*　top.jpgをセンターに配置　*/
.topimg {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/*　お知らせのマージンをなくす　*/
.oshirase {
	margin: 0 0 0 0;
}


/*　診　療　案　内　ペ　ー　ジ　*/

/*　診療時間、連絡先tableの外枠　*/
table.cont1 {
	border-collapse: collapse;
	border: 2px solid #005243;
}

/*　診療時間、連絡先tableのセルのパディング調整、線の太さとスタイルと色、テキストの横の配置、縦の配置　*/
table.cont1 th, table.cont1 td {
	padding: 10px 15px 10px 15px;
	border: 1px solid #005243;
	text-align: center;
	vertical-align: middle;
}

/*　診療時間、連絡先tableの見出セル（thタグ）背景色とフォントの色調整　*/
table.cont1 th {
	background-color: #7ebeab;
	color: #2f5d50;
}


/*　お　知　ら　せ　ペ　ー　ジ　*/

/*　GW中のお知らせtableの外枠　*/
table.noti {
	border-collapse: collapse;
	border: 2px solid #005243;
}

/*　GW中のお知らせのセルのパディング調整、線の太さとスタイルと色、テキストの横の配置、縦の配置　*/
table.noti th, table.noti td {
	padding: 10px 15px 10px 15px;
	border: 1px solid #005243;
	text-align: center;
	vertical-align: middle;
}

/*　GW中のお知らせtableの見出セル（thタグ）背景色とフォントの色調整　*/
table.noti th {
	background-color: #7ebeab;
	color: #2f5d50;
}


/*　ア　ク　セ　ス　ペ　ー　ジ　*/

/*　アクセスページのtableの外枠　*/
table.acce {
	border-collapse: collapse;
	border: 2px solid #005243;
}

/*　アクセスページのtableのパディング調整、線の太さとスタイルと色、テキストの横の配置、縦の配置　*/
table.acce th, table.acce td {
	padding: 10px 15px 10px 15px;
	border: 1px solid #005243;
	text-align: left;
	vertical-align: middle;
}

/*　アクセスページのtableの見出セル（thタグ）背景色とフォントの色調整　*/
table.acce th {
	background-color: #7ebeab;
	color: #2f5d50;
}