@charset "UTF-8";

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

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

File name: outline.css
description: outline.html固有のスタイルです。
Date: 2009/07/09
Editors: Sayoko Nishimura, Wataru Shitami
Table of contents: -

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

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

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

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



#switch a {
	display: block;
	width: 48px;
	height: 25px;
	float: left;
	background: url(../../images/enlarge.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

a#standard {
	background-position: -105px -25px;
}

a#standard:hover {
	background-position: -105px -50px;
}

a#enlarge {
	background-position: -153px 0;
}

a#enlarge:hover {
	background-position: -153px -50px;
}




.arrow a {
	display: inline-block;
	font-size: 12px;
	padding-left: 20px;
	background: url(../../images/arrow.jpg) no-repeat 0 2px;
	color: #898989;
}

.arrow a:hover {
	background-position: 0 -17px;
	color: #333;
	text-decoration: none;
}

#reha {
	position: absolute;
	top: 116px;
	right: 461px;
}

#support-center {
	position: absolute;
	top: 116px;
	right: 212px;
}

#negd {
	position: absolute;
	top: 116px;
	right: 0;
}





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

#specialty {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 18px;
	color: #6A8021;
	line-height: 1.4;
	margin-bottom: 10px;
}

#hospital-info {
	width: 830px;
	margin-bottom: 70px;
}

#hospital-image {
	width: 426px;
	height: 287px;
	margin-bottom: 0;
	float: left;
}

#hospital-address {
	width: 404px;
	height: auto;
	padding: 12px 0px 5px 0px;
	font-size: 14px;
	float: left;
}

#hospital-info h3 { float: left; }

#hospital-info h3, #hospital-info h3 a, #google-map, #google-map a {
	font-size: 12px;
	font-weight: bold;
	color: #6A8021;
}

#hospital-info h3, #google-map {
	padding-left: 1.5em;
	background: url(../../images/raquo-ge.jpg) no-repeat 0 6px;
}

#hospital-images {
	width: 404px;
	height: 140px;
	margin-top: 18px;
	float: left;
}

#hospital-images li {
	width: 93px;
	height: 140px;
	margin-right: 10px;
	display: inline; /*IE6のマージンバグ対策*/
	float: left;
}

#hospital-images img {
	display: block;
	width: 93px;
	height: 140px;
}

li#right-side { margin-right: 0; }

#hospital-images p {
	font-size: 10px;
	padding-left: 1.5em;
	background: url(../images/enlarge.jpg) no-repeat 0 6px;
	padding-top: 5px;
	clear: both;
}

#philosophy { margin-bottom: 100px; }

#philosophy h3, #guide h3, #plot-plan h3, #transportation h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 15px;
	padding-left: 20px;
	background: url(../images/arrow-bk.jpg) no-repeat 0 4px;
	margin-bottom: 1.6em;
}

#philosophy table {
	width: 790px;
	margin-left: 20px;
}

#philosophy th, #philosophy td { border: 1px dotted #CCC; }

#philosophy th {
	font-size: 14px;
	padding: 10px 30px;
	background: url(../images/bar-bk.jpg) no-repeat 0 14px;
}

#philosophy td { color: #333; }

#philosophy span {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 17px;
	margin-left: 30px;
	padding-top: 4px;
}

#philosophy ul, #philosophy p {
	font-size: 13px;
	margin-top: 12px;
	margin-bottom: 1.6em;
	margin-left: 30px;
}

#guide { margin-bottom: 120px; }

#guide h3 {
	font-size: 15px;
	padding-left: 20px;
	background: url(../images/arrow-bk.jpg) no-repeat 0 4px;
	margin-bottom: 1.6em;
}

#rehab {
	width: 820px;
	margin-bottom: 21px;
}

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

#guide a:hover { border-color: #D7D7D8; }

#rehab h4 { float: left; }

#rehab h4 a {
	display: block;
	width: 533px;
	height: 131px;
	background: url(../images/thumb-rehab.jpg) no-repeat;
}

#rehab p {
	width: 540px;
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.5;
	float: left;
}

#rehab ul {
	width: 260px;
	float: right;
}

#guide li {
	margin-bottom: 10px;
	float: left;
}

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

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

li#outpatient { margin-right: 0; }

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

#plot-plan { margin-bottom: 100px; }

#plot-plan-inline { padding-top: 20px; }

#illust, #bed {
	margin-bottom: 0;
	float: left;
}

#bed {
	width: 235px;
	height: 250px;
	padding: 20px 20px;
	margin-top: 67px;
	margin-left: 62px;
	border: 1px dotted #CCC;
	display: inline; /*IE6のマージンバグ対策*/
}

#bed p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 18px;
	color: #344300;
	margin-bottom: 25px;
}

#bed p span {
	font-size: 13px;
	color: #333;
	line-height: 1.4;
}

#bed li {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 16px;
	color: #6A8021;
	margin-bottom: 15px;
	line-height: 1.4;
}

#bed li span {
	font-size: 13px;
	color: #333;
}

#transportation { margin-bottom: 150px; }

#transportation-inline {
	margin-top: 60px;
	margin-bottom: 50px;
}

#map {
	width: 456px;
	margin-right: 44px;
	float: left;
	display: inline; /*IE6のマージンバグ対策*/
}

#map p { margin-bottom: 10px; }

#transportation table {
	width: 330px;
	height: 357px;
	margin-top: 17px;
	margin-bottom: 10px;
	float: left;
}

#transportation th {
	border: 1px dotted #CCC;
	padding: 10px 0 10px 30px;
}

#transportation td {
	border: 1px dotted #CCC;
	padding: 15px 0 15px 30px;
}

#transportation th {
	font-size: 14px;
	background: url(../images/bar-bk.jpg) no-repeat 0 14px;
}

#transportation td {
	color: #333;
	vertical-align: baseline;
}

td#bus { padding-left: 29px; }

#bus ul { margin-bottom: 10px; }

#bus li {
	font-size: 14px;
}

#bus p {
	font-size: 11px;
	margin-bottom: 0;
	margin-left: 1px;
}

#transportation address {
	font-size: 12px;
	line-height: 1.5;
	float: left;
}



/* pop up windows */

#image {
	text-align: center;
	margin: 30px;
}

#close {
	margin-bottom: 10px;
	text-align: center;
}

#side #close { width: 860px; }

#vertical #close { width: 510px; }