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

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

html,body{
	/*min-width:1000px;*/
	/*background-color:#ec008b;*/
	/*background-color:#ffceeb;*/
	
}



html{
	width:100%;
	height:100%;
	font-size: 62.5%;
	background-color:#000;
}

body{
	font:100%/1.6 ArialMT, "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	/*font-family: rounded;*/
	letter-spacing:0.05em;
	font-size: 1.2rem;
	line-height:1.6;
	/*color:#818181;*/
	color:#fff;
	
	width:100%;
	height:100%;
	min-height:1000px;
	background-color:#000;
	/*background-color:#391400;*/
	
		
	
}



body#top{
	
}




/* 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:130%; line-height:120%; margin-bottom:15px;}
h5{ font-size:110%; line-height:110%; margin-bottom:15px;}

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

b,
strong{ font-weight:bold;}

big{ font-size:150%;}

p{ margin-bottom:20px;line-height:170%;}
p.last{ margin-bottom:0px;line-height:170%;}






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




b{
	font-weight:900;
}

a,
a:link,
a:visited{
	color:#fff;
	text-decoration:none;
}

a:hover{
	color:#ff5a00;
	text-decoration:underline;
}

a img:not(.hover){
	opacity:1;
}
a:hover img:not(.hover){
	opacity:0.8 !important;
}

#mainVisual a:hover img:not(.hover){
	opacity:1 !important;
}


#main a{ }
#main a:hover{ }


#container{ width:100% !important; position:relative; top:0; left:0; }




#wrap {

  display: table;
table-layout: fixed;
width: 100%;


 
  background:url(../img/common/bg_dot.gif) #000;
}

#wrapMenu{ display: table-cell;
  width: 180px;
  padding:30px;
   background-color:#000;
   position:relative;
   z-index:10;
}


#wrapMenuSP{ display:block;
  width: 100%;
  height:60px;
   background-color:#000;
   position:relative;
   z-index:auto;
   display:none;
}

#wrapContents{ 
  display: table-cell;
  
  vertical-align:top;
	
}

#wrapMenuWidget{ position:absolute; top:60px;left:0; z-index:600; width:100%;padding:0px; height:0; overflow:hidden; background:url(../img/common/bg_90.png); display:none;}
#wrapMenuWidget div.inner{}

#wrapMenuWidget .shareArea{ width:320px; margin:auto;}

.wrapInner{padding-bottom:100px; position:relative;}


.facebook_like_button_count{ width:110px !important;}

.tab #wrapMenu,
.mini #wrapMenu{ display:none;}

.tab #wrapMenuSP,
.mini #wrapMenuSP{ display:block;}

.tab #wrapMenuWidget,
.mini #wrapMenuWidget{ display:block;}

.tab #wrapContents,
.mini #wrapContents{ 
  display: block;
  width: 100%;
	
}












#header{ margin-bottom:0px; position:relative; border:solid 0px #f30;}


#main{ padding-top:40px;}


#wrap{ min-height:1000px;}
#footer{
	clear:both;
    width: 100%;
	height:80px;
	background-color:#391400;

}



#loadWrap{ opacity:0;}

#loadingCover{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	
	/*background:url(../img/ajax/loading.gif) center center no-repeat #000;*/
	
	z-index:9998;

}
	
#loading{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:#000;
	
	/*background:url(../img/ajax/loading.gif) center center no-repeat #000;*/
	z-index:9997;
	color:#000;
	font-size:9px !important;
}

#loading_count{
	width: 200px;
	color: #fff;
	font-size: 3em;
	position: absolute;
	top: 30%;
	left: 50%;
	z-index: 9999;
	color:#000;
	font-size:9px !important;
	display:none;
}
#loading_bar{
	width: 0;
	height: 1px;
	margin-top: -0.5px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #000;
	z-index: 9999;
	opacity:0;
}






img.loadingAnime{ position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px;z-index:9999; width:200px !important; height:200px !important;}