/*----------------------------------------------------------
    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;}

a img{
    transition:all 0.5s ease; /*0.5秒かけて要素を変化させる*/
    }
a:hover img{
    opacity: 0.7;/*要素の透明度を指定*/
    filter: alpha(opacity=70); /*ie6、7の透明度指定*/
    /*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
    }

/*----------------------------------------------------------
                frame
------------------------------------------------------------*/

#cnt_bg { background-color:#454545;}


#head { width:1000px; margin:0 auto;}

#cover{
	width:1000px;
	height: 617px;
	margin:0 auto;
	left: 0px;
	top: 0px;
}



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:2200px;
	margin:0 auto; 
    position: relative;
    z-index: 999;}
	
#cnt p {font-size:14px;}


.btn_main{ 	position:absolute;
	left: 0x;
	top: 0px;}

.main { background-color:#e6f3f1;
	height:1582px;}
	
.btn_01 {
	position: fixed;
	z-index:9999;
		left: 0x;
	top: 0px;
}


.yado01 {
/*background-image:url(../images/yado1.png);*/
background-repeat:no-repeat;
height:427px;
width:1000px;
}


	
.yado02 {
/*background-image:url(../images/yado2.png);*/
background-repeat:no-repeat;
height:427px;
width:1000px;
}

	

.yado03 {
/*background-image:url(../images/yado3.png);*/
background-repeat:no-repeat;
height:427px;
width:1000px;
}



.yado02_p {
width:450px;
height:347px;
float: right;
}


.yado01_p {
width:450px;
height:347px;
float:left;
}

.btn { width:529px;
float:right;
}

.btn_l { width:519px;
float: left;
}


.btn_plan { padding:20px 0 30px 0; float:left;
	margin:0 0 0 25px; width:296px;}

.btn_access { padding:20px 0 30px 0; margin:0 0 0 30px; width:622px; float:left;}

#footer{
    width:auto;
    height: 36px;
    margin:0 auto;
    background: url(../images/pr.png) center center no-repeat;
    text-indent: -9999px;
    overflow: hidden; background-color:#3781a9;
}


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%;
}



}
