/*
 * ===========================================
 * 日本メディカルセンター 雑誌表示スクリプト
 * トップページスタイル定義
 * ===========================================
 *
 * 2008/08/16
 * scripted by S.Sugaya(sugaya@technohead.jp)
 *
 * directed by PROSCOPE Inc.
 */

/* キャラクタセット */
@chareset "UTF-8";

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

	text-align: left;

	padding-top: 20px;
}

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

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

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

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

	padding: 2px 15px;
}

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

	height: 20px;

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

	padding-left: 20px;
}

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


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

#contents UL LI {
	display: block;
	width: 575px;

	margin-top: 10px;
	margin-bottom: 10px;

	border-left: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;

	padding: 3px;
}

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

	font-weight: bold;

	background: #FFFFFF url(../_img/title_back.jpg) no-repeat right bottom;

	padding: 3px;
	margin-bottom: 10px;

	border-right: 1px solid #326FC2;
	border-bottom: 1px solid #326FC2;
}

#contents UL LI UL {
	margin: 0px 10px;

	font-size: 95%;
}

#contents UL LI DIV.bottom {

	font-size: 80%;

	margin-top: 5px;

	border-left: 1px solid #326FC2;
	border-top: 1px solid #326FC2;
}

#contents UL LI DIV.bottom SPAN {
	display: block;
	float: left;
	width: 280px;

	padding: 3px;
}

#contents UL LI DIV.bottom SPAN.category {
	text-align: right;
}

#contents UL LI DIV.leftbox {
	float: left;
	margin: 5px 10px 5px 5px;
}


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

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

	border: 1px solid #00A5C8;

	list-style-type: none;

	margin-top: 20px;
}

#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 UL IMG {
	float: left;
}

#menu DIV.searchform {
	padding: 5px;
}

#menu INPUT.formfield {
	width: 150px;

	font-size: 100%;

	border-left: 1px solid #00A5C8;
	border-top: 1px solid #00A5C8;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
}

#menu INPUT.formbutton {
	width: 50px;

	font-size: 100%;

	background-color: #FFFFFF;

	border-left: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #00A5C8;
	border-bottom: 1px solid #00A5C8;
}