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

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: url("../images/bg.gif");}

.headerWrapper{
    width:auto;
    height: 515px;
    background: url(../images/header_back.png) 0 0 repeat-x;
    position: relative; 
}

h1,#logo{
    position: absolute;
}

h1{
    width:950px;
    height: 384px;
    background: url(../images/h1.png) no-repeat ;
    z-index: 0;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    left: 50%;
    margin-left: -475px;
    position: absolute;

}

#logo{
    width:218px;
    height:74px;
    background: url(../images/logo.png) no-repeat ;
    z-index: 9999;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    right: 22px;

}

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

#cover{
    width:948px;
    height: 384px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -475px;
    z-index: 1;
}

#nav{
    width: 950px;
    height: 115px;
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -475px;
    z-index:9999;
}

#nav li{
    float: left;
    width: 106px;
    height: 71px;
    padding: 22px 0 0 11px;
}

#nav a{
    width:100px;
    height: 65px;
    padding-top: 3px;
    padding-left: 3px;
    display: block;
}

#nav .activeSlide {
    background: url(../images/nav.png) right 5px no-repeat;
}

#nav .activeSlide a{
    width:100px;
    height: 65px;
    display: block;
    padding-top: 0;
    padding-left: 0;
    border: #fff100 3px solid;
}

#nav_back{
    height: 143px;
    bottom: 0;
    z-index: 999;
    width: 100%;
    position: absolute;
    background: url(../images/nav_back.png) center center repeat-x;
}


#go_all{
    width: 254px;
    height: 49px;
    position: absolute;
    background: url(../images/go_all.gif) no-repeat;
    z-index: 10000;
    text-indent: 200%;
    white-space: nowrap;
    overflow:    hidden;
    top: 264px;
    left: 67px;
}

#go_all:hover{
    background: url(../images/go_all_hover.gif) no-repeat;
}

#body{
    width: 950px;
    margin:0 auto;
}

#menu_tab{
    width: 950px;
    height: 40px;
    margin: 0 auto;
    overflow: visible;
    z-index: 4;
    position: relative;
    margin-bottom: -1px;
}

#menu_tab li{
    width: 183px;
    height: 39px;
    margin-right: 7px;
    float: left;
    z-index: 5;
    position: relative;
}

#menu_tab .tab5{
    margin-right: 0;
}

#menu_tab a{
    width: 183px;
    height: 39px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
}

#menu_tab a:focus{
    outline:none;
}


.link01 a{background: url("../images/tab1.gif"); }
.link02 a{background: url("../images/tab2.gif"); }
.link03 a{background: url("../images/tab3.gif"); }
.link04 a{background: url("../images/tab4.gif"); }
.link05 a{background: url("../images/tab5.gif"); }
.link06 a{background: url("../images/tab6.gif"); }

.ui-state-active #ui-id-1 {background: url("../images/tab1_hover.gif"); }
.ui-state-active #ui-id-2 {background: url("../images/tab2_hover.gif"); }
.ui-state-active #ui-id-3 {background: url("../images/tab3_hover.gif"); }
.ui-state-active #ui-id-4 {background: url("../images/tab4_hover.gif"); }
.ui-state-active #ui-id-5 {background: url("../images/tab5_hover.gif"); }
.ui-state-active #ui-id-6 {background: url("../images/tab6_hover.gif"); }


.planBox{
    width: 950px;
    position: relative;
    z-index: 3;
    margin-bottom: 15px;
}

#tab1{   height: 699px ; background:url(../images/back1.jpg) no-repeat; }
#tab2{   height: 699px ; background:url(../images/back2.jpg) no-repeat; }
#tab3{   height: 1035px  ; background:url(../images/back3.jpg) no-repeat; }
#tab4{   height: 699px ; background:url(../images/back4.jpg) no-repeat; }
#tab5{   height: 1035px  ; background:url(../images/back5.jpg) no-repeat; }
#tab6{   height: 699px ; background:url(../images/back6.jpg) no-repeat; }


.planBox .plan_b a{
    width:184px;
    height: 34px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: url(../images/button.gif) no-repeat 0 0 ;
    top:  0px;
    left: 0px;
}

.planBox .plan_b a:hover{
    background: url(../images/button_hover.gif) no-repeat 0 0 ;
}
.planBox .plan_b .row1{
	left: 87px;
}
.planBox .plan_b .row2{
	left: 389px;
}
.planBox .plan_b .row3{
	left: 689px;
}
.planBox .plan_b .row4{ left: 581px;}
.planBox .plan_b .row5{
	left: 355px;
}

.planBox .plan_b .row5{
	left: 355px;
}

.planBox .plan_b .col1{
	top: 258px;
}
.planBox .plan_b .col2{
	top: 558px;
}
.planBox .plan_b .col3{
	top: 855px;
}
.planBox .plan_b .col4{
	top: 1151px;
}
.planBox .plan_b .col5{ top: 1448px;}

.planBox .plan_b .col6{ top: 1742px;}


.plan_p a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.hokkaido .plan_p a{
    width:247px;
    height: 148px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top:  0px;
    left: 0px;
}


.hokkaido .plan_p .p1{ background: url(../img01/yado1.jpg) no-repeat 0 0 ;}
.hokkaido .plan_p .p2{ background: url(../img01/yado2.jpg) no-repeat 0 0 ;}
.hokkaido .plan_p .p3{ background: url(../img01/yado3.jpg) no-repeat 0 0 ;}
.hokkaido .plan_p .p4{ background: url(../img01/yado4.jpg) no-repeat 0 0 ;}
.hokkaido .plan_p .p5{ background: url(../img01/yado5.jpg) no-repeat 0 0 ;}
.hokkaido .plan_p .p6{ background: url(../img01/yado6.jpg) no-repeat 0 0 ;}


.kantou .plan_p a{
	width:247px;
	height:148px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top:  940px;
	left: 0px;
}


.kantou .plan_p .p1{ background: url(../img02/yado1.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p2{ background: url(../img02/yado2.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p3{ background: url(../img02/yado3.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p4{ background: url(../img02/yado4.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p5{ background: url(../img02/yado5.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p6{ background: url(../img03/yado1.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p7{ background: url(../img03/yado2.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p8{ background: url(../img03/yado3.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p9{ background: url(../img03/yado4.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p10{ background: url(../img03/yado5.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p11{ background: url(../img03/yado6.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p12{ background: url(../img03/yado7.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p13{ background: url(../img03/yado8.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p14{ background: url(../img03/yado9.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p15{ background: url(../img03/yado10.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p16{ background: url(../img03/yado11.jpg) no-repeat 0 0 ;}
.kantou .plan_p .p17{ background: url(../img03/yado12.jpg) no-repeat 0 0 ;}



.toukai .plan_p a{
    width:247px;
    height: 148px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: url(../images/button.gif) no-repeat 0 0 ;
    top:  0px;
    left: 0px;
}

.toukai .plan_p .p1{ background: url(../img04/yado1.jpg) no-repeat 0 0 ;}
.toukai .plan_p .p2{ background: url(../img04/yado2.jpg) no-repeat 0 0 ;}
.toukai .plan_p .p3{ background: url(../img04/yado3.jpg) no-repeat 0 0 ;}
.toukai .plan_p .p4{ background: url(../img04/yado4.jpg) no-repeat 0 0 ;}
.toukai .plan_p .p5{ background: url(../img04/yado5.jpg) no-repeat 0 0 ;}
.toukai .plan_p .p6{ background: url(../img04/yado6.jpg) no-repeat 0 0 ;}



.kansai .plan_p a{
    width:247px;
    height: 148px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: url(../images/button.gif) no-repeat 0 0 ;
    top:  0px;
    left: 0px;
}

.kansai .plan_p .p1{ background: url(../img05/yado1.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p2{ background: url(../img05/yado2.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p3{ background: url(../img05/yado3.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p4{ background: url(../img05/yado4.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p5{ background: url(../img05/yado5.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p6{ background: url(../img05/yado6.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p7{ background: url(../img05/yado7.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p8{ background: url(../img05/yado8.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p9{ background: url(../img05/yado9.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p10{ background: url(../img05/yado10.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p11{ background: url(../img05/yado11.jpg) no-repeat 0 0 ;}
.kansai .plan_p .p12{ background: url(../img05/yado12.jpg) no-repeat 0 0 ;}



.planBox .plan_p .row1{
	left: 55px;
}
.planBox .plan_p .row2{
	left: 355px;
}
.planBox .plan_p .row3{
	left: 655px;
}
.planBox .plan_p .row4{ left: 581px;}
.planBox .plan_p .row5{
	left: 355px;
}

.planBox .plan_p .col1{
	top: 46px;
}
.planBox .plan_p .col2{
	top: 346px;
}
.planBox .plan_p .col3{
	top: 642px;
}
.planBox .plan_p .col4{
	top: 939px;
}
.planBox .plan_p .col5{ top: 1235px;}

.planBox .plan_p .col6{ top: 1531px;}




#footer{
    width:auto;
    height: 36px;
    margin:0 auto;
    background: #a6a6a6 url(../images/pr.gif) center center no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}