@charset "UTF-8";
/* CSS Document */




/*----------------------------------------------------
	common
----------------------------------------------------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; font-weight: normal; vertical-align: baseline; background: transparent; }




body {
	color: #fff;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	}
	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
		overflow:hidden;
}
.clearfix{ display:inline-block; }

.left{ float:left; }
.right{ float:right; }
.clr { clear:both; }

img{ border:none; }

li{ list-style:none; }	

a:hover img.opacity{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}



/*----------------------------------------------------
	layout
----------------------------------------------------*/
article#wrapper {
	 width: 100%;
	 height: 100%;
	 min-width:1067px;
	 min-height:600px;
	 overflow: hidden;
	 position: absolute;
	 /*border:#FF0000 1px solid;*/
	 }
	 
	 
#loading{
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	position: absolute;
	}
	 
#imgContainer img {
	display: none;
	position: absolute;
	}