@charset "Shift_JIS";
/* left style // Main Image */
#mainImage {
	display: block; 
       width: 595px;
       height: 300px;
       margin: 0 0 30px 0;
       padding-top: 4px;
       background: url(../images/top_main_bg.jpg) no-repeat top left;
}

/* left style // ふぇみんの書評 */
#bookReview {
	display: block; 
       width: 595px;
       height: auto;
       margin: 0 0 50px 0;
}
#bookReview h2 {
	display: block; 
       width: 595px;
       height: 22px;
       background: url(../images/bar_book.png) no-repeat top left;
       text-indent: -9999px;
       margin-bottom: 15px;
}
#bookReview ul#bookBox {
       width: 580px;
       height: 240px;
       margin: 0 auto;
       text-align: center;
}
#bookReview li.left,
#bookReview li.center,
#bookReview li.right {
	float: left;
       width: 190px;
       height: 240px;
       text-align: center;
}
#bookReview li.left,
#bookReview li.center {
       background: url(../images/line_tate.png) repeat-y top right;
}
#bookReview img {
	width: 100px;
       height: 140px;
}
#bookReview dd.bookTitle {
	width: 120px;
       text-align: left;
       line-height: 150%;
       margin: 5px auto;
}

/* left style // お知らせ＆イベント */
#wBox {
	display: block; 
       width: 595px;
       height: auto;
       margin: 30px 0 0 0;
}

/* left style // お知らせ */
#infomatonTop {
       float: left;
	display: block; 
       width: 290px;
       height: auto;
       margin: 0 10px 0 0;
       line-height: 150%;
}
#infomatonTop h2 {
	display: block; 
       width: 290px;
       height: 22px;
       background: url(../images/bar_info.png) no-repeat top left;
       text-indent: -9999px;
}
#infomatonTop ul#infoBox {
       width: 280px;
       margin: 5px auto 0 auto;
}
#infomatonTop ul#infoBox li.one,
#infomatonTop ul#infoBox li.two {
       clear: both;
       width: 280px;
       height: 3em;
       border-bottom: solid 1px #dadada;
       margin: 10px 0;
       padding: 0 0 7px 0;
}
#infomatonTop ul#infoBox li.three {
       clear: both;
       width: 280px;
       height: 3em;
       margin: 0;
       padding: 0;
}
#infomatonTop  ul#infoBox dl dt.icon {
       float: left;
       display: block;
       width: 16px;
       height: 16px;
       background: url(../images/dash.png) no-repeat top left;
}
#infomatonTop  ul#infoBox dd.infoText {
       float: right;
       display: block;
       width: 260px;
}

/* left style // イベント */
#event-info {
       float: right;
	display: block; 
       width: 290px;
       height: 300px;
       margin: 0;
       line-height: 150%;
}
#event-info h2 {
	display: block; 
       width: 290px;
       height: 22px;
       background: url(../images/bar_event.png) no-repeat top left;
       text-indent: -9999px;
}
ul#eventBox {
       width: 280px;
       height: auto;
       margin: 5px auto 0 auto;
}
ul#eventBox li.one,
ul#eventBox li.two {
       clear: both;
       width: 280px;
       height: 4em;
       border-bottom: solid 1px #dadada;
       margin: 0 0 5px 0;
       padding: 0 0 7px 0;
}
ul#eventBox li.three {
       clear: both;
       width: 280px;
       height: 4em;
       margin: 0;
       padding: 0;
}
ul#eventBox dl dt.dateBox {
       float: left;
       display: block;
       width: 52px;
       height: 3em;
       padding: 14px 0 0 0;
       background: url(../images/event_date_bg.png) no-repeat top left;
       text-align: center;
}
ul#eventBox dd.infoText {
       float: right;
       display: block;
       width: 220px;
       height: auto;
       padding-top: 8px;
}

/* digest // ダイジェスト */
#digest-list {
	display: block; 
       width: 285px;
       height: auto;
       margin: 0;
}
#digest-list h2 {
	display: block; 
       width: 285px;
       height: 22px;
       background: url(../images/bar_digest.png) no-repeat top left;
       text-indent: -9999px;
}
.digestBox {
       width: 280px;
       height: auto;
       margin: 8px auto;
       padding: 5px;
       cursor: pointer;
       overflow: hidden;
       border-bottom: solid 1px #dadada;
}
.digestBox:hover {
       background: #f0f0f0;
}
.digestBox .issue {
	display: block; 
       width: 195px;
       height: 25px;
       padding: 5px 0 0 0;
       text-decoration: underline;
       background: url(../digest/images/fukidashi.png) no-repeat right 0;
}
ul#detailList {
       float: left;
       width: 180px;
       list-style: disc;
       margin: 0 0 0 15px;
}
*:first-child+html ul#detailList {
       float: left;
       width: 180px;
       list-style: disc;
       list-style-position: inside;
       margin: 0;
       padding: 0;
}
.digestBox .photo,
.digestBox-last .photo {
       float: right;
       margin-top: -15px;
       padding: 2px;
       border: solid 1px #ccc;
}

/* ▼▼▼ 20140228_ito ▼▼▼  */
/* left style // ふぇみん最新号 */
#currentIssue {
       display: block; 
       width: 595px;
       height: auto;
       margin: 0 0 50px 0;
       overflow: hidden;
}
#currentIssue h2 {
       display: block; 
       width: 595px;
       height: 22px;
       background: url(../images/bar_current.png) no-repeat top left;
       text-indent: -9999px;
       margin-bottom: 15px;
}
#currentIssue .leftBox {
       display: block;
       float: left;
       width: 100%;
}
#currentIssue .rightBox {
       display: block;
       float: right;
}

#currentIssue .rightBox .photo {
       float: right;
       padding: 2px;
       border: solid 1px #ccc;
}

.currentPhoto {
       float: right;
       width: 140px;
       height: auto;
       margin: 0 0 10px 15px;
       padding: 2px;
       border: solid 1px #ccc;
}

/* left style // ふぇみんからのお知らせ */
#infomation {
       display: block; 
       width: 595px;
       height: auto;
       margin: 0 0 50px 0;
       overflow: hidden;
}
#infomation h2 {
       display: block; 
       width: 595px;
       height: 22px;
       background: url(../images/bar_infomation.png) no-repeat top left;
       text-indent: -9999px;
       margin-bottom: 15px;
}