@charset "UTF-8";
/* CSS Document */



/* グローバルナビ　縦用 */

ul#gl_navi{
margin:0;
padding:5px 5px 0;
border:#333333 solid 1px;
width:200px;
height:275px;
}

ul#gl_navi li{
width:200px;
height:50px;
text-indent:-3600px;
overflow:hidden;
margin:0 0 5px;
padding:0;
}

ul#gl_navi li.gn01{
background:url(gl_navi.jpg) no-repeat -200px 0;
}
ul#gl_navi li.gn01 a{
display:block;
width:200px;
height:50px;
background:url(gl_navi.jpg) no-repeat 0 0;
}
ul#gl_navi li.gn01 a:hover{
background:url(gl_navi.jpg) no-repeat -200px 0;
}

ul#gl_navi li.gn02{
background:url(gl_navi.jpg) no-repeat -200px -50px;
}
ul#gl_navi li.gn02 a{
display:block;
width:200px;
height:50px;
background:url(gl_navi.jpg) no-repeat 0 -50px;
}
ul#gl_navi li.gn02 a:hover{
background:url(gl_navi.jpg) no-repeat -200px -50px;
}

ul#gl_navi li.gn03{
background:url(gl_navi.jpg) no-repeat -200px -100px;
}
ul#gl_navi li.gn03 a{
display:block;
width:200px;
height:50px;
background:url(gl_navi.jpg) no-repeat 0 -100px;
}
ul#gl_navi li.gn03 a:hover{
background:url(gl_navi.jpg) no-repeat -200px -100px;
}

ul#gl_navi li.gn04{
background:url(gl_navi.jpg) no-repeat -200px -150px;
}
ul#gl_navi li.gn04 a{
display:block;
width:200px;
height:50px;
background:url(gl_navi.jpg) no-repeat 0 -150px;
}
ul#gl_navi li.gn04 a:hover{
background:url(gl_navi.jpg) no-repeat -200px -150px;
}

ul#gl_navi li.gn05{
background:url(gl_navi.jpg) no-repeat -200px -200px;
}
ul#gl_navi li.gn05 a{
display:block;
width:200px;
height:50px;
background:url(gl_navi.jpg) no-repeat 0 -200px;
}
ul#gl_navi li.gn05 a:hover{
background:url(gl_navi.jpg) no-repeat -200px -200px;
}


/* グローバルナビ　横用 */

ul#gl_navi2{
margin:0 auto;
padding:0;
width:820px;
}

ul#gl_navi2 li{
width:160px;
height:40px;
text-indent:-3600px;
overflow:hidden;
padding:0;
margin:0 5px 0 0;
float:left;
}

ul#gl_navi2 li.gn01{
background:url(gl_navi.jpg) no-repeat -160px 0;
}
ul#gl_navi2 li.gn01 a{
display:block;
width:160px;
height:40px;
background:url(gl_navi.jpg) no-repeat 0 0;
}
ul#gl_navi2 li.gn01 a:hover{
background:url(gl_navi.jpg) no-repeat -160px 0;
}

ul#gl_navi2 li.gn02{
background:url(gl_navi.jpg) no-repeat -160px -40px;
}
ul#gl_navi2 li.gn02 a{
display:block;
width:160px;
height:40px;
background:url(gl_navi.jpg) no-repeat 0 -40px;
}
ul#gl_navi2 li.gn02 a:hover{
background:url(gl_navi.jpg) no-repeat -160px -40px;
}

ul#gl_navi2 li.gn03{
background:url(gl_navi.jpg) no-repeat -160px -80px;
}
ul#gl_navi2 li.gn03 a{
display:block;
width:160px;
height:40px;
background:url(gl_navi.jpg) no-repeat 0 -80px;
}
ul#gl_navi2 li.gn03 a:hover{
background:url(gl_navi.jpg) no-repeat -160px -80px;
}

ul#gl_navi2 li.gn04{
background:url(gl_navi.jpg) no-repeat -160px -120px;
}
ul#gl_navi2 li.gn04 a{
display:block;
width:160px;
height:40px;
background:url(gl_navi.jpg) no-repeat 0 -120px;
}
ul#gl_navi2 li.gn04 a:hover{
background:url(gl_navi.jpg) no-repeat -160px -120px;
}

ul#gl_navi2 li.gn05{
background:url(gl_navi.jpg) no-repeat -160px -160px;
margin:0;
}
ul#gl_navi2 li.gn05 a{
display:block;
width:160px;
height:40px;
background:url(gl_navi.jpg) no-repeat 0 -160px;
}
ul#gl_navi2 li.gn05 a:hover{
background:url(gl_navi.jpg) no-repeat -160px -160px;
}




/* コース */

ul#course{
width:880px;
margin:0 auto;
padding:0;
}

ul#course li{
width:430px;
height:280px;
text-indent:-3600px;
overflow:hidden;
padding:0;
margin:0;
float:left;
}

ul#course li.gn01{
background:url(btn_course.jpg) no-repeat 0 0;
margin:0 20px 20px 0;
}
ul#course li.gn01 a{
display:block;
width:430px;
height:280px;
background:url(btn_course.jpg) no-repeat 0 0;
}
ul#course li.gn01 a:hover{
background:url(btn_course.jpg) no-repeat -430px 0;
}

ul#course li.gn02{
background:url(btn_course.jpg) no-repeat 0 -280px;
margin:0 0 20px;
}
ul#course li.gn02 a{
display:block;
width:430px;
height:280px;
background:url(btn_course.jpg) no-repeat 0 -280px;
}
ul#course li.gn02 a:hover{
background:url(btn_course.jpg) no-repeat -430px -280px;
}

ul#course li.gn03{
background:url(btn_course.jpg) no-repeat 0 -560px;
margin:0 20px 20px 0;
}
ul#course li.gn03 a{
display:block;
width:430px;
height:280px;
background:url(btn_course.jpg) no-repeat 0 -560px;
}
ul#course li.gn03 a:hover{
background:url(btn_course.jpg) no-repeat -430px -560px;
}

ul#course li.gn04{
background:url(btn_course.jpg) no-repeat 0 -840px;
}
ul#course li.gn04 a{
display:block;
width:430px;
height:280px;
background:url(btn_course.jpg) no-repeat 0 -840px;
}
ul#course li.gn04 a:hover{
background:url(btn_course.jpg) no-repeat -430px -840px;
}



/* ビルボードムービー用 */
#bilboard{
width:950px;
height:580px;
background:url(bilboard.jpg) no-repeat center top;
}
#bilboard p{
width:480px;
height:250px;
margin:0 auto;
padding:185px 0 0;
}


/* for IE5.5-IE7,FireFox,Safari [clearfix hack sample]*/
.exCfx:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.exCfx{
display:inline-table;
min-height:1%;
}
/* Hides from IE-mac \*/
* html .exCfx{
height:1%;
}
.exCfx{
display:block;
}
/* End hide from IE-mac */