/* 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{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}




/* color
----------------------------------------------- */


/*color:#328efc;*/



/* H1 - H5 p strong big
----------------------------------------------- */

h2{ font-size:180%; line-height:160%;}
h3{ font-size:160%; line-height:140%; margin-bottom:15px;}
h4{ font-size:140%; line-height:120%; margin-bottom:15px;}
h5{ font-size:120%; line-height:110%; margin-bottom:15px;}

h2,
h3,
h4,
h5{ font-weight:normal !important;}

b,
strong{ font-weight:900 !important;}

big{ font-size:150%;}

p{ margin-bottom:20px;line-height:180%;}


div{ position:relative;}



/* cfix
----------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 

.clearfix:after {
    clear: both;
}
 

.clearfix {
    *zoom: 1; /* for IE 6/7 only */
}




.cfix{
	height:inherit;
	margin:auto;
	zoom:1;
}


.cfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/*mac\*/

*html .cfix{ height:1%;}

.cfix { display:block;}


/*end*/


/*
@font-face
{
font-family: rounded;
src: url('../font/roundedxmplus1pmedium.ttf')
     format("truetype");
}
*/

html,body{
	
	
}



html{
	
	
	
}



@font-face {

}




body{
	font:100%/1.8;
	
	
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;

	height:100%;
	color:#000;
	overflow-y:scroll;
	position:relative;
	
	
	
	
}

#bodyBG{ background-color:#000; position:fixed; width:100%; height:100%; z-index:-5;}





h1,
h2,
h3,
h4,
h5,
h6{  font-weight:bold;}

b{
	font-weight:900;
}

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

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


#coverContents a,
#coverContents a:link,
#coverContents a:visited{
	color:#000;
	text-decoration:underline;
}

#coverContents a:hover{
	color:#000;
	text-decoration:none;
}


/* load
----------------------------------------------- */


#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;

	z-index:9999;
	color:#999;
	background:#fff;
	
	
	
}


/* base
----------------------------------------------- */

#header,
#container,
#storeArea{ opacity:0;}


#container{ min-width:750px;line-height:1.6; font-size:0.8em;}

html.touchDevice #container{ max-width:750px; margin:auto;}

#container.coverOpen{ width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;}


#base{ }



#menuNavi{ background-color:#000;position:absolute; top:0; z-index:41; width:100%;min-width:750px; height:0;

overflow:hidden;

}

#footer { width:100%;min-width:750px; height:800px; padding-top:80px; padding-bottom:100px; text-align:center;  position:relative; z-index:10;}

#footer .main{ margin-bottom:100px;}
	


#contents{ position:relative; z-index:3; width:750px; margin:auto;}

div.baseInner{ width:710px; margin:auto;}


#spot{ position:relative; z-index:3; width:100%; margin:auto; background-color:#000;}




#cloneContentsCover{ position:fixed; z-index:2; width:100%; height:100%; top:0px; left:0; background-color:transparent; opacity:.4;}

html.touchDevice #cloneContentsCover{ display:none;}

#cloneContents{ position:absolute; z-index:1; width:100%; top:0; left:0;}

#cloneContents .slide.visual{ opacity:1 !important;}





/* cover
----------------------------------------------- */
#cover{ background:#000; width:100%; position:fixed; top:0; left:100%; z-index:9990; display:none; overflow:hidden; }







#coverClose{ width:80px; height:80px; position:fixed; top:24px; right:20px; z-index:50; cursor:pointer;

  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  overflow:hidden;
  background:url(../../img/btn_menu_close.png) center center no-repeat #fff;
  }


#coverClose:hover{ background-color:#dfc971 !important;}

	
.dataInner{ width:740px; padding:120px 0 300px 0;   position:relative; top:0px; margin:0 auto 0 auto; display:block;}






#coverContents{ width:100%; color:#fff; position:relative; font-size:1.2em; line-height:1.4em;}


#coverContents h3{ font-size:1.8em; line-height:1.4;margin-bottom:5px;font-variant:normal; color:#dfc971;}
#coverContents h4{ font-size:1.2em; line-height:1.4;  color:#dfc971;}
#coverContents  p{line-height:1.4;}
#coverContents .date{ font-size:14px; margin-bottom:40px;}


#cover.news a,
#cover.news a:link{color:#dfc971;}


#cover.tokuten a,
#cover.tokuten a:link{color:#dfc971;}











#cover.news #coverContents h3{ }






#youtubeContents{  position:absolute; top:50%; left:50%;}



#dataHeader{ width:99%; height:0px;}
#dataHeader .dataInner{ padding-top:0px;}


#dataFooter{ background-color:#000; color:#fff; text-align:center; padding-bottom:60px; margin-bottom:200px;}