@charset "UTF-8";

/*
======== table of content. ===============

summary:ワイヤーフレーム要素

- base link color
- html
- body
- div#wrapper
- header
- nav#globalMenu
- section#content
- promotion
- div#main
	- promo-content
	- promo-content mini
 - grid_2
	- grod_1
- aside#jhospital
- footer#globalfoot

==========================================
*/

/*----------------------------------------
base link color
------------------------------------------*/
a {
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out;
}

section#page-main a {
	-webkit-transition:color .6s ease-in-out;
	-moz-transition:color .6s ease-in-out;
	-o-transition:color .6s ease-in-out;
	transition:color .6s ease-in-out;
}

#content a { text-decoration:none; }
#content a:link, #content a:visited { color:#333; }
#content a:hover { color:#00734c; }
#content #parseXml li.bl-hover * { color:#00734c !important; }

a[href^="tel:"] { cursor: default; }

/*----------------------------------------
html
------------------------------------------*/
html {
	height:100%;
	background:#e8d9c6 url(../images/bg_html.jpg) repeat-y center top;
	background-attachment:fixed;
	*background-image:url(../images/bg_html_ie.jpg);
}

/*----------------------------------------
body
------------------------------------------*/
body {
	height:100%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
}

/*----------------------------------------
div#wrapper
------------------------------------------*/
#wrapper {
	position:relative;
	width:1000px;
	height:auto !important;   
	min-height:100%;  
	margin:0 auto;
	background-color:#fff;
}

/*----------------------------------------
header
------------------------------------------*/
header {
	position:relative;
	height:127px;
	background:transparent url(../images/bg_header.jpg) no-repeat;
}

#pcHeader {
	display:block;
}

#spHeader {
	display:none;
}

header h1,
header h2 {
	position:absolute;
	display:inline;
}

/* 聖路加国際病院ロゴ */
header h1 {
	left:55px;
	top:23px;
}

header h1 a {
	width:193px;
	padding-top:25px;
	background-image:url(../images/logo_text.png);
}

/* 聖路加国際病院ロゴ - 中央 */
header h2 {
	position:absolute;
	top:9px;
	left:437px;
}

header h2 span {
	display:block;
	width:129px;
	padding-top:76px;
	background-image:url(../images/logo.png);
}

/* 検索フォーム */
#globalSearch,
#cse-search-box {
	position:absolute;
	top:25px;
	right:70px;
}

/* Choose Language 20130819 Add */
#cse-search-box.withlanguage { right:32px; }

input#q {
	width:112px;
	height:15px;
}

#cse-search-box.withlanguage input#q { width:185px; }

/* 検索ボタン */
input.btglobalSearch {
	width:42px;
	height:19px;
	margin-left:-3px;
	background:transparent url(../images/bt_globalsearch.gif) no-repeat;
	border:none;
	cursor:pointer;
	text-indent:-999em;
	overflow:hidden;
}

input.btglobalSearch:hover {
	background-position:0 -19px;
}

/*-----
ヘッダファンクションメニューはnav.css
-----*/

/*----------------------------------------
nav#globalMenu
------------------------------------------*/
nav#globalMenu {
	position:relative;
	top:93px;
	height:34px;
}

/*-----
グローバルメニューはnav.css
-----*/

/*----------------------------------------
section#content
------------------------------------------*/
section#content {
	padding-bottom:60px;
}

/*----------------------------------------
promotion
------------------------------------------*/
#promotion {
	position:relative;
	height:230px;
	margin-bottom:25px;
	background:#e3c6a2 url(../images/bg_promotion.gif) repeat-x;
}

#promotion .featureNaviArea {
	position:absolute;
	top:17px;
	left:29px;
	width:343px;
	height:189px;
}

.featureNaviArea h1 {
	width:342px;
	height:21px;
	margin-bottom:6px;
	padding-top:15px;
	padding-bottom:16px;
	background:transparent url(../images/bg_h1_promotion.png) no-repeat;
}

/* 閉じるボタン */
#promotion .featureNaviArea li.close {
	position:absolute;
	top:-122px;
	*top:-134px;
	left:887px;
	z-index:9000;
}

#promotion .featureNaviArea li.close a {
	width:18px;
	padding-top:18px;
	background:transparent url(../images/bt_close.gif) no-repeat;
	box-shadow:1px 1px 3px #999;
	-webkit-box-shadow:1px 1px 3px #999;
	-moz-box-shadow:1px 1px 3px #999;
	behavior:url(/global/scripts/PIE.htc);
}

#promotion .featureNaviArea li.close a:hover {
	background-position:0 -18px;
}

#promotion .featureNaviArea li.close a.current {
	display:none;
}

#promotion .featureArea {
	position:absolute;
	top:0;
	left:400px;
	width:600px;
	height:230px;
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:500;
}

#promotion .featureArea .feature-content {
	position:relative;
	min-height:224px;
	margin:2px 2px 2px 0;
	border:1px solid #b18555;
	background:#fff url(../images/bg_feature-content.jpg) no-repeat;
	z-index:0;
}

.featureArea section.panels {
	position:absolute;
	display:none;
}

/*---------------------------------------
div#main
------------------------------------------*/
#main {
	margin-bottom:20px;	
	padding:0 25px;
}

/*----------------------------------------
promo-content
------------------------------------------*/
.promo-content {
	position:relative;
	height:293px;
	margin-bottom:33px;
	padding:0 18px 0 30px;
	_padding-left:20px;
	background:transparent url(../images/bg_promo-content.gif) repeat;
	border:1px solid #c0a065;
}

/* グローバルメニュープロモコンテント */
#guide-home .promo-content,
#about-home .promo-content,
#medical-home .promo-content,
#jobs-home .promo-content {
	height:237px;
}

.promo-scroll {
	position:relative; 
	width:885px;
	_width:890px;
	height:237px; 
	overflow:hidden;
}

.promo-scroll .scroll-items {
	width:20000em; 
	position:absolute; 
}

.scroll-panels {
	float:left;
}

/*-----
前の記事、次の記事、詳しくはこちらボタンはnav.css
-----*/

.promo-content section,
.clonedpanel section {
	position:relative;
	width:198px;
	height:215px;
	float:left;
	margin:10px 12px 10px 10px;
	background-color:#fff;
	border:1px solid #9c6e37;
	overflow:hidden;
}

.promo-content section h2 {
	min-height:18px;
	padding:5px 0;
	background:#997533 url(../images/bg_h2_promo-content.gif) no-repeat;
	border-bottom:1px solid #9c6e37;
	font-weight:bold;
	text-align:center;
}

#content .promo-content section h2,
#content .promo-content section h2 a {
	color:#fff;
}

.promo-content section .content-inner {
	padding:4px 9px;
}

.promo-content section .content-inner * {
	color:#333;
}

.promo-content section img {
	width:198px;
	height:91px;
	margin-bottom:-5px;
	border-bottom:1px solid #9c6e37;
}

.promo-content section p {
	line-height:1.4;
}

.promo-content section .content-inner img {
	width:auto;
	height:auto;
	margin-top:2px;
	margin-bottom:0;
}

/* マウスオーバー */
.promo-content section.bl-hover {
	border-color:#774913;
	-webkit-box-shadow:0 0 10px rgba(119,73,19,0.35);
	-moz-box-shadow:0 0 10px rgba(119,73,19,0.35);
	box-shadow:0 0 10px rgba(119,73,19,0.35);
	behavior:url(/global/scripts/PIE.htc);
}

.promo-content section.bl-hover h2 {
	background-position:0 -28px;
	background-color:#82580b;
}

.promo-content section.bl-hover h3,
.promo-content section.bl-hover p,
#content .promo-content section.bl-hover h3 a,
#content .promo-content section.bl-hover p a {
	color:#000;
}

.promo-content section.bl-hover img,
.promo-content section.bl-hover .content-inner img {
	border-color:#774913;
}

/* 診療科一覧 */
#unit-all {
}

#unit-all ul {
	height:91px;
}

#unit-all li.loading {
	margin:0;
	border:none;
}

#unit-all li {
	position:relative;
	display:none;
	width:198px;
	height:91px;
	border-bottom:1px solid #9c6e37;
}

#unit-all li img {
	position:absolute;
	clip:rect(0 198px 91px 0);
	-ms-interpolation-mode:bicubic;
}

#unit-all li span {
	position:absolute;
	bottom:0;
	_bottom:-1px;
	display:block;
	width:184px;
	min-height:10px;
	padding:2px 10px 2px 4px;
	background-color:rgba(255,255,255,0.6);
	filter:alpha(opacity=70);
	background:#fff\9;
	color:#7e5521;
	font-weight:bold;
	text-align:right;
}

/*
.promo-content section.bl-hover .content-inner img {
	-webkit-box-shadow:0 0 3px rgba(119,73,19,0.35);
	-moz-box-shadow:0 0 3px rgba(119,73,19,0.35);
	box-shadow:0 0 3px rgba(119,73,19,0.35);
}
*/

/*----------------------------------------
promo-content mini
------------------------------------------*/
#guide-home .promo-content.mini,
#about-home .promo-content.mini,
#jobs-home .promo-content.mini {
	height:222px;
	padding-left:29px;
	_padding-left:18px;
}

.promo-scroll-mini {
	position:relative; 
	width:890px;
	_width:900px;
	height:222px;
	overflow:hidden; 	
}

.promo-scroll-mini .scroll-items {
	width:20000em; 
	position:absolute; 
}

.promo-content.mini section {
	width:158px;
	height:200px;
	margin-right:8px;
	overflow:hidden;
}

.promo-content.mini section h2 {
	background-image:url(../images/bg_h2_promo-content-mini.gif);
}

.promo-content.mini section p {
	line-height:1.3;
}

.promo-content .promo-scroll-mini .content-inner img {
	width:138px;
	height:70px;	
	padding:0;
	border:1px solid #774913;
}

/*----------------------------------------
grid_2
------------------------------------------*/
#main .grid_2 {
	position:relative;
	width:460px;
	margin-bottom:38px;
}

/* タイトル */
.grid_2 .title {
	height:18px;
	padding:6px 6px 6px 9px;
	background:transparent url(../images/bg_title-grid_2.jpg) no-repeat;
}

/* 医療連携サイトマップタイトル */
.grid_2 .title.sitemap {
	height:14px;
	margin-bottom:8px;
	padding:6px 0;
	background:transparent url(../images/bg_title-sitemap-grid_2.gif) no-repeat;	
}

.grid_2 .title.sitemap h2 {
	display:block;
	float:none;
	width:300px;
	margin:0 auto;
	text-align:center;
}

.title h2,
.title ul,
.title li {
	display:inline-block;
}

.title h2 {
	float:left;
	margin-top:1px;
}

.grid_2 h3 {
	margin-bottom:4px;
	color:#774913;
	font-weight:bold;
}

.title ul {
	float:right;
}

.title li {
	float:left;
}

/*-----
一覧、RSSボタンはnav.css
-----*/

/* お知らせ記事 */
ul.information {
}

ul.information li {
	clear:both;
	width:430px;
	padding:10px 15px;
	border-bottom:1px solid #e8e8e8;
}

ul.information li.bl-hover {
	cursor:pointer;
}

/* お知らせの偶数行に背景をつける */
ul.information li.odd {
	*margin-top:-2px;
	background-color:#f8f6f3;
}

/* お知らせの最期の行ボーダー無し */
ul.information li.last {
	border:none;
}

/* リンク色 */
ul.information a {
	display:block;
	position:relative;
}

ul.information a .icon_label {
	display:inline-block; 
	width:70px;
	margin-bottom:5px;
	padding:1px 5px;
	background-color:#774913;
	color:#fff;
	font-size:11px;	
	font-weight:bold;
	text-align:center;
	
}
ul.information .list_guide a .icon_label {
	background-color:#0074bf;
}
ul.information .list_about a .icon_label {
	background-color:#56a764;
}
ul.information .list_medical a .icon_label {
	background-color:#9460a0;
}
ul.information .list_position a .icon_label {
	background-color:#de9610;
}

ul.information .important_info a .icon_label {
	background-color:#c93a40;
}

ul.information a p.date {
	color:#874b06;
}

ul.information a p.subhead {
	color:#4d4d4d;
}

/* マウスオーバー */
ul.information li.bl-hover a p {
	color:#00734c !important;
}

/* 日付、見出し */
ul.information p.date {
	float:left;
	width:100px;
}

ul.information p.subhead {
	float:right;
	width:330px;
}

.grid_2 .fl img {
	padding:1px;
	border:1px solid #774913;	
}

.googleNaviArea {
	width:436px;
	/*
	position:absolute;
	bottom:0;
	*/
	margin-top:16px;
	padding:8px 12px;
	background-color:#f8f6f3;	
}

/* Googleマップで見る。路線検索ボタン */
.googleNaviArea li a {
	padding-top:18px;
	background-image:url(../images/bt_googlenavi.png);
}

/* Googleマップで見る */
.googleNaviArea li.view-gmap {
	float:left;
}

.googleNaviArea li.view-gmap a {
	width:118px;
	background-position:0 0;
}

.googleNaviArea li.view-gmap a:hover {
	background-position:0 -18px;
}

/* 路線検索 */
.googleNaviArea li.reseach-transit {
	float:left;
}

.googleNaviArea li.reseach-transit a {
	width:77px;
	margin-left:10px;
	_margin-left:5px;
	background-position:-128px 0;
}

.googleNaviArea li.reseach-transit a:hover {
	background-position:-128px -18px;
}

/* 印刷用マップ */
.googleNaviArea li.print-map a {
	width:118px;
	margin-top:4px;
	padding-top:21px;
	background-image:url(../images/bt_mapforprint.png);
}

.googleNaviArea li.print-map a:hover {
	background-position:0 -21px;
}

/* マウスオーバー */
ul.pickup li.bl-hover a h3,
ul.pickup li.bl-hover a p.more {
	color:#00734c;
}

.grid_2 ul.pickup li.bl-hover img {
	border-color:#00734c;
}

/*----------------------------------------
grid_1
------------------------------------------*/
section.grid_1 {
	clear:both;
	position:relative;
	margin-bottom:33px;
}

/* タイトル */
.grid_1 .title {
	position:relative;
	height:18px;
	margin-bottom:2px;
	padding:6px;
	background:transparent url(../images/bg_title-grid_1.jpg) no-repeat;
}

.grid_1 .title h2 {
	display:block;
	float:none;
	width:300px;
	margin:0 auto;
	text-align:center;
}

.grid_1 .title ul {
	position:absolute;
	top:6px;
	right:0;
	_left:910px;
}

/* サイトマップタイトル */
.grid_1 #title-sitemap.title {
	height:14px;
	margin-bottom:8px;
	margin-left:1px;
	padding:6px 0;
	background:transparent url(../images/bg_title-sitemap-grid_1.gif) no-repeat;
}

/* サイトマップ共通アイテム */
.grid_1 .sitemapGrid {
	margin-bottom:50px;
}

.grid_1 .sitemapGrid section {
	float:left;
	border-left:1px solid #c1a065;
}

.grid_1 .sitemapGrid section.first {
	padding-left:0;
	border-left:none;
}

.grid_1 .sitemapGrid section h2 {
	padding:4px 0;
	border-bottom:double 3px #c1a065;
	font-weight:bold;
	text-align:center;
}

#content .grid_1 .sitemapGrid section h2,
#content .grid_1 .sitemapGrid section h2 a {
	color:#774913;	
}

#content .grid_1 .sitemapGrid section h2 a:hover {
	color:#00734c;	
}

.grid_1 .sitemapGrid section h2 a {
	display:block;
}

.grid_1 .sitemapGrid section h2 a:hover {
	background:transparent url(../images/bt_arrow_green.png) no-repeat 5px 2px;
	_background-image:url(../images/bt_arrow_green.gif);
	_background-position:5px 2px;
}

.grid_1 .sitemapGrid section ul {
	padding:8px 0;
}

.grid_1 .sitemapGrid section ul li {
	margin-bottom:10px;
	line-height:1.3;
	_line-height:0;
}

.grid_1 .sitemapGrid section ul li a {
	display:block;
	padding-left:14px;
	_line-height:normal;
}

.grid_1 .sitemapGrid section ul li a:hover {
	background:transparent url(../images/bt_arrow_green.png) no-repeat 5px 1px;
	_background-image:url(../images/bt_arrow_green.gif);
	_background-position:5px 0;
}


#content img { max-width: 100%; height: auto; }
#content figure { text-align: center; }
#content figure img { -webkit-box-sizing: border-box;  box-sizing: border-box; vertical-align: top; }
#content figcaption { margin-top: 5px; text-align: center; font-size: 10px; }

/*----------------------------------------
aside#jhospital
------------------------------------------*/
aside#jhospital {
	clear:both;
	padding:6px 0 6px 24px;
	background-color:#f2f1ed;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}

#jhospital li {
	float:left;
	margin-right:24px;
}

#jhospital li a {
	color:#333;
}

#jhospital li a:hover {
	color:#00734c;
}

/*----------------------------------------
footer#globalfoot
------------------------------------------*/
footer#globalfoot {
	clear:both;	
	position:absolute;
	*position:static;
	width:1000px;
	bottom:0;
	/* IE6 */
	_bottom:-1px;
	height:60px;
	background:transparent url(../images/bg_footer.jpg) no-repeat;
}

#pcFooternav {
	display:block;
}

#spFooter {
	display:none;
}

/* ページトップへ */
#topagetop {
	position:relative;
	text-align:right;
}

#topagetop p {
	padding-top:7px;
	padding-right:25px;
}

#topagetop a {
	height:16px;
	display:inline-block;
	padding:4px 24px 0 0;
	background:transparent url(../images/bt_topagetop.gif) no-repeat right top;
	color:#333;
}

#topagetop a:hover {
	background-position:100% -36px;
	color:#00734c;
}

#globalfoot * {
	line-height:1;
}

#globalfoot ul a {
	color:#fff;
}

#globalfoot ul,
#globalfoot p.copyright {
	height:8px;
	padding-top:10px;
	padding-bottom:8px;
}

/* フッタ左 */
#globalfoot ul {
	padding-left:25px;
}

#globalfoot ul,
#globalfoot li {
	float:left;
}

#globalfoot li a {
	padding-left:8px;
	padding-right:8px;
	background:transparent url(../images/bg_footer_divide.png) no-repeat 0 1px;
}

#globalfoot li.bgnone a { padding-left:0; background:none; }

#globalfoot li.first a {
	padding-left:0;
	background-image:none;
}

#globalfoot li a:hover {
	color:#1bd198;
}

/* コピーライト */
#globalfoot p.copyright {
	float:right;
	padding-right:25px;
	display:inline;
}

#globalfoot p.copyright small {
	display:block;
	float:left;
	width:342px;
	height:0;
	margin-top:1px;
	padding-top:12px;
	background:transparent url(../images/bg_footer_copyright.png) no-repeat;
	overflow:hidden;
}


#spLinkBlockInPc {
	display:none;
	padding:20px;
	background-color:#e8d9c6;
	font-size:2rem;
	text-align:center;
}

#spLinkBlockInPc a {
	display:block;
	color:#00734c;
}

.forpc { display:block; }
.forsp { display:none; }
img.forpc,
br.forpc { display:inline-block; }
img.forsp,
br.forsp { display:none; }