@charset "UTF-8";
/* CSS Document */

/* common */
/* Bread Crumb */
.mainTitle .breadcrumb ul {
  padding-top: 20px;
  margin-left: 33px;
}
.mainTitle .breadcrumb ul li {
  display: inline-block;
  padding-right: 8px;
}
.mainTitle .breadcrumb ul li a {
  text-decoration: none;
}
.mainTitle .breadcrumb ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
  -moz-opacity: 0.7;                /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
}

.wrap .contents {
  background:url(../../images/contents_bg.png) repeat;
  background-size: 16px 16px;
}

@media screen and (min-width: 641px) {
/* common
------------------------------------------------------------------------*/

.title_inner {
  margin: 0 auto;
  min-width: 1000px;
  max-width: 1280px;
  position: relative;
}
.main_inner {
  margin: 0 auto;
  width: 1000px;
  position: relative;
}
a {
  color: #000;
}

/* mainTitle
------------------------------------------------------------------------*/

.mainTitle {
  position: relative;
  height: 204px;
  background: url(../../images/contents_bg_02.png) repeat;
}
.mainTitle .txt_inner {
  width: 340px;
  position: absolute;
  left: 50%;
  margin-left: -171px;
}
.mainTitle h2 {
  margin-top: 38px;
  text-align: center;
}

/* Bread Crumb */
.mainTitle .breadcrumb ul {
  padding-top: 20px;
  margin-left: 33px;
}
.mainTitle .breadcrumb ul li {
  display: inline-block;
  padding-right: 8px;
}
.mainTitle .breadcrumb ul li a {
  text-decoration: none;
}
.mainTitle .breadcrumb ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
  -moz-opacity: 0.7;                /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
}


.wrap .contents {
  position: relative;
  height: 554px;
  background:url(../../images/contents_bg.png) repeat;
  background-size: 16px 16px;
}
  .wrap .contents .inner {
    width: 803px;
    margin: 0 auto;
    padding-top: 91px;
  }
  .wrap .contents ul {
  }
  .wrap .contents ul li {
    float: left;
  }
  /* Menu */
  /* Normal */
  .wrap .contents ul li.menu1 {
    position: relative;
    width: 343px;
    height: 72px;
    background: url(../images/contents_menu_01.png) no-repeat;
    margin-right: 117px;
    margin-bottom: 44px;
  }
  .wrap .contents ul li.menu2 {
    position: relative;
    width: 343px;
    height: 72px;
    background: url(../images/contents_menu_02.png) no-repeat;
  }
  .wrap .contents ul li.menu3 {
    position: relative;
    width: 343px;
    height: 72px;
    background: url(../images/contents_menu_03.png) no-repeat;
    margin-right: 117px;
    margin-bottom: 44px;
  }
  .wrap .contents ul li.menu4 {
    position: relative;
    width: 343px;
    height: 72px;
    background: url(../images/contents_menu_04.png) no-repeat;
  }
  .wrap .contents ul li.menu5 {
    position: relative;
    width: 343px;
    height: 72px;
    background: url(../images/contents_menu_05.png) no-repeat;
    padding-right: 117px
  }
  .wrap .contents ul li.menu6 {
    position: relative;
    width: 343px;
    height: 72px;
    background: url(../images/contents_menu_06.png) no-repeat;
  }
  /* Hover */
  .wrap .contents ul li.menu1:hover {
    background: url(../images/contents_menu_on_01.png) no-repeat;
  }
  .wrap .contents ul li.menu2:hover {
    background: url(../images/contents_menu_on_02.png) no-repeat;
  }
  .wrap .contents ul li.menu3:hover {
    background: url(../images/contents_menu_on_03.png) no-repeat;
  }
  .wrap .contents ul li.menu4:hover {
    background: url(../images/contents_menu_on_04.png) no-repeat;
  }
  .wrap .contents ul li.menu5:hover {
    background: url(../images/contents_menu_on_05.png) no-repeat;
  }
  .wrap .contents ul li.menu6:hover {
    background: url(../images/contents_menu_on_06.png) no-repeat;
  }


    .wrap .contents ul li a {
      position: absolute; top: 0px; left: 0px;
      width: 343px;
      height: 72px;
      text-decoration: none;
      text-indent: -99999px
    }
  }

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



    	header .headerIn nav ul li.nav7.ov {
        max-width: 100%;
    		height: 0;
    		margin:0 auto;
    		padding-bottom:5.9375%;
    		background:url(../../common/images/sp/nav_07_ov.png) no-repeat center;
    		background-size:contain;
    	}

      .wrap  .mainTitle {
    		position:relative;
    		width:100%;
    		height: 0;
        margin-top: 13.906%;
    		padding:0 0 42.8125%;
    		box-sizing:border-box;
    		background:url(../images/sp/contents_bg.png) repeat-x;
        background-size: contain;
    	}
      .wrap .mainTitle .breadcrumb { display: none; }
      .wrap .mainTitle h2 {
        width: 59.843%;
        max-width: 383px;
        margin: 0 auto;
        padding: 16.8% 0 0 0;
      }

      .wrap .contents .inner {
        margin: 0 4.6875%;
        padding: 10% 0 25.7% 0;
      }

      .wrap .contents ul li {
        position: relative;
        float: none;
        max-width: 100%;
        height: 0;
        margin: 0 0 2.1% 0;
        padding-bottom: 15.4%;
        text-indent:100%;
    		white-space: nowrap;
    		overflow: hidden;
      }
      .wrap .contents ul li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      .wrap .contents ul li.menu1 {
        background: url(../images/sp/contents_menu_01.png) no-repeat center;
        background-size: contain;
      }
      .wrap .contents ul li.menu2 {
        background: url(../images/sp/contents_menu_02.png) no-repeat center;
        background-size: contain;
      }
      .wrap .contents ul li.menu3 {
        background: url(../images/sp/contents_menu_03.png) no-repeat center;
        background-size: contain;
      }
      .wrap .contents ul li.menu4 {
        background: url(../images/sp/contents_menu_04.png) no-repeat center;
        background-size: contain;
      }
      .wrap .contents ul li.menu5 {
        background: url(../images/sp/contents_menu_05.png) no-repeat center;
        background-size: contain;
      }
      .wrap .contents ul li.menu6 {
        margin: 0;
        background: url(../images/sp/contents_menu_06.png) no-repeat center;
        background-size: contain;
      }



   }