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

* {
margin:0;
padding:0;
background-repeat:no-repeat;
}

html,body{
height:100%;
}

body{
background-image:url(../img/base/back.jpg);
background-repeat:repeat;
font-family:"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

* html h1, h2, p, ul,li, img, div, a, span, input{
behavior: url(./js/iepngfix/iepngfix.htc);
}
*:first-child+html * html h1, h2, p, ul,li, img, div, a, span, input{
behavior:none;
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
}

img{
border-style:none;
}

ui{
list-style-type:none;
}

li{
list-style-type:none;
}

a{
text-decoration:none;
overflow:hidden; 
outline:none;
}
a:link { color:#8ec9ff; } 
a:visited { color:#8ec9ff; } 
a:hover { color:#bddffd; } 
a:active { color:#8ec9ff; }


h1,h2,h3,h4,h5,h6{
font-size:12px;
font-weight:normal;
}

/*---------------------------------------------------------------------*/
/*---ヘッダー---*/

div#header{
position:relative;
width:100%;
background-image:url(../img/header/back.png);
background-repeat:repeat-x;
background-position:bottom;
}
*:first-child+html div#header{
z-index:100;
}

div#header_container{
position:relative;
width:966px;
margin:0 auto;
}

h1{
position:relative;
width:100%;
background-color:#000000;
color:#FFFFFF;
font-size:12px;
text-align:left;
margin-top:4px;
}
*:first-child+html h1{
font-size:11px;
}

h1 span{
position:absolute;right:0;
text-align:right;
display:inline;
}

div#main_menu{
z-index:200;
position:relative;
width:100%;
height:140px;
}

img#logo{
position:absolute;top:12px;left:12px;
width:211px;
height:143px;
}

div#main_menu div{
float:right;
width:677px;
}

ul#menu{
}

/*---------------------------------------------------------------------*/
/*---メニュー---*/

div#main_menu div a{
float:left;
overflow:hidden;
display:block;
}

div#main_menu div a#top{
width:135px;
height:64px;
background-image:url(../img/header/menu_bt.png);
background-position:0 0;
text-indent:-999px;
}
div#main_menu div a:hover#top{
background-position:0 bottom;
}

div#main_menu div a#about{
width:135px;
height:64px;
background-image:url(../img/header/menu_bt.png);
background-position:-135px 0;
text-indent:-999px;
}
div#main_menu div a:hover#about{
background-position:-135px bottom;
}

div#main_menu div a#cafe{
width:135px;
height:64px;
background-image:url(../img/header/menu_bt.png);
background-position:-270px 0;
text-indent:-999px;
}
div#main_menu div a:hover#cafe{
background-position:-270px bottom;
}

div#main_menu div a#dance{
width:135px;
height:64px;
background-image:url(../img/header/menu_bt.png);
background-position:-405px 0;
text-indent:-999px;
}
div#main_menu div a:hover#dance{
background-position:-405px bottom;
}

div#main_menu div a#contents{
width:137px;
height:64px;
background-image:url(../img/header/menu_bt.png);
background-position:-540px 0;
text-indent:-999px;
}
div#main_menu div a:hover#contents{
background-position:-540px bottom;
}

/*---------------------------------------------------------------------*/
/*---サブメニュ---*/

ul#sb_menu{
height:20px;
/*background-image:url(../img/header/main_info.png);*/
background-position:top right;
/*padding-top:26px;*/
margin-top:12px;
margin-right:4px;
}

#sb_menu li{
float:right;
}

#sb_menu li a{
float:right;
text-indent:-999px;
display:block;
margin-left:16px;
}
#sb_menu li a:hover{
background-position:bottom;
}

a#ic_access{
width:73px;
height:16px;
background-image:url(../img/header/ic_access.png);
}

a#ic_contact{
width:87px;
height:16px;
background-image:url(../img/header/ic_contact.png);
}



/*---------------------------------------------------------------------*/
/*---ボディコンテンツ---*/

div#contents_head{
position:relative;
width:990px;
background-image:url(../img/base/contents_back.png);
background-repeat:repeat-y;
margin:0 auto;
margin-top:23px;
}
div#contents_head span#ct_headbar{
position:absolute;top:-23px;left:0px;
width:990px;
height:23px;
background-image:url(../img/base/contents_top.png);
}

/*---------------------------------------------------------------------*/
/*---フッター---*/

div#footer{
height:265px;
background-image:url(../img/footer/footer_back.gif);
background-repeat:repeat-x;
}

div#footer div{
width:880px;
height:265px;
margin:0 auto;
}
* html div#footer div{
width:990px;
}

div#footer ul{
float:left;
width:130px;
height:145px;
font-size:11px;
line-height:17px;
padding:0 15px;
margin-top:24px;
}
*:first-child+html div#footer ul{
height:130px;
margin-bottom:30px;
}

.ml{
margin-left:70px;
}

div#footer ul a{
color:#0a688f;
}
div#footer ul a.deco{
color:#FFFFFF;
padding-top:1px;
padding-left:4px;
margin-left:4px;
border-left:4px #0a688f solid;
}
div#footer ul a:hover{
color:#0a688f;
}

.ft_tp{
color:#0a688f;
font-size:12px;
font-weight:bold;
margin-top:8px;
margin-bottom:3px;
}

.side_line{
border-right:1px #1e98c2 solid;
}

p#copyright{
width:896px;
background-image:url(../img/footer/sl_shadow.png);
color:#FFFFFF;
font-size:12px;
text-align:center;
padding-top:24px;
margin:0 auto;
margin-top:22px;
}

p#copyright a{
color:#FFFFFF;
}

/*---------------------------------------------------------------------*/
/*---ページ共通項目---*/

.fl_left{
float:left;
}
.fl_right{
float:right;
}

ul#sub_menu{
}

ul#sub_menu li{
width:201px;
height:25px;
background-image:url(../img/base/bar01.png);
margin-bottom:7px;
}

ul#sub_menu li a{
color:#aaaaaa;
font-size:13px;
line-height:25px;
display:block;
padding-left:22px;
}

ul#sub_menu li a:hover{
color:#af4e6c;
}

.h10{height:20px;border:#dddddd solid;border-width:0 1px 1px 0;padding:2px 0;}
.h30{height:15px;border:#dddddd solid;border-width:0 1px 1px 0;padding:2px 0;}
.h60{height:30px;border:#dddddd solid;border-width:0 1px 1px 0;padding:2px 0;}
.h90{height:45px;border:#dddddd solid;border-width:0 1px 1px 0;padding:2px 0;}
.h120{height:60px;border:#dddddd solid;border-width:0 1px 1px 0;padding:2px 0;}
.h180{height:90px;border:#dddddd solid;border-width:0 1px 1px 0;padding:2px 0;}