/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   ローディング
   ========================================================================== */
body{
	background-color: #66d1dd;
	}
	
#loding {
	width: 100%;
	height: 100%;
	position: fixed ;
	left: 0px;
	top: 0px;
	z-index:99;
	/*display:none;*/
	
	}

#loding_end {
	/*display:none;*/
	background-image:url(../images/copy.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
#loding .main {
	width:100%x;
	height:695px;
	overflow:hidden;
	}
	
#loding .main .inner {
	margin:200px auto 0px auto;
	width:417px;
	height:203px;
	}
	
#loding .main .idle_wars {
	margin:280px 0px 0px 0px;
	width:100%;
	position:absolute;
	text-align:center;
	}
	
#loding .main .idle_wars img{
	margin:0px 0px 0px 0px;
	}
	
	
#loding .main .base {
	position:absolute;
	width:417px;
	height:203px;
	overflow:hidden;
	background-image:url(../images/loading_flame_p.png);
	background-repeat:no-repeat;
	text-align:left;
	}
	
#loding .percent{
	margin:78px 0px 0px 147px;
	font-size:16px;
	height:40px;
	font-weight:bold;
	color:#7ad9df;
	}
	
#loding .bar{
	margin:0px 0px 0px 150px;
	width:262px;
	height:4px;
	color:#FFFFFF;
	background-color:#7ad9df;
	}
	
	
#menu{
	background-image: url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:123px;
	overflow:hidden;
	position:absolute;
	}
	
body{
	background-image: url(../system/images/index_back.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	}

#footer .page_top{
	margin:0px 0px 0px 980px;
	width:163px;
	height:0px;
	position:absolute;
	overflow:hidden;
	}
	
#footer{
	margin:0px 0px 0px 0px;
	}
	

#main{
	height:auto;
	background-image:url(../system/images/index_top_base.png);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
#main .inner{
	margin:0px auto 0px auto;
	width:1200px;
	text-align:left;
	}
	
#main .title{
	position:0px 0px 0px 0px;
	margin:0px 0px 0px 45px;
	width:1150px;
	height:90px;
	text-align:left;
	background-image:url(../gallery/images/title.png);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
#main .title ul {
	padding:47px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#main .title li:nth-child(1),#main .title li:nth-child(3),#main .title li:nth-child(5),#main .title li:nth-child(7) {
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;
	overflow:hidden;
	height:100px;
	}
	
#main .title li:nth-child(2),#main .title li:nth-child(4),#main .title li:nth-child(6),#main .title li:nth-child(8) {
	margin:-2px 10px 0px 10px;
	float:left;
	text-align:left;
	overflow:hidden;
	}
	
#main .title a:link,#main .title a:visited{
	color:#9c9c9c;
	}
	
#main .title a:hover,#main .title a:active{
	color:#9c9c9c;
	}
	
#main .title .left{
	width:600px;
	float:left;
	}
	
#main .title .right{
	width:710px;
	text-align:right;
	float:left;
	}
	
#main .title .right img{
	margin:50px 0px 0px 1px;
	}
	
#main .base1{
	margin:50px 0px 0px 184px;
	width:972px;
	height:57px;
	}
	
#main .base2{
	margin:0px 0px 0px 184px;
	width:972px;
	background-image:url(../gallery/images/base2.png);
	}
	
#main .base3{
	margin:0px 0px 0px 184px;
	width:972px;
	height:57px;
	background-image:url(../gallery/images/base3.png);
	background-repeat:no-repeat;
	}
	
#main .menu{
	margin:80px 0px 0px 28px;
	position:absolute;
	}
	
#main .menu .category1{
	margin:0px 0px 0px 0px;
	width:217px;
	height:49px;
	overflow:hidden;
	}


#main .menu .category2{
	margin:10px 0px 0px 0px;
	width:156px;
	height:49px;
	overflow:hidden;
	}
	

	
#main .menu .category3{
	margin:10px 0px 0px 0px;
	width:156px;
	height:49px;
	overflow:hidden;
	}
	
#main .menu .category4{
	margin:10px 0px 0px 0px;
	width:156px;
	height:49px;
	overflow:hidden;
	}
	
#main .menu .category5{
	margin:10px 0px 0px 0px;
	width:156px;
	height:49px;
	overflow:hidden;
	opacity:0.3;
	}
	
#main .menu .new{
	position:absolute;
}
	
	
#main .contents1 title1 ,title2 ,title3 ,title4 ,title5 ,title6 ,title7 ,title8 ,title9{
	display:none;
}

#main .contents1{
	margin:0px 0px 0px 15px;
	width:942px;
	background-image:url(../system/images/image_01.jpg);
	background-repeat:no-repeat;
	}
	
#main .contents1 .title_s{
	background-image:url(../gallery/images/koumoku.jpg);
	background-repeat:no-repeat;
	height:48px;
	overflow:hidden;
	margin:0px 0px 0px 60px;
}

#main .contents1 .title_s h2{
	margin:0px;
	padding:10px 0px 0px 60px;
	font-size:22px;
	text-align:left;
	color:#00abcc;
}


/* ==========================================================================
   contents1　movie
   ========================================================================== */
#main .contents1 .movie{
	margin:20px 0px 0px 0px;
	background-image:url(../gallery/images/movie_bg.jpg);
	background-repeat:no-repeat;
	height:332px;
	width:942px;
	position:relative;
	overflow:hidden;
}


#main .contents1 .movie ul{
	list-style:none;
}

#main .contents1 .movie li{
	position:absolute;
	margin:140px 0px 0px 640px;
	width:204px;
	height:130px;
	display:none;
	
	
}
#main .contents1 .movie  li img{
	position:absolute;
}
#main .contents1 .movie  li img:nth-child(2){
	opacity:0;
}

#main .contents1 .movie  li .new{
	margin:0px 0px 0px -70px;
	display:none;
}


#main .contents1 .movie .movieflame{
	margin:-4px 0px 0px 226px;
	position:absolute;
	opacity:0;
	cursor:pointer;
	z-index:10;
}

#main .contents1 .movie .play{
	position:absolute;
	margin:95px 0px 0px 410px;
	cursor:pointer;
	z-index:5;
	opacity:0;
}

#main .contents1 .movie .play1{
	position:absolute;
	margin:95px 0px 0px 410px;
	cursor:pointer;
	z-index:7;
	opacity:0;
}


#main .contents1 .movie .left1{
	position:absolute;
	margin:60px 0px 0px 125px;
	width:100px;
	height:210px;
	cursor:pointer;
	z-index:8;
}


#main .contents1 .movie .left2{
	position:absolute;
	margin:60px 0px 0px 25px;
	width:100px;
	height:210px;
	cursor:pointer;
	z-index:8;
}


#main .contents1 .movie .right1{
	position:absolute;
	margin:60px 0px 0px 697px;
	width:100px;
	height:210px;
	cursor:pointer;
	z-index:8;
}


#main .contents1 .movie .right2{
	position:absolute;
	margin:60px 0px 0px 797px;
	width:100px;
	height:210px;
	cursor:pointer;
	z-index:8;
}



#main .contents1 .movie count{
	margin:-15px 0px 0px 800px;
}

#main .contents1 .movie count countup{
	position:absolute;
	width:100px;
}

#main .contents1 .movie count countdown{
	position:absolute;
	width:100px;
	margin:-15px 0px 0px 90px;
}

#main .contents1 .movie count countup  .counttop{
	margin:15px 0px 0px 50px;
}

#main .contents1 .movie count .line{
	position:absolute;
	margin:45px 0px 0px 70px;
}

#main .contents1 .movie count countdown .countbottom{
	margin:90px 0px 0px 0px;
	
}


/* ==========================================================================
   contents1　list
   ========================================================================== */

#main .contents1 .list {
	margin:20px 0px 0px 0px;
}


#main .contents1 .list .prev{
	float:left;
	margin:0px 0px 0px 40px;
	cursor:pointer;
}

#main .contents1 .list .next{
	float:right;
	margin:0px 40px 0px 0px;
	cursor:pointer;
}
	
#main .contents1 .list0 {
	width:700px;
	list-style:none;
	float:left;
	margin:0px 0px 0px 0px;
	text-align:center;	
}

#main .contents1 .list0 img{
	margin:20px 20px 0px 0px;
	cursor:pointer;
	display:inline-block;
}



#main .contents1 .list .movie_list_on{
	position:absolute;
	margin:15px 0px 0px -5px;
}




#main .contents1 hr{
	background-color:#00abcc;
	border:0px;
	width:860px;
	margin:30px 0px 0px 40px;
	height:1px;
}






/* ==========================================================================
   contents1　date
   ========================================================================== */
#main .contents1 date1 ,date2 ,date3 ,date4 ,date5 ,date6 ,date7 ,date8 ,date9{
	display:none;
}
   
   
#main .contents1 .date{
	margin:0 auto;
	width:860px;
	font-weight:bold;	
}

#main .contents1 .date article{
	float:left;
	width:250px;
	margin:0px 0px 0px 0px;
}

#main .contents1 .date article dt{
	margin:0px 0px 15px 0px;
}


#main .contents1 .date article dd{
	color:#ff58a4;
	margin:0px 0px 15px 0px;
}



#main .contents1 .date .part23{
	margin:0px 0px 0px 50px;
}
#main .contents1 .date dt {
	float:left;
}




/* ==========================================================================
モーダルウィンドウ
   ========================================================================== */
#view{
	z-index:999;
	position:absolute;
	width:100%;
	background-image: url(../gallery/images/base.png);
	cursor:pointer;
	display:none;		
}
	
#view .view1 ,.view2 ,.view3 ,.view4 ,.view5 ,.view6 ,.view7 ,.view8 ,.view9{
	margin:300px auto 0px auto;
	width:800px;
	display:none;
	}
	



/* ==========================================================================
bottom
   ========================================================================== */
#bottom{
	height:100px;
	background-image: url(../character/images/index_bottom_base.png);
	background-position:center top;
	background-repeat:no-repeat;
	}