#MainContents .text { clear: right; float: right; width: 640px; margin: 0; padding: 10px 0 0 0;}
#MainContents .text .box { width: 400px; margin: 1em 0 1.5em 0; padding: 5px 15px; background-color: #fff9c7;}
#MainContents .text .box p { white-space: nowrap;}
#MainContents .text .box .backnumber { margin: 0; padding: 5px 0; background: url(../../common/img/line_dot.gif) repeat-x left top; font-size: 93%; text-align: right;}

#MainContents .thumbnail { width: 200px; padding: 5px 0 0 0; text-align: center;}
#MainContents .thumbnail .vertical img { padding: 2px 8px 8px 2px; background: url(../img/bg_book.gif) left top;}
#MainContents .thumbnail .vertical2 img { padding: 2px 8px 8px 2px; background: url(../img/bg_book3.gif) left top;}
#MainContents .thumbnail .horizontal img { padding: 2px 8px 8px 2px; background: url(../img/bg_book2.gif) left top;}

/* バックナンバー */
#MainContents table.backnumber { border-collapse: separate; border-spacing: 0; border-right: none; border-bottom: none;}
#MainContents table.backnumber th,
#MainContents table.backnumber td { padding: 6px 4px; background: none; border-top: none; border-left: none; text-align: center;}
/* hide from Mac IE \*/
* html #MainContents table.backnumber { border-collapse: collapse; border-right: none; border-bottom: none;}
/* */
#MainContents table.backnumber th { width: 13%; text-align: left;}
#MainContents table.backnumber td { width : 29%;font-size: 93%; white-space: nowrap;}
#MainContents table.backnumber .tr-odd th,
#MainContents table.backnumber .tr-odd td { background-color: #f5f5f5; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}

/* clearfix
----------------------------- */
.content-box { display: inline-block;}
.content-box:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0;}
/* Hides from IE-mac \*/
* html .content-box { height: 0.1px;}
.content-box { display: block; }
/* End hide from IE-mac */