@charset "UTF-8";

/*
 * ===========================================
 * 日本メディカルセンター ウェブサイト
 * 共通スタイル定義
 * ===========================================
 *
 * $Id: base.css,v 1.17 2010-04-10 13:10:41 cvsuser Exp $
 *
 * @author S.Sugaya(sugaya@technohead.jp)
 */


/*
 * ===========================================
 * グローバル指定
 * ===========================================
 */

/* 全オブジェクト指定 */
* {
	margin: 0;
	padding: 0;
}

/* 背景 */
BODY {
	color: #333434;
	background-color: #FFFFFF;

	font: 100%/130% "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;

	text-align: center;
}

/* 画像 */
IMG {
	border: none;
}

UL {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	overflow: hidden;
	height: 0;
}

.caution {
	color: #FF0000;
	font-weight: bold;
}

/* リンクスタイル */
A { color: #00008B; text-decoration: none; }
A:link{ color: #00008B; text-decoration: none; }
A:visited{ color: #00008B; text-decoration: none; }
A:active{ color: #00008B; }
A:hover{ color: #00008B; text-decoration: none; }

A.adobereader {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	width: 112px;
	height: 33px;

	text-indent: -9999px;
	overflow: hidden;

	background: #FFFFFF url(../_img/get_adobe_reader.gif) no-repeat center center;
}

*html A.adobereader { /* for ie 6 */
    display: inline !important;
}
*:first-child+html A.adobereader { /* for ie 7 */
    display: inline !important;
}

DIV.smartseal {
	font-size: 90%;

	padding-top: 20px;
}

DIV.smartseal SPAN.sealimg {
	display: block;
	float: left;

	width: 115px;
	height: 57px;
}

DIV.smartseal SPAN.detail {
	display: block;
	float: left;

	width: 715px;

	padding-left: 10px;
}

DIV.smartseal SPAN.detail_en {
	display: block;
	float: left;

	width: 475px;

	padding-left: 10px;
}

.cart A.cart {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	width: 200px;
	height: 30px;

	font-size: 10pt;
	text-align: left;

	background: #FFFFFF url(../_img/addtocart.jpg) no-repeat center center;

	padding-top: 10px;
	padding-left: 60px;
}

*html .cart A.cart { /* for ie 6 */
    display: inline !important;
}
*:first-child+html .cart A.cart { /* for ie 7 */
    display: inline !important;
}





/* メニュー部分 */
UL.menu {
	list-style-type: none;

	font-size: 9pt;

	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */
}

*html UL.menu { /* for ie 6 */
    display: inline !important;
}
*:first-child+html UL.menu { /* for ie 7 */
    display: inline !important;
}

UL.menu A { text-decoration: none; }
UL.menu A:hover { text-decoration: underline; }

UL.menu LI {
	display: block;
	float: left;
	width: auto;

	padding-left: 3px;
	padding-right: 3px;
}

/*
 * ===========================================
 * コンテナ(全体)指定
 * ===========================================
 */

#container {
	width: 840px;

	background-color: #FFFFFF;

	margin: 0px auto 0;
	padding: 0px auto 0;

	text-align: left;
}

#container.en {
	background-image: url(../_img/container_background_en.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

/*
 * ===========================================
 * ヘッダ(タイトル部分)指定
 * ===========================================
 */

#header {
	background-color: #EBEEF3;

	font-size: 10pt;
	font-weight: bold;
}

#header DIV.title {
	float: left;
	width: 260px;
	height: 40px;
	background-color: #EBEEF3;
}

#header DIV.subtitle {
	float: left;
	width: 575px;
	height: 20px;
	background-color: #EBEEF3;
}

#header A.title {
	display: block;
	float: left;
	width: 260px;
	height: 40px;

	text-indent: -9999px;
	overflow: hidden;

	background: #EBEEF3 url(../_img/title.jpg) no-repeat left top;
}

#header .float {
	display: block;
	float: left;
}

#header .right {
	text-align: right;
}

#header .center {
	text-align: center;
}

#header UL.menu {
	list-style-type: none;
}

#header UL.menu LI {
	border-left: 2px solid #EA492F;
	border-right: 2px solid #EA492F;

	margin-left: -2px;

	padding: 0px 10px;
}

#header UL.menu A {
	color: #EA492F;
	background-color: #EBEEF3;
}

/*
 * ===========================================
 * ナビゲーション(タイトル下部)指定
 * ===========================================
 */

#navigation UL {
	margin: 0;
	padding: 0;

	font-size: 9pt;

	cursor: default;

	z-index: 1;
}

#navigation UL LI {
	float: left;
	list-style: none;
}

#navigation UL LI SPAN {
	display: block;
	width: 95px;

	color: #FFFFFF;
	background-color: #4964AC;

	font-weight: bold;

	margin-left: -1px;
	border: 1px solid #9AC1C9;

	padding: 5px 12px;
	white-space: nowrap;
}

#navigation UL LI UL {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}

#navigation UL LI UL LI {
	width: auto;
	float: none;
}

#navigation UL LI UL LI A {
	display: block;
	width: 140px;

	background-color: #EAF0F2;

	margin-top: -1px;
	padding: 5px 5px;

	border: 1px solid #9BC1C9;
}

#navigation UL LI UL LI A:hover {
	background-color: #D9E1E4;

	text-decoration: underline;
}

/*
 * ===========================================
 * 英語版メニュー(メイン右部分)指定
 * ===========================================
 */

#menu_en {
	float: left;
	width: 200px;
	height: 100%;
}

#menu_en UL {
	display: block;
	list-style-image: url(../_img/ball_ss.gif);

	color: #FFFFFF;

	margin-top: 10px;
}



#menu_en A {color: #80FFFF; font-weight: bold; }

#menu_en LI {
	margin-left: 30px;
	margin-bottom: 5px;
}

#menu_en H1 {
	display: block;

	font-size: 100%;
	font-weight: bold;

	text-align: center;
}

#menu_en H1 A {color: #FFFFFF; }

#menu_en UL.list {
	list-style-image: url(../_img/ball_ss2.gif);
}

#menu_en UL.list LI {
	font-size: 90%;

	margin-left: 35px;
}

#menu_en P.hr {
	display: block;

	height: 2px;
	background-color: #FFFFFF;

	border-left: 1px solid #888888;
	border-top: 1px solid #888888;

	margin: 5px 10px;
}

/*
 * ===========================================
 * 英語版コンテンツ(メイン右部分)指定
 * ===========================================
 */

#contents.en {
	display: block;
	float: left;
	width: 630px;

	margin-left: 5px;
}


/*
 * ===========================================
 * 検索結果スイッチ(コンテンツ内部)指定
 * ===========================================
 */
#naviswitch {
	text-align: center;
}

#naviswitch DIV.information {
	text-align: center;
	margin-top: 10px;
}

#naviswitch DIV.arrow {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	margin-top: 10px;
}

*html #naviswitch DIV.arrow { /* for ie 6 */
    display: inline !important;
}
*:first-child+html #naviswitch DIV.arrow { /* for ie 7 */
    display: inline !important;
}

#naviswitch SPAN.naviitem {
	display: block;
	float: left;
	width: 30px;
	height: 20px;

	white-space: nowrap;

	margin-right: 3px;

	text-align: center;
}

#naviswitch SPAN.naviitem A {
	display: block;
	width: 30px;

	color: #FFFFFF;
	background-color: #000080;
}

#naviswitch SPAN.prev {
	width: 100px;
	border-color: #FFFFFF;
}

#naviswitch SPAN.next {
	width: 100px;
	border-color: #FFFFFF;
}

#naviswitch SPAN.prev A {
	display: block;
	width: 80px;

	color: #000080;
	background: #FFFFFF url(../_img/tri_left.gif) no-repeat left center;
	padding-left: 20px;
}

#naviswitch SPAN.next A {
	display: block;
	width: 80px;

	color: #000080;
	background: #FFFFFF url(../_img/tri_right.gif) no-repeat right center;
	padding-right: 20px;
}

/*
 * ===========================================
 * パンくずリスト(ナビゲーション下部)指定
 * ===========================================
 */
#breadcrumbslist {

	padding-top: 10px;
	padding-bottom: 10px;
}

/*
 * ===========================================
 * エラーチップ指定
 * ===========================================
 */

div.validationTip {
	padding-left: 6px;
	background: url(../_img/tip_left.gif) no-repeat left top;
	font-size: 93%;
}

div.tipInner {
	border: solid #BBB 1px;
	border-top: none;
	border-left: none;
	-moz-border-radius: 4px;
	padding: .5em 1em .5em .8em;
	color: #F60;
	background: #EDEDED;
	font-weight: bold;
}

/*
 * ===========================================
 * エラーダイアログ指定
 * ===========================================
 */

div#dlgmat {
	width: 101.55%; /* for ie6 bug */
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 550;
	background: #000;
}

* html div#dlgmat { /* ie6 */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +'px');
}

div#dlg {
	padding: 0 0 0 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	background: url(../_img/dialog_left.gif) no-repeat left top;
	font-size: 93%;
}

* html div#dlg {	/* ie6 */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (dlgMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

div#dlg span#close {
	display: block;
	width: 21px;
	height: 19px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../_img/dialog_close.gif) no-repeat left top;
	cursor: pointer;
}

div#dlg span#close.hover {
	background: url(../_img/dialog_close.gif) no-repeat left -19px;
}

div#dlg div#dlgtop {
	height: 5px;
	background: url(../_img/dialog_top.gif) no-repeat right top;
	overflow: hidden;
}

div#dlg div#dlgcont {
	padding: 1.5em 0;
	background: #282828 url(../_img/dialog_right.gif) no-repeat right top;
}

div#dlg div#dlgcont div {
	padding: 0 3.5em;
	color: #FFF;
	font-weight: bold;
}

div#dlg div#dlgcont div span {
	line-height: 1.7;
}

div#dlg div#dlgcont div span strong {
	border-bottom: dotted #F60 1px;
	padding: 0 .1em;
	color: #F60;
}

div#dlg div#dlgbtm {
	height: 5px;
	background: url(../_img/dialog_bottom.gif) no-repeat right top;
	overflow: hidden;
}

/*
 * ===========================================
 * フッタ(メインの下部)指定
 * ===========================================
 */

#footer {
	clear: both;

	color: #AAAAAA;
	background-color: #FFFFFF;
	margin-top: 10px;

	font-size: 80%;

	padding-top: 10px;
}

#footer DIV.top {
	text-align: right;
}

#footer DIV.middle {
	background-color: #666666;
	text-align: center;

	padding-top: 5px;
	margin-top: 10px;
}

#footer DIV.bottom {
	text-align: center;
}

#footer A.pagetop {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	height: 16px;

	background: url(../_img/icon_top.gif) no-repeat left center;

	padding-left: 20px;

	color: #EA492F;
	font-weight: bold;
}

*html #footer A.pagetop { /* for ie 6 */
    display: inline !important;
}
*:first-child+html #footer A.pagetop { /* for ie 7 */
    display: inline !important;
}

#footer UL.menu A { color: #FFFFFF; }
#footer UL.menu A:hover { color: #FFE0D7; }

#footer UL.menu LI {
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;

	margin-left: -2px;

	padding: 0px 10px;
}