@charset "UTF-8";

/* CSS ドキュメント */

/* header------------------------ */
header{width:1000px; height:110px; margin:20px auto 0; background:url(../img/header_con_bg.png) no-repeat right; }
header h1 a{display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:373px; height:109px; background:url(../img/logo.png) no-repeat; margin-left:5px;}


/* nav------------------------ */
#gnav { width: 1130px; margin: 0 auto; padding-bottom: 12px; position:relative;}
#gnav ul { background: url(../img/navi.png) no-repeat; width: 1130px; height: 160px; position:absolute; top:-15px;}
#gnav li { float: left; }
#gnav li a { display: block; height: 160px; background: url("../img/navi.png") no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; outline: 0;}
#gnav li a:hover{background:url(../img/navi_on.png) no-repeat;}

#gnav li#nav1 a { width: 180px; }
#gnav li#nav2 a { width:164px; background-position: -180px 0; }
#gnav li#nav3 a { width:156px; background-position: -344px 0; }
#gnav li#nav4 a { width:140px; background-position: -500px 0; }
#gnav li#nav5 a { width:150px; background-position: -640px 0; }
#gnav li#nav6 a { width:150px; background-position: -790px 0; }
#gnav li#nav7 a { width:190px; background-position: -940px 0; }


/* h2------------------------ */
h2{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:324px; }
#profile  h2{background:url(../img/h2_pro.png) no-repeat;}
#recruit  h2{background:url(../img/h2_recruit.png) no-repeat;}
#contact  h2{background:url(../img/h2_contact.png) no-repeat;}
#school   h2{background:url(../img/h2_school.png) no-repeat;}
#performance h2{background:url(../img/h2_performance.png) no-repeat;}
#concours h2{background:url(../img/h2_concours.png) no-repeat;}
#access   h2{background:url(../img/h2_access.png) no-repeat;}
#blog     h2{background:url(../img/h2_blog.png) no-repeat;}
#member   h2{background:url(../img/h2_member.png) no-repeat;}
#gallery  h2{background:url(../img/h2_gallery.png) no-repeat;}
#privacy  h2{background:url(../img/h2_privacy.png) no-repeat;}

/* contents------------------------ */
#contents{width:1000px; margin:120px auto 50px; background:url(../img/bg_con_footer.png) no-repeat bottom; padding-bottom:73px;}
#contents #inner{background:url(../img/bg_con.png) repeat-y; position:relative;}

/* privacy------------------------ */
#privacy h3.tit_1{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:90px; background:url(../profile/img/tit_pro1.png) no-repeat center;}
#privacy p.con_pro{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:425px; background:url(../profile/img/con_pro.png) no-repeat center; margin:40px 0 70px;}
#privacy p.con_pro{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:513px; background:url(../profile/img/con_pro3.png) no-repeat center; margin:30px auto;}
#privacy h3.tit_2{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:123px; background:url(../profile/img/tit_pro2.png) no-repeat center;}
#privacy .con_pro2{padding:0 0 20px 150px;}
#privacy .con_pro2 dl{margin-top:20px;}
#privacy .con_pro2 dt{width:126px; float:left; padding:5px 0;}
#privacy .con_pro2 dd{width:320px; float:left; padding:5px 0;}
.sensei { width: 300px; float: left;}
.pri_new { float: left;}
.privacy_cont { width: 80%; float: left; }

/* profile------------------------ */
#profile h3.tit_1{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:90px; background:url(../profile/img/tit_pro1.png) no-repeat center;}
#profile p.con_pro{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:425px; background:url(../profile/img/con_pro.png) no-repeat center; margin:40px 0 70px;}
#profile p.con_pro{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:513px; background:url(../profile/img/con_pro3.png) no-repeat center; margin:30px auto;}
#profile h3.tit_2{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:123px; background:url(../profile/img/tit_pro2.png) no-repeat center;}
#profile .con_pro2{padding:30px 0 20px 150px;}
#profile .con_pro2 dl{margin-top:20px;}
#profile .con_pro2 dt{width:126px; float:left; padding:5px 0;}
#profile .con_pro2 dd{width:320px; float:left; padding:5px 0;}
.sensei { width: 300px; float: left;}
.pro_new { width: 450px; float: left;}

/* recruit------------------------ */
#recruit h3.tit_1{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:95px; background:url(../recruit/img/tit_recruit.png) no-repeat center;}
#recruit .con_recruit{background:url(../recruit/img/con_recruit.png) no-repeat center top; height:790px;}
#recruit .txt_1{padding:40px 0 120px; line-height:1.8;}
#recruit .btn_school,.btn_contact{text-align:center; padding:10px 0;}

/* contact------------------------ */
#contact h3.tit_1{font-size:120%; text-align:center; padding:40px 0 30px;}
#contact .txt_contact{width:676px; padding:20px 0 30px 170px; color:#C53A3A; font-weight:bold; }
#contact .tb_contact{margin:0 auto 30px; padding:20px 10px; width:734px; background:url(../img/bg_img.gif); border-collapse:collapse; border:2px dotted #6F6848;}
#contact .tb_contact th{text-align:center; width:150px; border:2px dotted #6F6848;}
#contact .tb_contact td{padding:25px 30px 15px; border:2px dotted #6F6848;}
.kakunin{padding:30px 0;}

/* school------------------------ */
#school h3.tit_1{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:90px; background:url(../school/img/tit_school.png) no-repeat center;}
#school .sec{width:834px; padding:20px 0 0; margin: 0 auto;}
#school h4{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:84px; }
#school h4.tit_plats{background:url(../school/img/tit_plats.png) no-repeat;}
#school .plats{background:url(../school/img/photo_plats.png) no-repeat bottom right; height:750px;}
#school .plats .notice{padding:0 0 20px 62px; font-size:85%;}
#school h4.tit_uzumasa{background:url(../school/img/tit_uzumasa.png) no-repeat;}
#school .uzumasa{background:url(../school/img/photo_uzumasa.png) no-repeat bottom right; }
#school h4.tit_twins{background:url(../school/img/tit_twins.png) no-repeat;}
#school .twins{background:url(../school/img/photo_twins.png) no-repeat bottom right; }
#school h4.tit_culture{background:url(../school/img/tit_culture.png) no-repeat;}
#school .address{width:280px; padding:0 0 0 30px;}
#class_box {width: 780px; margin: 30px auto;}
.schedule_table .flex-box { display: flex;}
#school .class_img { width: 350px; float:left; margin: 50px 0 0 0;}
.class-guide_list { margin-top: 1em; padding-left: 1em; border-top: 2px dotted #6F6848; list-style: disc;}
.class-guide_item { padding-top: 1em; font-size: 12px;}
.schedule_table table{border-spacing:10px;}
.schedule_table table th{width:138px; border:none; height:45px; text-align:center; font-size:14px; color:#3F3000;}
.schedule_table table td{width:270px; border: none; padding:5px 0}
.stadio_table table{width:446px; border-collapse:collapse; border-top:2px dotted #6F6848; border-bottom:2px dotted #6F6848; text-align:center; margin:30px 0;}
.stadio_table table th{width:220px; height:30px; border-right:2px dotted #6F6848; border-bottom:2px dotted #6F6848; background:#DDDDBD;}
.stadio_table table td{height:30px; border-bottom:2px dotted #6F6848;}
.schedule-wrap { text-align: center;}
.schedule-img { width: 90%;}
.class-tab_ttl { font-size: 1.2em; font-weight: bold; color: #5f5434;}
.class-tab:nth-child(2),.class-tab:nth-child(3) { padding-top: 1em;}

/* privacy------------------------ */
.privacy_waku { margin: 2em 87px; padding: 1em; width: 100%; color: #000; background-color: #fff; border: 2px solid #fff; border-radius: 8px; }
.privacy_waku p { margin:20px 0; font-size:0.95em; line-height:1.6; }
.privacy_waku h3 { margin:30px 0 20px 0; font-size: 1.2em; font-weight: bold; }
.privacy_waku ol { margin: 20px 0 0 40px; }
.privacy_waku ol li { list-style: outside decimal; font-size: 0.95em; line-height: 140%; margin: 10px 0 0 0; }
.privacy_waku p.tR { margin: 30px 0 0 0; font-size: 0.95em; line-height: 140%; text-align: right; }
.privacy_waku p a { color: #000; }


/* access------------------------ */
#access .sec{width:463px; height:559px; float:left; position:relative; margin-top:30px;}
#access h3{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#access .plats{background:url(../access/img/map_plats.png) no-repeat; margin-left:44px;}
#access .twins{background:url(../access/img/map_twins.png) no-repeat; margin-left:273px;}
#access .uzumasa{background:url(../access/img/map_uzumasa.png) no-repeat;}
#access .access{padding:360px 0 0 40px;}
#access .gmap{position:absolute; bottom:45px; right:2px;}

/* performance------------------------ */
#performance h3.tit_1, #performance h3.tit_archives{display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height:90px; background:url(../performance/img/tit_performance.png) no-repeat center 0; }
#performance h3.tit_archives{background-image:url(../performance/img/tit_archives.png); padding-bottom:30px;}
#performance .btn_kako{position:absolute; top:0; right:60px;} 

#performance #con_main{width:800px; margin:0 auto;}
#performance .year{width:110px; height:20px; background:url(../performance/img/year.png) no-repeat; padding:22px 30px; text-align:center;}
#performance #con_main dl { margin: 0 0 20px 10px; }
#performance .month{width:150px; height:56px; background:url(../performance/img/month.png) no-repeat; line-height: 56px; font-weight:bold; text-align:center; float: left; clear: left;}
#performance #con_main dd { margin-left: 180px; padding: 13px 0 5px; line-height: 1.8; }
#performance #con_main dd span.serif { font-size: 1.2em; color: #3B1F0B; }

#performance #archives { margin-left: 32px; }
#performance #archives .frame { float: left; margin: 0 5px 10px 0; padding: 12px 14px; position: relative; }
#performance #archives .frame:after { content:url(../performance/img/frame.png); position: absolute; top: 0; left: 176px; }

/* concours------------------------ */
#concours h3 { color: #3B1F0B; line-height: 68px; text-align: center; background: url(../img/tit_long.png) no-repeat 50% 0%; }
#concours .data { width: 700px; margin: 15px auto 50px; }
#concours .data ul { overflow: hidden; }
#concours .data li { padding: 3px 0 3px 20px; background: url(../img/mark.png) no-repeat 0% 50%; }
#concours .none li { float: left; width: 47%; white-space: nowrap; }
#concours .data h4 { width: 300px; margin: 20px 0 10px; line-height: 34px; text-align: center; background: url(../img/tit_side.png) no-repeat; }

/* gallery------------------------ */
#gallery h3 { width:498px; margin: 0 auto; padding: 28px 0 45px; text-indent: 305px; background: url(../gallery/img/h3_album.png) no-repeat 50% 0%; font: 19px/1 'Georgia',serif; color: #3F1F00; }
#gallery h3 span { display: none; }

#gallery #slider { width: 644px; margin: 0 auto; }
#gallery #slider li { position: relative; padding: 22px; }
#gallery #slider li img { margin: 0 auto; }

/*
#gallery #slider li:after { position: absolute; top: 0; left: 0; }
#gallery #slider li.landscape:after { content:url(../gallery/img/frame_l.png); }
#gallery #slider li.portrait:after  { content:url(../gallery/img/frame_p.png); left: 85px; }
*/
#gallery #slider li p { margin-top: 32px; }
#gallery .bx-wrapper { margin-bottom: 10px; }

#gallery .bx-wrapper .bx-controls-direction a { top: 45%; width: 45px; height: 47px; }
#gallery .bx-wrapper .bx-prev, #gallery .bx-wrapper .bx-next { background-image: url(../gallery/img/controls.png); }
#gallery .bx-wrapper .bx-prev { left: -60px; background-position: 0 0; }
#gallery .bx-wrapper .bx-next { right: -60px; background-position: -45px 0; }

#gallery #pager { width: 700px; margin: 0 auto; }
#gallery #pager li { float: left; width: 60px; margin: 0 5px 10px 5px; }

#gallery #year { width: 804px; margin: 30px auto; }
#gallery #year li { float: left; margin: 5px 15px; width: 238px; line-height: 76px; font-size: 24px; color: #3A1F0B; text-align: center; background: url(../gallery/img/year.png) no-repeat; }
#gallery #year li a { display: block; height: 100%; }

/*ページ送り*/
.pagination{ margin: 1.5em 0; text-align: center; }
.pagination a, .pagination span { display-inline: block; margin: 3px; padding: 4px 10px; }
.pagination a{ color: #111; border: 1px solid #D99FA3; }
.pagination a:hover{ text-decoration: none; background-color: #D99FA3; color: #FFF; }
.pagination span.current{ color: #FFF; background-color: #B14F51; border: 1px solid #B14F51; }
.pagination span.disabled { border: 1px solid #CCC; color: #CCC; }