@charset "utf-8"; /*-------------------------------------------------------------------------------- main menu */ #main-menu { float: left; width: 710px; margin: 0 0 30px; } #news { position: relative; clear: both; width: 680px; } #main-menu .bar { width: 680px; margin: 0 0 15px; padding: 9px 0 13px; border-bottom: 2px solid #a0a9d0; } #main-menu .bar { display: block; } #main-menu .option-link { position: absolute; top: 0; right: 0; width: 215px; } #main-menu .option-link li a { display: block; float: right; min-height: 15px; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06); font-size: 90%; text-decoration: none; text-align: center; } #main-menu .option-link li a.rss { width: 65px; padding: 6px 15px 6px; } #main-menu .option-link li a.rss span { display: inline-block; min-height: 15px; padding: 0 0 0 20px; background: url(/uploads/image/cimg/icn_rss.gif) no-repeat 0 center; } #main-menu .option-link li a.view { width: 99px; margin: 0 0 0 6px; padding: 6px 5px; } #main-menu .option-link li a.view span { display: inline-block; min-height: 15px; padding: 0 0 0 13px; background: url(/uploads/image/cimg/icn_link2.gif) no-repeat 0 center; } #news .news-list { clear:both; float:left; width:100%; margin:0 0 15px; padding:0; } #news .news-list dt { clear:both; float:left; width:145px; margin:0 0 12px; padding:0; } #news .news-list dd { float:left; width:535px; margin:0 0 12px; padding:0; } /*-------------------------------------------------------------------------------- sub menu */ #sub-menu { float: right; width: 240px; margin: 0 0 20px; } #sub-menu .sub-info { width: 238px; margin: 0 0 10px; border: 1px solid #ddd; } #sub-menu .sub-info dt img { display: block; } #sub-menu .sub-info dd { padding: 12px 18px 10px; } .bnr-link a { display: block; margin: 0 0 10px; } .btn-link a { display: block; min-height: 15px; margin: 0 0 10px; padding: 15px; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1); text-align: center; } .btn-link a span { display: inline-block; min-height: 15px; padding: 0 0 0 25px; background: url(/uploads/image/cimg/icn_link1.gif) no-repeat 0 center; } /*-------------------------------------------------------------------------------- botttom menu */ #bottom-menu { margin: 0 0 30px; } #bottom-menu .ir-list > li { float: left; margin: 0 0 20px 19px; } #bottom-menu .ir-list > li.main { width: 298px; padding: 2px; border: 1px solid #ccc; border-radius: 1px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06); background: #fff; } #bottom-menu .ir-list > li.sub { width: 304px; padding: 0; } #bottom-menu .ir-list > li.btn { width: 304px; } #bottom-menu .ir-list > li.first { clear: both; margin-left: 0; } #bottom-menu .ir-list > li.last { float: right; margin-left: 0; } #bottom-menu .ir-list > li img { display: block; } #bottom-menu .ir-list > li.main a { text-decoration: none; } #bottom-menu .ir-list > li .link-1 { display: block; margin: 11px 8px 9px; background-position: 0 5px; font-size: 120%; } #bottom-menu .ir-list > li.sub a { display: table-cell; width: 262px; height: 74px; padding: 2px 20px; border: 1px solid #ccc; border-radius: 1px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06); background: #fff no-repeat 2px 2px; text-align: right; vertical-align: middle; } #bottom-menu .ir-list > li.sub a .link-2 { background-position: 5px 5px; line-height: 1.3em; } #bottom-menu .ir-list > li.calendar a { background-image: url(/uploads/image/iimg/img_ir_calendar.jpg); } #bottom-menu .ir-list > li.faq a { background-image: url(/uploads/image/iimg/img_ir_faq.jpg); } #bottom-menu .ir-list > li.ir-caution a { background-image: url(/uploads/image/iimg/img_ir_caution.jpg); } #bottom-menu .ir-list > li.sub a:hover { background-position: 2px -84px; } #bottom-menu .ir-list > li.btn a { padding: 15px; text-align: left; } .inb{ display: inline-block !important; }