@charset "UTF-8";
/*-- basic --*/
html { }
body { margin: 0; padding: 0; background-color: #f5f5f5; -webkit-text-size-adjust: none; }
/*-- text --*/
p { color: #333; font-size: 12px; letter-spacing: 0.1em; line-height: 18px; font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
a { color: #00a8ff; }
a:hover { color: #77d1ff; }
.textred { color: #ff0000; }
.textbrown { color: #900000; }
.textgray { color: #787878; }
/*-- margin --*/
.top5 { padding-top: 5px; }
.top10 { padding-top: 10px; }
.top20 { padding-top: 20px; }
.top30 { padding-top: 30px; }
.bottom5 { padding-bottom: 5px; }
/*-- line --*/
hr.line1 { border: none; border-top: dotted 1px #CCC; height: 1px; color: #FFFFFF; margin: 30px 0 20px 0; }
hr.line2 { border: none; border-top: solid 1px #d4d4d4; height: 1px; color: #FFFFFF; margin: 30px 0 30px 0; }
/*-- .clearfix --*/
.clearfix:after { content: ""; display: block; clear: both; }
.clear { clear: both; }
/*-- layout --*/
#layout { width: 930px; margin: 0 auto; background-color: #fff; padding: 40px 50px 0 50px;
-webkit-box-shadow: 0px 0px 30px #e5e5e5; box-shadow: 0px 0px 30px #e5e5e5; }
/*-- header --*/
header { }
header h1 { float: left; width: 475px; height: 70px; background: url("../img/header_logo.gif") no-repeat;
text-indent: 100%; white-space: nowrap; overflow: hidden; }
.h-info a { float: right; width: 275px; height: 70px; background: url("../img/header_info.gif") no-repeat;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
/*-- fade --*/
#info_b{ background-position:0 0; }
#info_b:hover,#info_b.hover{ background-position:0 -70px; }
#viewer { clear: both; auto; width: 930px; height: 240px; text-align: left; overflow: hidden; position: relative; top: 30px; margin-bottom: 40px; }
#viewer img { top: 0; left: 0; position: absolute; }
/*-- page header --*/
.ph-img { float: left; width: 605px; height: 165px; padding: 30px 0 15px 0; }
.ph-title-l { float: left; width: 215px; height: 105px; background: url("../img/lesson/header_title.gif") no-repeat; margin-left: 105px; margin-top: 70px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.ph-title-s { float: left; width: 215px; height: 105px; background: url("../img/staff/header_title.gif") no-repeat; margin-left: 105px; margin-top: 90px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.ph-title-v { float: left; width: 180px; height: 60px; background: url("../img/voice/header_title.gif") no-repeat; margin-left: 120px; margin-top: 90px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.ph-title-d { float: left; width: 215px; height: 60px; background: url("../img/dancer/header_title.gif") no-repeat; margin-left: 105px; margin-top: 90px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.ph-title-e { float: left; width: 215px; height: 60px; background: url("../img/school/header_title.gif") no-repeat; margin-left: 105px; margin-top: 90px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.ph-title-ex { float: left; width: 250px; height: 110px; background: url("../img/experience/header_title.gif") no-repeat; margin-left: 75px; margin-top: 65px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.ph-title-ev { float: left; width: 180px; height: 85px; background: url("../img/event/header_title.gif") no-repeat; margin-left: 100px; margin-top: 65px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
/*-- footer --*/
footer { }
.footer-sec { margin: auto; width: 1030px; height: 350px; background: url("../img/footer_backimg.gif") no-repeat; padding-top: 45px;
-webkit-box-shadow: 0px 20px 30px #e5e5e5; box-shadow: 0px 20px 30px #e5e5e5; }
.footer-info-block { float: left; width: 265px; height: 260px; background: url("../img/footer_info.png") no-repeat; margin-left: 45px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.footer-map-block { float: left; width: 300px; height: 260px; margin-left: 80px; }
.footer-right-block { float: left; margin-left: 82px; }
.pagetop-btn a { width: 210px; height: 40px; background: url("../img/footer_btn_pagetop.gif") no-repeat;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
/*-- fade --*/
#pagetop_b{ background-position:0 0; }
#pagetop_b:hover,#pagetop_b.hover{ background-position:0 -40px; }
.right-toho { width: 150px; height: 80px; background: url("../img/footer_right_toho.gif") no-repeat; margin-top: 25px; margin-left: 30px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.taiken-btn a { width: 181px; height: 72px; background: url("../img/footer_btn_form.gif") no-repeat; margin-top: 25px; margin-left: 15px;
text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
/*-- fade --*/
#ftaiken_b{ background-position:0 0; }
#ftaiken_b:hover,#ftaiken_b.hover{ background-position:0 -72px; }
.footer-copyright { clear: both; margin: auto; width: 500px; text-align: center; padding-top: 50px; }
/*-- page fading in --*/
@-webkit-keyframes fadein {
0% { opacity: 0; background-color: white; }
100% { opacity: 1; background-color: white; }
}
body#pg_fadein {
-webkit-animation-name: fadein;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
}
/*-- reset --*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }