/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ outline:0;border:0;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
hr{ border:0;}
button{ border:0; padding:0; background:none; font-size:1em; outline:0;}
em{ font-style:normal;}


 select::-ms-expand {
	display: none;
}




/*/////////////////////////
base layout　helve
//////////////////////////*/
html,body{

	font-size:12px;
	line-height:1.5;
	width:100%;
	height:100%; 
	
}







body{
	
	width:100%;
	height:100%;
	overflow-y:scroll;
	overflow-x:auto;
	
	text-align:left;
	
	 -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	
	
	color:#000;
	
	

}

.pc body{}

body.fixed{ overflow-x:hidden;}



body:after{
	content:'';
	display:block;
	clear:both;
		
}
	

@media screen and (max-width: 1070px) {
	
	
}

@media screen and (max-width: 640px) {
	
	
}



body.coverOpen{ position:fixed; width:100%; height:100%;}

img{ vertical-align:bottom;}


a, a:link {
    color:#000;
    text-decoration:none;
	outline:0;
	
}
a:hover, a:active {
    color:#000;
}

.pcDevice a:hover, 
.pcDevice a:active {

    text-decoration:underline;
}
a:visited {
    color:#000;
    text-decoration:none;
}


h1,
h2,
h3,
h4,
h5,
h6{ padding:0; margin:0 auto 0 auto;  display:block; font-weight: normal;}


hr{ border:0; padding:0; margin:0; height:1px;}
p{ margin-bottom:2em;}

select{
	
}

/* loading cover
----------------------------------------------- */

#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:url(img/parts/loading.gif) center center no-repeat #fff;
	z-index:9999;
	
}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 35px;
	height: 35px;
	margin:-15px 0 0 -18px;
	display:none;
	
	

}

#loading_count{
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin:30px 0 0 -50px;
	text-align:center;


	font-size:1rem;
	width:100px;
	
	padding:0;
}

/* IE Only
----------------------------------------------- */
#dp_swf_engine{ display:none;}


/* wrap
----------------------------------------------- */
 
#container	{ opacity:0.01; position:relative; z-index:2; width:100%; 

    
	
}



.pcDevice #container2{ min-width:1000px;}

.pcDevice{}
.touchDevice{}

#container.fixed{ position:fixed;width:100%; height:100%; overflow:hidden; }

#base		{  position:relative; width:100%; margin:auto;}

header#gHeader{  width:100%;height:auto; position:relative;}
header#spHeader{  width:100%;height:100px; background-color:#000; position:fixed; z-index:500; top:80px; left:0; display:none; transition: top 400ms cubic-bezier(.50,.0,.50,1);}

body.headerToolsOff header#spHeader{top:0;}


footer{ width:100%; min-height:630px; position:relative; background-color:#000000; color:#bbbbbb; letter-spacing:0;}

	

main{ position:relative; z-index:5; width:96%;max-width:1300px; min-height:1600px; margin:auto; display:block;}




.globalInner{width:96%; max-width:1300px; margin:auto; position:relative;}

	
#bgCover{  position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.2; z-index:1;}