@charset "UTF-8";
/*top.css*/

html { font-size: 24px;}
/*---------------------------------------------------------*/

#topBnrArea{padding:0;overflow:hidden;}
#topBnrArea #btnEnq{margin-bottom:10px;}
#topBnrArea #btnPrize{margin-bottom:10px;}
#topBnrArea #btnTopBnr2{float:left; width:139px; height:40px;margin-top:12px;margin-bottom:12px;}
#topBnrArea #btnTopBnr3{float:right;width:139px; height:40px;margin-top:12px;margin-bottom:12px;}
#topBnrArea #btnTopBnr2 img{width: 100%;}
#topBnrArea #btnTopBnr3 img{width: 100%;}
#topBnrArea > div {margin-bottom:0px;}

#btnTopBnr1 {width: 290px; height: 100px; overflow: hidden;position: relative;}
#btnTopBnr1 li {width: 290px; height: 100px; white-space: nowrap; display: inline-block;}
#btnTopBnr1 li img {width: 100%;}
#btnTopBnr1 .bnr_list {position: absolute;left: 0;top: 0;}

#btnTopBnr1 .nav {width: 290px; height: 8px; position: absolute; top: 74px; text-align: center;}
#btnTopBnr1 .nav li {width: 8px; height: 8px; white-space: nowrap; display: inline-block; border-radius: 4px; border: 1px solid #fff; margin: 0 2px; cursor: pointer; background: #999;}
#btnTopBnr1 .nav li a {width: 8px; height: 8px; display: inline-block; border-radius: 4px; background: #fff; cursor: pointer;}
#btnTopBnr1 .nav li a:hover {background: #999;}

/*---------------------------------------------------------*/
#newsList #wrapper{width: 640px;}
#newsList #header {height: 38px;background-color: #fff;padding: 14px 0 0 15px;}
#newsList .headerImage { width: 640px; height: 236px; border-top: 4px solid #cbc08c;border-bottom: 4px solid #cbc08c; background: url("../img/information/bg_header.jpg") 0 0 no-repeat; position: relative; }
#newsList .headerImage h1{position: absolute;left: 50%; top: 20px;margin-left: -120px;}
#newsList .headerImage p{position: absolute;left: 50%; top: 120px;margin-left: -150px;}
#newsList .information_block { width: 592px; border-top: 3px solid #000;background: url("../img/information/bg_content.jpg") 0 0 repeat-x; position: relative; padding: 24px; }
#newsList .nav_block { width: 592px; position: relative; text-align: left;}

#newsList .nav_block li { display: inline-block; margin-right: 5px; width: 114px; height: 44px;border-bottom: 1px solid #cbc08c;}
#newsList .nav_block li a { display: inline-block; width: 114px; height: 44px;}
#newsList .nav_block li:last-child { margin-right: 0;}
#newsList .nav_block .btn_all {background: url("../img/information/btn_all.png") 0 0 no-repeat;}
#newsList .nav_block .btn_notice {background: url("../img/information/btn_news.png") 0 0 no-repeat;}
#newsList .nav_block .btn_event {background: url("../img/information/btn_event.png") 0 0 no-repeat;}
#newsList .nav_block .btn_up {background: url("../img/information/btn_update.png") 0 0 no-repeat;}
#newsList .nav_block .btn_mainte {background: url("../img/information/btn_maintenance.png") 0 0 no-repeat;}

#newsList .nav_block li.on {border-bottom: 1px solid #fff;}
#newsList .nav_block .btn_all.on {background: url("../img/information/btn_all_on.png") 0 0 no-repeat;}
#newsList .nav_block .btn_notice.on {background: url("../img/information/btn_news_on.png") 0 0 no-repeat;}
#newsList .nav_block .btn_event.on {background: url("../img/information/btn_event_on.png") 0 0 no-repeat;}
#newsList .nav_block .btn_up.on {background: url("../img/information/btn_update_on.png") 0 0 no-repeat;}
#newsList .nav_block .btn_mainte.on {background: url("../img/information/btn_maintenance_on.png") 0 0 no-repeat;}

#newsList .news_block{background-color: #fff; border-left: 2px solid #cbc08c;border-right: 2px solid #cbc08c;box-sizing: border-box;padding: 14px;font-size: 0.5rem;}
#newsList .news_block dt {color: #191919; padding-left: 86px;min-height: 26px;  font-size: 0.5rem;}
#newsList .news_block dd {border-bottom: 2px dotted #b2b2b2; padding: 6px 0 16px; margin-bottom: 16px;min-height: 26px;line-height: 1.3;font-size: 0.6rem;}

#newsList .news_block .new {background: url("../img/information/icon_new.png") 0 0 no-repeat;}
#newsList .news_block .event {background: url("../img/information/icon_event.png") 0 0 no-repeat;}
#newsList .news_block .notice {background: url("../img/information/icon_news.png") 0 0 no-repeat;}
#newsList .news_block .important {background: url("../img/information/icon_important.png") 0 0 no-repeat;}
#newsList .news_block .up {background: url("../img/information/icon_update.png") 0 0 no-repeat;}
#newsList .news_block .mainte {background: url("../img/information/icon_maintenance.png") 0 0 no-repeat;}
#newsList .news_block .trouble {background: url("../img/information/icon_trouble.png") 0 0 no-repeat;}

#newsList .news_detail{background-color: #fff; border: 2px solid #cbc08c;box-sizing: border-box;padding: 14px;font-size: 0.5rem; margin-bottom: 28px;}
#newsList .news_detail .time{text-align: right; margin-bottom: 6px;min-height: 26px;  font-size: 0.5rem;}

#newsList .news_detail .time.new {background: url("../img/information/icon_new.png") 0 0 no-repeat;}
#newsList .news_detail .time.event {background: url("../img/information/icon_event.png") 0 0 no-repeat;}
#newsList .news_detail .time.notice {background: url("../img/information/icon_news.png") 0 0 no-repeat;}
#newsList .news_detail .time.important {background: url("../img/information/icon_important.png") 0 0 no-repeat;}
#newsList .news_detail .time.up {background: url("../img/information/icon_update.png") 0 0 no-repeat;}
#newsList .news_detail .time.mainte {background: url("../img/information/icon_maintenance.png") 0 0 no-repeat;}
#newsList .news_detail .time.trouble {background: url("../img/information/icon_trouble.png") 0 0 no-repeat;}

#newsList .news_detail h2{ font-size: 0.85rem; font-weight: bold; line-height: 1.2; border-bottom: 2px solid #cbc08c; padding-bottom: 8px; margin-bottom: 20px;}
#newsList .news_detail .entry{ line-height: 1.5;font-size: 0.5rem;}

#newsList .copyright{ text-align: center; color: #999; line-height: 1.5;font-size: 0.5rem;}


.imgbtn {
  font-size: 1px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: 28px;
}
.btn_back a {
  display: block;
  width: 204px;
  height: 52px;
  background-repeat: no-repeat;
  background-image: url("../img/information/btn_common_btn_back.png");
  margin-left: auto;
  margin-right: auto;
}



.num_pager.bg_black {
  background: #000;
}
.num_pager {
  overflow: hidden;
  position: relative;
  padding: 20px 0;
  font-size: 1.25rem;
}

.num_pager.w300 ul li.wrap {
  width: 600px;
}
.num_pager.bg_black ul li {
  color: #E0DCC0;
}
.num_pager.w300 ul li {
  margin: 0 8px;
}
.num_pager ul li.wrap {
  width: 640px;
  height: 60px;
  overflow: hidden;
  margin: 0;
}
.num_pager ul li {
  position: relative;
  float: left;
  left: -50%;
  line-height: 64px;
  margin: 0 8px;
  color: #000;
}

.num_pager ul li.wrap ul {
  position: relative;
  float: none;
  left: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 60px;
  width: auto;
}
.num_pager ul {
  position: relative;
  float: left;
  left: 50%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.num_pager ul li.wrap ul li {
  left: auto;
}



.num_pager ul li a {
  display: block;
  padding: 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-shadow: black -1px -1px 0, black 1px -1px 0, black 1px 1px 0, black -1px 1px 0;
  display: block;
  width: 100px;
  height: 60px;
  background-repeat: no-repeat;
  background-image: url("../img/information/btn_common_btn_pager_navi_l.png");
}
.num_pager.w300 ul li a {
  display: block;
  background-repeat: no-repeat;
  background-image: url("../img/information/btn_common_btn_pager_navi_l.png");
  text-align: center;
}
.num_pager.w300 ul li a.active {
  display: block;
  background-repeat: no-repeat;
  background-image: url("../img/information/btn_common_btn_pager_navi_l_on.png");
}