@charset "UTF-8";

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

summary:各種JS効果用
- ツールチップ（トップページ）
- ツールチップ（通常）
- オーバーレイ
- オーバーレイ時院内ページ設定
- グラフ

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

/*----------------------------------------
ツールチップ（トップページ）
------------------------------------------*/
.stickytooltip {
	box-shadow:1px 1px 5px #a2a2a2;
	-webkit-box-shadow:1px 1px 5px #a2a2a2;
	-moz-box-shadow:1px 1px 5px #a2a2a2;
	display:none;
	position:absolute;
	display:none;
	border:3px solid #fff;
	background:#fff;
	z-index:3000;
}

.stickytooltip .stickystatus {
	background:#fff;
	color:white;
	padding-top:5px;
	text-align:center;
	font-size:10px;
}

/*----------------------------------------
ツールチップ（通常）
------------------------------------------*/
.tooltip {
	display:none;
	background-color:#ffa;
	border:1px solid #cc9;
	padding:3px;
	box-shadow:2px 2px 5px #999;
	-moz-box-shadow:2px 2px 5px #999;
	-webkit-box-shadow:2px 2px 5px #999;
	behavior:url(/global/scripts/PIE.htc);
}

/*----------------------------------------
ツールチップ（リンク用）
------------------------------------------*/
.tooltip-link {
	display:none;
	width:120px;
	height:42px;
	padding:4px 13px 27px 25px;
	background:transparent url(../images/bg_tooltip-link.png) no-repeat;
	color:#fff;
	font-weight:bold;
}

/*----------------------------------------
オーバーレイ
------------------------------------------*/
a.overlay,
a.overlay_mini {
	display:inline-block;
	position:relative;
}

a span.icon_overlay {
	display:block;
	position:absolute;
	top:-2px;
	left:-2px;
	width:16px;
	height:16px;
	background:transparent url(../images/icon_enlarge.gif) no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
	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);
}

a:hover span.icon_overlay {
	background-image:url(../images/icon_enlarge_hover.gif);
}

a.overlay_page span.icon_overlay {
	background:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;	
}

a.overlay_page:hover span.icon_overlay {
	background:none;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	box-shadow:1px 1px 30px #222;
	-webkit-box-shadow:1px 1px 30px #222;
	-moz-box-shadow:1px 1px 30px #222;	
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:hidden;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
	background:url(../images/overlay/overlay.png) 0 0 repeat;
}
#colorbox {
}
#cboxTopLeft {
	width:21px;
	height:21px;
	background:url(../images/overlay/controls.png) -100px 0 no-repeat;
}
#cboxTopRight {
	width:21px;
	height:21px;
	background:url(../images/overlay/controls.png) -129px 0 no-repeat;
}
#cboxBottomLeft {
	width:21px;
	height:21px;
	background:url(../images/overlay/controls.png) -100px -29px no-repeat;
}
#cboxBottomRight {
	width:21px;
	height:21px;
	background:url(../images/overlay/controls.png) -129px -29px no-repeat;
}
#cboxMiddleLeft {
	width:21px;
	background:url(../images/overlay/controls.png) left top repeat-y;
}
#cboxMiddleRight {
	width:21px;
	background:url(../images/overlay/controls.png) right top repeat-y;
}
#cboxTopCenter {
	height:21px;
	background:url(../images/overlay/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
	height:21px;
	background:url(../images/overlay/border.png) 0 -29px repeat-x;
}
#cboxContent {
	background:#fff;
}
#cboxLoadedContent {
	margin-bottom:40px;
}
#cboxTitle {
	position:absolute;
	bottom:2px;
	left:0;
	text-align:center;
	width:100%;
	color:#949494;
	font-size:120%;
	font-weight:bold;
}
#cboxCurrent {
	position:absolute;
	bottom:4px;
	left:58px;
	color:#949494;
}
#cboxSlideshow {
	position:absolute;
	bottom:4px;
	right:30px;
	color:#0092ef;
}
#cboxPrevious {
	position:absolute;
	bottom:0;
	left:0px;
	background:url(../images/overlay/controls.png) -75px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	background-position:-75px -25px;
}
#cboxNext {
	position:absolute;
	bottom:0;
	left:27px;
	background:url(../images/overlay/controls.png) -50px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxNext.hover {
	background-position:-50px -25px;
}
#cboxLoadingOverlay {
	background:url(../images/overlay/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background:url(../images/loading.gif) center center no-repeat;
}
#cboxClose {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/bt_close_withtext.gif) no-repeat;
	width:65px;
	height:22px;
	text-indent:-9999px;
}
#cboxClose.hover {
	background-position:0 -22px;
}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note:AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*
.cboxIE #cboxTopLeft {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight {
	background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/overlay/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}
*/

/*----------------------------------------
オーバーレイ院内ページ時設定
------------------------------------------*/
/*----------------------------------------
html
------------------------------------------*/
html.overlaypage {
	background:none !important;	
}

/*----------------------------------------
div#wrapper
------------------------------------------*/
.overlaypage #wrapper {
	width:760px !important;
	*width:660px !important;
	*margin:0;
	*padding:0;
}

/*----------------------------------------
header
------------------------------------------*/
.overlaypage header {
	display:none;
}

/*----------------------------------------
nav#globalMenu
------------------------------------------*/
.overlaypage nav#globalMenu {
	display:none;
}

/*----------------------------------------
section#content
------------------------------------------*/
.overlaypage section#content {
	padding-bottom:10px;
}

/*----------------------------------------
promotion
------------------------------------------*/
.overlaypage #promotion {
	display:none;
}
/*----------------------------------------
div#main
------------------------------------------*/
.overlaypage #main {
	width:760px;
	*width:700px !important;
	position:relative;
	clear:both;
	*float:none !important;
	margin:0 !important;	
	padding:0 !important;	
}

/* page-main */
.overlaypage section#page-main {
	position:relative;
	margin-top:0;
	*margin-left:0 !important;
}

.overlaypage section#page-main .ml40 {
	margin-left:0 !important;
}

/* ページユーティリティ */
.overlaypage #page-Util {
	display:none;
}

.overlaypage .shinryoka-news,
.overlaypage #shinryoka-general-nav {
	display:none;
}

.overlaypage #shinryoka-panels {
	width:713px;
	*width:700px !important;
	border:1px solid #e8d9c7;
	-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);	
	margin-left:auto;
	margin-right:auto;
	
}

.overlaypage .expand,
.overlaypage .back,
.overlaypage .toPageAnchor {
	display:none;
}

.overlaypage .shinryoka-content {
	position:absolute;
	top:0;
}

.overlaypage .shinryoka-content {
	position:absolute;
	top:0;
}

/*----------------------------------------
div#sub
------------------------------------------*/
.overlaypage #understair #sub {
	display:none;
}

/*----------------------------------------
footer#globalfoot
------------------------------------------*/
.overlaypage footer#globalfoot {
	display:none;
}

/* ページトップへ */
.overlaypage #topagetop {
	display:none;
}

/*----------------------------------------
グラフ
------------------------------------------*/
#content .jqplot-target table {
	width:auto;
}

#content .jqplot-target table,
#content .jqplot-target table th,
#content .jqplot-target table td {
	border-color:#ddd;
}

#content .jqplot-target table th,
#content .jqplot-target table td {
	padding:3px;
}

/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
	position:relative;
	color:#666;
	/*
	height:300px;
 width:400px;
	*/
}

/*rules applied to all axes*/
.jqplot-axis {
	font-size:10px;
}

.jqplot-xaxis {
	margin-top:10px;
}

.jqplot-x2axis {
	margin-bottom:10px;
}

.jqplot-yaxis {
	margin-right:10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis {
	margin-left:10px;
	margin-right:10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
	position:absolute;
}

.jqplot-xaxis-tick {
	top:0px;
	/* initial position untill tick is drawn in proper place */
	left:15px;
/*padding-top:10px;*/
	vertical-align:top;
}

.jqplot-x2axis-tick {
	bottom:0px;
	/* initial position untill tick is drawn in proper place */
	left:15px;
	/*padding-bottom:10px;*/
	vertical-align:bottom;
}

.jqplot-yaxis-tick {
	right:0px;
	/* initial position untill tick is drawn in proper place */
	top:15px;
	/*padding-right:10px;*/
	text-align:right;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
	left:0px;
	/* initial position untill tick is drawn in proper place */
	top:15px;
	/*padding-left:10px;*/
	/*padding-right:15px;*/
	text-align:left;
}

.jqplot-xaxis-label {
	margin-top:10px;
	/*font-size:11pt; */
	position:absolute;
}

.jqplot-x2axis-label {
	margin-bottom:10px;
	/*font-size:11pt; */
	position:absolute;
}

.jqplot-yaxis-label {
 margin-right:10px;
	/*text-align:center;*/
	font-size:11px;
	position:absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
	/*text-align:center;*/
	font-size:10px;
	position:absolute;
}
.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
	font-size:86.4%\9;
}

#content #chart table.jqplot-table-legend, #content #chart1 table.jqplot-table-legend, #content #chart2 table.jqplot-table-legend, #content #chart table.jqplot-cursor-legend,#content #chart1 table.jqplot-cursor-legend, #content #chart2 table.jqplot-cursor-legend {
	background-color:rgba(255,255,255,0.6);
	border:1px solid #ddd;
	position:absolute;
	/*font-size:0.75em; */
}

#content #chart td.jqplot-table-legend,
#content #chart1 td.jqplot-table-legend,
#content #chart2 td.jqplot-table-legend {
	vertical-align:middle;
}

#content #chart td.jqplot-table-legend > div,
#content #chart1 td.jqplot-table-legend > div,
#content #chart2 td.jqplot-table-legend > div {
	border:1px solid #ddd;
	padding:0.2em;
}

div.jqplot-table-legend-swatch {
	width:0px;
	height:0px;
	border-top-width:0.35em;
	border-bottom-width:0.35em;
	border-left-width:0.6em;
	border-right-width:0.6em;
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
}

.jqplot-title {
	top:0px;
	left:0px;
	padding-bottom:0.5em;
	font-size:1.2em;
}

table.jqplot-cursor-tooltip {
	border:1px solid #cccccc;
	font-size:0.75em;
}

.jqplot-cursor-tooltip {
	border:1px solid #cccccc;
	/* font-size:0.75em; */
	white-space:nowrap;
	background:rgba(208,208,208,0.5);
	padding:1px;
}

.jqplot-highlighter-tooltip {
	border:1px solid #cccccc;
	/* font-size:0.75em; */
	white-space:nowrap;
	background:rgba(208,208,208,0.5);
	padding:1px;
}

.jqplot-point-label {
	font-size:10px;
	font-weight:bold;
	z-index:5000;
	color:#333;
	/* text-shadow:#fff 0 1px 0; */
	/* for modan browser */
	text-shadow:0px 1px 1px #fff,0px 0px 1px #fff,1px 0px 1px #fff,0px -1px 1px #fff,-1px -1px 1px #fff,-1px 0px 1px #fff;
	
	/* for IE */
	filter:dropshadow(color=white,offx=0,offy=1,positive=1),dropshadow(color=white,offx=0,offy=0,positive=1),dropshadow(color=white,offx=0,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=0,positive=1);
}
      
td.jqplot-cursor-legend-swatch {
	vertical-align:middle;
	text-align:center;
}

div.jqplot-cursor-legend-swatch {
	width:1.2em;
	height:0.7em;
}

#content #main table.jqplot-table-legend {
	width:auto;
}