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

b,
strong{ font-weight:bold;}

big{ font-size:150%;}

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






/* 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{
	
	background-color:#fff;
	-webkit-overflow-scrolling: touch;
	
}



html{
	width:100%;
	height:100%;
	 background-color:#fff;
	
}

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;*/
	
	font-size:80%;
	width:100%;

	
}

	

#container{ width:100%; height:100%; min-width:980px; min-height:550px; background-color:#fff; position:relative; opacity:0;}

#main{ width:980px; height:600px; background-color:#fff; position:absolute; top:50%; left:50%; margin:-275px 0 0 -490px;}

#contents{ position:relative;}