/* honnavi_home.cssへ統合予定 */



.updates { width: 950px; margin: 0 auto; }

.updates img { border:none; }
.updates a:hover img{ opacity:0.65; filter: alpha(opacity=65); }

.updates #mainContent { margin-bottom: 40px; }
.updates #mainContent a { color: #643519; }
.updates #mainContent a:hover { color: #ff6600; text-decolation: underline; }


.updates h1 a { padding-left: 14px; background: url(../img_top/icon_headline_link_topPage.gif) no-repeat left 3px; }


.updates #m_leftColumn { float: left; width: 630px; }
.updates #m_rightColumn { float: right; width: 300px; }

.updates #m_anchorLink_updates { border: 1px dotted #aa876b; padding: 10px 16px; margin-bottom: 30px; }
.updates #m_anchorLink_updates ul {  }
.updates #m_anchorLink_updates li { float: left; padding-left: 18px; background: url(../_img/ehonnavi_updates/icon_arrow_under.gif) no-repeat left 3px; margin-right: 18px; }

.updates #m_leftColumn_updates { width: 300px; float: left; }
.updates #m_rightColumn_updates { width: 300px; float: right; }


/* 新着紹介文 / 全ページためしよみ */
.updates #m_intro_updates li,
.updates #m_browseAll_updates li { position: relative; height: 108px; width: 300px; border-bottom: 1px dotted #dacdc0; }

.updates #m_intro_updates li .thumb01_updates, .updates #m_browseAll_updates li .thumb01_updates { display: block; position: absolute; top: 0px; left: 0px; width: 106px; height: 106px; }
.updates #m_intro_updates li .date, .updates #m_browseAll_updates li .date { display: block; position: absolute; top: 4px; left: 118px; width: 180px; color: #666; }
.updates #m_intro_updates li .title, .updates #m_browseAll_updates li .title { display: block; position: absolute; top: 20px; left: 118px; width: 180px; }
.updates #m_intro_updates li .icons, .updates #m_browseAll_updates li .icons { display: block; position: absolute; bottom: 24px; left: 118px; width: 180px; height: 16px; }
.updates #m_intro_updates li .icons img, .updates #m_browseAll_updates li .icons img  { display: inline; margin-right: 4px; }



/* スペシャルコンテンツ / レビュー企画・コンテスト */
.updates #m_special_updates li, 
.updates #m_review_updates li { position: relative; height: 128px; width: 300px; border-bottom: 1px dotted #dacdc0; }

.updates #m_special_updates li .thumb02_updates, .updates #m_review_updates li .thumb02_updates { display: block; position: absolute; top: 10px; left: 0px; }
.updates #m_special_updates li .date, .updates #m_review_updates li .date { display: block; position: absolute; top: 84px; left: 0px; width: 300px; color: #666; font-size: 11px; }
.updates #m_special_updates li .title, .updates #m_review_updates li .title { display: block; position: absolute; top: 98px; left: 0px; width: 300px; }



/* 特集 / 出版社からのお知らせ */
.updates #m_feature_updates li, 
.updates #m_blog_updates li { width: 300px; border-bottom: 1px dotted #dacdc0; padding-top: 6px; padding-bottom: 6px; }

.updates #m_feature_updates li .date, .updates #m_blog_updates li .date { clear: left; float: left; display: block; /*position: absolute; top: 10px; left: 0px;*/ width: 64px; color: #666; }
.updates #m_feature_updates li .title, .updates #m_blog_updates li .title { display: block; /*position: absolute; top: 10px; left: 70px;*/ /*width: 220px;*/padding-left: 64px; }

