/* -----------------------------------------------

index.css

----------------------------------------------- */
#sm_slideListPhoto {
  display: none; }

#newsTitle {
  background: #004067;
  width: 77px;
  padding: 0 0 0 7px; }

#newsContents {
  border: none;
  background: #4C7797;
  height: 22px;
  margin: 15px 0 18px 7px;
  overflow: hidden;
  padding: 0 0 0 0;
  position: relative;
  width: 710px; }

/* -------------------------------------------- */
/* -------------------------------------------- */
/* Tablet 800px and over */
@media screen and (max-width: 800px) {
  #newsBt {
    position: absolute;
    top: 5px;
    right: 19px;
    z-index: 1000; }

  #newsDownBt {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000; }

  #slideTitleList {
    display: none; }

  #tickerAREA {
    position: relative;
    overflow: hidden; }

  #smView {
    display: none; }

  #topTitle {
    margin: 44px 0 0 5px; }

  #topTitletext {
    margin: 7px 0 0 30px; }

  #newstopics {
    position: absolute;
    height: 19px;
    top: 2px;
    left: 91px;
    width: 602px; }

  #newstopics li {
    line-height: 1.5em;
    height: 19px;
    left: 50px;
    color: #fff;
    overflow: hidden; }

  #newstopics li time {
    color: #FFFFFF;
    float: left;
    width: 80px; }

  #newstopics li p {
    float: left;
    width: 490px; }

  #newstopics li p a {
    color: #FFFFFF; }

  /* ----------------------------------------------- */
  /*topImageArea  */
  #topImageArea {
    z-index: 50;
    width: 100%;
    overflow: hidden;
    position: absolute;
    /*top:341px;*/
    top: 275px;
    height: 330px; }

  #topimageBgleft {
    display: none; }

  #topimageBgRight {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px; }

  #topimageBgRight #tibr {
    position: absolute;
    left: 15px;
    background: #DCDCDC;
    height: 330px; }

  footer {
    /*margin:440px 0 0 0;*/
    margin: 540px 0px 0px 0px; }

  #gnavi {
    z-index: 1000; }

  /* slideArea */
  #slideArea {
    position: relative;
    height: 330px; }

  #slideArea02 {
    position: absolute;
    top: 25px;
    left: 0;
    width: 330px;
    height: 330px; }

  #slideArea03 {
    position: absolute;
    top: 0;
    left: 330px; }

  #sa03Img {
    width: 407px;
    height: 330px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    layout-grid-line: 330px; }

  #sa03Img img {
    vertical-align: middle; }

  #slideArea04 {
    position: absolute;
    top: 0;
    left: 757px; }

  #sa03Img {
    width: 407px;
    height: 330px;
    display: table-cell;
    vertical-align: middle;
    layout-grid-line: 330px; }

  #sa03Img img {
    vertical-align: middle; }

  #slideTitleList {
    display: none; }

  /* slideArea */
  #slideArea {
    position: relative;
    height: 330px; }

  #slideArea01 {
    position: absolute;
    top: 25px;
    left: 0;
    width: 330px;
    height: 330px;
    overflow: hidden; }

  #slideArea02 {
    position: absolute;
    top: 0;
    left: 330px;
    width: 407px;
    height: 330px;
    overflow: hidden; }

  #sa02Img {
    width: 407px;
    height: 330px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    layout-grid-line: 330px; }

  #sa02Img img {
    vertical-align: middle; }

  #slideArea03 {
    width: 407px;
    height: 330px;
    position: absolute;
    top: 0;
    left: 757px;
    overflow: hidden; }

  #sa03Img {
    width: 407px;
    height: 330px;
    display: table-cell;
    vertical-align: middle;
    layout-grid-line: 330px; }

  #sa03Img img {
    vertical-align: middle; }

  #slideBt {
    position: absolute;
    left: 20px;
    z-index: 2000; }

  /* TYPE */
  #slideCPhotoMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 814px; }

  #slideCPhotoMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px; }

  #slideTitleMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 660px; }

  #slideCPhotoList01, #slideCPhotoList02, #slideCPhotoList03, #slideCPhotoList04, #slideCPhotoList05, #slideCPhotoList06, #slideCPhotoList07 {
    width: 407px;
    height: 330px;
    float: left;
    position: relative; }

  #slideTitle01, #slideTitle02, #slideTitle03, #slideTitle04, #slideTitle05, #slideTitle06, #slideTitle07 {
    width: 330px;
    height: 330px;
    float: left;
    position: relative; }

  #slideBPhotoList01, #slideBPhotoList02, #slideBPhotoList03, #slideBPhotoList04, #slideBPhotoList05, #slideBPhotoList06, #slideBPhotoList07 {
    height: 330px;
    float: left;
    position: relative;
    margin: 10px 0 0 0; }

  #slideTitle01 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle02 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle03 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle04 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle05 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle06 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle07 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideCPhotoList {
    display: none; }

  #slideBPhotoMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 3000px; }

  #slideCPhotoList01 h2 {
    position: absolute;
    top: 25px;
    left: 0; }

  #slideCPhotoList02 h2 {
    position: absolute;
    top: 25px;
    left: 0; }

  #slideCPhotoList03 h2 {
    position: absolute;
    top: 54px;
    left: 0; }

  #slideCPhotoList04 h2 {
    position: absolute;
    top: 10px;
    left: 102px; }

  #slideCPhotoList05 h2 {
    position: absolute;
    top: 10px;
    left: 102px; }

  #slideCPhotoList06 h2 {
    position: absolute;
    top: 10px;
    left: 49px; }

  #slideCPhotoList07 h2 {
    position: absolute;
    top: 10px;
    left: 49px; }

  #slideBPhotoList {
    display: none; } }
/* -------------------------------------------- */
/* -------------------------------------------- */
/* PC 800px and over */
@media screen and (min-width: 801px) {
  #newsBt {
    position: absolute;
    top: 5px;
    right: 19px;
    z-index: 1000; }

  #newsDownBt {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000; }

  /* */
  #slideTitleList {
    display: none; }

  #smView {
    display: none; }

  #topTitle {
    margin: 44px 0 0 5px; }

  #topTitletext {
    margin: 7px 0 0 30px; }

  #newstopics {
    position: absolute;
    height: 19px;
    top: 2px;
    left: 91px;
    width: 602px; }

  #newstopics li {
    line-height: 1.5em;
    height: 19px;
    left: 50px;
    color: #fff;
    overflow: hidden; }

  #newstopics li time {
    color: #FFFFFF;
    float: left;
    width: 80px; }

  #newstopics li p {
    float: left;
    width: 490px; }

  #newstopics li p a {
    color: #FFFFFF; }

  /* ----------------------------------------------- */
  /*topImageArea  */
  #topImageArea {
    z-index: 50;
    width: 100%;
    overflow: hidden;
    position: absolute;
    /*top:263px;*/
    top: 200px;
    height: 330px;
    min-width: 1020px; }

  #topimageBgleft {
    position: absolute;
    width: 50%;
    height: 330px; }

  #topimageBgleft div {
    position: absolute;
    right: 498px;
    background: #DCDCDC;
    height: 330px; }

  #topimageBgRight {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 330px; }

  #topimageBgRight #tibr {
    position: absolute;
    left: -226px;
    background: #DCDCDC;
    height: 330px; }

  footer {
    /*margin:440px 0 0 0;*/
    margin: 540px 0 0 0; }

  #gnavi {
    z-index: 1000; }

  /* slideArea */
  #slideArea {
    position: relative;
    height: 330px; }

  #slideArea01 {
    position: absolute;
    top: 25px;
    left: 0;
    width: 330px;
    height: 330px;
    overflow: hidden; }

  #slideArea02 {
    position: absolute;
    top: 0;
    left: 330px;
    width: 407px;
    height: 330px;
    overflow: hidden; }

  #sa02Img {
    width: 407px;
    height: 330px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    layout-grid-line: 330px; }

  #sa02Img img {
    vertical-align: middle; }

  #slideArea03 {
    width: 407px;
    height: 330px;
    position: absolute;
    top: 0;
    left: 757px;
    overflow: hidden; }

  #sa03Img {
    width: 407px;
    height: 330px;
    display: table-cell;
    vertical-align: middle;
    layout-grid-line: 330px; }

  #sa03Img img {
    vertical-align: middle; }

  #slideBt {
    position: absolute;
    left: 27px;
    z-index: 2000; }

  /* TYPE */
  #slideCPhotoMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 814px; }

  #slideCPhotoMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px; }

  #slideTitleMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 660px; }

  #slideCPhotoList01, #slideCPhotoList02, #slideCPhotoList03, #slideCPhotoList04, #slideCPhotoList05, #slideCPhotoList06, #slideCPhotoList07 {
    width: 407px;
    height: 330px;
    float: left;
    position: relative; }

  #slideTitle01, #slideTitle02, #slideTitle03, #slideTitle04, #slideTitle05, #slideTitle06, #slideTitle07 {
    width: 330px;
    height: 330px;
    float: left;
    position: relative; }

  #slideBPhotoList03, #slideBPhotoList04, #slideBPhotoList05, #slideBPhotoList06, #slideBPhotoList07 {
    height: 330px;
    float: left;
    position: relative;
    margin: 10px 0 0 0; }

  #slideBPhotoList01 {
    height: 330px;
    float: left;
    position: relative;
    margin: 55px 0 0 0; }

  #slideTitle06 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle01 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle02 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle03 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle04 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle05 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle06 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideTitle07 h2 {
    position: absolute;
    top: 133px;
    left: 25px; }

  #slideCPhotoList {
    display: none; }

  #slideBPhotoMove {
    position: absolute;
    top: 0;
    left: 0;
    width: 3000px; }

  #slideCPhotoList01 h2 {
    position: absolute;
    top: 24px;
    left: 0; }

  #slideCPhotoList02 h2 {
    position: absolute;
    top: 24px;
    left: 0; }

  #slideCPhotoList03 h2 {
    position: absolute;
    top: 54px;
    left: 0; }

  #slideCPhotoList04 h2 {
    position: absolute;
    top: 10px;
    left: 79px; }

  #slideCPhotoList05 h2 {
    position: absolute;
    top: 10px;
    left: 78px; }

  #slideCPhotoList06 h2 {
    position: absolute;
    top: 10px;
    left: 38px; }

  #slideCPhotoList07 h2 {
    position: absolute;
    top: 10px;
    left: 38px; }

  #slideBPhotoList {
    display: none; } }
/* -------------------------------------------- */
/* -------------------------------------------- */
/* SmartPhone STYLE 320*/
@media screen and (max-width: 620px) {
  footer {
    margin: 50px 0 0 0; }

  #pcView {
    display: none; }

  #smView {
    display: block; }

  #smView header {
    height: 68px; }

  #smView header h1 {
    display: block;
    width: 286px;
    height: 47px;
    margin: 0 auto;
    padding: 20px 0 5px 0; }

  #smView header h1 img {
    width: 100%; }

  #smView header p {
    text-align: center; }

  /* ********************************************** */
  /* sm_slideArea */
  #sm_slideText {
    width: 100%;
    overflow: hidden; }

  #sm_slideText_inn {
    position: absolute;
    z-index: 0;
    width: 2000px; }

  #sm_slideText_inn div {
    float: left;
    height: 52px; }

  #sm_slideTextListItem {
    display: none; }

  div.smSLTItem {
    position: relative;
    width: 100%; }

  #smSLT01 img, #smSLT02 img, #smSLT03 img, #smSLT04 img, #smSLT05 img, #smSLT06 img, #smSLT07 img {
    position: absolute;
    top: 10px;
    left: 54px; }

  #sm_slidePhoto {
    position: relative;
    width: 2000px;
    overflow: hidden;
    height: 250px; }

  #smspInn {
    position: absolute; }

  #smSLP01 {
    background: url(../images/sm_bg.jpg);
    width: 100%;
    height: 250px;
    text-align: center;
    float: left;
    position: relative;
    top: -20px; }

  #smSLP02 {
    background: url(../images/sm_bg.jpg);
    width: 100%;
    height: 250px;
    text-align: center;
    float: left;
    position: relative;
    top: -20px; }

  #smSLP03, #smSLP04, #smSLP05, #smSLP06, #smSLP07 {
    background: url(../images/sm_bg.jpg);
    width: 100%;
    height: 250px;
    text-align: center;
    float: left; }

  #smSLP01 img {
    margin: 37px 0 0 0; }

  #smSLP01 img {
    width: 320px; }

  #smSLP02 img {
    margin: 37px 0 0 0; }

  #smSLP02 img {
    width: 320px; }

  #smSLP03 img {
    margin: 37px 0 0 0; }

  #smSLP03 img {
    width: 320px; }

  #smSLP04 img, #smSLP05 img, #smSLP06 img, #smSLP07 img {
    height: 100%; }

  #sm_slideArea {
    width: 100%;
    overflow: hidden; }

  #sm_slidelike {
    background: #FFFFFF;
    position: relative;
    height: 70px; }

  #sm_slideBt {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000; }

  #sm_slideText01 {
    margin: 0 0 0 50px;
    padding: 10px 0 0 0; }

  #sm_newsArea {
    background: url(../images/sm_dot.gif);
    width: 100%;
    border-bottom: #E1E1E1 solid 1px;
    border-top: #E1E1E1 solid 1px;
    padding: 0 0 7px 0; }

  #sm_newsArea h2 {
    margin: 10px 0 0 10px;
    float: left;
    color: #467CA7; }

  #newclink {
    margin: 10px 10px 0 0;
    float: right; }

  /* -------------------------------------- */
  /* sm_ticker */
  #sm_newstopics {
    padding: 0; }

  .sm_ticker {
    margin: 0 auto;
    padding: 10px;
    text-align: left;
    position: relative;
    overflow: hidden; }

  /*
  .sm_ticker {
  	margin:0 auto;
  	padding:10px;
  	text-align: left;
  	position: relative;
  	overflow: hidden;
  }
  .sm_ticker ul {
  	width: 100%;
  	position: relative;
  }
  */
  .sm_ticker ul li {
    width: 100%;
    display: none; }

  /* -------------------------------------- */
  /* sm_mainnav */
  #sm_mainnav {
    background: #20201E; }

  #sm_mainnav ul li {
    border-top: #2F2F2F solid 1px;
    border-bottom: #000000 solid 1px;
    background: url(../images/sm_menu@2x.png) right no-repeat;
    background-size: 20px 16px;
    -webkit-background-size: 20px 16px;
    -moz-background-size: 20px 16px; }

  #sm_mainnav ul li.menuOpne {
    background: url(../images/sm_menu_current@2x.png) right 12px no-repeat;
    background-size: 25px 9px;
    -webkit-background-size: 25px 9px;
    -moz-background-size: 25px 9px; }

  ul.sm_gnavi_inn {
    display: none; }

  #sm_mainnav ul.sm_gnavi_inn li {
    margin: 0 0 0 10px;
    background: #E1E1E1 url(../images/sm_menu_inn@2x.png) right no-repeat;
    background-size: 19px 11px;
    -webkit-background-size: 19px 11px;
    -moz-background-size: 19px 11px; }

  #sm_mainnav ul.sm_gnavi_inn li a {
    padding: 7px 0 7px 10px;
    color: #000;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  #sm_mainnav ul li a {
    padding: 10px 0 10px 10px;
    color: #FFF;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  #sm_header_inn {
    background: url(../images/sm_bg.png);
    padding: 10px; }

  #sm_header_search {
    width: 191px; }

  #sm_header_language {
    margin: 5px 0 0 0; }

  #smhL {
    float: left;
    padding: 0 5px 0 0;
    position: relative;
    z-index: 100; }

  #smhR {
    float: right;
    width: 100%;
    margin-left: -200px; }

  #smhR ul {
    margin-left: 200px;
	text-align:center; }

  #sm_search_text {
    width: 135px; }

  /* colorBox */
  #cboxContent {
    width: 300px !important;
    height: auto; }

  img.cboxPhoto {
    width: 300px !important;
    height: auto !important; } 
	
/* -------------------------------------- */
/* バナー追加202103 */

#sm_bannerBox {
	list-style: none;
    overflow: hidden;
	background: #fff;
}

#sm_bannerBox ul li {
    width: 100%;
    text-align: center;
    border-top: #fee100 solid 1px;
	height: 40px;
    line-height: 40px;
	/*background: url(../images/sm_menu@2x.png) right no-repeat;*/
}

#sm_bannerBox ul li a{
    text-decoration: none;
    font-weight: 600;
	color:#000;
}

}


#news2018 {
  width: 100%;
  position: absolute;
  top: 534px;
  z-index: 9999999; }
  #news2018 .news2018Block {
    width: 1050px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px; }
    #news2018 .news2018Block .articleBox {
      width: 730px;
      float: right; }
      #news2018 .news2018Block .articleBox h3 {
        font-size: 16px;
        padding: 0px 0px 8px 0px; }
      #news2018 .news2018Block .articleBox ul li {
        padding: 0px 0px 8px 0px; }
        #news2018 .news2018Block .articleBox ul li span {
          margin-right: 10px; }
		  
/* -------------------------------------- */
/* バナー追加202103 */

#news2018 .news2018Block .bannerBox {
	list-style: none;
    overflow: hidden;
	margin-left:299px;
	margin-bottom:15px;
}

#news2018 .news2018Block .bannerBox ul li {
    width: 240px;
    text-align: center;
    background-color: #fff;
	border: 1px solid #fee100;
    float: left;
	height: 40px;
    line-height: 40px;
    margin-right: 5px;
}

#news2018 .news2018Block .bannerBox ul li a{
    text-decoration: none;
    font-weight: 600;
	color:#000;
}
		  

@media screen and (max-width: 800px) {
  #news2018 {
    width: 100%;
    position: absolute;
    top: 620px;
    z-index: 9999999; }
    #news2018 .news2018Block {
      width: 96%;
      margin: 0px auto;
      padding: 15px 0px 0px 0px; }
      #news2018 .news2018Block .articleBox {
        width: 100%;
        float: none; }
        #news2018 .news2018Block .articleBox h3 {
          font-size: 16px;
          padding: 0px 0px 8px 0px; }
        #news2018 .news2018Block .articleBox ul li {
          padding: 0px 0px 8px 0px; }
          #news2018 .news2018Block .articleBox ul li span {
            margin-right: 10px; } 

/* -------------------------------------- */
/* バナー追加202103 */

#news2018 .news2018Block .bannerBox {
	margin-left:0px;
}

#news2018 .news2018Block .bannerBox ul li {
    width: 240px;

}

}

@media screen and (max-width: 640px) {

#news2018 {
    display: none; } 

}