@charset "utf-8";
/*Reset*/

p,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
img,a { padding: 0; margin: 0; }
a img { border-style:none }
div { margin: 0; padding: 0; }
ol,ul,li,dl,dt,dd { margin: 0; padding: 0; list-style: none; }
ol,ul,li,a { outline: none; }
/*Link*/
a:link { color: #00b0bf; text-decoration: none; }
a:visited { color: #006a73; text-decoration: none; }
a:hover { color: #e75286; text-decoration: none; text-shadow: rgba(0,0,0,0.1) 0px 1px 0; }
a:active { color: #8b3150; text-decoration: none; }
/*Base*/
body { 	margin: 0px; padding: 0px; background-image: url(../images/bg.png); background-repeat: repeat; color: #333; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; }
#line { background-image: url(../images/line.png); background-repeat: repeat-x; height: 9px; }
#wrapper { width: 960px; margin-right: auto; margin-left: auto; margin-top: 6px; }
h1 { margin-left: 10px; }
/*NAVIGATION1*/
#navi1 { height: 41px; width: 790px; float: left; margin-left: 9px; margin-top: 6px; }
#navi1 li { float: left; margin-bottom: 22px; }
/*NAVI共通*/
.hover-css a, .hover-anims a, .hover-anims a span { display:block; height:0; padding-top:41px; position:relative; overflow:hidden; color:transparent; background-image: url(../images/navi.png); background-repeat: no-repeat; background-position: 0px 0px; }
.hover-anims a span { position:absolute; left:0; top:0; }
/*トップ*/
.hover-css .top a, .hover-anims .top a, .hover-anims .top a span { width:57px; }
.hover-css .top a:hover, .hover-anims .top span { background-position:0px -41px; }
/*Hulaについて*/
.hover-css .abouthula a, .hover-anims .abouthula a { width:79px; background-position:-57px 0; }
.hover-css .abouthula a:hover, .hover-anims .abouthula span { width:79px; background-position: -57px -41px; }
/*スタジオ紹介*/
.hover-css .studio a, .hover-anims .studio a { width:104px; background-position:-136px 0px; }
.hover-css .studio a:hover, .hover-anims .studio span { width:104px; background-position:-136px -41px; }
/*レッスンスケジュール*/
.hover-css .lesson a, .hover-anims .lesson a { width:150px; background-position:-240px 0px; }
.hover-css .lesson a:hover, .hover-anims .lesson span { width:150px; background-position:-240px -41px; }
/*イベント*/
.hover-css .event a, .hover-anims .event a { width:71px; background-position:-390px 0px; }
.hover-css .event a:hover, .hover-anims .event span { width:71px; background-position:-390px -41px; }
/*ギャラリー*/
.hover-css .gallery a, .hover-anims .gallery a { width:84px; background-position:-461px 0px; }
.hover-css .gallery a:hover, .hover-anims .gallery span { width:84px; background-position:-461px -41px; }
/*プロフィール*/
.hover-css .profile a, .hover-anims .profile a { width:100px; background-position:-545px 0px; }
.hover-css .profile a:hover, .hover-anims .profile span { width:100px; background-position:-545px -41px; }
/*お問合わせ*/
.hover-css .contact a, .hover-anims .contact a { width:92px; background-position:-645px 0px; }
.hover-css .contact a:hover, .hover-anims .contact span { width:92px; background-position:-645px -41px; }
/*リンク*/
.hover-css .link a, .hover-anims .link a { width:53px; background-position:-737px 0px; }
.hover-css .link a:hover, .hover-anims .link span { width:53px; background-position:-737px -41px; }
/*ブログ*/
#navi2 { height: 94px; width: 152px; float: left; margin-top: -47px; margin-bottom: 22px; }
.hover-css2 a, .hover-anims2 a, .hover-anims2 a span { display:block; height:0; padding-top:94px; position:relative; overflow:hidden; color:transparent; background-image: url(../images/blog.png); background-repeat: no-repeat; background-position: 0px 0px; }
.hover-anims2 a span { position:absolute; left:0; top:0; }
.hover-css2 .blog a, .hover-anims2 .blog a { width:152px; background-position:0px 0px; }
.hover-css2 .blog a:hover, .hover-anims2 .blog span { width:152px; background-position:0px -94px; }
/*共通*/
.clear { clear: both; }
/*フッター*/
#footer { background-image: url(../images/ftbg.png); height: 556px; background-repeat: repeat-x; margin-right: auto; margin-left: auto; bottom: 0px; }
#footer #mft { background-image: url(../images/footerbg.png); width: 950px; margin-right: auto; margin-left: auto; height: 477px; padding-top: 79px; padding-left: 10px; }
#footer #mft dl { width: 220px; float: left; margin-right: 20px; margin-top: 12px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0; height: 405px; }
#footer #mft dl dt { font-size: 16px; line-height: 16px; color: #dddddd; font-weight: bold; text-shadow: rgba(0,0,0,0.5) 0px 1px 0; background-image: url(../images/fttitle.png); height: 16px; }
#footer #mft dl dt span { background-image: url(../images/fttlbg.png); margin-left: 15px; padding-right: 5px; padding-left: 5px; }
#footer #mft dl dt a:link { color: #dddddd; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; }
#footer #mft dl dt a:visited { color: #006a73; text-decoration: none; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; }
#footer #mft dl dt a:hover { color: #e75286; text-decoration: none; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; }
#footer #mft dl dt a:active { color: #8b3150; text-decoration: none; }
#footer #mft dl dd { font-size: 12px; line-height: 1.5; color: #8c8989; margin-top: 10px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
#footer .cpr { color: #8c8989; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; text-align: center; font-size: 12px; line-height: 60px; height: 60px; }