/*----------------------------------------------------------
    reset
------------------------------------------------------------*/
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, font, 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 {
    margin: 0;
    padding: 0;
}
/*p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
    margin-bottom: 1.5em;
}*/
html {
    font-size: 100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro Pro W3",'メイリオ','Meiryo',"Osaka",Arial,sans-serif;
    font-size: .875em;
    min-width: 1000px;

}

img {
    border: 0;
    margin:0;
    padding:0
}



ul li { list-style-type: none;}
ol { list-style: decimal outside none; }


.clear {
    clear: both;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}



/*----------------------------------------------------------
                frame
------------------------------------------------------------*/
#bg{	background-color:#e4e6eb;}


#wrap { width:1000px;
	margin:0 auto;
	 position: relative;} 

#cover{
    width:1000px;
    height:750px; margin:0 auto; position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
}


#cover2{
    width:559px;
    height:382px; margin:0 auto; position: relative;
	top: -1370px;
	left: 220px;
	z-index: 1;
}





h1{
	width:863px;
	height: 272px;
	z-index: 0;
	text-indent: -9999px;
	overflow: hidden;
	top: 149px;
	left: 723px;
	margin-left: -475px;
	position: absolute;
	display: none;

}


#cnt { width:1000px;
    height:1450px;
	margin:0 auto; 
    position: relative;
    z-index: 1;}
	
#cnt p {font-size:14px;}


.btn_01 {
	position: fixed;
	top: 40px;
	z-index:9999;
}


.btn_02 {
	position:absolute;
	left: 0px;
	top: 1229px;
}

.btn_03 {
	position:absolute;
	left: 0px;
	top: 1322px;
}





html,body{
    width: 100%;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
html,body{
    width: 100%;
}


}

@media only screen and (min-width: 568px) and (max-width: 768px) {
html,body{
    width: 100%;
}



}

@media only screen and (min-width: 320px) and (max-width: 568px) {
html,body{
    width: 100%;
}



}