@charset "utf-8";

/*============================
#mainArea
============================*/
#mainArea { border-top: solid 5px #688649; }
#mainArea #mainTitle { padding: 20px 30px; background: #f5f5f5; border-left: solid 1px #ddd; border-right: solid 1px #ddd;  }
#mainArea #mainTitle .title { float: left; text-indent: -9999px; width: 302px; height: 42px; background: url(../../imageFile/news/title_news.png) no-repeat left center; }

/*============================
#mainContent
============================*/
#mainContent { border: solid 1px #e5e5e5; border-top: none; background: #fff; padding: 43px; }
#mainContent .paging { text-align: center; }
#mainContent .paging.bottom { margin-top: 20px; }
#mainContent ul.newsList {}
#mainContent ul.newsList li { margin-top: 30px; border: 1px solid #ddd; }
#mainContent ul.newsList li:first-child { margin-top: 25px; }
#mainContent ul.newsList li a { display: block; padding: 29px; }
#mainContent ul.newsList li .left { float: left; width: 200px; }
#mainContent ul.newsList li .left img { width: 100%; height: auto; }
#mainContent ul.newsList li .right { float: right; width: 600px; }
#mainContent ul.newsList li .right .title { margin-top: 15px; color: #0066cc; font-weight: bold; }
#mainContent ul.newsList li .right .date { margin-top: 15px; color: #777; font-size: 0.875em; }
#mainContent ul.newsList li .right .text { margin-top: 10px; font-size: 0.875em; line-height: 1.6; }
#mainContent .newsInfo { padding: 29px; border: 1px solid #ddd; }
#mainContent .newsInfo .left { float: left; width: 400px; }
#mainContent .newsInfo .left img { width: 100%; height: auto; }
#mainContent .newsInfo .right { float: right; width: 400px; }
#mainContent .newsInfo .right .title { margin-top: 15px; color: #0066cc; font-weight: bold; }
#mainContent .newsInfo .right .date { margin-top: 15px; color: #777; font-size: 0.875em; }
#mainContent .newsInfo .right .text { margin-top: 10px; font-size: 0.875em; line-height: 1.6; }