@charset "utf-8";


body { background: #ebded4;}

#index_logo { position:fixed; left:-35px; top:-20px; width:540px; height:160px; overflow:hidden; z-index:10000;}
#index_footer { position:fixed; right:-15px; bottom:-30px; width:100%; height:80px; overflow:hidden; z-index:10000; background:url(../images/index/footer.png) repeat;}
#index_click { position:fixed; left:50%; top:70%; margin-left:-35px; width:70px; height:60px; overflow:hidden; z-index:10000;}


/* グローバルナビ 
-------------------------------------------------*/
#index_gnav {
	position:fixed;
	right:-15px;
	top:-30px;
	width:378px;
	height:80px;
	overflow:hidden;
	z-index:10000;
}

#gnav{
	width:358px;
	margin:0 auto;
	height: 30px;
	padding-top: 50px;
	padding-right: 20px;
}
#gnav ul{
	width:358px;
	margin:0 auto;
	list-style:none;
	height:30px;
	overflow:hidden;
}
#gnav li{
	text-align:left;
	float: left;
}
#gnav li img{vertical-align:bottom;}


#index_fnav {
	float:right;
	width:410px;
	height:80px;
	}

#fnav{
	width:390px;
	margin:0 auto;
	height: 30px;
	padding-bottom:50px;
	padding-right: 20px;
}
#fnav ul{
	width:390px;
	margin:0 auto;
	list-style:none;
	height:30px;
	overflow:hidden;
}
#fnav li{
	text-align:left;
	float: left;
}
#fnav li img{vertical-align:bottom;}

/*ページネーション*/

#pagepagination{
	display:block;
}

#pagepagination ul{
	float:right;
	list-style-type:none;
	clear:both;
	margin-top:30%;
}

#pagepagination li a{
	overflow: hidden;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 0;
    background: #999;
		cursor: pointer;
    opacity: 0.33;
    margin: 3px;
    border-radius: 8px;
		color:#999;
		margin-bottom:10px;
		margin-right:20px;
}

#pagepagination li a:hover {
	/*-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);*/
	background: #666;
	color:#666;
}
#pagepagination li.showPage a{
		background: #000;
	color:#000;
}

#Main01{height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main02{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main03{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main04{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main05{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main06{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main07{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main08{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main09{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main10{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main11{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
#Main12{display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}

.con{
	width: 980px;
	height:100%;
	position: absolute;
	top:0;
	left:50%;
	margin-left: -490px;
	z-index: 5000;
}

#Main01 .tl01{
	position: absolute;
	right: 0;
	top: 150px;
	display: none;
	z-index: 5001;
}
#Main01 .tl02{
	position: absolute;
	left: 0;
	top: 150px;
	display: none;
	z-index: 5001;
}

#Main01 .ar{
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 70px;
	height: 60px;
	margin-left: -35px;
	display: none;
	z-index: 999999;
}

#Main03 .tl01{
	position: absolute;
	right: 0;
	top: 150px;
	display: none;
}
#Main03 .tl02{
	position: absolute;
	left: 0;
	top: 150px;
	display: none;
}

#Main03 .ar{
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 70px;
	height: 60px;
	margin-left: -35px;
	display: none;
}

#Main05 .tl01{
	position: absolute;
	right: 0;
	top: 150px;
	display: none;
}
#Main05 .tl02{
	position: absolute;
	left: 0;
	top: 150px;
	display: none;
}

#Main05 .ar{
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 70px;
	height: 60px;
	margin-left: -35px;
	display: none;
}

#Main07 .tl01{
	position: absolute;
	right: 0;
	top: 150px;
	display: none;
}
#Main07 .tl02{
	position: absolute;
	left: 0;
	top: 150px;
	display: none;
}

#Main07 .ar{
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 70px;
	height: 60px;
	margin-left: -35px;
	display: none;
}

#Main09 .tl01{
	position: absolute;
	right: 0;
	top: 150px;
	display: none;
}
#Main09 .tl02{
	position: absolute;
	left: 0;
	top: 150px;
	display: none;
}

#Main09 .ar{
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 70px;
	height: 60px;
	margin-left: -35px;
	display: none;
}

#Main11 .tl01{
	position: absolute;
	right: 0;
	top: 150px;
	display: none;
}
#Main11 .tl02{
	position: absolute;
	left: 0;
	top: 150px;
	display: none;
}

#Main11 .ar{
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 70px;
	height: 60px;
	margin-left: -35px;
	display: none;
}

#Main12 .tl01{
	position: absolute;
	right: 0;
	top: 150px;
	display: none;
}
#Main12 .tl02{
	position: absolute;
	left: 0;
	top: 150px;
	display: none;
}

#Main12 .ar{
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 192px;
	height: 192px;
	margin-left: -96px;
	display: none;
}

div#Control {
	display:none;
	width:100px;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}

div.control_end {
	width:75px !important;
}

div#Control .ar {
	width:100%;
	height:40px;
	text-align:center;
	padding:20px 0 0 0;
	background:url(../images/index/img_btn_02.png) no-repeat center top;
	position:absolute;
	bottom:60px;
	left:0;
}

div#Control ul {
	width:15px;
	position:absolute;
	top:320px;
	right:50px;
	list-style: none;
}

div#Control ul li a {
	display:block;
	width:15px;
	height:15px;
	line-height:1px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 0 15px 0;
	background:url(../images/index/img_ic_01.png) no-repeat 0 -31px;
}

div#Control ul li a:hover ,
div#Control ul li a.here {
	background:url(../images/index/img_ic_01.png) no-repeat 0 0;
}

.dummyset{width: 50px;height: 300px;position: absolute;right: 30px;top: 200px; z-index:999999;}