/* CSS Document */

body {
	margin:0;
	padding:0;
	text-align:center;
}

.clear {
	clear:both;
}

li {
	list-style:none
}

a {	
	color: #04856B;
	text-decoration: underline;
}

p { 
	margin:0;
	padding:0;
}

img {
	border:0;
	vertical-align: top;
}

div hr{
	display:none;
}

* html div {
	zoom: 1;
}


/*------------------------------
コンテンツ枠
------------------------------*/
#container {
	margin:0 auto;
	height: 1543px;
	background:#0e0808;

}

/*------------------------------
背景色違い
------------------------------*/



/*------------------------------
ボタン枠
------------------------------*/
.btn {
    display: block;
    height: 60px;
    left: 585px;
    position: relative;
    top: -700px;
    width: 420px;
	}
	
.btn02 {
    display: block;
    height: 60px;
    left: 585px;
    position: relative;
    top: -480px;
    width: 420px;
	}

/*------------------------------
メインコンテンツ枠
------------------------------*/
#contents {
	margin: 0 auto;
	padding-bottom: 0px;
	width: 1020px;
}

#main p {
	margin: 0;
	padding: 40px 0 0 0;
}

#main #cont-01,
#main #cont-02 {
	padding: 0 0 30px 0;
}

/*------------------------------
番宣動画
------------------------------*/
#movie {
	margin: 0 auto;
	padding: 20px 0;
}

#video_container {
	padding: 20px 0;
}


/*------------------------------
詳細
------------------------------*/
#box_intro {
	margin:0px;
}
#box_intro img {
	margin-bottom: 0px;
}

#box_intro .left {
	text-align: left;
	font-size: 14px;
}

#box_intro .left dl {
	padding: 0 20px;
}

#box_intro .left dt {
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.2em;
}

#box_intro .left dd {
	padding: 0 0 15px 20px;
	margin: 0;
}

#box_intro .left p {
	padding: 0px 20px 10px;
}

#box_intro .left .orange {
	color: #FF7F00;
}

#box_intro .mt40 {
	margin-top: 40px;
}


/*------------------------------
ボタン
------------------------------*/

.btn a {
	position: relative;
	display: block;
	width: 420px;
	height: 60px;
	background: url(images/btn_on.jpg) no-repeat 0 0;
	overflow: hidden;
}
.btn a  span {
	opacity: 0;
	display: block;
	width: 20px;
	height: 100px;
	position: absolute;
	top: -112px;
	left: -558px;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
	            left,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
	            linear, left top, right top,
	            color-stop(0%  ,rgba(255, 255, 255, 0.2)),
	            color-stop(40% ,rgba(255, 255, 255, 0.5)),
	            color-stop(90% ,rgba(255, 255, 255, 0.8)),
	            color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
	     -o-transition-property: left, top, opacity;
	        transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
	     -o-transition-duration: 0.7s, 0.5s, 0.1s;
	        transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	    -ms-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
.btn a:hover span {
	opacity: 1;
	top: 0px;
	left: 600px;
}


.btn a {
	position: relative;
	display: block;
	width: 420px;
	height: 60px;
	background: url(images/btn_on.jpg) no-repeat 0 0;
	overflow: hidden;
}
.btn a  span {
	opacity: 0;
	display: block;
	width: 20px;
	height: 100px;
	position: absolute;
	top: -112px;
	left: -558px;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
	            left,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
	            linear, left top, right top,
	            color-stop(0%  ,rgba(255, 255, 255, 0.2)),
	            color-stop(40% ,rgba(255, 255, 255, 0.5)),
	            color-stop(90% ,rgba(255, 255, 255, 0.8)),
	            color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
	     -o-transition-property: left, top, opacity;
	        transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
	     -o-transition-duration: 0.7s, 0.5s, 0.1s;
	        transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	    -ms-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
.btn a:hover span {
	opacity: 1;
	top: 0px;
	left: 600px;
}

.btn a {
	position: relative;
	display: block;
	width: 420px;
	height: 60px;
	background: url(images/btn_on.jpg) no-repeat 0 0;
	overflow: hidden;
}
.btn a  span {
	opacity: 0;
	display: block;
	width: 20px;
	height: 100px;
	position: absolute;
	top: -112px;
	left: -700px;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
	            left,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
	            linear, left top, right top,
	            color-stop(0%  ,rgba(255, 255, 255, 0.2)),
	            color-stop(40% ,rgba(255, 255, 255, 0.5)),
	            color-stop(90% ,rgba(255, 255, 255, 0.8)),
	            color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
	     -o-transition-property: left, top, opacity;
	        transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
	     -o-transition-duration: 0.7s, 0.5s, 0.1s;
	        transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	    -ms-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
.btn a:hover span {
	opacity: 1;
	top: 0px;
	left: 600px;
}

.btn a {
	position: relative;
	display: block;
	width: 420px;
	height: 60px;
	background: url(images/btn_on.jpg) no-repeat 0 0;
	overflow: hidden;
}
.btn a  span {
	opacity: 0;
	display: block;
	width: 20px;
	height: 100px;
	position: absolute;
	top: -112px;
	left: -700px;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
	            left,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
	            linear, left top, right top,
	            color-stop(0%  ,rgba(255, 255, 255, 0.2)),
	            color-stop(40% ,rgba(255, 255, 255, 0.5)),
	            color-stop(90% ,rgba(255, 255, 255, 0.8)),
	            color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
	     -o-transition-property: left, top, opacity;
	        transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
	     -o-transition-duration: 0.7s, 0.5s, 0.1s;
	        transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	    -ms-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
.btn a:hover span {
	opacity: 1;
	top: 0px;
	left: 600px;
}


.btn a {
	position: relative;
	display: block;
	width: 420px;
	height: 60px;
	background: url(images/btn_on.jpg) no-repeat 0 0;
	overflow: hidden;
}
.btn a  span {
	opacity: 0;
	display: block;
	width: 20px;
	height: 100px;
	position: absolute;
	top: -112px;
	left: -700px;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
	            left,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
	            linear, left top, right top,
	            color-stop(0%  ,rgba(255, 255, 255, 0.2)),
	            color-stop(40% ,rgba(255, 255, 255, 0.5)),
	            color-stop(90% ,rgba(255, 255, 255, 0.8)),
	            color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
	     -o-transition-property: left, top, opacity;
	        transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
	     -o-transition-duration: 0.7s, 0.5s, 0.1s;
	        transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	    -ms-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
.btn a:hover span {
	opacity: 1;
	top: 0px;
	left: 600px;
}

.btn02 a {
	position: relative;
	display: block;
	width: 420px;
	height: 60px;
	background: url(images/btn_on.jpg) no-repeat 0 0;
	overflow: hidden;
}
.btn02 a  span {
	opacity: 0;
	display: block;
	width: 20px;
	height: 100px;
	position: absolute;
	top: -112px;
	left: -700px;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
	            left,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
	            linear, left top, right top,
	            color-stop(0%  ,rgba(255, 255, 255, 0.2)),
	            color-stop(40% ,rgba(255, 255, 255, 0.5)),
	            color-stop(90% ,rgba(255, 255, 255, 0.8)),
	            color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
	            top,
	            rgba(255, 255, 255, 0.2) 0%,
	            rgba(255, 255, 255, 0.5) 40%,
	            rgba(255, 255, 255, 0.8) 90%,
	            rgba(255, 255, 255, 0.0) 100%
	);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
	     -o-transition-property: left, top, opacity;
	        transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
	     -o-transition-duration: 0.7s, 0.5s, 0.1s;
	        transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	    -ms-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
.btn02 a:hover span {
	opacity: 1;
	top: 0px;
	left: 600px;
}