@charset "UTF-8";
body {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }

#head {
  width: 100%;
  height: 63px; }
  #head #headWrap {
    width: 980px;
    padding: 20px 0 0;
    margin: 0 auto; }
    #head #headWrap h1 {
      float: left;
      padding: 5px 0 0; }
    #head #headWrap a {
      display: block;
      width: 250px;
      float: right; }

#dl {
  width: 980px;
  text-align: center;
  margin: 0 auto 20px;
  padding: 0; }

#simWrap {
  width: 980px;
  margin: 0 auto;
  /**div.thum:nth-child(even){
      float: right;
  }
  div.thumNone{
      width:113px;
      float: right;
      label{
          width:113px;
          height: 50px;
          display: block;
          padding: 0 0 0 0px;
          cursor: pointer;
          background-repeat: no-repeat;
          background-position: right top;
          small{
              line-height: 10px;
              font-size: 80%;
          }
      }
      .c_on{background-position:left top !important;}
      .NONE{background-image:url(../img/s_non.gif);}
      input{
          display: none;
      }
  }**/ }
  #simWrap #targetImg {
    width: 705px;
    height: 425px;
    float: left; }
  #simWrap #upMenu {
    margin: 0 0 10px; }
    #simWrap #upMenu h2 {
      margin: 0 0 0;
      float: left;
      width: 65px; }
    #simWrap #upMenu #m1 {
      width: 480px;
      float: left; }
    #simWrap #upMenu #m2 {
      width: 480px;
      float: right; }
  #simWrap #m1Wrap, #simWrap #m1Wrap {
    margin: 0 0 0; }
  #simWrap div.thum {
    width: 83px;
    float: left; }
    #simWrap div.thum label {
      width: 83px;
      height: 70px;
      /**line-height: 14px;*/
      display: block;
      padding: 0 0 0 0px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: left bottom; }
      #simWrap div.thum label small {
        line-height: 10px;
        font-size: 80%; }
    #simWrap div.thum .c_on {
      background-position: 0px 0px !important; }
    #simWrap div.thum .GDNX1 {
      background-image: url(../images/s_gdnx1.gif); }
    #simWrap div.thum .GDNX2 {
      background-image: url(../images/s_gdnx2.gif); }
    #simWrap div.thum .GDNX3 {
      background-image: url(../images/s_gdnx3.gif); }
    #simWrap div.thum .GDNX4 {
      background-image: url(../images/s_gdnx4.gif); }
    #simWrap div.thum .GDNX5 {
      background-image: url(../images/s_gdnx5.gif); }
    #simWrap div.thum .KDNX1 {
      background-image: url(../images/s_kdnx1.gif); }
    #simWrap div.thum .KDNX2 {
      background-image: url(../images/s_kdnx2.gif); }
    #simWrap div.thum .KDNX3 {
      background-image: url(../images/s_kdnx3.gif); }
    #simWrap div.thum .KDNX4 {
      background-image: url(../images/s_kdnx4.gif); }
    #simWrap div.thum .KDNX5 {
      background-image: url(../images/s_kdnx5.gif); }
    #simWrap div.thum input {
      display: none; }

#footer {
  background-color: #002878;
  width: 100%;
  height: 50px;
  margin: 30px 0 0; }
  #footer p.copyright {
    width: 980px;
    margin: 0 auto;
    padding: 15px 0 0;
    text-align: right;
    font-size: 10px;
    color: #fff; }

/**RESET*******************************************/
img {
  border: none; }

body {
  margin: 0;
  padding: 0;
  list-style: none; }

h1 {
  margin: 0;
  padding: 0;
  list-style: none; }

h2 {
  margin: 0;
  padding: 0;
  list-style: none; }

h3 {
  margin: 0;
  padding: 0;
  list-style: none; }

dl {
  margin: 0;
  padding: 0;
  list-style: none; }

dt {
  margin: 0;
  padding: 0;
  list-style: none; }

dd {
  margin: 0;
  padding: 0;
  list-style: none; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

li {
  margin: 0;
  padding: 0;
  list-style: none; }

p {
  margin: 0;
  padding: 0;
  list-style: none; }

/**clearfix**/
#simWrap {
  *zoom: 1; }

#simWrap:after {
  content: "";
  display: block;
  clear: both; }

#upMenu {
  *zoom: 1; }

#upMenu:after {
  content: "";
  display: block;
  clear: both; }

#headWrap {
  *zoom: 1; }

#headWrap:after {
  content: "";
  display: block;
  clear: both; }

#tenbanWrap {
  *zoom: 1; }

#tenbanWrap:after {
  content: "";
  display: block;
  clear: both; }

#dtWrap {
  *zoom: 1; }

#dtWrap:after {
  content: "";
  display: block;
  clear: both; }

.dummy {
  *zoom: 1; }

.dummy:after {
  content: "";
  display: block;
  clear: both; }

/*# sourceMappingURL=style.css.map */