@charset "UTF-8";

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

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

File name: common.css
description: このウェブサイト共通のスタイルです。
Date: 2009/07/01
Editors: Sayoko Nishimura, Wataru Shitami
Table of contents:

	*reset style
		*layout
		*font
	*default style
	*common style
		*header
		*container
		*footer

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

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

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

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





/* reset style - layout */

html {
	color: #000;
	background: #FFF;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;     /* 短いページで縦スクロールバー領域が表示されない設定をリセット */
	overflow-x: scroll;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { border: 0; }

li { list-style: none; }

caption, th { text-align: left; }

th { vertical-align: baseline; }

/* reset style - fonts */

body {
	font-size: 15px;
	line-height: 1.6;
}

select, input, button, textarea { font: 99%; }

table {
	font-size: inherit;
	font: 100%;
}

address, caption, em, strong, th {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input, textarea, select { *font-size: 100%; }

/* default style */

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", Verdana, Arial, Helvetica, sans-serif; }

p, address, li, dt, dd, #breadcrumbs { color: #333333; }

p { margin-bottom: 36px; }

a {
	color: #333333;
	text-decoration: none;
}

a:visited { text-decoration: none; }

a:hover {
	color: #6A8021;
	text-decoration: underline;
}

a:active { color: #333333; }

.offleft {
	text-indent: -9999px; /*テキストを画面外へ飛ばす*/
	overflow: hidden; /*Firefoxで点線が画面外まで表示される問題を回避*/
}

.offleft-none { /*オフレフトしてもスペースが残る場合*/
	width: 0;
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { min-height: 1px; }

*html .clearfix { height: 1px; }

.margin-none { margin: 0; }

.margin-1em { margin-bottom: 18px; }

.raquo {
	font-size: 130%;
	font-weight: normal;
	margin-right: 11px;
}

*html .raquo {
	font-size: 100%;
	font-weight: bold;
}

/* common style - header */

#header-top {
	width: 100%;
	height: auto;
	margin-bottom: 70px;
}

#header {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}

#title-outline {
	height: 167px;
	border-bottom: 7px solid #EFEFF0;
	margin-bottom: 40px;
}

#designated-hospital {
	width: 100%;
	height: 20px;
	background-color: #344300;
	border-bottom: 7px solid #EFEFF0;
}

#designated-hospital p {
	width: 900px;
	height: 18px;
	padding-top: 2px;
	margin: 0 auto;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

#title {
	width: 900px;
	height: 140px;
	margin: 0 auto;
	position: relative;
}

h1 {
	position: absolute;
	top: 43px;
	left: 0;
}

h1 a {
	display: block;
	width: 353px;
	height: 37px;
	background: url(images/title.jpg) no-repeat;
}

#white-cross {
	position: absolute;
	top: 35px;
	right: 0;
}

#white-cross a {
	display: block;
	width: 122px;
	height: 35px;
	background: url(images/white-cross.jpg) no-repeat;
}



.arrow a {
	display: inline-block;
	font-size: 11px;
	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;
}



#gloval-nav {
	width: 900px;
	height: 31px;
	margin: 0 auto;
	margin-bottom: 40px;
}

#gloval-nav li { float: left; }

#gloval-nav li a {
	display: block;
	height: 31px;
	background: url(images/gloval-nav.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

li#home a {
	width: 97px;
	background-position: 0 0;
}

li#home a:hover { background-position: 0 -32px; }

li#introduction a {
	width: 120px;
	background-position: -97px 0;
}

li#introduction a:hover { background-position: -97px -32px; }

li#hospitalization a {
	width: 146px;
	background-position: -217px 0;
}

li#hospitalization a:hover { background-position: -217px -32px; }

li#regional-medical-service a {
	width: 147px;
	background-position: -363px 0;
}

li#regional-medical-service a:hover { background-position: -363px -32px; }

li#associated-facilities a {
	width: 107px;
	background-position: -510px 0;
}

li#associated-facilities a:hover { background-position: -510px -32px; }

li#inquiry a {
	width: 134px;
	background-position: -617px 0;
}

li#inquiry a:hover { background-position: -617px -32px; }

li#mail-of-sympathy a {
	width: 149px;
	background-position: -751px 0;
}

li#mail-of-sympathy a:hover { background-position: -751px -32px; }


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



#breadcrumbs span { color: #000; }


/* common style - container */

#container {
	width: 100%;
	height: auto;
	border-bottom: 7px solid #EFEFF0;
}

.section {
	width: 900px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 120px;
}

#breadcrumbs {
	width:900px;
	text-align: right;
	font-size: 10px;
	position: absolute;
	top: 5px;
	right: 0;
}

.section-inline {
	width: 830px;
	height: auto;
	margin: 0 35px;
}

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

.more-info a:hover { background-position: 0 -36px; }

.more-info-flow a {
	display: block;
	width: 202px;
	height: 36px;
	background: url(images/more-info-flow.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.more-info-flow a:hover { background-position: 0 -36px; }

#up {
	width: 900px;
	height: 22px;
	margin: 0 auto;
}

#up a {
	display: inline-block;
	padding-left: 15px;
	background: url(images/up.jpg) no-repeat 0 3px;
	font-size: 12px;
	font-weight: bold;
	color: #6A8021;
	float: right;
}

#up a:hover {
	background-position: 0 -15px;
	text-decoration: none;
	color: #344300;
}

/* common style - footer */

#footer-outline {
	width: 900px;
	height: 140px;
	margin: 0 auto;
	font-size: 12px;
	position: relative;
}

#address {
	font-size: 13px;
	line-height: 1.4;
	position: absolute;
	bottom: 8px;
	left: 0;
}

#address h2 {
	width: 260px;
	height: 27px;
	background: url(images/address.jpg) no-repeat;
	margin-bottom: 15px;
}

#utility-nav {
	position: absolute;
	bottom: 5px;
	right: 0;
}

#utility-nav li {
	padding-left: 15px;
	background: url(images/raquo.jpg) no-repeat 0 6px;
	float: left;
	margin-left: 2em;
}

#copyright {
	width: 100%;
	height: 20px;
	background-color: #344300;
	border-top: 7px solid #EFEFF0;
}

#copyright address {
	width: 900px;
	height: 17px;
	padding-top: 2px;
	margin: 0 auto;
	font-size: 10px;
	color: #FFF;
	text-align: right;
}