@charset "UTF-8";

/* CSS Infomation --------------------

燿光リハビリテーション病院ウェブサイト

File name: top.css
description: トップページ固有のスタイルです。
Date: 2009/07/01
Editors: Sayoko Nishimura, Wataru Shitami
Table of contents: -

--------------------------------------*/

/* Update history --------------------

Date: 2009/10/11
Last editor: Sayoko Nishimura
Contents of update: -

--------------------------------------*/



#swf {
	width: 900px;
	height: 230px;
	border: 1px solid #EFEFEF;
	margin: 0 auto;
}

#substitution-for-swf {
	width: 900px;
	height: 230px;
	background: url(images/top.jpg) no-repeat;
	position: relative;
}

#hint {
	position: absolute;
	top: 210px;
	left: 280px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

#banner {
	position: absolute;
	top: 186px;
	right: 5px;
}



#intro h2 {
	width: 900px;
	height: 34px;
	background: url(images/intro.jpg) no-repeat;
	margin-bottom: 50px;
}

#intro ul {
	width: 900px;
	height: 155px;
	margin-bottom: 35px;
	position: relative;
}

#intro li a {
	border: 6px solid #EFEFF0;
	text-indent: -9999px;
	overflow: hidden;
}

#intro li a:hover { border-color: #D7D7D8; }

li#rehab a {
	display: block;
	width: 590px;
	height: 143px;
	background: url(images/rehab.jpg) no-repeat;
}

li#recup {
	position: absolute;
	top: 0;
	right: 0;
}

li#recup a {
	display: block;
	width: 276px;
	height: 61px;
	background: url(images/recup.jpg) no-repeat;
}

li#care {
	position: absolute;
	bottom: 0;
	right: 0;
}

li#care a {
	display: block;
	width: 276px;
	height: 61px;
	background: url(images/care.jpg) no-repeat;
}

#bed {
	font-size: 13px;
	color: #000000;
	margin-bottom: 2em;
	margin-left: -5px;
}

#bed span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
	margin-left: 5px;
	font-size: 18px;
	color: #344300;
}

#hospitalization h2 {
	width: 900px;
	height: 48px;
	background: url(images/hospitalization.jpg) no-repeat;
	margin-bottom: 40px;
}

h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 18px;
	margin-bottom: 20px;
}

#hospitalization ol {
	width: 900px;
	height: 136px;
	margin-bottom: 3.2em;
}

#hospitalization li {
	height: 152px;
	float: left;
	display: inline; /*IE6のマージンバグ対策*/
	text-indent: -9999px;
	overflow: hidden;
}

li#home-or-facilities {
	width: 351px;
	background: url(images/home.jpg) no-repeat;
}

li#emergency {
	width: 254px;
	background: url(images/emergency.jpg) no-repeat;
}

li#reha-ward {
	width: 295px;
	background: url(images/reha-ward.jpg) no-repeat;
}

#topics { margin-bottom: 120px; }

#topics h2 {
	width: 900px;
	height: 54px;
	background: url(images/topics.jpg) no-repeat;
	margin-bottom: 20px;
}

#topics ul { margin-bottom: 3.2em; }

#topics li {
	padding-left: 1.5em;
	background: url(images/raquo-gr.jpg) no-repeat 0 8px;
	margin-bottom: 0.2em
}

#list a {
	display: block;
	width: 188px;
	height: 36px;
	background: url(images/list.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#list a:hover { background-position: 0 -36px; }