@charset "utf-8";

/*============================
#side
============================*/
#side { display: none; }

/*============================
.newsArticle
============================*/
#newsArticle { float: left; width: 655px; margin-top: 60px; overflow: hidden; position: relative; }
#newsArticle .title { position: relative; font-size: 1.5em; font-weight: bold; color: #462a00; padding-top: 30px; }
#newsArticle .title.color01 { color: #c7000b; }
#newsArticle .title.color02 { color: #e94709; }
#newsArticle .title.color03 { color: #f08300; }
#newsArticle .title.color04 { color: #f8b62c; }
#newsArticle .title.color05 { color: #f2cf01; }
#newsArticle .title.color06 { color: #392324; }
#newsArticle .title.color07 { color: #5f4332; }
#newsArticle .title.color08 { color: #804c2e; }
#newsArticle .title.color09 { color: #b25a21; }
#newsArticle .title.color10 { color: #b77a44; }
#newsArticle .title.color11 { color: #1b3b1b; }
#newsArticle .title.color12 { color: #266030; }
#newsArticle .title.color13 { color: #2e8625; }
#newsArticle .title.color14 { color: #abba11; }
#newsArticle .title.color15 { color: #014c82; }
#newsArticle .title.color16 { color: #e74291; }
#newsArticle .title.color17 { color: #931c61; }
#newsArticle .title.color18 { color: #751485; }
#newsArticle .title.color19 { color: #510067; }
#newsArticle .title.color20 { color: #0168b3; }
#newsArticle .title::after { position: absolute; bottom: -30px; left: 0; content: url(../img/news/ttl_line.png); width: 655px; }
#newsArticle .date { position: absolute; left: 0; top: 0; width: 100px; text-align: left; font-size: 14px; color: #aaa; }
#newsArticle .articleImage { margin-top: 50px; position: relative; }
#newsArticle .articleImage p {}
#newsArticle .articleImage p img { max-width: 100%; height: auto; }
#newsArticle .articleImage .tag { position: absolute; top: 0;  padding: 5px 20px; background-color: #fff; opacity: 0.9; color: #222; }
#newsArticle .detail { margin-top: 30px;  font-size: 16px; color: #462a00; }
#newsArticle .detail p {}
#newsArticle .prevNext { margin-top: 45px; padding-bottom: 45px; border-top: dotted 1px #e7aa5a; }
#newsArticle .prevNext ul { position: relative; margin-top: 40px; }
#newsArticle .prevNext ul li { top:0; font-size:16px; }
#newsArticle .prevNext ul li:first-child { float:left; }
#newsArticle .prevNext ul li:first-child::before { /*position: absolute; left: 15px; content: url(../img/news/naviArrowLeft.png); width: 4px;*/ }
#newsArticle .prevNext ul li:last-child { float: right; }
#newsArticle .prevNext ul li:last-child::after { /*position: absolute; right: 15px; content: url(../img/news/naviArrowRight.png); width: 4px;*/ }
#newsArticle .prevNext ul li:first-child a { padding:10px 24px 9px; border: solid 1px #856945; color: #462a00; font-size: 14px; border-radius: 50px;  }
#newsArticle .prevNext ul li:last-child a { padding:10px 24px 9px; border: solid 1px #856945; color: #462a00; font-size: 14px; border-radius: 50px; }

/*============================
#articleNaviArea
============================*/
#articleNaviArea { float: right; width: 305px; margin-top: 50px; }
#articleNaviArea .naviTitle { padding: 10px 15px; color: #fff; font-weight: bold; font-size: 16px; letter-spacing:1px; background-color: #856945; }
#articleNaviArea .categoryList { background: #f9f5f0; }
#articleNaviArea .categoryList ul {}
#articleNaviArea .categoryList ul li { position: relative; border-bottom: solid 1px #e7d5d0; }
#articleNaviArea .categoryList ul li a { display: block; padding: 8px 16px; font-size: 14px; color: #462a00; }
#articleNaviArea .categoryList ul li a:hover { color:#ed6c00; }
#articleNaviArea .categoryList ul li a::after { position: absolute; right: 16px; content: url(../img/news/naviArrowRight.png); width: 4px; }
#articleNaviArea .naviTitle { padding: 10px 15px; color: #fff; font-weight: bold; font-size: 16px; letter-spacing:1px; background-color: #856945; border-radius: 10px 10px 0 0; margin-top: 20px; }
#articleNaviArea .dateList { background: #f9f5f0; }
#articleNaviArea .dateList .md_js_boss { position: relative; }
#articleNaviArea .dateList .md_js_boss a { display: block; padding: 8px 16px 6px 16px; border-bottom: solid 1px #e7d5d0; font-size: 16px; font-weight: bold; background: #e9e5e0; }
#articleNaviArea .dateList .md_js_boss a:hover { color:#ed6c00; }
#articleNaviArea .dateList .md_js_boss a::after { position: absolute; right: 16px; content: url(../img/news/naviArrowDown.png); width: 4px; }
#articleNaviArea .dateList .md_js_boss a.open::after { position: absolute; right: 16px; content: url(../img/news/naviArrowUp.png); width: 4px; }
#articleNaviArea .dateList .md_js_contents {}
#articleNaviArea .dateList .md_js_contents ul {}
#articleNaviArea .dateList .md_js_contents ul li { position: relative; border-bottom: solid 1px #e7d5d0; background: url(../img/news/sb_bg.png) no-repeat center center; }
#articleNaviArea .dateList .md_js_contents ul li.last { border-bottom:none; }
#articleNaviArea .dateList .md_js_contents ul li a { display: block; padding: 8px 16px; font-size: 14px; color: #462a00; }
#articleNaviArea .dateList .md_js_contents ul li a::after { position: absolute; right: 16px; content: url(../img/news/naviArrowRight.png); width: 4px; }
#articleNaviArea .dateList .md_js_contents ul li a:hover { color:#ed6c00; }

/*============================
.pagetop
============================*/
.pagetop { margin-top:60px; }