@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/
ul,li{margin:0;padding:0;list-style:none;}
#mainImg_sp img{display:none; width:100%;}
#mainImg_pc img{display:block; width:100%;}
/*#maru{
	display: block;
	position: absolute;
	top: 333px;
	left: 468px;
}*/

#maru{
	display: block;
	position: absolute;
	width:16%;
	top: 10%;
	left:55%;
}

body{
background-image:url("../img/body_bg.jpg");
background-position:center top;
background-repeat:repeat;
background-attachment:fixed;
}

#wrapper{
	max-width:850px;
	background-image:url("../img/main_bg.jpg");
	background-repeat:repeat-y;
	background-size:100%;
	margin:0 auto 0;
	
	box-shadow: 0px 0px 10px;
	overflow:hidden;
	}
	
	
/*#menu{
	width:100%;
	margin:0 auto -1%;
	position:relative;
}

#menu .menu_bg{
	margin-top:-15px;
	display:block;
	width:100%;
}
	
#menu .logo{
	position:absolute;
	display:block;
	width:16%;
	top:20%;
	left:6%;
}



#menu .top{
	position:absolute;
	display:block;
	width:10%;
	top:31%;
	left:29%;
}

#menu .chara{
	position:absolute;
	display:block;
	width:21%;
	top:31%;
	left:47.5%;
}

#menu .intro{
	position:absolute;
	display:block;
	width:19.5%;
	top:31.5%;
	left:76%;
}


#menu .logo img,
#menu .top img,
#menu .chara img,
#menu .intro img{
	width:100%;
}*/

#chara_bg{
	margin:-12% 0 -35%;
}

#chara_bg img{
	width:100%;
	margin:0 auto 0;
	display:block;
}

.line1{
	position:absolute;
	width:0px;
	height:86%;
	border-right:1px solid #fff;
	border-left:1px solid #ddd;
	left:25%;
	top:-5%;
}

.line2{
	position:absolute;
	width:0px;
	height:86%;
	border-right:1px solid #fff;
	border-left:1px solid #ddd;
	left:43%;
	top:-5%;
}

.line3{
	position:absolute;
	width:0px;
	height:86%;
	border-right:1px solid #fff;
	border-left:1px solid #ddd;
	left:71.5%;
	top:-5%;
}
	
	
#content{
	position:relative;
	width:100%;
	/*background-image:url("../img/base.jpg");
	background-position:0px 30%;*/
	margin:0 auto 0;
}

#flame_left{
	width:10px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	background-image:url("../img/flame_l.png");
}

#flame_right{
	width:10px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	background-image:url("../img/flame_r.png");
}

.title{
	display:block;
	width:100%;
	margin: 0 auto 0;
}
.new-mark{
	display:block;
	width:13%;
	position:relative;
	margin-top:-22%;
	margin-bottom:12%;
	left:20%;
}

.expBox{
	width:90%;
	margin: 0 auto 0;
}

.expBox .arasuji-left{width:33%; margin-right:0; float:left; display:block;}
.arasuji-right{width:55%; float:left; display:block; }
.arasuji-left img{width:100%;}
.arasuji-right2 img{width:100%;}

.arasuji-left2{width:55%; margin-right:0; float:right; display:block;}
.arasuji-right2{width:33%; float:right; display:block; }

.bx_bg{background-image:none;}

#movies{
	display: block;
	position: relative;
	width: 27%;
	left:63%; margin-top:-20%;
	
}

#movies img{width:100%; display:block;}
.release{
	width:90%;
	background-image:url(../img/platform_bg2.png);
	 background-size:100%;
	padding:0 5%;
/*	margin:-150px auto -120px;*/
	margin:0 auto;
	position:relative;
	}
	
.release_bg{
	display:block;
	width:100%;
}
	
.release  img{display:block;}
.release .ios,.release .android{ float:left; position:relative; margin-top:3%;}
.release .ios img,.release .android img{ width:100%;}

.release .ios{ margin-left:6%; width:46%;}
.release .android{ margin-left:2%; width:40%;}
.release .base img{width:100%; float:left;z-index:999;}

.moviebox{width:100%; background-image:url(../img/movie_bg2.jpg); background-size:100%; background-repeat:no-repeat; height:auto;padding:1% 2% 4%; margin:2% -2%;}
/*
.mitama{display:block;position:relative;width:90%;margin:-48% auto 0;}
.mitama img{width:100%;}
*/

/*#date_store{
	background-image:url(../img/main_img_pre-release.png);
	width:80%;
	margin:0 auto 15%;
}
*/

/*.date_title{
	display:block;
	margin:0 auto 0;
	width:90%;
}
*/


.exp{
	padding-top:3%;
	padding-left:4%;
	padding-right:2%;
	font-size:18px;
	color:#300;
	line-height:170%;
}

#preregist{
	margin:-3% 0 0;
}

#preregist img.preregist_bg{
	display:block;
	width:100%;
}

.btn_preregist{
	display:block;
	width:95%;
	margin:-36% auto 0;
}

.btn_preregist img{
	width:100%;
}

.line_1{
	border-top:2px solid #bbb;
	border-bottom:2px solid #fff;
}

#counter{
	position:relative;
	width:60%;
	margin:5.5% auto 3%;
}

#counter_num{
	width:50%;
	margin:0 0 0 0%;
	position:absolute;
	top:20%;
	left:59%;
}


#counter img.counter_bg{
	width:100%;
}


#campaign{
	float:left;
	display:block;
	width:41%;
	margin:5% 0 2% 8%;
}

#campaign img{
	width:100%;
}

#campaign.right{
	margin-left:2%;
}


#flickObj{
	position:relative;
	max-width:500px;
	width:100%;
	margin:0% auto 0;
}


.sitelink{
	width:80%;
	margin:0 auto;}
.sitelink a img{width:100%}	

#sitelink{
	width:80%;
	margin-left:10%;
	text-align:center;
	position:relative;
	z-index:10;
}

#sitelink a img{
	width:100%;
}


#sitelink .right{	
	margin-left:20px;
}

#sitelink a img{	
	width:30%;
}


#spec{	
	position:relative;
	max-width:600px;
	width:85%;
	margin:2% auto 0;
	font-size:11px;
	line-height:170%;
	border:1px solid #aaa;
	padding:3% 4% 3%;
	color:#333;
}

.ajust_5em_out{
	display:block;
	margin-left:9em;
	}
	
.ajust_5em_in{
	margin-left:-9em;
	color:#333;
	}

.twitter{
	background-image:url(../img/main_twitter_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:674px;
	height:312px;
	margin:20px auto;
	padding-top:70px;
}

.twitter img{
	display:none;
}

.timeline{
	width:550px;
	margin-left:72px;
	

}

#sns{
	position: relative;
	width: 800px;
	height: 45px;
	margin: 6% auto 10px;
	font-size: 18px;
	line-height: 0%;
	background-color:#fff;
	/*	background-image: url(../img/share_bg.png);
	background-position: right 0px;
	background-size: cover;*/
	padding: 12px 0 4px;
	text-align: center;
	z-index: 20;
}

#sns a img{	
	width:40px;
	height:40px;
}


#footer{	
	position:relative;
	width:750px;
	margin:10px auto 0;
	color:#300;
	font-size:10px;
	line-height:170%;
	text-align:center;
	padding-bottom:0;
	

	/*max-height:220px;*/
	overflow:hidden;
}

#footer img{
	width:100%;
	/*display:block;
	position:absolute;
	bottom:0px;*/
	
}



/*----------------------------------------
	flickObj
----------------------------------------*/

#flickObj_nav{
	width:100%;
	max-width:260px;
	margin:0 25px 0 20px; 
	overflow:hidden;
	float:right;
	}

#flickObj #flickWindow{
	margin: 0 auto 0;
	width:100%;
}

#flickObj #flick {
	width:100%;
}

.container{
	overflow:hidden;
	border:2px solid #fff;
	}

#flickObj ul.flickNav {
	margin: 10px 0;
	position: relative;
	left: 50%;
	float: left;
}

#flickObj ul.flickNav li {
	float: left;
	display: inline;
	margin-right: 6px;
	margin-bottom: 6px;
	position: relative;
	left: -50%;
}

#flickObj ul.flickNav li a {
	display: block;
	width: 10px;
	height: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background-color: #ccc;	
}

#flickObj ul.flickNav li.selected a {
	background-color: #014d83;	
}



#flickObj div.container {
	height: auto;
	position: relative;
	clear: both;
	overflow: hidden;
	line-height:0;
}

#flickObj div.itemBox {
	position: relative;
}
#flickObj div.container .item {
	float: left;
	text-align: center;
	background-color: #f5f5f5;
}

#flickObj .moving {
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
}

#flickObj div#flick figure {
	margin: 0 auto;
	background-color: #ccc;
	width: 100%;
	height: auto;
	line-height:0;
}

#flickObj div#flick figure img{
	margin: 0 auto;
	background-color: #ccc;
	width: 100%;
	height: auto;
	line-height:0;
}

ul.next_prev{
	width:100%;
}

ul.next_prev li {
	margin: 0px;
	padding: 0.3em;
	display: inline;
	background-color: #014d83;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	cursor: pointer;
}

ul.next_prev li img{
	width:60%;
}

ul.next_prev li.off {
	display: none;
}

ul.next_prev li.prev {
	text-align:right;
	position:relative;
	z-index:100;
	float: left;
	margin-top:-95%;
	margin-left:-15px;
}
ul.next_prev li.next {
	position:relative;
	z-index:100;
	float: right;
	margin-top:-95%;
	margin-right:-15px;
}

.btn_inq{
padding:8px 20px 8px;
border-radius:8px 8px;
background-color:#666;
text-decoration:none;
color:#fff;
font-size:17px;
border:1px solid #fff;
}

.btn_inq.right{
margin:0 0 0 7px;
}

img.trim { width:200px; margin:12px 3px 0 3px ; position:relative; bottom:0;}

/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 720px) {
.moviebox{padding:1% 0 10%; margin:2% auto 11%;}

#nav{display:none;}

#nav_sp{ display:block;width:100%;height:auto; margin:0;background-color:#717AC7;position:fixed;z-index:1001;}
#nav_sp ul{width:100%;height:auto; margin:0; background-color:#717AC7;}
#nav_sp ul li{ float:left;}
#nav_sp ul li img{ width:100%;}
#nav_sp ul li.logo{ width:18%;}
#nav_sp ul li.top{ width:16%;}
#nav_sp ul li.chara{ width:22%;}
#nav_sp ul li.game{ width:21%;}
#nav_sp ul li.bgm1,#nav_sp ul li.bgm1_on{ width:10%;}
#nav_sp ul li.bgm2,#nav_sp ul li.bgm2_on{ width:4%;}
#nav_sp ul li.bgm3,#nav_sp ul li.bgm3_on{ width:9%;}
#nav_sp .jp-jplayer/*,#nav_sp .jp-audio,#nav_sp .jp-play,#nav_sp .jp-pause*/{float:left;}
#nav_sp  img.update{display:block; width:30%; position:relative; margin-top:-18%; left:44%; z-index:999; }

#links #wrapper{
	padding-top:10%;
}


body{
background-image:url("../img/main_bg.jpg");
background-position:center top;
background-size:100%;
background-attachment:scroll;
}

#mainImg_sp img{display:block; width:100%;}
#mainImg_pc img{display:none; width:100%;}

#wrapper{
	width:100%;
	background-image:url("../img/main_bg.jpg");
	background-size:100%;
	background-position:center top;
	/*margin:0 auto 0;
	box-shadow: 0px 10px 10px;*/
	overflow:hidden;
	}
	
#menu{
	width:100%;
	margin:0 auto -1%;
	position:relative;
}

#menu .menu_bg{
margin-top:0%;
	display:block;
	width:100%;
}
	
	
#menu .logo{
	position:absolute;
	display:block;
	width:19%;
	top:11%;
	left:3%;
}



#menu .top{
	position:absolute;
	display:block;
	width:12.5%;
	top:20%;
	left:28%;
}

#menu .chara{
	position:absolute;
	display:block;
	width:25%;
	top:18.5%;
	left:45.5%;
}

#menu .intro{
	position:absolute;
	display:block;
	width:23%;
	top:20%;
	left:75%;
}

#menu .logo img,
#menu .top img,
#menu .chara img,
#menu .intro img{
	width:100%;
}

#chara_bg{
	margin:-12% 0 -35%;
}

#chara_bg img{
	width:100%;
	margin:0 auto 0;
	display:block;
}

#content{
	position:relative;
	max-width:800px;
	width:100%;
/*	background-image:url("../img/base.jpg");
	background-position:0px 30%;*/
	margin:0 auto 0;
}

#flame_left{
	width:10px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	background-image:url("../img/flame_l.png");
	display:none;
}

#flame_right{
	width:10px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	background-image:url("../img/flame_r.png");
	display:none;
}




/*.mitama{display:block;position:relative;width:90%;margin:-48% auto 0px;}
.mitama img{width:100%;}
*/
.release{
	width:90%;
	}
	


#date_store{
	position:relative;
	width:94%;
	margin-top:0 auto 140px;	
}


.date_title{
	display:block;
	margin:0 auto 0;
	width:100%;
}




#preregist{
	margin:-5% 0 0;
}

#preregist img.preregist_bg{
	display:block;
	width:100%;
}

.btn_preregist{
	display:block;
	width:100%;
	margin:-37% auto 6.2%;
}

.btn_preregist img{
	width:100%;
}

.line_1{
	border-top:2px solid #bbb;
	border-bottom:2px solid #fff;
}

#counter{
	width:65%;
	margin:-2% auto 2%;
}

#counter img.counter_bg{
	width:100%;
}

.expBox .arasuji-left{width:80%;  margin:0 10%; float:none;}
.expBox .arasuji-right{width:100%; margin:0 auto; padding-top:0%; float:none; display:block;}


.expBox .arasuji-left2{width:100%;  margin:0 auto; float:none; padding-top:0%;}
.expBox .arasuji-right2{width:80%; margin:0 10%; float:none;}


#campaign{
	float:none;
	display:block;
	width:88%;
	margin:4% auto 1%;
}

#campaign img{
	width:100%;
}

#campaign.right{
	margin:4% auto 1%;
}


.title{
	display:block;
	width:100%;
	margin: 43% auto 0;
	z-index:101;
}

.expBox{
	width:85%;
	margin: 0 auto 0;
	position:relative;
	z-index:101;
}

.exp{	
	float:left;
	width:100%;
	padding-top:0;
	padding-left:0%;
	padding-bottom:5%;
	font-size:15px;
	color:#300;
	
}


#flickObj{
	position:relative;
	max-width:500px;
	width:95%;
	margin:0% auto 0;
}


#sitelink{
	/*padding:5% 0 0%;*/
	width:80%;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:10;
}

#sitelink .right{	
	margin-left:5px;
}

#sitelink a img{	
	width:43%;
}


#spec{	
	position:relative;
	max-width:600px;
	width:80%;
	margin:2% auto 0;
	line-height:170%;
	border:1px solid #aaa;
	padding:3% 4% 3%;
	color:#333;
}

.ajust_5em_out{
	display:block;
	margin-left:9em;
	font-size:10px;
	}
	
.ajust_5em_in{
	margin-left:-9em;
	color:#333;
	font-size:10px;
	}
	
.twitter{
	width:90%;
	height:10%;
	margin:20px auto;
	padding:0;
	background-image:none;
}

.twitter img{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
}

.timeline{
	width:100%;
	margin:0;
	padding:0;
}
	
	

#sns{	
	position:relative;
	width:94%;
	height:40px;
	margin:6% auto 0px;
	font-size:18px;
	line-height:0%;
	background-color:#fff;
	/*background-image:url("../img/share_bg.png");
	background-position:right 0px;*/
	padding:8px 0 2px;
	text-align:center;
	z-index:20;
}

#sns a img{	
	width:35px;
	height:35px;
}


#footer{	
	position:relative;
	width:90%;
	margin:5% auto;
	color:#300;
	font-size:10px;
	line-height:170%;
	text-align:center;
	min-height:150px;
	overflow:hidden;
}

#footer img{
	width:100%;
	/*display:block;
	position:absolute;
	bottom:0px;*/
}


/*----------------------------------------
	flickObj
----------------------------------------*/

#flickObj_nav{
	max-width:350px;
	margin:5% auto 0;
	overflow:hidden;
	float:none;
	}

#flickObj #flickWindow{
	margin: 0 auto 0;
	width:100%;
}

#flickObj #flick {
	width:100%;
}

.container{
	overflow:hidden;
	border:2px solid #fff;
	}

#flickObj ul.flickNav {
	margin: 10px 0;
	position: relative;
	left: 50%;
	float: left;
}

#flickObj ul.flickNav li {
	float: left;
	display: inline;
	margin-right: 6px;
	margin-bottom: 6px;
	position: relative;
	left: -50%;
}

#flickObj ul.flickNav li a {
	display: block;
	width: 10px;
	height: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background-color: #ccc;	
}

#flickObj ul.flickNav li.selected a {
	background-color: #5b60b0;	
}



#flickObj div.container {
	height: auto;
	position: relative;
	clear: both;
	overflow: hidden;
	line-height:0;
}

#flickObj div.itemBox {
	position: relative;
}
#flickObj div.container .item {
	float: left;
	text-align: center;
	background-color: #f5f5f5;
}

#flickObj .moving {
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
}

#flickObj div#flick figure {
	margin: 0 auto;
	background-color: #ccc;
	width: 100%;
	height: auto;
	line-height:0;
}

#flickObj div#flick figure img{
	margin: 0 auto;
	background-color: #ccc;
	width: 100%;
	height: auto;
	line-height:0;
}

ul.next_prev{
	width:100%;
}

ul.next_prev li {
	margin: 0px;
	padding: 0.3em;
	display: inline;
	background-color: #5b60b0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	cursor: pointer;
}

ul.next_prev li img{
	width:60%;
}

ul.next_prev li.off {
	display: none;
}

ul.next_prev li.prev {
	text-align:right;
	position:relative;
	z-index:100;
	float: left;
	margin-top:-95%;
	margin-left:-15px;
}
ul.next_prev li.next {
	position:relative;
	z-index:100;
	float: right;
	margin-top:-95%;
	margin-right:-15px;
}


.btn_inq{
display:block;
padding:8px 20px 8px;
border-radius:8px 8px;
background-color:#666;
text-decoration:none;
color:#fff;
font-size:12px;
border:1px solid #fff;
margin:-6% 0 1%;
}

.btn_inq.right{
display:inline-block;
margin:0px 0 0 0px;
}


}


.hide_pc{
display:none;
}


/*----------------------------------------
	追加分
----------------------------------------*/

#attention{
display:block;
margin:10px auto -0px;
width:95%;
max-width:500px;
}

span.blue{color:#2bb4ff; font-size:100%; font-weight:bold;}
span.green{color:#0eb019;font-size:100%; font-weight:bold;}



@media screen and (min-width: 721px) {
.bx_bg{background-image:url(../img/bg_bxslider.jpg); background-size:contain; background-position:center; background-repeat:no-repeat;}


#nav_sp{display:none;}	
#nav{ display:block;width:850px; height:74px; margin:0;}
#nav ul li{float:left;}
#nav ul li.logo,#nav ul li.top,#nav ul li.chara,#nav ul li.game,#nav ul li.bgm1,#nav ul li.bgm2,#nav ul li.bgm3{cursor:pointer;}
#nav ul li.logo{width:154px; height:74px; background-image:url(../img/menu_logo.jpg);}
#nav ul li.top{width:128px; height:74px; background-image:url(../img/menu_top.jpg);}
#nav ul li.chara{width:194px; height:74px; background-image:url(../img/menu_chara.jpg);}
#nav ul li.game{width:173px; height:74px; background-image:url(../img/menu_game.jpg);}
#nav ul li.bgm {width:56px; height:74px; background-image:url(../img/menu_bgm.jpg);}
#nav ul li.bgm1{width:35px; height:74px; background-image:url(../img/menu_bgm1.jpg);}
#nav ul li.bgm2{width:32px; height:74px; background-image:url(../img/menu_bgm2.jpg);}
#nav ul li.bgm3{width:78px; height:74px; background-image:url(../img/menu_bgm3.jpg);}
#nav ul li.bgm1_on{width:35px; height:74px; background-image:url(../img/menu_bgm1_on.jpg);}
#nav ul li.bgm2_on{width:32px; height:74px; background-image:url(../img/menu_bgm2_on.jpg);}
#nav ul li.bgm3_on{width:78px; height:74px; background-image:url(../img/menu_bgm3_on.jpg);}
#nav img.update{display:block; width:20%; position:relative; top:-29px; left:80px; }
}

/*----------------------------------------
	common
----------------------------------------*/

.clearfloat{
clear:both;
}


.mo :hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


.update{
display:none;
position:absolute;
top:67%;
left:80%;
width:10%;
}

img.new{
display:block;
position:absolute;
width:6%!important;
}

#chara_03,
#chara_04,
#chara_05{
position:relative;
}

#tab{
z-index:3;
}

#tab.num3{
width:100%;
position:absolute;
bottom:0%;
}

#tab.num3 ul{
padding:0 3% 0 3.2%;
}

#tab.num3 li a{
display:block;
width:16.1%;
margin-left:0.5%;
float:left;
}

#tab.num3 .box_close{
display:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;

margin:10% 0 0 -2%;
width:98%;
border-top:1px solid #ddd;
position:relative;
position: absolute;bottom: -20%;
}

#tab.num3 .close{
display:block;
width:5%;
margin:auto;
display:block;

}

#tab.num3 .close img{
width:5%;
display:block;
position:absolute;
top:3px;
}



#tab.num4{
width:100%;
position:absolute;
bottom:0%;
}

#tab.num4 ul{
padding:0 3% 0 3.2%;
}

#tab.num4 li a{
display:block;
width:16.1%;
margin-left:0.5%;
float:left;
}

#tab.num4 .box_close{
display:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;

margin:10% 0 0 -2%;
width:98%;
border-top:1px solid #ddd;
position:relative;
position: absolute;bottom: -20%;
}

#tab.num4 .close{
display:block;
width:5%;
margin:auto;
display:block;

}

#tab.num4 .close img{
width:5%;
display:block;
position:absolute;
top:3px;
}




#tab.num5{
width:100%;
position:absolute;
bottom:12%;
}

#tab.num5 ul{
padding:0 3% 0 3.2%;
display:block;
position:relative;
}

#tab.num5 li a{
display:block;
width:14.0%;
margin-left:0.5%;
float:left;
}

#tab.num5 li a.mini{
display:block;
width:9.5%;
margin-left:0.5%;
float:left;
margin-top:4%;
}

#tab.num5 li a.mini.left{
margin-left:2%;
}

#tab.num5 .box_close{
display:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;

margin:10% 0 0 -2%;
width:98%;
border-top:1px solid #ddd;
position:relative;
position: absolute;bottom: -90%;
}

#tab.num5 .close{
display:block;
width:5%;
margin:auto;
display:block;

}

#tab.num5 .close img{
width:5%;
display:block;
position:absolute;
top:3px;
}



#drawbox .bg{
position:absolute;z-index:1;display:block;top:0;
}


#tab li a img{
width:100%;
}

#drawbox{
position:relative;
display:block;
overflow:hidden;
}

#drawbox img{
display:block;
top:0;left:0;
}

.target{
z-index:2;position:relative;
}


.title{
	display:block;
	width:100%;
	margin: 0% auto 0;
}

#linkbnr{margin:0 5%;}
.linkbnr{
	width:50%;
	position:relative;
	float:left;
}

.linkbnr a{float:left; }

.linkbnr a img{
	width:100%;	
}