/*
#Visual {
  width:100%;
  min-width:1100px;
  height:360px;
  background:#666 url("images/top/visual_1.jpg") no-repeat center center;
}
#Visual h1 {
  display:none;
}
#Visual p {
  width:100%;
  min-width:1100px;
  height:360px;
  text-indent:-9999px;
  background:url("images/top/copy.png") no-repeat center center;
}
*/

#contents #main {
}
#contents #main .topNewsBlock {
  float:left;
  width:266px;
}
#contents .menuInfoPage {
  text-align:right;
}
#contents .menuInfoPage a {
  font-size:12px;
}

#contents #category_0 {
  padding-bottom:40px;
  text-align:left;
}
#contents #main #category_1 {
}
#contents #main #category_2 {
}
#contents #main #category_3 {
}
#contents #category_0 h2,
#contents #main h2 {
  margin-bottom:9px;
  padding-left:35px;
  font-size:24px;
}
#contents #category_0 h2 {
  color:#FF1D25;
  background:url("images/common/icon_h2_0.png") no-repeat left center;
}
#contents #main #category_1 h2 {
  color:#333;
  background:url("images/common/icon_h2_1.png") no-repeat left center;
}
#contents #main #category_2 h2 {
  color:#333;
  background:url("images/common/icon_h2_2.png") no-repeat left center;
}
#contents #main #category_3 h2 {
  color:#333;
  background:url("images/common/icon_h2_3.png") no-repeat left center;
}
#contents #main dl {
  padding:20px;
  font-size:16px;
  line-height:1.5em;
  background:#f6f6f6;
  border-radius:6px;
}
#contents #main dl dt {
  margin-bottom:5px;
}
#contents #main dl dd {
  margin-bottom:20px;
}
#contents #main dl dd a {
  text-decoration:underline;
}
#contents #main dl dd a:hover {
  text-decoration:none;
}
#contents #main .topNewsBlockSpace {
  float:left;
  width:25px;
}

#contents #category_0 dl {
  padding:20px;
  font-size:16px;
  line-height:1.5em;
  background:#FFF0F0;
  border-radius:6px;
}
#contents #category_0 dl dt {
}
#contents #category_0 dl dd {
  margin-top:-30px;
  margin-left:140px;
  margin-bottom:6px;
}
#contents #category_0 dl dd a {
  text-decoration:underline;
  color:#300;
}
#contents #category_0 dl dd a:hover {
  text-decoration:none;
}

#areaVisual {
  min-width:1100px; width:100%;
}
#areaVisual h1 {
  display:none;
}
#areaVisual p {
  position:absolute;
  width:100%;
  min-width:1100px;
  height:350px;
  text-indent:-9999px;
  background:url("images/top/copy.png") no-repeat center center;
  z-index:90;
}
#slider {
  min-width:1100px; width:100%; height:100%; min-height:350px; overflow:hidden; position:relative;
}
#slider img {
  width:1100px; height:350px;
}
.slide-wrap {
  width:3300px; height:350px; position:absolute; left:50%; margin-left:-1650px;
}
.bx-controls {
  position:absolute;
  margin-left:-550px;
  width:1100px;
  top:0;
  left:50%;
  z-index:100;
}
.bx-controls-direction {
  position:absolute;
  max-width:100%;
  min-width:1100px;
  top:0;
}
.bx-controls-direction a {
  position:absolute;
  display:block;
  width:100%;
  height:350px;
  background-color:rgba(32,32,32,0.5);
  z-index:9999;
  color:#fff;
  text-decoration:none;
}
.bx-controls-direction a:hover {
  background-color:rgba(128,128,128,0.5);
  opacity:0.75;
}
a.bx-prev {left:-1100px; text-align:right; background-image:url("images/top/prev.png"); background-repeat:no-repeat; background-position:center right;}
a.bx-next {right:-1100px; text-align:left; background-image:url("images/top/next.png"); background-repeat:no-repeat; background-position:center left;}
.bx-pager {
  clear:both;
  display:block;
  position:relative;
  top:310px;
  text-align:center;
}
.bx-pager-item {
margin:3px;
line-height:1; height:12px; width:12px;
border-radius:6px;
background:#000; overflow:hidden; display:inline-block; margin:10px 2px 0 2px;
}
.bx-pager-item a {background-color:#ccc; display:block;}
.bx-pager-item a {padding-top:50px; display:block;}
.bx-pager-item a.active {opacity:0.5;}
.bx-pager-item a:hover {opacity:0.3;}



#frameTopVisual {
  height:320px;
  background:#444;
}
#frameTopVisual h1 {
  display:none;
}
#frameTopVisual #boxTopVisualCore {
  height:320px;
  background:#666;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualSlider {
  float:left;
  width:850px;
  height:320px;
  min-height:320px;
  overflow:hidden;
  position:relative;
  z-index:0;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualSlider ul {
  list-style:none;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualSlider ul li {
  float:left;
  list-style:none;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualSlider ul li a {
}
#frameTopVisual #boxTopVisualCore #boxTopVisualSlider ul li a:hover {
  opacity:0.85;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualSlider ul li a img {
  width:850px; height:320px;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualSliderWrap {
  width:850px; height:320px; position:absolute; left:0%; margin-left:0px;
}

.bx-controls {
  position:absolute;
  margin-left:0px;
  width:850px;
  top:0;
  left:0%;
  z-index:100;
}
.bx-controls-direction {
  position:absolute;
  max-width:100%;
  min-width:850px;
  top:0;
}
.bx-controls-direction a {
  position:absolute;
  display:block;
  width:50px;
  height:320px;
  background-color:rgba(32,32,32,0);
/*
  background-color:rgba(32,32,32,0.5);
*/
  z-index:9999;
  color:#fff;
  text-decoration:none;
}
.bx-controls-direction a:hover {
/*
  background-color:rgba(0,0,0,0.1);
*/
  background-color:none;
  opacity:1;
}
a.bx-prev {left:0px; background-size:85%; text-align:right; background-image:url("images/top/prev.png"); background-repeat:no-repeat; background-position:center right;}
a.bx-next {right:0px; background-size:85%; text-align:left; background-image:url("images/top/next.png"); background-repeat:no-repeat; background-position:center left;}
.bx-pager {
  clear:both;
  display:block;
  position:relative;
  top:290px;
  text-align:center;
}
.bx-pager-item {
margin:3px;
line-height:1; height:12px; width:12px;
border-radius:6px;
background:#090; overflow:hidden; display:inline-block; margin:10px 2px 0 2px;
}
.bx-pager-item a {background-color:#ccc; display:block;}
.bx-pager-item a {padding-top:50px; display:block;}
.bx-pager-item a.active {opacity:0.5;}
.bx-pager-item a:hover {opacity:0.3;}


#frameTopVisual #boxTopVisualCore #boxTopVisualBanner {
  float:right;
  width:245px;
  height:320px;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul {
  padding:13px 0 0 17px;
  list-style:none;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li {
  padding:5px;
  list-style:none;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li a {
  display:block;
  width:200px;
  height:63px;
  background:#fff;
  text-decoration:none;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li a:hover {
  opacity:0.85;
}
#frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li a img {
  width:100%;
  height:auto;
}



/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

  #areaVisual {
    min-width:100%;
    height:350px;
  }
  #areaVisual p {
    min-width:100%;
    height:350px;
    background-size:contain;
  }

  #Global {
    width:100%;
    min-width:100%;
    height:auto;
  }
  #Global {
    display:block;
  }
  #Global ul li {
    padding:0;
    width:50%;
  }
  #Global ul li a {
    display:block;
    padding:20px 0;
    font-size:15px;
    background:none;
    border:1px solid #000;
  }
  #Global ul li#menu_home {
    display:none;
  }
  
  #contents #main .topNewsBlock {
    float:none;
    padding-bottom:20px;
    width:auto;
  }
  
  #contents #category_0 dl {
    padding:10px;
    font-size:13px;
    line-height:1.2em;
  }
  #contents #category_0 dl dt {
  }
  #contents #category_0 dl dd {
    margin-top:0;
    margin-left:0;
    margin-bottom:6px;
  }
  #contents #category_0 h2,
  #contents #main h2 {
    margin-bottom:9px;
    padding-left:35px;
    font-size:18px;
  }
  #contents #main #category_0 h2,
  #contents #main #category_1 h2,
  #contents #main #category_2 h2,
  #contents #main #category_3 h2 {
    padding-left:22px;
    background-size:contain;
  }
  #contents #main dl {
    padding:10px;
    font-size:13px;
    line-height:1.3em;
  }
  #contents #main dl dd {
    margin-bottom:12px;
  }
      
  #slider {
    min-width:100%; width:100%; height:100%; min-height:350px; overflow:hidden; position:relative;
  }
  #slider img {
    width:640px; height:350px;
  }


  #frameTopVisual {
    height:auto;
  }
  #frameTopVisual #boxTopVisualCore {
    height:auto;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualSlider {
    float:none;
    width:100%;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualSlider ul li a {
    display:flex;
    justify-content:center;
    width:100%;
    height:350px;
    text-align:center;
    overflow:hidden;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualSlider ul li a img {
    width:585px; height:320px;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualSliderWrap {
    width:100%; height:320px; position:absolute; left:0%; margin-left:0px;
  }
  
  .bx-controls {
    position:absolute;
    margin-left:0px;
    width:100%;
    top:0;
    left:0%;
    z-index:100;
  }
  .bx-controls-direction {
    position:absolute;
    max-width:100%;
    min-width:100%;
    top:0;
  }
  .bx-pager {
    bottom:5px;
    text-align:center;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualBanner {
    float:none;
    padding:0;
    width:100%;
    height:auto;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul {
    padding:5px;
    list-style:none;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li {
    float:left;
    padding:0;
    width:50%;
    list-style:none;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li a {
    display:block;
    width:100%;
    height:auto;
    background:none;
    text-decoration:none;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li a:hover {
    opacity:0.85;
  }
  #frameTopVisual #boxTopVisualCore #boxTopVisualBanner ul li a img {
    width:100%;
    height:auto;
  }
  
  

}