@charset "utf-8";
@media only screen and (min-width: 240px) {
  #visual {
    background-color: silver;
  }
}
@media only screen and (min-width: 480px) {
  #visual {
    background-color: gray;
  }
}
@media only screen and (min-width: 800px) {
  #visual {
    position: relative;
  }
  #visual button {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    margin-top: -27px;
    border: none;
    text-indent: -5000px;
    background: url("/mbs/eng/images/ispc/main/btn_visual_handler.png") no-repeat;
  }
  #visual button.prev {
    background-position: left top;
    margin-left: -570px;
  }
  #visual button.prev:hover {
    background-position: left bottom;
  }
  #visual button.next {
    background-position: right top;
    margin-left: 516px;
  }
  #visual button.next:hover {
    background-position: right bottom;
  }
  #visual #visualContaner {
    height: 520px;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  #visual #visualContaner #articleVisual .visualArea {
    float: left;
    width: 100%;
    height: 520px !important;
  }
  #visual #visualContaner #articleVisual .visualArea .visualContent {
    width: 1040px;
    height: 430px;
    margin: 0 auto;
    text-align: left;
    padding: 90px 0 0 100px;
    color: #fff;
    background: url("/mbs/eng/images/ispc/main/bg_visualContent.png") no-repeat center 445px;
  }
  #visual #visualContaner #articleVisual .visualArea .visualContent h1 {
    font-size: 3.5em;
    margin: 0 auto 20px auto;
  }
  #visual #visualContaner #articleVisual .visualArea .visualContent .h1Bar {
    width: 68px;
    height: 4px;
    background-color: #fff;
    margin: 30px auto;
  }
  #visual #visualContaner #articleVisual .visualArea .visualContent p {
    font-size: 1.2em;
    line-height: 2em;
    margin-bottom: 1em;
  }
  #visual #visualContaner #articleVisual .visualArea .visualContent p.last {
    margin-top: 80px;
  }
  #visual #visualContaner #articleVisual .visualArea .visualContent p.lastR {
    float: right;
	text-align: center;
	margin: 60px 120px 0 0;
  }
  #visual #visualContaner #articleVisual .visualArea .visualContent a {
    display: inline-block;
    font-size: 1.2em;
    border: 2px #fff solid;
    border-radius: 0.6em;
    color: #fff;
    line-height: 2em;
    padding: 0 2em;
  }
  #visual #visualContaner #articleVisual #visual_01 {
    background: url("/mbs/jpn/images/ispc/main/visual_01.jpg") repeat-x center top;
  }
  #visual #visualContaner #articleVisual #visual_01 .visualContent {
	background: url("/mbs/jpn/images/ispc/main/visual_01_img.png") no-repeat 550px 50px;
  }
  #visual #visualContaner #articleVisual #visual_02 {
    background: url("/mbs/jpn/images/ispc/main/visual_02.jpg") repeat-x center top;
  }
  #visual #visualContaner #articleVisual #visual_02 .visualContent {
	background: url("/mbs/jpn/images/ispc/main/visual_02_img.png") no-repeat right 50px;
  }
  #visual #visualContaner #articleVisual #visual_03 {
    background: url("/mbs/jpn/images/ispc/main/visual_03.jpg") repeat-x center top;
  }
  #visual #visualContaner #articleVisual #visual_03 .visualContent {
	background: url("/mbs/jpn/images/ispc/main/visual_03_img.png") no-repeat 600px 150px;
  }
  #visual .visualPaging {
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: center;
  }
  #visual .visualPaging .paging {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    background: url("/mbs/eng/images/ispc/main/btn_visual_paging.png") no-repeat;
    background-position: right top;
  }
  #visual .visualPaging .paging.visible {
    background-position: left top;
  }
}