#hero_area #hero_area_wrap { *zoom: 1; }
#hero_area #hero_area_wrap:before, #hero_area #hero_area_wrap:after { display: table; content: " "; }
#hero_area #hero_area_wrap:after { clear: both; }

#hero_area { background-color: #222; }
#hero_area #hero_area_wrap { margin: 0 auto; max-width: 953px; }
#hero_area #hero_area_wrap img { vertical-align: bottom; }

/*#hero_area #hero_area_wrap #hero_01 { float: left; width: 58.07%; }
#hero_area #hero_area_wrap #hero_02 { float: right; width: 41.93%; }
#hero_area #hero_area_wrap #hero_03 { float: right; width: 41.93%; }*/

#hero_area #hero_area_wrap #hero_03 { margin: 0 auto;  background-color: #222;}
#hero_area #hero_area_wrap a:hover img { opacity: 0.85; filter: alpha(opacity=85); }
.banner-campaign{
    background-color: #f5f5f5;
}
.banner-campaign .wrap{
    width: 100%;
    max-width: 953px;
    margin: 0 auto;
    padding-top: 60px;
}
.banner-campaign a:hover img { opacity: 0.85; filter: alpha(opacity=85); }
#content { max-width: inherit; padding: 0; position: relative; }

.banner { background-color: #f5f5f5; padding-top: 60px; }
.banner .banner_wrap { margin: 0 auto; max-width: 680px; padding: 0 13px 15px 29.29%; position: relative; z-index: 2; }
.banner .banner_wrap a:hover img { opacity: 0.85; filter: alpha(opacity=85); }

#attention { background-color: #f5f5f5; padding-top: 20px; }
#attention #attention_wrap { margin: 0 auto; max-width: 680px; padding: 0 13px 15px 29.29%; position: relative; z-index: 2; }
#attention #attention_wrap .link { margin-bottom: 15px; }
#attention #attention_wrap .link a { display: block; background-color: #cc0000; color: #fff; font-weight: bold; padding: 12px 25px; }
#attention #attention_wrap .link a:hover { opacity: 0.8; filter: alpha(opacity=80); }
#attention #attention_wrap .link a span { display: block; background: url("../img/arr_update.png") no-repeat left center; padding-left: 35px; text-align: center; min-height: 26px; }

#diatone_block_wrap { background-color: #f5f5f5; padding: 25px 0 0; }
#diatone_block_wrap #diatone_block { margin: 0 auto; max-width: 680px; padding: 0 13px 50px 29.29%; position: relative; z-index: 2; }

#side { float: none; width: 100%; max-width: 980px; margin: 0 auto; position: absolute; top: 60px; left: 0; right: 0; }
#side #side_wrap { width: 22.75%; margin-left: 13px; position: relative; z-index: 2; }

#content_wrap { float: none; width: auto; margin: 0 auto; max-width: 680px; padding: 60px 13px 25px 29.29%; position: relative; z-index: 2; }
#content_wrap .col2 .img { margin-bottom: 20px; }
#content_wrap .col2 .link { margin-top: 15px; text-align: center; }

#update_news { margin: 0 auto; max-width: 680px; padding: 30px 13px 15px 29.29%; position: relative; z-index: 2; }
#update_news .link { margin-bottom: 15px; }
#update_news .link a { display: block; background-color: #cc0000; color: #fff; font-weight: bold; padding: 12px 25px; }
#update_news .link a:hover { opacity: 0.8; filter: alpha(opacity=80); }
#update_news .link a span { display: block; background: url("../img/arr_update.png") no-repeat left center; padding-left: 35px; text-align: center; min-height: 26px; }

#important_news { background-color: #fcf0f0; padding: 30px 0 15px; }
#important_news #important_news_wrap { margin: 0 auto; max-width: 680px; padding: 0 13px 0 29.29%; position: relative; z-index: 2; }
#important_news #important_news_wrap > ul > li { border-top: 1px solid #E0E0E0; padding-top: 15px; margin-bottom: 15px; }
#important_news #important_news_wrap > ul > li:first-child { border-top: none; }
#important_news #important_news_wrap > ul > li .note_list { margin-top: 0; margin-left: 10px; }

#topics { margin: 0 auto; max-width: 680px; padding: 60px 13px 35px 29.29%; position: relative; z-index: 2; }
#topics dl { position: relative; border-bottom: 1px solid #E0E0E0; }
#topics dl dt { position: absolute; width: 10em; padding-top: 20px; }
#topics dl dd { padding-left: 10em; border-top: 1px solid #E0E0E0; padding-top: 15px; margin-bottom: 15px; }
#topics dl dd .note_list { margin-top: 0; margin-left: 10px; }
#topics dl dt:first-child + dd { border-top: none; }
#topics .link { margin-top: 30px; }
#topics .link .button { max-width: 260px; border: 1px solid #e5e5e5; }

#news { background-color: #f5f5f5; padding: 50px 0 15px; }
#news #news_wrap { margin: 0 auto; max-width: 680px; padding: 0 13px 0 29.29%; position: relative; z-index: 2; }
#news #news_wrap dl { position: relative; border-bottom: 1px solid #E0E0E0; }
#news #news_wrap dl dt { position: absolute; width: 10em; padding-top: 20px; }
#news #news_wrap dl dd { padding-left: 10em; border-top: 1px solid #E0E0E0; padding-top: 15px; margin-bottom: 15px; }
#news #news_wrap dl dd .note_list { margin-top: 0; margin-left: 10px; }
#news #news_wrap dl dt:first-child + dd { border-top: none; }
#news .link { margin: 30px 0 50px; }
#news .link .button { max-width: 260px; border: 1px solid #e5e5e5; }
#news #nodate { background-color: #fff; padding: 35px 45px 25px; margin-top: 30px; }
#news #nodate ul li { margin-bottom: 10px; }
@media only screen and (max-width: 979px) and (min-width: 641px) {
    .banner-campaign{
        width: auto;
    padding-left: 13px !important;
    padding-right: 26px;
    }
}

@media only screen and (max-width: 640px) { #hero_area #hero_area_wrap { max-width: inherit; }
  #hero_area #hero_area_wrap #hero_01, #hero_area #hero_area_wrap #hero_02, #hero_area #hero_area_wrap #hero_03 { float: none; width: 100%; }
  #hero_area #hero_area_wrap a:hover img { opacity: 1; filter: alpha(opacity=100); }
  #content { padding: 0; }
  .banner { margin: 30px auto; padding: 0; background-color: #FFF; width: 100%; max-width: 400px; }
  .banner .banner_wrap { padding: 0; }
  #attention { margin: 30px 0; padding: 0; background-color: #FFF; }
  #attention #attention_wrap { padding: 0; }
  #attention #attention_wrap .link a { padding: 20px; }
  #attention #attention_wrap .link a:hover { opacity: 1; filter: alpha(opacity=100); }
  #attention #attention_wrap .link a span { background: url("../img/arr_update_2x.png") no-repeat left center; background-size: 20px auto; padding-left: 35px; text-align: left; }
  #diatone_block_wrap { padding: 40px 0; }
  #diatone_block_wrap #diatone_block { margin: 0; padding: 0; width: 100%; max-width: inherit; }
  #side { position: static; top: inherit; right: inherit; left: inherit; }
  #side #side_wrap { width: 100%; margin-left: 0; }
  #content_wrap { margin: 50px 0; padding: 0; }
  #content_wrap .col2 .left { margin-bottom: 40px; }
  #content_wrap .col2 .img { max-width: 280px; margin: 0 auto 15px; }
  #update_news { margin: 30px 0; padding: 0; }
  #update_news .link a { padding: 20px; }
  #update_news .link a:hover { opacity: 1; filter: alpha(opacity=100); }
  #update_news .link a span { background: url("../img/arr_update_2x.png") no-repeat left center; background-size: 20px auto; padding-left: 35px; text-align: left; }
  #important_news { padding: 25px 0 5px; }
  #important_news #important_news_wrap { padding: 0; }
  #topics { margin: 50px auto; padding: 0; }
  #topics dl dt { position: inherit; width: auto; padding-top: 15px; margin-bottom: 10px; border-top: 1px solid #E0E0E0; }
  #topics dl dd { padding-left: 0; padding-top: 0; border-top: none; }
  #topics dl dd .note_list { margin-left: 0; }
  #topics dl dt:first-child { border-top: none; }
  #topics .link .button { max-width: inherit; }
  #news { padding: 50px 0; }
  #news #news_wrap { padding: 0; }
  #news #news_wrap dl dt { position: inherit; width: auto; padding-top: 20px; margin-bottom: 10px; border-top: 1px solid #E0E0E0; }
  #news #news_wrap dl dd { padding-left: 0; padding-top: 0; border-top: none; }
  #news #news_wrap dl dd .note_list { margin-left: 0; }
  #news #news_wrap dl dt:first-child { border-top: none; }
  #news #news_wrap .link { margin-bottom: 0; }
  #news #news_wrap .link .button { max-width: inherit; }
  #news #news_wrap #nodate { padding: 30px 30px 20px; } 
.banner-campaign{
    width: auto;
    margin: 0 20px;
    border-bottom: solid 1px #bbb;
    background: #fff;
}
.banner-campaign .wrap{
    padding:30px 0;
    }
}