@charset "UTF-8";

body{
    min-width:960px;
    background:#000;
}

/* ========================================
	#main-visual
======================================== */
#main_h2{
    position:relative;
	height: 310px;
	overflow: hidden;
    background: url("../img/h2_bg_base.jpg") no-repeat center top;
    z-index:6;
}
#main_h2 .h2_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 410px;
    top:-100px;
    background: url("../../img/h2_bg.png") no-repeat center top;
}
#main_h2 .inner {
    width:940px;
    margin:0 auto;
	z-index: 1;
}
#main_h2 .inner h2 {
    margin-top:60px;
}
/* ========================================
	.mech_main
======================================== */
#mech_main {
	position: relative;
	z-index: 1;
    width:100%;
    min-width:960px;
	height: 858px;
    overflow:hidden;
    margin-top:-75px;
    background: url("../img/main_bg.jpg") no-repeat center top;
}
#mech_main .inner .chara{
    position:absolute;
    top:56px;
    left:299px;
    z-index:3;
}
#mech_main .inner .spec{
    position:absolute;
    top:101px;
    left:714px;
}
#mech_main .inner .title{
    position:absolute;
    top:67px;
    left:10px;
    width:470px;
    overflow:hidden;
    z-index:2;
}
#mech_main .inner .kinou{
    position:absolute;
}
#mech_main .inner .kinou_inn{
    position:relative;
}
#mech_main .inner .kinou_inn div{
    position:absolute;
}
#mech_main .inner .kinou_inn .btn:hover{
    background:rgba(0,0,0,0.4);
}
#mech_main .inner .kinou_inn .movie-box {
	position: relative;
	width: 259px;
    height:150px;
	overflow: hidden;
}
#mech_main .inner .kinou_inn .movie-yt {
	position: absolute;
	top: -3px;
	left: -11px;
	width: 284px;
	height: 160px;
}
#mech_main .inner .kinou_inn .movie-yt iframe {
	position: absolute;
	width: 284px;
	height: 160px;
}
#mech_main .inner .kinou_inn .waku{
    z-index:1;
}

/*-------*/
#mech_main .inner .k1{
    top:173px;
    left:7px;
}
#mech_main .inner .k1 .movie-box,
#mech_main .inner .k1 .waku{
    top:49px;
    left:3px;
}
#mech_main .inner .k1 .movie-box img{
    margin-top: 3px;
	margin-left: 11px;
}
#mech_main .inner .k1 .btn{
    width:259px;
    height:150px;
    top:49px;
    left:3px;
    overflow:hidden;
}
#mech_main .inner .k1 .txt{
    top:206px;
    left:0px;
}


#mech_main .inner .k2{
    top:494px;
    left:50px;
}
#mech_main .inner .k2 .movie-box,
#mech_main .inner .k2 .waku{
    top:49px;
    left:3px;
}
#mech_main .inner .k2 .movie-box {
	width: 262px;
    height:153px;
}
#mech_main .inner .k2 .movie-yt {
	top: -3px;
	left: -10px;
	width: 284px;
	height: 160px;
}
#mech_main .inner .k2 .movie-yt iframe {
	width: 284px;
	height: 160px;
}
#mech_main .inner .k2 .movie-box img{
    margin-top: 3px;
	margin-left: 10px;
}
#mech_main .inner .k2 .btn{
    width:262px;
    height:153px;
    top:49px;
    left:3px;
    overflow:hidden;
}
#mech_main .inner .k2 .txt{
    top:220px;
    left:0px;
}

#mech_main .inner .k3{
    top:524px;
    left:360px;
}
#mech_main .inner .k3 .movie-box,
#mech_main .inner .k3 .waku{
    top:49px;
    left:3px;
}
#mech_main .inner .k3 .movie-box {
	width: 267px;
    height:163px;
}
#mech_main .inner .k3 .movie-yt {
	top: -1px;
	left: -8px;
	width: 295px;
	height: 166px;
}
#mech_main .inner .k3 .movie-yt iframe {
	width: 295px;
	height: 166px;
}
#mech_main .inner .k3 .movie-box img{
    margin-top: 1px;
	margin-left: 8px;
}

#mech_main .inner .k3 .btn{
    width:267px;
    height:163px;
    top:49px;
    left:3px;
    overflow:hidden;
}
#mech_main .inner .k3 .txt{
    top:220px;
    left:0px;
}

#mech_main .inner .k4{
    top:402px;
    left:665px;
}
#mech_main .inner .k4 .movie-box,
#mech_main .inner .k4 .waku{
    top:49px;
    left:3px;
}
#mech_main .inner .k4 .movie-box {
	width: 282px;
    height:163px;
}
#mech_main .inner .k4 .movie-yt {
	top: -2px;
	left: -8px;
	width: 302px;
	height: 170px;
}
#mech_main .inner .k4 .movie-yt iframe {
	width: 302px;
	height: 170px;
}
#mech_main .inner .k4 .movie-box img{
    margin-top: 2px;
	margin-left: 8px;
}
#mech_main .inner .k4 .btn{
    width:282px;
    height:163px;
    top:49px;
    left:3px;
    overflow:hidden;
}
#mech_main .inner .k4 .txt{
    top:219px;
    left:0px;
}



#custom{
	position: relative;
	z-index: 1;
    width:100%;
    min-width:960px;
	height: 1540px;
    overflow:hidden;
    background: url("../img/custom_bg.jpg") no-repeat center top;
}
#custom .inner .waku{
    position:absolute;
    top:70px;
    left:10px;
    z-index:0;
}
#custom .inner .chara{
    position:absolute;
    top:44px;
    left:542px;
    z-index:6;
}
#custom .inner .title{
    position:absolute;
    top:112px;
    left:47px;
    width:568px;
    overflow:hidden;
    z-index:5;
}
#custom .inner2{
    position:relative;
    width:860px;
    margin:0 auto;
    top:257px;
}
#custom .inner2 .sec1,
#custom .inner2 .sec2,
#custom .inner2 .sec3{
    position:relative;
}
#custom .inner2 .sec2{
    margin-top:35px;
}
#custom .inner2 .sec3{
    margin-top:35px;
}
#custom .inner2 .txt1{
    margin-top:21px;
}
#custom .inner2 .select{
    margin-top:15px;
    width:860px;
    height:130px;
    background:rgba(255,0,4,0.4);
}

#custom .inner2 .select1{
    background: url("../img/sec_ya.png") no-repeat 205px top;
}
#custom .inner2 .select2{
    background: url("../img/sec_ya.png") no-repeat 205px top;
}
#custom .inner2 .btns{
    position:relative;
    float:left;
    width:208px;
    margin-right:27px;
}
#custom .inner2 .select .btns .act{
    position:absolute;
    top:0;
    /*top:118px;*/
    left:0;
}
#custom .inner2 .btns ul{
    margin-top:16px;
}
#custom .inner2 .select2 .btns ul{
    margin-top:20px;
}
#custom .inner2 .btns li{
    float:left;
    margin-right:8px;
    margin-bottom:10px;
}
#custom .inner2 .select2 .btns li{
    /margin-bottom:8px;
}
#custom .inner2 .btns li a{
    opacity:0.3;
}
#custom .inner2 .btns li a.active{
    opacity:1;
    cursor:default;
}
#custom .inner2 .btns li a:hover{
    opacity:1;
}
#custom .inner2 .results{
    float:left;
    width:612px;
    height:130px;
    overflow:hidden;
}
#custom .inner2 .results .r_list{
    margin-top:0px;
    margin-left:30px;
}
#custom .inner2 .results .r_list li{
    margin-bottom:4px;
}

#custom .sec3 .waku2{
    position:absolute;
    z-index:0;
}
#custom .sec3 .inner3{
    position:relative;
    width:778px;
    margin:0 auto;
    z-index:1;
}
#custom .sec3 .inner3 .tit{
    margin-top:35px;
}
#custom .sec3 .inner3 .txt1{
    margin-top:15px;
    margin-bottom:23px;
}
#custom .sec3 .leftBox{
    position:relative;
    float:left;
    width:370px;
    margin-top:2px;
    margin-right:38px;
}
#custom .sec3 .rightBox{
    position:relative;
    float:left;
    width:370px;
}
#slider .slide{
    width:370px;
    height:320px;
    overflow:hidden;
}
#slider ul.slide_list{
    margin-top:0px;
    width:370px;
}
#slider ul.slide_list li{
    width:370px;
    height:320px;
}
#slider ul.slideBtn{
    margin-top:12px;
}
#slider ul.slideBtn li{
    float:left;
    margin-left:8px;
}
#slider ul.slideBtn li:first-child{
    margin-left:0px;
}
#slider ul.slideBtn li a{
    cursor:pointer;
}
#slider ul.slideBtn li a{
    cursor:pointer;
}
#slider ul.slideBtn li a.active{
    cursor:default;
}
#custom .sec3 .rightBox div{
    position:absolute;
}
#custom .sec3 .rightBox .btn{
    top:322px;
    left:24px;
}