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

*----- clearfix -----*/
.cf:after{content: ""; display: block; clear: both; height: 0px;}
.cf{/display: inline-block;}
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
.clear{clear:both;}
.fLeft{float:left;}
.fRight{float:right;}
/* end MacIE5 */


/*----//  共通  //-----*/

* {
	margin:0;
	padding:0;
}

img {
	border:0;
	margin:0;
	padding:0;
}


ul,ol{
	list-style: none;
}

body {
	text-align:center;
	margin:0 auto;
	padding:0;
	margin:0px !important;
	background: #000039;
}

.hide {
  display: none;
}

/*----//  header  //-----*/
.header{
	width: 100%;
	position:relative;
	margin:0 auto;
	z-index: 9999;
}
.header h1{
	position: absolute;
	top: 0;
	left: 0;
}

.header ul#bnArea{
	position: absolute;
	top: 7px;
	right: 7px;
}
.header ul#bnArea li{
	float: left;
	width: auto;
}

/*----//  contents  //-----*/
#contents{
	width:100%;
}
#contents-header{
	position:relative;
	width:100%;
	height:410px;
	background:url(../images/bg_header.jpg) no-repeat center 0;
}
#contents-header h2{
	display:none;
}
#contents-body{
	position:relative;
	width:100%;
	height:860px;
	background:url(../images/bg_contents.jpg) no-repeat center 0;
}

#pnav{
	height:116px;
	width:630px;
	padding:3px 0 0;
	margin:0 auto;
}
#pnav li{
	height:116px;
	float:left;
}
#pnav li.first{
	padding-right:10px;
}

#pnav .btn_v1,
#pnav .btn_v2{
	display:block;
	width:310px;
	height:116px;
	text-indent:-9999px;
	overflow:hidden;
}
#pnav .btn_v1{background:url(../images/btn_v1.png) no-repeat 0 0;}
#pnav .btn_v2{background:url(../images/btn_v2.png) no-repeat 0 0;}

#pnav li .current{background-position:0 bottom;}
#pnav li a:hover{background-position:0 bottom;}



#tab{
	height:64px;
	width:684px;
	margin:14px auto 0;
}
#tab li{
	float:left;
	padding-right:6px;
}
#tab li.t3{
	padding-right:0;
}
#tab li a{
	display:block;
	width:224px;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
}
#tab li.t1 a{background:url(../images/btn_t5.png) no-repeat 0 0;}
#tab li.t2 a{background:url(../images/btn_t6.png) no-repeat 0 0;}
#tab li.t3 a{background:url(../images/btn_t7.png) no-repeat 0 0;}
#tab li a:hover{background-position:0 bottom;}

#tab li.current a{background-position:0 bottom;}

#main-wrap{
	position:relative;
	width:880px;
	height:590px;
	margin:13px auto 0;
	padding:20px 40px 0 40px;
}


#stage{
	width:880px;
	height:590px;
}

.pannel img{
	width:880px;
	height:540px;
}
.nav{
	height:35px;
}

#p2, #p3, #p4{display:none;}
.p1-2, .p1-3,
.p2-2, .p2-3, .p2-4, .p2-5,
.p3-2, .p3-3,
.p4-2{
	display:none;
}

#p1 .nav{padding:8px 0 0 175px;}
#p2 .nav{padding:8px 0 0 62px;}
#p3 .nav{padding:8px 0 0 191px;}

.nav li{float:left;}
#p1 .nav li.n1,
#p1 .nav li.n2,
#p2 .nav li.n1,
#p2 .nav li.n2,
#p2 .nav li.n3,
#p2 .nav li.n4,
#p3 .nav li.n1,
#p3 .nav li.n2,
#p3 .nav li.n3{
	padding-right:3px;
	background:url(../images/nav_sep.png) no-repeat right top;
}

.nav li a{
	display:block;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
}
#p1 .nav li.n1 a{
	width:143px;
	background:url(../images/n5_1.png) no-repeat 0 0;
}
#p1 .nav li.n2 a{
	width:286px;
	background:url(../images/n5_2.png) no-repeat 0 0;
}
#p1 .nav li.n3 a{
	width:94px;
	background:url(../images/n5_3.png) no-repeat 0 0;
}

#p2 .nav li.n1 a{
	width:120px;
	background:url(../images/n6_1.png) no-repeat 0 0;
}
#p2 .nav li.n2 a{
	width:217px;
	background:url(../images/n6_2.png) no-repeat 0 0;
}
#p2 .nav li.n3 a{
	width:109px;
	background:url(../images/n6_3.png) no-repeat 0 0;
}
#p2 .nav li.n4 a{
	width:124px;
	background:url(../images/n6_4.png) no-repeat 0 0;
}
#p2 .nav li.n5 a{
	width:174px;
	background:url(../images/n6_5.png) no-repeat 0 0;
}

#p3 .nav li.n1 a{
	width:87px;
	background:url(../images/n7_1.png) no-repeat 0 0;
}
#p3 .nav li.n2 a{
	width:177px;
	background:url(../images/n7_2.png) no-repeat 0 0;
}
#p3 .nav li.n3 a{
	width:111px;
	background:url(../images/n7_3.png) no-repeat 0 0;
}
#p3 .nav li.n4 a{
	width:114px;
	background:url(../images/n7_4.png) no-repeat 0 0;
}


#stage .nav li a:hover{background-position:0 bottom;}
#stage .nav li.current a{background-position:0 bottom;}

#arrow-prev,
#arrow-next{
	position:absolute;
	top:242px;
	width:88px;
	height:88px;
	z-index:1000;
}
#arrow-prev{
	left:-10px;
	background:url(../images/arrow_prev.png) no-repeat 0 0;
	display:none;
}
#arrow-next{
	right:-10px;
	background:url(../images/arrow_next.png) no-repeat 0 0;
}
#arrow-prev:hover,
#arrow-next:hover{
	background-position:0 bottom;
}

/*----//  footer  //-----*/
#footer{
	position:absolute;
	bottom:0;
	left:0;
	padding:0 0 10px 0;
	width: 100%;
	text-align: center;
	font-size: 70%;
	color: #ffffff;
}

#pagetop a{
	width: 74px;
	height: 16px;
	display: block;
	float: right;
	background: url(../images/btn_gotop.png) no-repeat left top;
	text-indent: -9999px;
}

#pagetop a:hover{
	background-position: left bottom;
}