/*----------------------------------------------------------
    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: 990px; background-image:url(../images/bg.png); background-repeat:repeat-x;
}

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:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*----------------------------------------------------------
                frame
------------------------------------------------------------*/

#cnt_bg { background-color:#f4f3e4;}

.headerWrapper{
    width:auto;
    height: 421px;
}

.head { width:990px; margin:0 auto;}

#logo{
	background: url(../images/logo.png) no-repeat;
	z-index: 9999;
	text-indent: -9999px;
	overflow: hidden;
	top: 530px;
	right: 19px; 

}

#header{
    width:990px;
    height: 468px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}

.main {
	width:980px; text-align:center;
	margin: 30px auto 0;  position: relative; top:0px; padding:0 0 22px 0;
}

.main .l { float:left; margin:0 0 0 20px;}
.main .r { float:right; margin:0 20px 0 0;}


.slider-pro{
    width:1000px;
    height: 410px; margin:0 auto; position: relative;
}


.logo {
	position: absolute;
	left: 718px;
	top: -490px;
	height:104px;
	width:270px;
}

.titel{
	position: absolute;
	left: -2px;
	top: -473px;
	height:264px;
	width:1000px;
}

.titel2{
	position: absolute;
	left: -4px;
	top: -142px;
	height:144px;
	width:1000px;
}

.hokkaido{
	position: absolute;
	left: 84px;
	top: 510px;
	height:48px;
	width:376px;
}

.okinawa{
	position: absolute;
	left: 89px;
	top: 1492px;
	height:48px;
	width:376px;
}



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

}


.main_bg { background-image:url(../images/main_bg.png);}


#cnt { width:990px;
    height:2380px;
	margin:0 auto; 
    position: relative;
    z-index: 999; padding:27px 0 0 0;}
	
#cnt p {font-size:14px;}


.btn_plan01 {
	position:absolute;
	left: 21px;
	top: 1739px;
}

.btn_plan02 {
	position:absolute;
	left: 690px;
	top: 1335px;
}

.btn_plan03 {
	position:absolute;
	left: 354px;
	top: 2144px;
}

.btn_plan04 {
	position:absolute;
	left: 22px;
	top: 1335px;
}

.btn_plan05 {
	position:absolute;
	left: 354px;
	top: 1739px;
}

.btn_plan06 {
	position:absolute;
	left: 22px;
	top: 2144px;
}

.btn_plan07 {
	position:absolute;
	left: 357px;
	top: 1335px;
}

.btn_plan08 {
	position:absolute;
	left: 690px;
	top: 1739px;
}

.btn_plan09 {
	position:absolute;
	left: 355px;
	top: 934px;
}

.btn_plan10 {
	position:absolute;
	left: 690px;
	top: 934px;
}

.btn_plan11 {
	position:absolute;
	left: 22px;
	top: 934px;
}



.btn_gentei01 {
	position:absolute;
	left: 198px;
	top: 221px;
}



.btn_gentei02 {
	position:absolute;
	left: 354px;
	top: 155px;
}



.btn_gentei03 {
	position:absolute;
	left: 662px;
	top: 221px;
}




.btn_gentei04 {
	position:absolute;
	left: 509px;
	top: 221px;
}



.btn_gentei05 {
	position:absolute;
	left: 47px;
	top: 222px;
}



.btn_gentei06 {
	position:absolute;
	left: 47px;
	top: 155px;
}



.btn_gentei07 {
	position:absolute;
	left: 354px;
	top: 221px;
}



.btn_gentei08 {
	position:absolute;
	left: 509px;
	top: 155px;
}


.btn_gentei09 {
	position:absolute;
	left: 662px;
	top: 155px;
}



.btn_gentei10 {
	position:absolute;
	left: 815px;
	top: 155px;
}



.btn_gentei11 {
	position:absolute;
	left: 200px;
	top: 155px;
}





#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%;
}



}