@charset "UTF-8";

/*
 * ===========================================
 * 日本メディカルセンター ウェブサイト
 * 立ち読みコーナースタイル定義
 * ===========================================
 *
 * $Id: sampleBook.css,v 1.10 2010-02-20 21:53:29 cvsuser Exp $
 *
 * @author S.Sugaya(sugaya@technohead.jp)
 */


/*
 * ===========================================
 * コンテンツ(メイン部分)指定
 * ===========================================
 */
#contents {
	text-align: left;
}

#contents H1 {
	display: block;

	font-size: 100%;
	font-weight: bold;

	background: #E0FBF9 url(../_img/title_header.jpg) no-repeat left center;
	border: 1px solid #32C2B8;

	margin-top: 10px;
	padding: 2px 15px;
}

#contents H2 {
	display: block;

	font-size: 100%;
	font-weight: bold;

	color: #FFFFFF;
	background-color: #000080;

	margin-top: 10px;
	padding: 2px;

	text-align: center;
}

#contents UL {
	list-style-type: none;
}

#contents DIV.description {
	text-align: center;

	margin-top: 10px;
}

#contents UL.magazinelist LI.item {
	display: block;
	float: left;
	width: 400px;
	height: 290px;

	background: #FFFFFF url(../_img/journalback.gif) repeat-x center top;

	margin-top: 10px;
	margin-left: 10px;

	text-align: center;
}

#contents UL.magazinelist LI.item UL.detail {
	list-style-type: none;
}

#contents UL.magazinelist LI.item A.title {
	display: block;

	color: #FFFFFF;
	background-color: #000080;

	font-weight: bold;

	padding: 5px;
	margin-bottom: 5px;
}

#contents UL.magazinelist LI.item A.magimage {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	width: 120px;
	height: 168px;

	text-indent: -9999px;
	overflow: hidden;

	background-repeat: no-repeat;
	background-position: center center;
}

*html #contents UL.magazinelist LI.item A.magimage { /* for ie 6 */
    display: inline !important;
}
*:first-child+html #contents UL.magazinelist LI.item A.magimage { /* for ie 7 */
    display: inline !important;
}

#contents UL.magazinelist LI.item A.clga { background-image: url(../image.php?mode=magazine&code=CLGA&width=120); }
#contents UL.magazinelist LI.item A.ecca { background-image: url(../image.php?mode=magazine&code=ECCA&width=120); }
#contents UL.magazinelist LI.item A.jjcd { background-image: url(../image.php?mode=magazine&code=JJCD&width=120); }
#contents UL.magazinelist LI.item A.kmbd { background-image: url(../image.php?mode=magazine&code=KMBD&width=120); }

#contents UL.magazinelist LI.item UL {
	list-style-type: square;
}

#contents HR {
	clear: both;
}

#contents UL.booklist DIV.wrap {
	clear: both;
}

#contents UL.booklist LI.item {
	display: block;
	float: left;

	width: 407px;

	margin: 20px 5px;
}

#contents UL.booklist LI.item IMG {
	display: block;
	float: left;

	margin-right: 5px;
}

#contents UL.booklist LI.item SPAN.title {
	display: block;

	background-color: #E3E3FF;

	font-weight: bold;

	padding: 1px 3px;

	margin-bottom: 5px;
}

#contents UL.booklist LI.item UL.description {
	display: block;
	float: left;
	width: 300px;

	font-size: 95%;

}

#contents UL.booklist LI.item UL.description LI.author {
	background-color: #E0FBF9;
}

#contents UL.booklist LI.item UL.description SPAN.key {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	width: 100px;

	text-align: right;
}

*html #contents UL.booklist LI.item UL.description SPAN.key { /* for ie 6 */
    display: inline !important;
}
*:first-child+html #contents UL.booklist LI.item UL.description SPAN.key { /* for ie 7 */
    display: inline !important;
}

#contents UL.booklist LI.item UL.description SPAN.value {
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari & IE */

	width: 200px;
}

*html #contents UL.booklist LI.item UL.description SPAN.value { /* for ie 6 */
    display: inline !important;
}
*:first-child+html #contents UL.booklist LI.item UL.description SPAN.value { /* for ie 7 */
    display: inline !important;
}

