@charset "utf-8";

/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	width:1024px;
	height:768px;
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/

/* h1
---------------------*/
#Header h1{
	width:272px;
	height:272px;
	visibility:hidden;
	position:absolute;
	top:244px;
	left:374px;
	z-index:1000;
}
#Header h1 img{width:100%;height:auto;}

/* index */
#Header h1.index{
	width:272px;
	height:272px;
	top:248px;
	left:376px;
}

/* section01 */
#Header h1.section01{
	top:50%;
	left:-190px;
}
/* section02 */
#Header h1.section02{
	top:50%;
	left:-190px;
}
/* section03 */
#Header h1.section03{
	top:50%;
	left:-190px;
}
/* section04 */
#Header h1.section04{
	top:50%;
	left:-190px;
}

/* ttl
---------------------*/
#Header p.ttl{
	visibility:hidden;
	position:absolute;
	top:20px;
	left:20px;
}



/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{}

/* Pager
---------------------*/
#Content #Pager{
	width:100%;
	visibility:hidden;
}
#Content p.prev{
	width:84px;
	height:20px;
	position:absolute;
	top:62px;
	left:605px;
}
/* next
---------------------*/
#Content p.next{
	width:84px;
	height:20px;
	position:absolute;
	top:697px;
	left:649px;
}



/*-----------------------------------------------------
Index
-------------------------------------------------------*/
#Index{
	width:958px;
	height:708px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-354px 0 0 -479px;
}
#Index nav,
#Index nav ul{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	background: url(../image/top_bg.png) no-repeat 0 0;
}
#Index nav ul li{position:absolute;}
#Index nav ul li.navi01{top:0;left:0;}
#Index nav ul li.navi02{top:0;left:480px;}
#Index nav ul li.navi03{top:355px;left:480px;}
#Index nav ul li.navi04{top:355px;left:0px;}

#Index nav ul li a{
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-webkit-transition:all 200ms linear;
	transition:all 200ms linear;
}
#Index nav ul li a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}



/*-----------------------------------------------------
Section01
-------------------------------------------------------*/
#Section01,#Section02,#Section03,#Section04{
	width:714px;
	height:500px;
	position:absolute;
	top:134px;
	left:310px;
}

/*-----------------------------------------------------
Loading
-------------------------------------------------------*/
#Loading{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
}



/*-----------------------------------------------------
Footer
-------------------------------------------------------*/
#Footer{
	width:100%;
	height:50px;
	overflow:hidden;
	position:relative;
	background-color:#81959E;
}

/* ul
---------------------*/
#Footer ul{
	width:160px;
	overflow:hidden;
	margin:15px auto 0 auto;
}
#Footer ul li{
	width:70px;
	float:left;
	display:inline;
	overflow:hidden;
	margin:0 5px 0 5px;
}

/* close_btn
---------------------*/
#Footer p.close_btn{
	width:100px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
}



/*-----------------------------------------------------
Warning
-------------------------------------------------------*/
#Warning{
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	opacity:0.9;
	z-index:1000;
}
#Warning p.ipad{
	width:412px;
	height:490px;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin:-235px 0 0 -200px;
}
#Warning p.ie{
	width:371px;
	height:322px;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin:-161px 0 0 -185px;
}