/* 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{ box-sizing:border-box; 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;}



	





/*/////////////////////////
base layout　helve
//////////////////////////*/
html,body{
	font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif  ;
	font-size:15px;
	line-height:2;
	width:100%;
	min-height:100%;
	background-color:#fff;
}


body{

	font-weight:normal;
	letter-spacing: 0.1em;

	width:100%;
	min-width:900px;
	
	text-align:left;
	
	color:#333333;

}

body.fixed{ overflow-x:hidden;  overflow-y:scroll; height:100vh}


.en,
.enLight,
.enMid,
.enBold,
.enExBold{font-family: 'Poppins',"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:inherit;}

.enLight{font-weight:300 !important;}
.en{font-weight:400 !important;}
.enMid{font-weight:500 !important;}
.enBold{font-weight:600 !important;}
.enExBold{font-weight:700 !important;}





img{ vertical-align:bottom;}

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


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


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

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

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

#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:#fff;
	z-index:9999;
	
}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin:-25px 0 0 -25px;
	display:bloxk;
	transition: all 500ms ease-in-out;
}

#loadingAnim:before{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left: 0;
	width: 50px;
	height: 50px;
	background:url(./img/parts/logo_frame_loading_black.jpg) bottom center no-repeat;
	background-size:100% auto;
	opacity:.1;

}

#loadingAnim .on{
	position:absolute;
	bottom:0;
	left: 0;
	width: 50px;
	height: 0px;
	display:block;
	background:url(./img/parts/logo_frame_loading.jpg) bottom center no-repeat;
	background-size:100% auto;
	transition: all 500ms ease-in-out;
}

#loadingAnim .on.finish{
	height: 50px;
	
	
}

#loadingAnim.out{
	 transform:scale(0, 0); 
	
	
}



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

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

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


/* frame
----------------------------------------------- */
 
#container	{ opacity:0; position:relative; z-index:2; margin:auto; width:100%;}


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

#primary{ padding-top:110px;}

header.siteHeader{ border-top:solid 10px #cb0000; width:100%; height:110px; background-color:#fff;}

header#globalHeader{position:absolute; top:0; left:0; z-index:5000;}
header#fixedHeader{position:fixed; top:-110px; left:0; z-index:1000;transition: all 500ms cubic-bezier(.50,.0,.50,1); opacity:0; background-color:none; background:url(img/parts/white_90.png)}
header#fixedHeader.visible{ top:0; opacity:1;}



footer#globalFooter{ border-bottom:solid 10px #cb0000; border-top:solid 1px #d6d6d6;}



/* action
----------------------------------------------- */
#container.fixed{ position:fixed;width:100%; height:100%; overflow:hidden; }