@charset "UTF-8";

/*
 * ===========================================
 * 日本メディカルセンター ウェブサイト
 * トップページスタイル定義
 * ===========================================
 *
 * $Id: index.css,v 1.13 2010-02-10 14:23:11 cvsuser Exp $
 *
 * @author S.Sugaya(sugaya@technohead.jp)
 */

/*
 * ===========================================
 * コンテンツ(メイン部分)指定
 * ===========================================
 */
#contents {
	width: 600px;
	float: left;

	font-size: 95%;

	text-align: left;
}

#contents DIV.title {
	width: 581px;
	height: 227px;

	background-repeat: no-repeat;

	z-index: -1;
}

#contents H1 {
	display: block;
	width: 550px;

	font-size: 95%;
	font-weight: normal;

	background: #E0FBF9 url(../_img/title_header.jpg) no-repeat left center;
	border: 1px solid #32C2B8;

	margin-top: 10px;
	padding: 2px 15px;
}

#contents H2.en {
	display: block;

	color: #0052A5;
	text-align: center;

	margin-top: 20px;
}

#contents H3.en {
	display: block;

	color: #2277BB;
	text-align: center;

	margin-top: 150px;
}

#contents UL {
	list-style-type: none;
}

#contents DIV.infobox {

	color: #2277BB;
	text-align: center;

	margin-bottom: 150px;
}
#contents DIV.infobox DIV {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	width: 400px;

	margin-top: 60px;
}

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

#contents DIV.information {
	margin-top: 3px;
	margin-bottom: 3px;
}

#contents DIV.information A { color: #00008B; font-weight: bold; text-decoration: none; }
#contents DIV.information A:hover{ color: #FF0000; font-weight: bold; text-decoration: underline; }

#contents UL.magazine P {
	line-height: 180%;
}

#contents UL.magazine LI {
	width: 280px;
	float: left;

	background: url(../_img/journalback.gif) no-repeat center top;

	margin: 10px 5px;

	text-align: center;
}

#contents UL.magazine LI A.title {
	display: block;
	width: 280px;

	color: #FFFFFF;
	background-color: #27427A;

	font-weight: bolder;
	letter-spacing: 0.2em;

	padding: 5px 0px;
}

#contents UL.magazine LI UL.img {
	height: 140px;
	font-size: 95%;

	background-repeat: no-repeat;
	background-position: left top;

	margin: 5px;
	padding-left: 105px;
	text-align: left;
}

#contents UL.magazine LI UL.CLGA { background-image: url(../image.php?mode=magazine&code=CLGA&width=100); }
#contents UL.magazine LI UL.ECCA { background-image: url(../image.php?mode=magazine&code=ECCA&width=100); }
#contents UL.magazine LI UL.JJCD { background-image: url(../image.php?mode=magazine&code=JJCD&width=100); }
#contents UL.magazine LI UL.KMBD { background-image: url(../image.php?mode=magazine&code=KMBD&width=100); }

#contents UL.magazine LI UL SPAN.block {
	display: block;
}

#contents UL.magazine LI UL SPAN.title {
	display: block;

	margin-left: 10px;
}

#contents UL.magazine LI A.newestsample {
	display: block;

	font-size: 9pt;
	font-weight: bold;
	text-align: right;

	padding-right: 5px;
}

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

#menu {
	float: left;
	width: 230px;
}

#menu A { color: #00008B; font-weight: bold; text-decoration: none; }
#menu A:hover{ color: #FF0000; font-weight: bold; text-decoration: underline; }

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

#menu UL.list {
	border: 1px solid #00A5C8;
}

#menu H1 {
	display: block;

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

	color: #FFFFFF;
	background-color: #00A5C8;

	padding: 2px 15px;
}

#menu LI {
	clear: both;

	font-size: 9pt;

	padding-left: 3px;
}

#menu LI.title {
	margin-top: 5px;
	margin-bottom: 10px;
}

#menu UL {
	background: #FFFFFF no-repeat left top;

	font-size: 8pt;

	padding-left: 5px;
}

#menu LI A {
	color: #00008B;
	text-decoration: underline;

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

#menu UL IMG {
	float: left;

	margin-right: 3px;
}

#menu A.bunner {
	display: block;
	width: 230px;
	height: 110px;

	background-repeat: no-repeat;
	background-position: left top;

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

	margin-bottom: 10px;
}

#menu A.rinsho {
	background-image: url(../_img/rinsho_bunner.jpg);
}

#menu A.kodoku {
	background-image: url(../_img/kodoku_bunner.jpg);
}