@charset "utf-8";
/* GRAND TOP PAGE
=========================================================================== */

body.index main {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

body.index main #mainVisual {
    background: url(../img/mainVisual.png) no-repeat center center;
    height: 360px;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 20px;
}

body.index main article {
    width: 960px;
    margin: 0 auto;
}

body.index main article .infoBlock {
    background: #fff;
    margin-bottom: 13px;
    position: relative;
    margin-bottom: 20px;
}

body.index main article .infoBlock:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    bottom: 25px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

body.index main article .infoBlock:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    right: 10px;
    bottom: 25px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

body.index main article .infoBlock header {
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #666 dotted;
    position: relative;
}

body.index main article .infoBlock header h2 {
    font-size: 1.4em;
    font-weight: bold;
}

body.index main article .infoBlock header h2 a {
    background: #e4e4e4;
    padding: 10px 20px;
    display: block;
    position: relative;
}

body.index main article .infoBlock header h2 a:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/common/sprite.png) no-repeat -20px -50px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
}

body.index main article .infoBlock header h2 a:hover {
    background: #f2f2ee;
    text-decoration: none;
}

body.index main article .infoBlock .content {
    position: relative;
    padding: 15px 15px 15px 20px;
    height: 190px;
    overflow: hidden;
}

body.index main article .infoBlock .content dl.scroller {
    height: 155px;
    overflow: hidden;
    position: relative;
    padding-right: 10px;
}

body.index main article .infoBlock .content dl.scroller dt {
    font-size: 1.1em;
    line-height: 1.5;
    margin-bottom: 2px;
    float: left;
    clear: left;
    width: 150px;
    padding-top: 0.25em;
}

body.index main article .infoBlock .content dl.scroller dt i {
    font-size: 9px;
    color: #9b0032;
    border: 1px #9b0032 solid;
    padding: 1px 5px;
    font-style: normal;
    margin: 0 5px;
}

body.index main article .infoBlock .content dl.scroller dd {
    font-size: 1.4em;
    line-height: 1.5;
    margin-bottom: 10px;
    padding-left: 150px;
}

body.index main article .infoBlock .content dl.scroller dd a {
    text-decoration: underline;
}

body.index main article .infoBlock .content dl.scroller dd a:hover {
    text-decoration: none;
}

body.index main article .infoBlock.news {
    height: 230px;
}

body.index main article .infoBlock.event,
body.index main article .infoBlock.business,
body.index main article .infoBlock.community,
body.index main article .infoBlock.company {
    width: 365px;
    height: auto !important;
    margin-bottom: 20px !important;
}

body.index main article .infoBlock.event,
body.index main article .infoBlock.business {
    min-height: 165px;
}

body.index main article .infoBlock.community,
body.index main article .infoBlock.company {
    min-height: 180px;
}

body.index main article .infoBlock.event,
body.index main article .infoBlock.community {
    float: left !important;
}

body.index main article .infoBlock.business,
body.index main article .infoBlock.company {
    float: right;
}

body.index main article .infoBlock.community {
    clear: both;
}

body.index main article .infoBlock.event:before,
body.index main article .infoBlock.business:before,
body.index main article .infoBlock.community:before,
body.index main article .infoBlock.company:before {
    bottom: 15px !important;
    top: 100px !important;
}

body.index main article .infoBlock.event:after,
body.index main article .infoBlock.business:after,
body.index main article .infoBlock.community:after,
body.index main article .infoBlock.company:after {
    bottom: 15px !important;
    top: 100px !important;
}

body.index main article .infoBlock.business header,
body.index main article .infoBlock.community header,
body.index main article .infoBlock.company header {
    background: #e4e4e4;
    padding: 10px;
    display: block;
}

body.index main article .infoBlock ul {
    padding: 20px 20px 10px;
}

body.index main article .infoBlock.community ul,
body.index main article .infoBlock.company ul {
    padding: 20px 10px 10px 20px;
    width: 175px;
    float: left;
}

body.index main article .infoBlock ul li {
    font-size: 1.4em;
    margin-bottom: 10px;
    list-style: none;
    line-height: 1.5;
}

body.index main article .infoBlock ul li a {
    text-decoration: underline;
}

body.index main article .infoBlock ul li a:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../img/common/sprite.png) no-repeat -20px -50px;
    margin-left: 5px;
    content: '';
    vertical-align: middle;
}

body.index main article .infoBlock ul li a:hover {
    text-decoration: none;
}

#presentation {
    background: #fff;
    padding: 0 20px 20px;
    position: relative;
    clear: both;
    margin-bottom: 20px;
}

#presentation:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    bottom: 25px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#presentation:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    right: 10px;
    bottom: 25px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#presentation .inner {
    clear: both;
}

#presentation .inner:after {
    clear: both;
    content: '';
    display: block;
}

#presentation h2 {
    background: #e4e4e4;
    border-radius: 0 0 5px 5px;
    border-top: 3px #9b0032 solid;
    margin-bottom: 20px;
    height: 64px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

#presentation h2:after {
    content: '';
    width: 547px;
    height: 32px;
    display: block;
    margin: 5px auto;
    background: url(../img/sprite.png) no-repeat 0 0;
}

#presentation .category {
    width: 296px;
    float: left;
    margin-right: 15px;
}

#presentation .inner .category:last-child {
    margin-right: 0;
}

#presentation .inner > *:first-child + * + * {
    margin-right: 0;
}

#presentation .category h3 {
    margin-bottom: 20px;
}

#presentation .category ul {
    padding: 0 20px;
}

#presentation .category ul li {
    margin-bottom: 10px;
}

#presentation .category ul li a {
    width: 258px;
    height: 27px;
    display: block;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/sprite_3.png) no-repeat;
}

#presentation .category.classic ul li:first-child a {
    background-position: 0 -80px;
}

#presentation .category.classic ul li:nth-child(2) a {
    background-position: 0 -110px;
}

#presentation .category.speciality ul li:first-child a {
    background-position: 0 -170px;
}

#presentation .category.speciality ul li:nth-child(2) a {
    background-position:0 -538px;
}

#presentation .category.speciality ul li:nth-child(3) a {
    background-position:0 -572px;
}

#presentation .category.light ul li:nth-child(1) a {
    background-position: 0 -140px;
}

#presentation .category.light ul li:nth-child(2) a {
    background-position: 0 -200px;
}

#presentation .category.light ul > *:first-child a {
    background-position: 0 -140px;
}

#presentation .category.light ul > *:first-child + * a {
    background-position: 0 -200px;
}

#presentation .category ul li ul {
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

#presentation .category ul li ul li {
    font-size: 1.2em;
    clear: both;
    float: none;
    display: block;
}

#presentation .category ul li ul li a {
    width: auto;
    height: auto;
    text-indent: 0;
    overflow: visible;
    white-space: normal;
    background: none;
    transition: none;
    position: relative;
    padding-left: 10px;
}

#presentation .category ul li ul li a:before {
    content: '';
    display: block;
    width: 5px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    background: url(../img/common/sprite.png) no-repeat -40px -50px;
}

#schoolLinks {
    background: #e4e4e4;
    height: 275px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
}

#schoolLinks h2 {
    width: 292px;
    height: 145px;
    position: absolute;
    left: 20px;
    top: 25px;
    background: url(../img/sprite.png) no-repeat -550px 0;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
}

#schoolLinks ul li {
    position: absolute;
    height: 240px;
    top: 19px;
    list-style: none;
}

#schoolLinks ul li:nth-child(1) {
    width: 275px;
    left: 328px;
}

#schoolLinks ul li:nth-child(2) {
    width: 160px;
    left: 613px;
}

#schoolLinks ul li:nth-child(3) {
    width: 160px;
    left: 782px;
}

#schoolLinks ul li:nth-child(4) {
    width: 613px;
    left: 328px;
    top: 190px;
}

#schoolLinks ul > *:first-child {
    width: 275px;
    left: 328px;
}

#schoolLinks ul > *:first-child + * {
    width: 160px;
    left: 613px;
}

#schoolLinks ul > *:first-child + * + * {
    width: 160px;
    left: 782px;
}

#schoolLinks ul > *:first-child + * + * + * {
    width: 613px;
    left: 328px;
    top: 190px;
}

#schoolLinks ul li a {
    width: 100%;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/sprite.png) no-repeat;
    display: block;
    list-style: none;
}

#schoolLinks ul li:nth-child(1) a {
    background-position: -270px -220px;
    height: 160px;
}

#schoolLinks ul li:nth-child(2) a {
    background-position: -550px -220px;
    height: 160px;
}

#schoolLinks ul li:nth-child(3) a {
    background-position: -710px -220px;
    height: 160px;
}

#schoolLinks ul li:nth-child(4) a {
    background-position: -1px -457px;
    height: 70px;
}

#schoolLinks ul > *:first-child a {
    background-position: -270px -220px;
}

#schoolLinks ul > *:first-child + * a {
    background-position: -550px -220px;
}

#schoolLinks ul > *:first-child + * + * a {
    background-position: -710px -220px;
}

#schoolLinks ul > *:first-child + * + * + * a {
    background-position: -1px -457px;
    height: 70px;
}

.index #topInfo {
    clear: both;
}

.index #topInfo:after {
    clear: both;
    content: '';
    display: block;
}

.index #topInfo .mainInfo {
    width: 746px;
    float: right;
}

.index #topInfo .lineup {
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 15px 20px;
}

.index #topInfo .lineup:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    bottom: 20px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

.index #topInfo .lineup:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    right: 10px;
    bottom: 20px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

.index #topInfo .lineup .inner {
    clear: both;
}

.index #topInfo .lineup .inner:after {
    clear: both;
    content: '';
    display: block;
}

.index #topInfo .lineup .category {
    width: 165px;
    float: left;
    margin-right: 15px;
}

.index #topInfo .lineup .category:last-child {
    margin-right: 0;
}

.index #topInfo .lineup .category_last {
    margin-right: 0;
}

.index #topInfo .lineup .category h2,
.index #topInfo .lineup .category_last h2 {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5;
    min-height: 2.8em;
    margin-bottom: 10px;
    text-align: center;
}

.index #topInfo .lineup .category p,
.index #topInfo .lineup .category_last p {
    width: 165px;
    float: left;
    margin-bottom: 15px;
}

.index #topInfo .lineup .category li,
.index #topInfo .lineup .category_last li {
    font-size: 1.4em;
    margin-bottom: 10px;
    list-style: none;
    line-height: 1.5;
}

.index #topInfo .lineup .category li a,
.index #topInfo .lineup .category_last li a {
    text-decoration: underline;
}

.index #topInfo .lineup .category li a:after,
.index #topInfo .lineup .category_last li a:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../img/common/sprite.png) no-repeat -20px -50px;
    margin-left: 5px;
    content: '';
    vertical-align: middle;
}

.index #topInfo .lineup .category li a:hover,
.index #topInfo .lineup .category_last li a:hover {
    text-decoration: none;
}

#socialBlock {
    clear: both;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
}

#socialBlock:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    bottom: 25px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#socialBlock:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 160px;
    right: 10px;
    bottom: 25px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#socialBlock h2 {
    background: #e4e4e4;
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #333 dotted;
    margin-bottom: 20px;
    height: 64px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

#socialBlock h2:after {
    content: '';
    width: 546px;
    height: 30px;
    display: block;
    margin: 5px auto;
    background: url(../img/sprite.png) no-repeat 0 -40px;
}

#socialBlock .inner {
    clear: both;
    padding: 0 20px 30px;
}

#socialBlock .inner:after {
    clear: both;
    content: '';
    display: block;
}

#socialBlock .social {
    width: 225px;
    float: left;
    margin-right: 15px;
}

#socialBlock .social.youtube {
    margin-right: 0;
    float: right;
}

#socialBlock h3 {
    height: 30px;
    margin-bottom: 20px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/sprite.png) no-repeat;
}

#socialBlock .facebook h3 {
    background-position: 0 -230px;
}

#socialBlock .twitter h3 {
    background-position: 0 -270px;
}

#socialBlock .youtube h3 {
    background-position: 0 -310px;
}

#socialBlock .fb-like-box.fb_iframe_widget,
#socialBlock .twitter-timeline.twitter-timeline-rendered {
    height: 330px;
    margin-bottom: 20px;
}

#socialBlock .youtube iframe {
    margin-bottom: 18px;
}

#socialBlock .youtube iframe:first-child {
    padding-bottom: 19px;
    border-bottom: 1px #333 dotted;
}

#socialBlock .social .btn {
    height: 27px;
}

#socialBlock .social .btn a {
    display: inline-block;
    width: 225px;
    height: 27px;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/sprite.png) no-repeat;
    backface-visibility: hidden;
}

#socialBlock .social.facebook .btn a {
    background-position: -270px -80px;
}

#socialBlock .social.twitter .btn a {
    background-position: -270px -110px;
    margin-top: 18px;
}

#socialBlock .social.youtube .btn a {
    background-position: -270px -140px;
}

#blogBlock {
    width: 200px;
    float: left;
    background: #fff;
}

#blogBlock h2 {
    height: 43px;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/sprite.png) no-repeat -550px -170px;
}

#blogBlock ul {
    clear: both;
}

#blogBlock ul li {
    padding: 15px;
    border-bottom: 1px #333 dotted;
    list-style: none;
}

#blogBlock ul li .img {
    margin-bottom: 10px;
    width: 170px;
    height: 106px;
    overflow: hidden;
    text-align: center;
}

#blogBlock ul li .img img {
    margin: auto;
    width: auto;
    height: 100%;
}

#blogBlock ul li .ctg {
    border: 1px #9b0032 solid;
    padding: 2px 5px;
    color: #9b0032;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1em;
}

#blogBlock ul li .ttl {
    font-size: 1.4em;
    line-height: 1.5;
}

#blogBlock ul li a {
    text-decoration: underline;
}

#blogBlock ul li a:hover {
    text-decoration: none;
}

#blogBlock .btn {
    padding: 14px;
    height: 55px;
}

#blogBlock .btn a {
    display: inline-block;
    width: 100%;
    height: 27px;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/sprite.png) no-repeat -270px -170px;
    backface-visibility: hidden;
}

#milBlock {
    width: 200px;
    float: left;
    background: #fff;
    border-bottom: 1px #333 dotted;
    margin-top: 10px;
}

#milBlock h2 {
    height: 43px;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/sprite.png) no-repeat -755px -170px;
}

#milBlock p img {
    width: 135px;
    margin: 10px auto 10px 32px;
}

/* SCHOOL TOP PAGE & MAP
=========================================================================== */

#schlTop #siteAside {
    opacity: 0;
}

#schlTop #mainVisual {
    position: absolute;
    left: 0;
    width: 100%;
    height: 330px;
    /* background:url(../img/school/loading.gif) no-repeat center center #fff; */
    z-index: 0;
    overflow: hidden;
}

#schlTop #mainVisual img {
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    margin-left: -790px;
    opacity: 0;
}

/*#schlTop #mainVisual h1{background:url(../img/school/mainCopy.png) no-repeat; width:504px; height:1; position:absolute; left:50%; top:50%; margin:-74px 0 0 -152px; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:1; opacity:0;}*/

#schlTop #mainBodyTop {
    width: 745px;
    float: right;
    position: relative;
    z-index: 100;
    background: none transparent;
    opacity: 0;
}

#schlTop #mainBodyTop:before,
#schlTop #mainBodyTop:after {
    content: '';
    display: none;
}

#mainBtns {
    width: 745px;
    min-height: 300px;
    /*border:3px #9b0032 solid;*/
    border-radius: 8px;
    background: #fff;
    margin-bottom: 30px;
    padding: 20px 0 0 13px;
    position: relative;
    visibility: hidden;
    opacity: 0;
    clear: both;
}

#mainBtns.map {
    display: block;
    visibility: visible;
    opacity: 1;
    border: none;
}

#mainBtns:after {
    content: '';
    display: block;
    clear: both;
}

#mainBtns:before {
    width: 730px;
    height: 40px;
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    bottom: -20px;
    border-radius: 370px/20px;
    z-index: -1;
    opacity: .5;
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, rgba(0, 0, 0, 0) 70%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, rgba(0, 0, 0, 0) 70%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#mainBtns h2 {
    font-size: 2.0rem;
    color: #9b0032;
    text-align: center;
    margin-bottom: .5em;
}

#mainBtns h2:after {
}

#mainBtns div.search {
    width: 229px;
    height: 222px;
    float: left;
    margin-right: 14px;
    line-height: 1.5/*IE*/
    ;
}

#mainBtns div.search.byGenre {
    margin-right: 0;
}

#mainBtns div.search a {
    width: 229px;
    height: 222px;
    display: block;
    transition: all 0.2s ease;
    position: relative;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#mainBtns div.search a:hover {
    opacity: .7;
}

#mainBtns div.search a:after {
    width: 229px;
    height: 222px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#mainBtns div.search.byName a:after {
    content: url(../img/school/btnSearchByName.png);
    background: url(../img/school/btnSearchByName.png) no-repeat left top;
}

#mainBtns div.search.byRail a:after {
    content: url(../img/school/btnSearchByRail.png);
    background: url(../img/school/btnSearchByRail.png) no-repeat 0 0;
}

#mainBtns div.search.byGenre a:after {
    content: url(../img/school/btnSearchByGenre.png);
    background: url(../img/school/btnSearchByGenre.png) no-repeat 0 0;
}

#mainBtns div.search.byName a.active:after {
    content: url(../img/school/btnSearchByNameActive.png);
    background: url(../img/school/btnSearchByNameActive.png) no-repeat 0 0;
}

#mainBtns div.search.byRail a.active:after {
    content: url(../img/school/btnSearchByRailActive.png);
    background: url(../img/school/btnSearchByRailActive.png) no-repeat 0 0;
}

#mainBtns div.search.byGenre a.active:after {
    content: url(../img/school/btnSearchByGenreActive.png);
    background: url(../img/school/btnSearchByGenreActive.png) no-repeat 0 0;
}

#mainBtns .details {
    clear: both;
    padding: 20px 0;
    display: none;
}

#mainBtns.map .details {
    display: block;
}

#mainBtns .details:after {
    clear: both;
    content: '';
    display: block;
    z-index: 10000;
}

#mainBtns .details.name ul {
    list-style: none;
    width: 179px;
    float: left;
    padding: 0 8px;
    margin-bottom: 20px;
}

#mainBtns .details.name ul li {
    font-size: 1.4em;
    border-bottom: 1px #999 solid;
}

#mainBtns .details.name ul li a {
    padding: 8px 0;
    display: block;
}

#mainBtns .details.name ul li a:hover {
    background: #eee;
    text-decoration: none;
}

#mainBtns .details.rail {
    padding: 20px 0;
    top: 20px;
    position: relative;
    width: 100%;
    height: 330px;
}

#mainBtns.map .details.rail {
    height: 400px;
}

#mainBtns .details .balloon {
    background: url(../img/school/balloon.png) no-repeat;
    width: 315px;
    height: 117px;
    padding: 20px 10px 0 75px;
    font-size: 15px;
    line-height: 1.8;
    z-index: 1;
    position: absolute;
}

#mainBtns .details .balloon b {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #9b0032;
}

#mainBtns figure {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

#mainBtns .details .balloon {
    display: none;
}

#mainBtns .details .balloon#f_fussa {
    left: 38px;
    top: -41px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_masuko {
    left: -12px;
    top: -17px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_murayama {
    left: 93px;
    top: -30px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_kurume {
    left: 252px;
    top: -72px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_kiyose {
    left: 236px;
    top: -72px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_hoya {
    left: 315px;
    top: -59px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_akishima {
    left: 106px;
    top: -5px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_mjkita {
    left: 136px;
    top: 22px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_mjminami {
    left: 116px;
    top: 174px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_takahata {
    left: 113px;
    top: 193px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_takao {
    left: 21px;
    top: 91px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_mejirodai {
    left: 38px;
    top: 100px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_minamino {
    left: 60px;
    top: 120px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_hachioji {
    left: 61px;
    top: 68px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_nishikoku {
    left: 202px;
    top: 35px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_kunitachi {
    left: 173px;
    top: 35px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_kanda {
    left: 344px;
    top: 58px;
    background: url(../img/school/balloon4.png) no-repeat;
}

#mainBtns .details .balloon#f_ocha {
    left: 334px;
    top: 48px;
    background: url(../img/school/balloon4.png) no-repeat;
}

#mainBtns .details .balloon#f_iidabashi {
    left: 288px;
    top: 37px;
    background: url(../img/school/balloon4.png) no-repeat;
}

#mainBtns .details .balloon#f_shinjyuku {
    left: 219px;
    top: 40px;
    background: url(../img/school/balloon4.png) no-repeat;
}

#mainBtns .details .balloon#f_shibuya {
    left: 209px;
    top: 118px;
    background: url(../img/school/balloon4.png) no-repeat;
}

#mainBtns .details .balloon#f_kichijoji {
    left: 143px;
    top: 44px;
    background: url(../img/school/balloon4.png) no-repeat;
}

#mainBtns .details .balloon#f_kichijojiC {
    left: 143px;
    top: 16px;
    background: url(../img/school/balloon4.png) no-repeat;
}

#mainBtns .details .balloon#f_koganei {
    left: 286px;
    top: 135px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_mskoganei {
    left: 256px;
    top: 135px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_annex {
    left: 266px;
    top: 135px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_hanako {
    left: 251px;
    top: 102px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_takiyama {
    left: 238px;
    top: 83px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_tanashi {
    left: 298px;
    top: 103px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_kodaira {
    left: 220px;
    top: 150px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_kokubunji {
    left: 224px;
    top: 168px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_kokubunjikita {
    left: 244px;
    top: 22px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_mjfuchu {
    left: 210px;
    top: 72px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_fuchu {
    left: 210px;
    top: 62px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_momiji {
    left: 314px;
    top: 41px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_nakagawara {
    left: 162px;
    top: 68px;
    background: url(../img/school/balloon2.png) no-repeat;
}

#mainBtns .details .balloon#f_keyaki {
    left: 134px;
    top: 134px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_tachihi {
    left: 115px;
    top: 132px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_yamato {
    left: 120px;
    top: 102px;
    background: url(../img/school/balloon3.png) no-repeat;
}

#mainBtns .details .balloon#f_toritsu {
    left: 247px;
    top: 145px;
    background: url(../img/school/balloon.png) no-repeat;
}

#mainBtns .details .balloon#f_ichikawa {
    left: 479px;
    top: 22px;
    background: url(../img/school/balloon.png) no-repeat;
}

#mainBtns .details .balloon#f_kiyose .notice {
    font-size: .8em;
    line-height: 1.2em;
}

/*清瀬センターの暫定処理設定*/

#mainBtns .details .pop {
    width: 12px;
    height: 12px;
    display: block;
    border: 2px #9b0032 solid;
    background: #9b0032;
    position: absolute;
    text-indent: 20px;
    overflow: hidden;
    white-space: nowrap;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(http://www.miyajimusic.com/school/css/PIE.htc);
}

#mainBtns .details .pop:hover {
    border: 2px #D54A89 solid;
    background: #D54A89;
}

#mainBtns .details .pop.f_fussa {
    left: 70px;
    top: 73px;
}

#mainBtns .details .pop.f_masuko {
    left: 19px;
    top: 99px;
}

#mainBtns .details .pop.f_murayama {
    left: 125px;
    top: 85px;
}

#mainBtns .details .pop.f_kurume {
    left: 283px;
    top: 43px;
}

#mainBtns .details .pop.f_kiyose {
    left: 267px;
    top: 43px;
}

#mainBtns .details .pop.f_hoya {
    left: 347px;
    top: 57px;
}

#mainBtns .details .pop.f_akishima {
    left: 136px;
    top: 111px;
}

#mainBtns .details .pop.f_mjkita {
    left: 166px;
    top: 138px;
}

#mainBtns .details .pop.f_mjminami {
    left: 166px;
    top: 165px;
}

#mainBtns .details .pop.f_takahata {
    left: 164px;
    top: 183px;
}

#mainBtns .details .pop.f_takao {
    left: 52px;
    top: 206px;
}

#mainBtns .details .pop.f_mejirodai {
    left: 69px;
    top: 213px;
}

#mainBtns .details .pop.f_minamino {
    left: 90px;
    top: 234px;
}

#mainBtns .details .pop.f_hachioji {
    left: 91px;
    top: 180px;
}

#mainBtns .details .pop.f_nishikoku {
    left: 232px;
    top: 148px;
}

#mainBtns .details .pop.f_kunitachi {
    left: 205px;
    top: 148px;
}

#mainBtns .details .pop.f_kanda {
    left: 604px;
    top: 173px;
}

#mainBtns .details .pop.f_ocha {
    left: 595px;
    top: 162px;
}

#mainBtns .details .pop.f_iidabashi {
    left: 547px;
    top: 151px;
}

#mainBtns .details .pop.f_shinjyuku {
    left: 479px;
    top: 158px;
}

#mainBtns .details .pop.f_shibuya {
    left: 469px;
    top: 232px;
}

#mainBtns .details .pop.f_kichijoji {
    left: 403px;
    top: 158px;
}

#mainBtns .details .pop.f_kichijojiC {
    left: 403px;
    top: 129px;
}

#mainBtns .details .pop.f_koganei {
    left: 328px;
    top: 126px;
}

#mainBtns .details .pop.f_mskoganei {
    left: 304px;
    top: 126px;
}

#mainBtns .details .pop.f_annex {
    left: 316px;
    top: 126px;
}

#mainBtns .details .pop.f_hanako {
    left: 302px;
    top: 92px;
}

#mainBtns .details .pop.f_takiyama {
    left: 289px;
    top: 74px;
}

#mainBtns .details .pop.f_tanashi {
    left: 349px;
    top: 92px;
}

#mainBtns .details .pop.f_kodaira {
    left: 271px;
    top: 125px;
}

#mainBtns .details .pop.f_kokubunji {
    left: 275px;
    top: 161px;
}

#mainBtns .details .pop.f_kokubunjikita {
    left: 275px;
    top: 135px;
}

#mainBtns .details .pop.f_mjfuchu {
    left: 240px;
    top: 188px;
}

#mainBtns .details .pop.f_fuchu {
    left: 240px;
    top: 174px;
}

#mainBtns .details .pop.f_momiji {
    left: 346px;
    top: 156px;
}

#mainBtns .details .pop.f_nakagawara {
    left: 193px;
    top: 183px;
}

#mainBtns .details .pop.f_keyaki {
    left: 185px;
    top: 126px;
}

#mainBtns .details .pop.f_tachihi {
    left: 166px;
    top: 122px;
}

#mainBtns .details .pop.f_yamato {
    left: 171px;
    top: 93px;
}

#mainBtns .details .pop.f_toritsu {
    left: 464px;
    top: 259px;
}

#mainBtns .details .pop.f_ichikawa {
    left: 695px;
    top: 137px;
}

#mainBtns .details.genre ul {
    clear: both;
}

#mainBtns .details.genre ul:after {
    clear: both;
    content: '';
    display: block;
}

#mainBtns .details.genre ul li {
    float: left;
    margin: 0 5px 10px;
    list-style: none;
    text-align: center;
    width: 109px;
    height: 150px;
    font-size: 1.2em;
    line-height: 1.3;
    position: relative;
}

#mainBtns .details.genre ul li a {
    display: block;
    padding-top: 110px;
    position: relative;
    transition: all 0.4s ease;
}

#mainBtns .details.genre ul li a:after {
    position: absolute;
    left: 4px;
    top: 0;
    background: url(../img/school/genreImage.png) no-repeat;
    width: 101px;
    height: 101px;
    content: '';
    display: block;
}

#mainBtns .details.genre ul li a:hover {
    opacity: .7;
}

#mainBtns .details.genre ul li:nth-child(1) a:after {
    background-position: 0px 0px;
}

#mainBtns .details.genre ul li:nth-child(2) a:after {
    background-position: -101px 0px;
}

#mainBtns .details.genre ul li:nth-child(3) a:after {
    background-position: -202px 0px;
}

#mainBtns .details.genre ul li:nth-child(4) a:after {
    background-position: -303px 0px;
}

#mainBtns .details.genre ul li:nth-child(5) a:after {
    background-position: -404px 0px;
}

#mainBtns .details.genre ul li:nth-child(6) a:after {
    background-position: -505px 0px;
}

#mainBtns .details.genre ul li:nth-child(7) a:after {
    background-position: 0px -101px;
}

#mainBtns .details.genre ul li:nth-child(8) a:after {
    background-position: -101px -101px;
}

#mainBtns .details.genre ul li:nth-child(9) a:after {
    background-position: -202px -101px;
}

#mainBtns .details.genre ul li:nth-child(10) a:after {
    background-position: -303px -101px;
}

#mainBtns .details.genre ul li:nth-child(11) a:after {
    background-position: -404px -101px;
}

#mainBtns .details.genre ul li:nth-child(12) a:after {
    background-position: -505px -101px;
}

#mainBtns .details.genre ul > *:first-child a:after {
    background-position: 0px 0px;
}

#mainBtns .details.genre ul > *:first-child + * a:after {
    background-position: -101px 0px;
}

#mainBtns .details.genre ul > *:first-child + * + * a:after {
    background-position: -202px 0px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * a:after {
    background-position: -303px 0px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * a:after {
    background-position: -404px 0px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * + * a:after {
    background-position: -505px 0px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * + * + * a:after {
    background-position: 0px -101px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * + * + * + * a:after {
    background-position: -101px -101px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * + * + * + * + * a:after {
    background-position: -202px -101px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * + * + * + * + * + * a:after {
    background-position: -303px -101px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * + * + * + * + * + * + * a:after {
    background-position: -404px -101px;
}

#mainBtns .details.genre ul > *:first-child + * + * + * + * + * + * + * + * + * + * + * a:after {
    background-position: -505px -101px;
}

/*マウスオーバーでプルダウンメニュー*/

/* nth-child(9),(10)追加　2015.5.20 */

#mainBtns .details.genre ul#menu li ul {
    display: none;
    position: absolute;
    top: 110px;
    left: -42px;
    padding: 0;
    width: 200px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBtns .details.genre ul#menu li ul li {
    margin: 0;
    padding: 0;
    width: 200px;
    height: 27px;
    display: block;
    border: none;
    font-size: 1.2em;
}


#mainBtns .details.genre ul#menu li:nth-child(9) ul li,
#mainBtns .details.genre ul#menu li:nth-child(10) ul li {
    margin: 0;
    padding: 0;
    width: 280px;
    height: 27px;
    border: none;
    font-size: 1.2em;
}

#mainBtns .details.genre ul#menu li:nth-child(10) ul li.small,
#mainBtns .details.genre ul#menu li:last-child ul li.small {
    margin: 0;
    padding: 0;
    width: 280px;
    height: 27px;
    border: none;
    font-size: 1.1em;
    display: block;
}
#mainBtns .details.genre ul#menu li:first-child ul,
#mainBtns .details.genre ul#menu li:nth-child(7) ul {
    display: none;
    position: absolute;
    top: 110px;
    left: 5px;
    padding: 0;
    width: 200px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBtns .details.genre ul#menu li:nth-child(6) ul,
#mainBtns .details.genre ul#menu li:nth-child(12) ul {
    display: none;
    position: absolute;
    top: 110px;
    left: -95px;
    padding: 0;
    width: 200px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBtns .details.genre ul#menu li:nth-child(9) ul {
    display: none;
    position: absolute;
    top: 110px;
    left: 5px;
    padding: 0;
    width: 280px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBtns .details.genre ul#menu li:nth-child(10) ul {
    display: none;
    position: absolute;
    top: 110px;
    left: 5px;
    padding: 0;
    width: 250px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBtns .details.genre ul#menu > *:first-child + * + * + * + * + * + * ul,
#mainBtns .details.genre ul#menu > *:first-child ul {
    display: none;
    position: absolute;
    top: 110px;
    left: 5px;
    padding: 0;
    width: 200px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBtns .details.genre ul#menu > *:first-child + * + * + * + * + * ul,
#mainBtns .details.genre ul#menu > *:first-child + * + * + * + * + * + * + * + * + * + * + * ul {
    display: none;
    position: absolute;
    top: 110px;
    left: -95px;
    padding: 0;
    width: 200px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBtns .details.genre ul#menu li ul li a {
    background: none;
    text-align: left;
    padding: 5px;
    margin-bottom: 0;
}

#mainBtns .details.genre ul#menu li ul li a:after {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    width: 0px;
    height: 0px;
    content: '';
    display: block;
    margin-bottom: 0;
}

#mainBtns .details.genre ul#menu li ul li a:hover {
    background: #999;
    color: #fff;
    padding: 5px;
    width: 200px;
}

#mainBtns .details.genre ul#menu li:nth-child(9) ul a:hover {
    background: #999;
    color: #fff;
    padding: 5px;
    width: 280px;
}

#mainBtns .details.genre ul#menu li:nth-child(10) ul a:hover,
#mainBtns .details.genre ul#menu li:nth-child(12) ul a:hover{
    background: #999;
    color: #fff;
    padding: 5px;
    width: 280px;
}

/* 教室トップの臨時お知らせ挿入 common_bannerの上 */

.attentionTOP {
    width: 100%;
    margin: 20px auto;
    border-top: solid 1px #9b0032;
    border-bottom: solid 1px #9b0032;
    padding: 10px 0;
    font-size: 1.4em;
}

/* features */

#topFeatures {
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    min-height: 300px;
    line-height: 1.5;
}

#topFeatures:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 50%;
    top: 80%;
    bottom: 18px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#topFeatures:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 50%;
    top: 80%;
    right: 10px;
    bottom: 18px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#topFeatures h2 {
    font-size: 2.0rem;
    color: #9b0032;
    text-align: center;
    background: #e4e4e4;
    border-top: solid 3px;
    border-color: #9b0032;
}
#topFeatures h2 .small {
    font-size: .7em;
}
#topFeatures h2 .circlemark {
    padding: .5em;
    position: relative;
    margin: 0 .3em 0 .5em;
}
#topFeatures h2 .circlemark:before {
    position: absolute;
    width: 56px;
    height: 56px;
    content: '';
    display: block;
    top: -8px;
    bottom: 0;
    left: -1px;
    right: 0;
    margin: auto;
    background-image: -moz-linear-gradient(top, #939393, #2c2c2c);
    background-image: -ms-linear-gradient(top, #939393, #2c2c2c);
    background-image: -o-linear-gradient(top, #939393, #2c2c2c);
    background-image: -webkit-linear-gradient(top, #939393, #2c2c2c);
    background-image: linear-gradient(top, #939393, #2c2c2c);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
#topFeatures h2 .circlemark span {
    color: #ffed5a;
    position: relative;
    z-index: 10;
    font-size: 1.4em;
}


#topFeatures h3 {
    position: relative;
    font-size: 1.2rem;
    padding-left: 100px;
    line-height: 1.2;
    margin: 16px 0;
}
#topFeatures h3 .red {
    color: #9b0032;
    font-size: 2.4rem;
    margin: 0 10px;
}
#topFeatures h3 .flag {
    position: absolute;
    display: block;
    background-image: -moz-linear-gradient(top, #939393, #2c2c2c);
    background-image: -ms-linear-gradient(top, #939393, #2c2c2c);
    background-image: -o-linear-gradient(top, #939393, #2c2c2c);
    background-image: -webkit-linear-gradient(top, #939393, #2c2c2c);
    background-image: linear-gradient(top, #939393, #2c2c2c);
    width: 100px;
    height: 70px;
    top: 0;
    bottom: 0;
    left: -8px;
    margin: auto;
    padding: 5px;
    text-align: center;
    color: #fff;
    line-height: 1.0;
    box-shadow: 3px 3px 5px rgba(0,0,0,.5);
}
#topFeatures h3 .flag span {
    color: #ffed5a;
    position: relative;
    z-index: 10;
    font-size: 2em;
    display: block;
}


#topFeatures p {
    padding: 10px 15px 15px 15px;
    font-size: 1.4em;
    line-height: 1.7;
}

#topFeatures p.link {
    padding-top: 0;
    text-align: right;
    font-weight: bold;
}

#topFeatures p.link a {
    position: relative;
    padding-right: 20px;
}

#topFeatures p.link a:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/common/sprite.png) no-repeat -20px -50px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}

/* functional btns */

#schlTop nav.functions {
    clear: both;
    margin-bottom: 5px;
    height: 250px;
}

#schlTop nav.functions:after {
    content: '';
    clear: both;
    display: block;
}

#schlTop nav.functions div {
    width: 240px;
    height: 248px;
    margin-right: 12px;
    float: left;
    line-height: 1.5;
    position: relative;
}

#schlTop nav.functions div:last-child {
    margin-right: 0;
}

#schlTop nav.functions > *:first-child + * + * {
    margin-right: 0;
}

#schlTop nav.functions div a {
    width: 240px;
    height: 248px;
    display: block;
    transition: all 0.2s ease;
    position: relative;
}

#schlTop nav.functions div a:hover {
    opacity: .7;
}

#schlTop nav.functions div a:before {
    width: 240px;
    height: 248px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#schlTop nav.functions div:nth-child(1) a:before {
    content: url(../img/school/btnTopFunction01.png);
}

#schlTop nav.functions div:nth-child(2) a:before {
    content: url(../img/school/btnTopFunction02.png);
}

#schlTop nav.functions div:nth-child(3) a:before {
    content: url(../img/school/btnTopFunction03.png);
}

#schlTop nav.functions > *:first-child a:before {
    content: url(../img/school/btnTopFunction01.png);
}

#schlTop nav.functions > *:first-child + * a:before {
    content: url(../img/school/btnTopFunction02.png);
}

#schlTop nav.functions > *:first-child + * + * a:before {
    content: url(../img/school/btnTopFunction03.png);
}

#schlTop nav.functions div p {
    z-index: 2;
    width: 100%;
    text-align: center;
    padding: 0 25px;
    font-size: 1.6em;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 27px;
}

/* rail map note */

.railMapNote {
    padding: 0 20px;
}

.railMapNote dt {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 100px;
    height: 34px;
    background: url(../img/common/sprite.png) no-repeat 0 -680px;
    margin-right: 10px;
    display: inline-block;
}

.railMapNote dd {
    display: inline-block;
    font-size: 1.4em;
    line-height: 1.5;
}

.railMapNote i {
    font-style: normal;
    color: #9b0032;
}

/* 緊急告知表示レイアウト */

.catSchl #mainBody .note {
    border-bottom: solid 1px #9b0032;
    width: 100%;
    padding: 0 20px 10px 20px;
}

/* PIANO
=========================================================================== */

.schoolAnchor {
    clear: both;
}

.schoolAnchor ul {
    list-style: none;
    width: 168px;
    float: left;
    padding: 0 15px 0 0;
    margin-bottom: 20px;
}

.schoolAnchor ul:last-child {
    padding-right: 0;
}

.schoolAnchor ul li {
    font-size: 1.3em;
    border-bottom: 1px #666 dotted;
}

.schoolAnchor ul li a {
    position: relative;
    padding-right: 13px;
    display: block;
    padding: 12px 12px 12px 0;
}

.schoolAnchor ul li a:hover {
    background: #eee;
    text-decoration: none;
}

.schoolAnchor ul li a:after {
    content: '';
    display: block;
    width: 9px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    background: url(img/common/sprite.png) no-repeat -50px -50px;
}

.schoolAnchor .viewport {
    height: 120px;
    overflow: hidden;
}

.schoolAnchor p.more {
    clear: both;
    height: 30px;
    display: block;
    background: #eee;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    transition: all 0.2s ease;
}

.schoolAnchor p.more:after {
    content: '';
    display: block;
    width: 15px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -7px;
    background: url(img/common/sprite.png) no-repeat -50px -60px;
}

.schoolAnchor p.more.open:after {
    background: url(../img/common/sprite.png) no-repeat -70px -60px;
}

.schoolAnchor p.more:hover {
    opacity: .7;
}

table.courses {}

table.courses col:nth-child(1) {
    width: 110px;
}

table.courses col:nth-child(2) {
    width: 150px;
}

table.courses col:nth-child(3) {
    width: 50px;
}

table.courses col:nth-child(4) {
    width: 50px;
}

table.courses col:nth-child(5) {
    width: 50px;
}

table.courses col:nth-child(6) {
    width: 50px;
}

table.courses col:nth-child(7) {
    width: 50px;
}

table.courses col:nth-child(8) {
    width: 50px;
}

table.courses col:nth-child(9) {
    width: 50px;
}

table.courses col:nth-child(10) {
    width: auto;
}

table.courses col > *:first-child {
    width: 110px;
}

table.courses col > *:first-child + * {
    width: 150px;
}

table.courses col > *:first-child + * + * {
    width: 50px;
}

table.courses col > *:first-child + * + * + * {
    width: 50px;
}

table.courses col > *:first-child + * + * + * + * {
    width: 50px;
}

table.courses col > *:first-child + * + * + * + * + * {
    width: 50px;
}

table.courses col > *:first-child + * + * + * + * + * + * {
    width: 50px;
}

table.courses col > *:first-child + * + * + * + * + * + * + * {
    width: 50px;
}

table.courses col > *:first-child + * + * + * + * + * + * + * + * {
    width: 50px;
}

table.courses col > *:first-child + * + * + * + * + * + * + * + * + * {
    width: auto;
}

table.courses .week {
    text-align: center;
}

#mainBody table.courses td.week {
    color: #9b0032;
}

#mainBody table.courses td.btn {
    padding: 3px;
}

#mainBody table.courses td.btn a.course {
    width: 70px;
    height: 30px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat 0 -650px;
}

ul.btn {
    clear: both;
}

ul.btn li {
    display: inline-block;
    margin-right: 5px;
}

ul.btn li a {
    width: 315px;
    height: 57px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat;
}

ul.btn li.contact a {
    background-position: 0 -590px;
    margin-left: 180px;
    margin-bottom: 20px;
}

ul.btn li.pianoTrial a {
    background-position: -320px -590px;
}

#mainBody section h1.list.course {
    background: #9b0032;
    color: #fff;
    border-radius: 5px 5px 0 0;
    behavior: url(http://www.miyajimusic.com/school/css/PIE.htc);
    filter: none;
}

#mainBody section h1.list.course:before {
    background-position: -920px -880px;
    left: 15px;
}

.courseList {
    margin: -30px 0 50px 0;
    padding: 20px 15px 0;
    border-radius: 0 0 5px 5px;
    border: 3px #9b0032 solid;
    border-top: 0;
}

.courseList ul {
    clear: both;
}

.courseList ul:after {
    content: '';
    clear: both;
    display: block;
}

.courseList li {
    margin-bottom: 20px;
    float: left;
    width: 50%;
    list-style: none;
    line-height: 1.5;
    padding-left: 10px;
    position: relative;
    cursor: pointer;
}

/*.courseList li:before{content:''; width:22px; height:22px; background:url(../img/common/sprite.png) no-repeat -960px -214px; display:block; position:absolute; left:0; top:0;}
.courseList li.active:before{background:url(../img/common/sprite.png) no-repeat -930px -214px;}*/

.courseList ul li i {
    color: #9b0032;
    border: solid 1px #9b0032;
    padding: 0 5px;
    font-size: .8em;
    margin-top: -2px;
    margin-left: 10px;
}

.yamaha_text {
    font-size: 13px !important;
    color: #444;
    margin-top: -42px;
    line-height: 1.3em !important;
}

.yamaha_text a:link {
    color: #9b0032;
}

.yamaha_text a:hover {
    color: #9b0032;
    text-decoration: underline;
}

.yamaha_text a:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../img/common/sprite.png) no-repeat -20px -50px;
    margin-left: 5px;
    content: '';
    vertical-align: middle;
}

/* course.php　コース写真と解説文設定 */

.catSchl #mainBody section.description .photo_box {
    float: left;
}

.catSchl #mainBody section.description .comment {
    float: right;
    width: 350px;
    display: inline-block;
    font-size: 16px;
}

.catSchl #mainBody .trialCMT {
    font-size: 1.2em;
    color: #9b0032;
    padding-bottom: 3px;
}

.courseDetail {
    padding: 0 15px 20px;
    border: 3px #9b0032 solid;
    border-radius: 5px;
}

#mainBody section .courseDetail header {
    margin: 0 -18px 20px;
    border-bottom: 1px #9b0032 solid !important;
    padding: 10px 20px;
    color: #9b0032;
    border: none;
}

#mainBody section .courseDetail header h3 {
    padding: 0;
    border: none;
    font-size: 1.8em;
    margin: 0;
}

#mainBody section .courseDetail table {
    background: #fff;
    margin-bottom: 15px;
}

#mainBody section .courseDetail table col:nth-child(1) {
    width: 80px;
}

#mainBody section .courseDetail table col:nth-child(2) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(3) {
    width: 25px;
}

#mainBody section .courseDetail table col:nth-child(4) {
    width: 70px;
}

#mainBody section .courseDetail table col:nth-child(5) {
    width: 60px;
}

#mainBody section .courseDetail table col:nth-child(6) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(7) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(8) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(9) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(10) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(11) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(12) {
    width: 30px;
}

#mainBody section .courseDetail table col:nth-child(13) {
    width: auto;
}

/* IE8 */

#mainBody section .courseDetail table colgroup > *:first-child {
    width: 80px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * {
    width: 25px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * {
    width: 70px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * {
    width: 60px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * + * + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * + * + * + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * + * + * + * + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * + * + * + * + * + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * + * + * + * + * + * + * {
    width: 30px;
}

#mainBody section .courseDetail table colgroup > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * {
    width: auto;
}

#mainBody section .courseDetail table th,
#mainBody section .courseDetail table td {
    color: #333;
    text-align: center;
    padding: 8px 5px;
}

#mainBody section .courseDetail table th {
    background: #f5f5f5;
}

#mainBody section .courseDetail table th span {
    display: block;
    background: url(../img/common/sprite.png) no-repeat;
    height: 30px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
}

#mainBody section .courseDetail table th.time span {
    background-position: -930px -240px;
    width: 30px;
}

#mainBody section .courseDetail table th.fee span {
    background-position: -960px -240px;
    width: 40px;
}

#mainBody section .courseDetail table th.freq span {
    background-position: -930px -270px;
    width: 30px;
}

#mainBody section .courseDetail table caption {
    border: 1px #ccc solid;
    border-bottom: 0 none;
    font-size: 1.4em;
    padding: 10px;
    background: #dfdfde;
    color: #333;
}

#mainBody section .courseDetail table caption dl {
    width: 420px;
    float: right;
    overflow: hidden;
}

#mainBody section .courseDetail table caption dl dt {
    float: left;
    width: 75px;
}

#mainBody section .courseDetail table caption dl dd {
    float: left;
    width: 320px;
}

#mainBody section .courseDetail table td.week {
    color: #9b0032;
}

#mainBody section .courseDetail table td.btn {
    padding: 3px 3px 0 3px;
}

#mainBody section .courseDetail table td ul {
    list-style: none;
    margin: 0;
    float: left;
    text-align: left;
}

#mainBody section .courseDetail table td ul li {
    display: block;
    padding: 0 20px 0 5px;
    float: left;
}

#mainBody section .courseDetail table td ul li:nth-child(6) {
    clear: both;
}

#mainBody section .courseDetail table td ul li:nth-child(11) {
    clear: both;
}

#mainBody section .courseDetail table td ul li:nth-child(16) {
    clear: both;
}

#mainBody section .courseDetail table td ul > *:first-child + * + * + * + * + * {
    clear: both;
}

#mainBody section .courseDetail table td ul > *:first-child + * + * + * + * + * + * + * + * + * + * {
    clear: both;
}

#mainBody section .courseDetail table td ul > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {
    clear: both;
}

#mainBody section .courseDetail table td.btn {
    padding: 3px;
}

#mainBody section .courseDetail table td.btn a {
    display: inline-block;
    width: 75px;
    height: 30px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat;
    margin: 3px 2px 0;
}

#mainBody section .courseDetail table td.btn a.contact {
    background-position: -70px -650px;
}

#mainBody section .courseDetail table td.btn a.apply {
    background-position: -145px -650px;
}

#mainBody section .courseDetail table td.btn a.reload {
    background-position: -145px -680px;
}

#mainBody section .courseDetail table td.comment {
    width: 250px !important;
    line-height: 1.3em;
    text-align: left;
}

#mainBody section .courseDetail table td.comment p.catchCopy {
    color: #9b0032;
    font-size: 1em;
    margin-bottom: 3px;
}

#mainBody section .courseDetail table td.schedule {
    width: 250px !important;
}

#mainBody section .courseDetail table td.schedule p {
    font-size: 1em;
    text-align: left;
    line-height: 1.4em;
}

#mainBody section .courseDetail table p.red {
    font-size: 13px;
    color: #9b0032;
    margin: 0 0 5px 0;
    padding: 0;
}

#mainBody section .courseDetail .trial_table p {
    margin-top: 0;
    line-height: .8em;
}

#mainBody section .courseDetail .trial_table span.tel {
    font-size: 1.2em;
    font-weight: bold;
}

.trialLesson {}

#mainBody section.trialLesson h1 {
    background: url(../img/common/sprite.png) no-repeat -230px -650px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
    border-radius: 0;
    filter: none;
}

#mainBody section.trialLesson p.btn {
    margin-bottom: 30px;
}

#mainBody section.trialLesson button.apply {
    width: 227px;
    height: 57px;
    display: block;
    margin: 0 auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat -690px -530px transparent;
    border: none 0;
    padding: 0;
    cursor: pointer;
}

/*
#mainBody section.trialLesson h1{background:url(../img/common/sprite.png) no-repeat -230px -650px; text-indent:100%; overflow:hidden; white-space:nowrap; margin-bottom:0; border-radius:0;}
#mainBody section.trialLesson p.btn{margin-bottom:30px;}
#mainBody section.trialLesson button.apply{width:227px; height:57px; display:block; margin:0 auto; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(../img/common/sprite.png) no-repeat -690px -530px transparent; border:none 0; padding:0; cursor:pointer;}
*/

#mainBody section ul.function {
    clear: both;
    height: 57px;
}

#mainBody section ul.function li {
    width: 220px;
    height: 57px;
    float: left;
    margin-right: 10px;
}

#mainBody section ul.function li a {
    display: block;
    width: 220px;
    height: 57px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat;
}

#mainBody section ul.function li:nth-child(3) {
    margin-right: 0;
}

#mainBody section ul.function > *:first-child + * + * {
    margin-right: 0;
}

#mainBody section ul.function li:nth-child(1) a {
    background-position: 0 -530px;
}

#mainBody section ul.function li:nth-child(2) a {
    background-position: -230px -530px;
}

#mainBody section ul.function li:nth-child(3) a {
    background-position: -460px -530px;
}

#mainBody section ul.function > *:first-child a {
    background-position: 0 -530px;
}

#mainBody section ul.function > *:first-child + * a {
    background-position: -230px -530px;
}

#mainBody section ul.function > *:first-child + * + * a {
    background-position: -460px -530px;
}

/* lesson slider */

.notableLesson {}

.notableLesson .lesson {}

.notableLesson .lesson img {
    display: block;
    margin-bottom: 10px;
}

.notableLesson .lesson ul {
    list-style: none;
    margin-bottom: 8px;
}

#mainBody section .notableLesson .lesson ul li {
    display: inline-block;
    margin-right: 3px;
    border: 1px #9b0032 solid;
    padding: 2px 3px;
    color: #9b0032;
    text-align: center;
    font-size: 1em;
    width: 50px\9;
    float: left\9;
}

.notableLesson .lesson a {
    text-decoration: none;
}

.notableLesson .lesson a:hover {
    text-decoration: underline;
}

.notableLesson .lesson p {
    clear: both;
}


.courseDetails.genre ul#menu {
    clear: both;
    margin-top: -10px;
}

.courseDetails.genre ul#menu:after {
    clear: both;
    content: '';
    display: block;
}

#mainBody section .courseDetails.genre ul#menu li {
    float: left;
    margin: 0 6px 10px 0;
    list-style: none;
    text-align: center;
    width: 108px;
    height: 150px;
    font-size: 1.2em;
    line-height: 1.3;
    position: relative;
}

.courseDetails.genre ul#menu li:nth-child(6n) {
    margin-right: 0;
}

.courseDetails.genre ul#menu li a {
    display: block;
    padding-top: 110px;
    position: relative;
    transition: all 0.4s ease;
}

.courseDetails.genre ul#menu li a:after {
    position: absolute;
    left: 4px;
    top: 0;
    background: url(../img/school/genreImage.png) no-repeat;
    width: 101px;
    height: 101px;
    content: '';
    display: block;
}

.courseDetails.genre ul#menu li a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.courseDetails.genre ul#menu li:nth-child(1) a:after {
    background-position: 0px 0px;
}

.courseDetails.genre ul#menu li:nth-child(2) a:after {
    background-position: -101px 0px;
}

.courseDetails.genre ul#menu li:nth-child(3) a:after {
    background-position: -202px 0px;
}

.courseDetails.genre ul#menu li:nth-child(4) a:after {
    background-position: -303px 0px;
}

.courseDetails.genre ul#menu li:nth-child(5) a:after {
    background-position: -404px 0px;
}

.courseDetails.genre ul#menu li:nth-child(6) a:after {
    background-position: -505px 0px;
}

.courseDetails.genre ul#menu li:nth-child(7) a:after {
    background-position: 0px -101px;
}

.courseDetails.genre ul#menu li:nth-child(8) a:after {
    background-position: -101px -101px;
}

.courseDetails.genre ul#menu li:nth-child(9) a:after {
    background-position: -202px -101px;
}

.courseDetails.genre ul#menu li:nth-child(10) a:after {
    background-position: -303px -101px;
}

.courseDetails.genre ul#menu li:nth-child(11) a:after {
    background-position: -404px -101px;
}

.courseDetails.genre ul#menu li:nth-child(12) a:after {
    background-position: -505px -101px;
}

.courseDetails.genre ul#menu > *:first-child a:after {
    background-position: 0px 0px;
}

.courseDetails.genre ul#menu > *:first-child + * a:after {
    background-position: -101px 0px;
}

.courseDetails.genre ul#menu > *:first-child + * + * a:after {
    background-position: -202px 0px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * a:after {
    background-position: -303px 0px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * a:after {
    background-position: -404px 0px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * + * a:after {
    background-position: -505px 0px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * + * + * a:after {
    background-position: 0px -101px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * + * + * + * a:after {
    background-position: -101px -101px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * + * + * + * + * a:after {
    background-position: -202px -101px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * + * + * + * + * + * a:after {
    background-position: -303px -101px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * + * + * + * + * + * + * a:after {
    background-position: -404px -101px;
}

.courseDetails.genre ul#menu > *:first-child + * + * + * + * + * + * + * + * + * + * + * a:after {
    background-position: -505px -101px;
}

/*開講コースがない場合のコースカテゴリ表示グレイアウトの設定*/

.courseDetails.genre ul li span {
    display: block;
    padding-top: 110px;
    position: relative;
}

.courseDetails.genre ul li span:after {
    position: absolute;
    left: 4px;
    top: 0;
    background: url(../img/school/genreImage_grayout.png) no-repeat;
    width: 101px;
    height: 101px;
    content: '';
    display: block;
}

.courseDetails.genre ul li:nth-child(1) span:after {
    background-position: 0px 0px;
}

.courseDetails.genre ul li:nth-child(2) span:after {
    background-position: -101px 0px;
}

.courseDetails.genre ul li:nth-child(3) span:after {
    background-position: -202px 0px;
}

.courseDetails.genre ul li:nth-child(4) span:after {
    background-position: -303px 0px;
}

.courseDetails.genre ul li:nth-child(5) span:after {
    background-position: -404px 0px;
}

.courseDetails.genre ul li:nth-child(6) span:after {
    background-position: -505px 0px;
}

.courseDetails.genre ul li:nth-child(7) span:after {
    background-position: 0px -101px;
}

.courseDetails.genre ul li:nth-child(8) span:after {
    background-position: -101px -101px;
}

.courseDetails.genre ul li:nth-child(9) span:after {
    background-position: -202px -101px;
}

.courseDetails.genre ul li:nth-child(10) span:after {
    background-position: -303px -101px;
}

.courseDetails.genre ul li:nth-child(11) span:after {
    background-position: -404px -101px;
}

.courseDetails.genre ul li:nth-child(12) span:after {
    background-position: -505px -101px;
}

.courseDetails.genre ul > *:first-child span:after {
    background-position: 0px 0px;
}

.courseDetails.genre ul > *:first-child + * span:after {
    background-position: -101px 0px;
}

.courseDetails.genre ul > *:first-child + * + * span:after {
    background-position: -202px 0px;
}

.courseDetails.genre ul > *:first-child + * + * + * span:after {
    background-position: -303px 0px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * span:after {
    background-position: -404px 0px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * + * span:after {
    background-position: -505px 0px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * + * + * span:after {
    background-position: 0px -101px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * + * + * + * span:after {
    background-position: -101px -101px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * + * + * + * + * span:after {
    background-position: -202px -101px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * + * + * + * + * + * span:after {
    background-position: -303px -101px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * + * + * + * + * + * + * span:after {
    background-position: -404px -101px;
}

.courseDetails.genre ul > *:first-child + * + * + * + * + * + * + * + * + * + * + * span:after {
    background-position: -505px -101px;
}

/*　マウスオーバーでプルダウンメニュー */

#mainBody section .courseDetails.genre ul#menu li ul {
    display: none;
    position: absolute;
    top: 110px;
    left: -45px;
    padding: 0;
    width: 200px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 2000;
}

#mainBody section .courseDetails.genre ul#menu li ul li {
    margin: 0;
    padding: 0;
    width: 200px;
    height: 27px;
    border: none;
    font-size: 1.2em;
    display: block;
}

#mainBody section .courseDetails.genre ul#menu li ul li a {
    display: block;
    background: none;
    text-align: left;
    padding: 5px;
    margin-bottom: 0;
    display: block;
}

#mainBody section .courseDetails.genre ul#menu li ul li a:after {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    width: 0px;
    height: 0px;
    content: '';
    display: block;
    margin-bottom: 0;
}

#mainBody section .courseDetails.genre ul#menu li ul li a:hover {
    background: #999;
    color: #fff;
    padding: 5px;
    width: 198px;
}

/*20150521追加*/

#mainBody section .courseDetails.genre ul#menu li:nth-child(10) ul,
#mainBody section .courseDetails.genre ul#menu li:nth-child(12) ul {
    display: none;
    position: absolute;
    top: 110px;
    left: -45px;
    padding: 0 0 8px 0;
    width: 230px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 2000;
}

#mainBody section .courseDetails.genre ul#menu li:nth-child(10) ul li,
#mainBody section .courseDetails.genre ul#menu li:nth-child(12) ul li {
    margin: 0;
    padding: 0 0 12px 0;
    width: 230px;
    height: 30px;
    border: none;
    display: block;
    font-size: 1.2em;
    line-height: 1.1em;
}

#mainBody section .courseDetails.genre ul#menu li:nth-child(10) ul,
#mainBody section .courseDetails.genre ul#menu li:nth-child(12) ul {
    display: none;
    position: absolute;
    top: 110px;
    left: 5px;
    padding: 0;
    width: 230px;
    background: #eee;
    border: solid 1px #ccc;
    z-index: 20000;
}

#mainBody section .courseDetails.genre ul#menu li:nth-child(10) ul a:hover,
#mainBody section .courseDetails.genre ul#menu li:nth-child(12) ul a:hover {
    background: #999;
    color: #fff;
    padding: 5px;
    width: 230px;
}



/*マウスオーバーでプルダウンメニュー*/

/* nth-child(9),(10)追加　2015.5.20 
#mainBtns .details.genre ul#menu li ul {display: none; position: absolute; top: 110px; left: -42px; padding:0; width: 200px; background: #eee; border: solid 1px #ccc;z-index:20000;}
#mainBtns .details.genre ul#menu li ul li {margin: 0; padding: 0; width: 200px; height:27px; border: none; font-size:1.2em;}
#mainBtns .details.genre ul#menu li:nth-child(9) ul li { margin: 0; padding: 0; width: 280px; height:27px; border: none; font-size:1.2em;}
#mainBtns .details.genre ul#menu li:nth-child(10) ul li { margin: 0; padding: 0; width: 250px; height:27px; border: none; font-size:1.2em;}
#mainBtns .details.genre ul#menu li:first-child ul,
#mainBtns .details.genre ul#menu li:nth-child(7) ul{display: none; position: absolute; top: 110px; left: 5px; padding:0; width: 200px; background: #eee; border: solid 1px #ccc;z-index:20000;}
#mainBtns .details.genre ul#menu li:nth-child(6) ul,
#mainBtns .details.genre ul#menu li:nth-child(12) ul{display: none; position: absolute; top: 110px; left: -95px; padding:0; width: 200px; background: #eee; border: solid 1px #ccc;z-index:20000;}
#mainBtns .details.genre ul#menu li:nth-child(9) ul {display: none; position: absolute; top: 110px; left: 5px; padding:0; width: 280px; background: #eee; border: solid 1px #ccc;z-index:20000;}
#mainBtns .details.genre ul#menu li:nth-child(10) ul {display: none; position: absolute; top: 110px; left: 5px; padding:0; width: 250px; background: #eee; border: solid 1px #ccc;z-index:20000;}

#mainBtns .details.genre ul#menu > *:first-child + * + * + * + * + * + * ul,#mainBtns .details.genre ul#menu > *:first-child ul{display: none; position: absolute; top: 110px; left: 5px; padding:0; width: 200px; background: #eee; border: solid 1px #ccc;z-index:20000;}
#mainBtns .details.genre ul#menu > *:first-child + * + * + * + * + * ul,
#mainBtns .details.genre ul#menu > *:first-child + * + * + * + * + * + * + * + * + * + * + * ul{display: none; position: absolute; top: 110px; left: -95px; padding:0; width: 200px; background: #eee; border: solid 1px #ccc;z-index:20000;}
#mainBtns .details.genre ul#menu li ul li a { display: block; background:none; text-align:left; padding:5px; margin-bottom:0;}
#mainBtns .details.genre ul#menu li ul li a:after {position:absolute; left:0; top:0; background:none; width:0px; height:0px; content:''; display:block;margin-bottom:0;}
#mainBtns .details.genre ul#menu li ul li a:hover {background:#999;color:#fff;padding:5px;width:200px;}
#mainBtns .details.genre ul#menu li:nth-child(9) ul a:hover {background:#999;color:#fff;padding:5px;width:280px;}
#mainBtns .details.genre ul#menu li:nth-child(10) ul a:hover {background:#999;color:#fff;padding:5px;width:250px;}
*/

/* detail.php
=========================================================================== */

#mainBody section .box h4 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}

/*#mainBody section .box p{font-size:1.2em;}*/

#mainBody section .box p.Links a {
    background: #9b0032;
    padding: 5px 20px;
    width: 50%;
    height: auto;
    display: block;
    color: #fff;
    text-align: center;
}


/* ADMISSION
=========================================================================== */

#mainBody section.admissionFlow {
    background: url(../img/common/blockBg.png) no-repeat left top #f2f2ee;
    clear: both;
    margin: 0 30px 50px;
    padding: 0 20px 5px;
    position: relative;
}

#mainBody section.admissionFlow:before {
    width: 55px;
    height: 45px;
    margin: 0 0 0 -27px;
    position: absolute;
    left: 50%;
    bottom: -55px;
    content: '';
    display: block;
    background: url(img/common/sprite.png) no-repeat -360px -720px;
    clear: both;
}

#mainBody section.admissionFlow:after {
    content: '';
    clear: both;
    display: block;
}

#mainBody section.admissionFlow header {
    margin: 0 -20px;
    border-bottom: 1px #9b0032 dotted;
    position: relative;
    margin-bottom: 15px;
}

#mainBody section.admissionFlow header p {
    width: 85px;
    height: 62px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -31px;
    padding: 0;
}

#mainBody section.admissionFlow.step01 header p {
    background-position: 0px -720px;
}

#mainBody section.admissionFlow.step02 header p {
    background-position: -90px -720px;
}

#mainBody section.admissionFlow.step03 header p {
    background-position: -180px -720px;
}

#mainBody section.admissionFlow.step04 header p {
    background-position: -270px -720px;
}

#mainBody section.admissionFlow header h1 {
    background: none;
    color: #333;
    padding: 26px 0 26px 90px;
    margin-bottom: 0;
    filter: none;
}

#mainBody section.admissionFlow p {
    font-size: 1.4em;
    padding: 0 0 0 218px;
    line-height: 1.5;
}

#mainBody section.admissionFlow p.clr {
    padding-left: 0;
}

#mainBody section.admissionFlow strong {
    color: #9b0032;
    font-weight: normal;
    font-size: 1.1em;
}

#mainBody section.admissionFlow p.img {
    float: left;
    margin: 5px 20px 20px 0;
    padding: 0;
}

#mainBody section.admissionFlow.step04 p {
    padding: 0;
}

#mainBody section.admissionFlow.last p {
    padding-left: 0;
}

#mainBody section.admissionFlow.last p {
    float: left;
    width: 450px;
}

#mainBody section.admissionFlow.last p.img {
    float: right;
    width: 160px;
    margin-bottom: 0;
}

#mainBody section.admissionFlow.last:before {
    display: none;
}

/* 20171031*/

#mainBody section.admissionFlow_sub {
    background: url(../img/common/blockBg.png) no-repeat left top #f2f2ee;
    clear: both;
    margin: 0 30px 50px;
    padding: 0 20px 5px;
    position: relative;
}

#mainBody section.admissionFlow_sub:before {
    width: 55px;
    height: 45px;
    margin: 0 0 0 -27px;
    position: absolute;
    left: 50%;
    bottom: -55px;
    content: '';
    display: block;
    background: url(img/common/sprite.png) no-repeat -360px -720px;
    clear: both;
}

#mainBody section.admissionFlow_sub:after {
    content: '';
    clear: both;
    display: block;
}

#mainBody section.admissionFlow_sub header {
    margin: 0 -20px;
    position: relative;
    margin-bottom: 15px;
}

#mainBody section.admissionFlow_sub.last {
    padding-top: 1px;
}

#mainBody section.admissionFlow_sub.last header h1 {
    background: url(../img/school/admission/ttl02.png) no-repeat;
    width: 650px;
    height: 75px;
    text-indent: -200%;
    overflow: hidden;
    padding: 0;
    margin: 26px 0 26px 150px;
    clear: both;
}

#mainBody section.admissionFlow.first {
    padding-top: 1px;
}

#mainBody section.admissionFlow.first header h1 {
    background: url(../img/school/admission/ttl01.png) no-repeat;
    width: 286px;
    height: 29px;
    text-indent: 100%;
    overflow: hidden;
    padding: 0;
    margin: 2px 0 26px 25px;
    clear: both;
}

#mainBody section.admissionFlow ul.checklist {
    margin: 1em .5em;
    padding: 2em 3em;
    background-color: #f2f2ee;
    display: inline-block;
    width: 100%;
    line-height: 1.8;
    list-style-type: none;
}

#mainBody section.admissionFlow ul.checklist li {
    margin-left: 1em;
    padding-left: .5em;
}

/* 20171031 end*/

/* FAQ
=========================================================================== */

dl.faq {
    font-size: 1.6em;
    line-height: 1.7;
}

dl.faq dt {
    border-top: 1px #666 dotted;
    padding: 20px 30px 20px 30px;
    text-indent: -30px;
    position: relative;
}

dl.faq dd {
    padding: 0 0 20px 30px;
    text-indent: -30px;
    display: none;
}

dl.faq dt:first-child {
    border-top: 0;
}

dl.faq span {
    display: inline-block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 13px;
    height: 20px;
    background: url(../img/common/sprite.png) no-repeat;
    margin-right: 17px;
    position: relative;
    top: 4px;
}

dl.faq dt span {
    background-position: -640px -590px;
}

dl.faq dd span {
    background-position: -640px -610px;
}

dl.faq dt a {
    width: 22px;
    height: 22px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    top: 25px;
    right: 0;
    background: url(../img/common/sprite.png) no-repeat;
}

dl.faq dt a.open {
    background-position: -660px -590px;
}

dl.faq dt a.close {
    background-position: -660px -620px;
}

#mainBody section.conversion {
    background: #666;
    margin: 0 30px 50px;
    padding: 0 0 20px;
    border-radius: 5px;
    overflow: hidden;
}

#mainBody section.conversion h1 {
    margin-bottom: 5px;
    color: #fff;
    background: #858585;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1ODU4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg1ODU4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #858585), color-stop(50%, #858585), color-stop(50%, #666666), color-stop(100%, #666666));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #858585 0%, #858585 50%, #666666 50%, #666666 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #858585 0%, #858585 50%, #666666 50%, #666666 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #858585 0%, #858585 50%, #666666 50%, #666666 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #858585 0%, #858585 50%, #666666 50%, #666666 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#666666', GradientType=0);
    /* IE6-8 */
}

#mainBody section.conversion h1.icon:before {
    background: url(../img/common/sprite.png) no-repeat -420px -720px;
    width: 100px;
    height: 62px;
}

#mainBody section.conversion div {
    background: #fff;
    margin: 0 20px 20px;
    padding: 20px;
    border-radius: 5px;
}

#mainBody section.conversion ul {
    text-align: center;
}

#mainBody section.conversion ul li {
    display: inline-block;
    margin: 0 1px
}

#mainBody section.conversion ul li a {
    width: 297px;
    height: 72px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat;
}

#mainBody section.conversion ul li a.general {
    background-position: 0 -790px;
}

#mainBody section.conversion ul li a.each {
    background-position: -300px -790px;
}

/* REVIEW
=========================================================================== */

#mainBody section.reviewIndex {
    background: url(../img/common/blockBg.png) no-repeat left top #f2f2ee;
    clear: both;
    margin: 0 30px 30px;
    padding: 0 20px 60px;
    position: relative;
    min-height: 180px;
}

#mainBody section.reviewIndex header {
    margin: 0 -20px;
    border-bottom: 1px #9b0032 dotted;
    position: relative;
    margin-bottom: 15px;
}

#mainBody section.reviewIndex header p {
    width: 85px;
    height: 62px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -31px;
    padding: 0;
}

#mainBody section.reviewIndex.vol01 header p {
    background-position: -520px -720px;
}

#mainBody section.reviewIndex.vol02 header p {
    background-position: -610px -720px;
}

#mainBody section.reviewIndex.vol03 header p {
    background-position: -700px -720px;
}

#mainBody section.reviewIndex header h1 {
    background: none;
    color: #333;
    padding: 14px 0 14px 90px;
    margin-bottom: 0;
    filter: none;
}

#mainBody section.reviewIndex p {
    font-size: 1.4em;
    padding: 0 230px 0 0;
    line-height: 1.5;
}

#mainBody section.reviewIndex p.btn {
    margin-bottom: 0;
    padding: 0;
    width: 186px;
    height: 40px;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

#mainBody section.reviewIndex p.btn a {
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 186px;
    height: 40px;
    background: url(../img/common/sprite.png) no-repeat -690px -590px;
    position: relative;
}

#mainBody section.reviewIndex p.img {
    position: absolute;
    width: 207px;
    height: 168px;
    right: 0;
    top: 70px;
}

.reviewMainVisual {
    text-align: center;
    margin-bottom: 50px;
}

#mainBody section.reviewDetail {}

#mainBody section.reviewDetail header {
    position: relative;
}

#mainBody section.reviewDetail header h1 {
    padding-left: 90px;
}

#mainBody section.reviewDetail header p {
    background: url(../img/school/review/vol01Badge.png) no-repeat;
    width: 86px;
    height: 86px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -41px;
    z-index: 10;
}

#mainBody section.reviewDetail .img {
    width: 340px;
    float: left;
    margin-left: -5px;
}

#mainBody section.reviewDetail .firstBox {
    width: 345px;
    float: right;
}

#mainBody section.reviewDetail .firstBox h2 {
    clear: none;
}

#mainBody section.reviewDetail ul.reviewList {
    background: #f2f2ee;
    border-radius: 5px;
    padding: 20px 20px 10px 15px;
    margin: 0 0 50px 10px;
    list-style: none;
    position: relative;
}

#mainBody section.reviewDetail ul.reviewList:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #f2f2ee transparent transparent;
    position: absolute;
    left: -10px;
    top: 20px;
}

#mainBody section.reviewDetail .firstBox ul.reviewList {
    margin-bottom: 15px;
}

#mainBody section.reviewDetail ul.reviewList li {
    line-height: 1.5;
    margin-bottom: 13px;
    padding-bottom: 13px;
    border-bottom: #666 dotted 1px;
    text-indent: -2.2em;
    padding-left: 2.2em;
}

#mainBody section.reviewDetail .firstBox ul.reviewList li {
    border-bottom: none;
    margin-bottom: 0;
}

#mainBody section.reviewDetail ul.reviewList li span {
    font-weight: bold;
    color: #9b0032;
    padding-right: .2em;
}

/* SCHOOL BLOG
=========================================================================== */

.blogNewsEntry {
    width: 218px;
    float: left;
    margin-bottom: 15px;
    padding: 20px;
    display: block;
    background: #f2f2ee;
    border-radius: 5px;
}

#mainBody section .blogNewsEntry p.img {
    margin-bottom: 15px;
}

#mainBody section .entryMeta {
    list-style: none;
}

#mainBody section .entryDate {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#mainBody section .entryCategory {
    font-size: 1.1em;
    margin-bottom: 5px;
}

#mainBody section .entryCategory span {
    padding: 1px 5px 0;
    color: #9b0032;
    border: 1px #9b0032 solid;
    background: #fff;
}

#mainBody section.blogNewsEntry p {
    line-height: 1.5;
    margin-bottom: 0;
}

#mainBody section.blogNewsEntry p a {
    text-decoration: underline;
}

#mainBody section.blogNewsEntry p a:hover {
    text-decoration: none;
}

/* MOVIE
=========================================================================== */

.movieMainVisual {
    text-align: center;
    margin-bottom: 50px;
}

.movieItem {
    width: 218px;
    float: left;
    margin: 0 15px 15px 0;
    padding: 20px 20px 60px;
    display: block;
    background: #f2f2ee;
    border-radius: 5px;
    position: relative;
}

.movieItem:nth-child(3n) {
    margin-right: 0;
}

section.movieList > *:first-child + * + *,
section.movieList > *:first-child + * + * + * + * + *,
section.movieList > *:first-child + * + * + * + * + * + * + * + * {
    margin-right: 0;
}

#mainBody section .movieItem h2 {
    position: absolute;
    left: -3px;
    top: -3px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 75px;
    height: 75px;
    background: url(../img/common/sprite.png) no-repeat;
    z-index: 2;
    padding: 0;
    margin: 0;
    border: 0 none;
}

#mainBody section .movieItem.violin h2 {
    background-position: -920px -560px;
}

#mainBody section .movieItem.piano h2 {
    background-position: -920px -640px;
}

#mainBody section .movieItem.drums h2 {
    background-position: -920px -720px;
}

#mainBody section .movieItem.ukulele h2 {
    background-position: -790px -720px;
}

#mainBody section .movieItem.acousticGuitar h2 {
    background-position: -600px -800px;
}

#mainBody section .movieItem.saxophone h2 {
    background-position: -680px -800px;
}

#mainBody section .movieItem.kotudumi h2 {
    background-position: -760px -800px;
}

#mainBody section .movieItem.recorder h2 {
    background-position: -840px -800px;
}

#mainBody section .movieItem.vocal h2 {
    background-position: -920px -800px;
}

#mainBody section .movieItem .btn {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 180px;
    height: 28px;
}

#mainBody section .movieItem.acousticGuitar .btn {
    height: 44px;
}

#mainBody section .movieItem .btn a {
    display: block;
    width: 180px;
    height: 28px;
    background: url(../img/common/sprite.png) no-repeat;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#mainBody section .movieItem.violin .btn a {
    background-position: 0px -880px;
}

#mainBody section .movieItem.piano .btn a {
    background-position: -180px -880px;
}

#mainBody section .movieItem.drums .btn a {
    background-position: -360px -880px;
}

#mainBody section .movieItem.ukulele .btn a {
    background-position: -540px -880px;
}

#mainBody section .movieItem.acousticGuitar .btn a {
    background-position: -720px -880px;
    height: 44px;
}

#mainBody section .movieItem.saxophone .btn a {
    background-position: 0px -910px;
}

#mainBody section .movieItem.kotudumi .btn a {
    background-position: -180px -910px;
}

#mainBody section .movieItem.recorder .btn a {
    background-position: -360px -910px;
}

#mainBody section .movieItem.vocal .btn a {
    background-position: -540px -910px;
}

#mainBody section .movieItem iframe {
    margin-bottom: 10px;
    z-index: 1000;
}

#mainBody section .movieItem p {
    line-height: 1.5;
    margin-bottom: 0;
}

/* 注目レッスン
=========================================================================== */

#mainBody h3.title_box {
    font-size: 1.8em;
    font-weight: bold;
    color: #444;
    border-top: none;
    border-bottom: none;
}

#mainBody strong.catch {
    font-size: 1.4em;
    font-weight: bold;
    color: #444;
    line-height: 1em;
}

/* FORM
=========================================================================== */

.generalForm {
    text-align: center;
    margin-bottom: 30px;
}

.generalForm button {
    width: 227px;
    height: 59px;
    margin: 0 5px 30px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    border: none 0;
    background: url(../img/common/sprite.png) no-repeat;
    cursor: pointer;
}

.generalForm button.confirm {
    background-position: 0 -940px;
}

.generalForm button.abort {
    background-position: -230px -940px;
}

.lessonFormMainVisual {
    text-align: center;
    margin: -10px 0 30px 0;
}

/* 体験入力内容確認画面 */

nav#flow {
    width: 685px;
    height: 40px;
    margin: 0 auto 10px auto;
}

nav#flow ul {
    background: url(../img/common/img_flow.png) no-repeat 0 0;
    height: 40px;
}

nav#flow ul li {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

nav#flow ul#conform_trial {
    background-position: 0 0;
}

nav#flow ul#send {
    background-position: 0 -41px;
}

/* 体験送信完了画面 */

div.sendAll {
    border: double 3px #c3c3c3;
    width: 685px;
    height: auto;
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}

div.sendAll p.miyajiLogo {
    background: url(../img/common/logo.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 198px;
    height: 53px;
    margin: 50px auto 0 auto;
}

div.sendAll p.center {
    font-size: 2em !important;
    font-weight: bold;
    margin: 20px auto;
    line-height: 1.1em !important;
}

div.sendAll p.tel {
    font-size: 1.7em !important;
    font-weight: bold;
    line-height: 1.1em;
}

div.sendAll p.address {
    font-size: 1.1em;
}

#secureSeal {
    float: right;
}

/* 会社概要
=========================================================================== */

#primaryBody ul.comLinks {
    width: 900px;
    overflow: hidden;
    margin: -20px auto 20px;
}

#primaryBody ul.comLinks li {
    float: left;
    margin-right: 20px;
    list-style: none;
    width: 23.2%;
    text-align: center;
    padding: 10px 0 8px 0;
}

#primaryBody ul.comLinks li:last-child {
    margin-right: 0;
}

#primaryBody ul.comLinks > *: first-child + * + * {
    margin-right: 0;
}

#primaryBody ul.comLinks li a {
    background: #ccc;
    text-align: center;
    font-size: 1rem;
    width: 100%;
    padding: 10px 0 8px 0;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#primaryBody ul.comLinks li.select {
    background: #9b0032;
    color: #fff;
    font-size: 1rem;
    padding: 10px 0 8px 0;
    margin-top: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#primaryBody .division table {
    font-size: 1.6em;
    border-collapse: separate;
    border-spacing: 1px;
    background: #ccc;
    width: 100%;
    clear: both;
}

#primaryBody .division th {
    background: #f2f2ee;
    width: 140px;
    padding: 10px;
}

#primaryBody .division td {
    padding: 10px;
    line-height: 1.6em;
    background: #fff;
}

#primaryBody .division td ul {
    font-size: .7em;
    width: auto;
    height: auto;
    float: none;
    margin: 10px 0 10px 40px;
}

#primaryBody .division td ul li {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

#primaryBody .division td dt {
    border-bottom: dotted 1px #999;
    padding-bottom: 3px;
}

#primaryBody .division td dd {
    margin-top: 5px;
    margin-bottom: 20px;
    padding-left: 20px;
}



/* 人事・採用情報
=========================================================================== */

#primaryBody .division .recnavi {
    margni-top: 20px;
}

#primaryBody .division ul {
    width: 540px;
    height: auto;
    float: right;
    margin: 20px auto;
}

#primaryBody .division li,
#primaryBody .division li {
    font-size: 1.4em;
    margin-bottom: 10px;
    list-style: none;
    line-height: 1.5;
}

#primaryBody .division li a,
#primaryBody .division li a {
    text-decoration: underline;
}

#primaryBody .division li a:after,
#primaryBody .division li a:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../img/common/sprite.png) no-repeat -20px -50px;
    margin-left: 5px;
    content: '';
    vertical-align: middle;
}

#primaryBody .division li a:hover,
#primaryBody .division li a:hover {
    text-decoration: none;
}

#primaryBody .division li.nolink {
    background: none;
}

#primaryBody .division .mmImage {
    margin-bottom: 20px;
}

#primaryBody .division .musicMate {
    clear: both;
}

#primaryBody .division .musicMate dl {
    margin-top: 10px;
    font-size: 1.5em;
}

#primaryBody .division .musicMate dt {
    font-weight: bold;
    margin-top: 5px;
}

#primaryBody .division .musicMate dd {
    margin-bottom: 3px;
    line-height: 1.4em;
    margin-left: 20px;
}

#primaryBody .division .musicMate ol {
    font-size: .7em;
    margin-top: 10px;
}

#primaryBody .division .musicMate ol li {
    margin-left: 20px;
    list-style: decimal;
}

#primaryBody .division .guidance {
    border: solid 1px #999;
    font-size: 1em;
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

#primaryBody .division .guidance p {
    padding: 10px 20px 0 20px;
    width: 100%;
}

#primaryBody .division .guidance h4 {
    background: #eee;
    font-size: 1.6em;
    margin-top: 0;
    padding: 10px;
}

#primaryBody .division .guidance .notice {
    color: #9b0032;
    font-weight: bold;
    font-size: 1.6em;
}

#primaryBody .division .guidance span {
    font-weight: normal;
    color: #333;
    font-size: .9em;
}

#primaryBody .division .guidance h4 i {
    border: solid 1px #603;
    font-size: .8em;
    font-style: normal;
    color: #603;
    padding: 3px;
    background: #fff;
    margin-left: 20px;
}

#primaryBody .division .guidance .gMap {
    padding-bottom: 10px;
}

/* インデクシング対策用ページ　school/no_indexing.php */

p.no_index {
    font-size: 1.7em;
    clear: both;
    width: 960px;
    margin: 20px auto;
    line-height: 1.5em;
    background: #fff;
    padding: 20px;
}

/* スマートフォン表示切替
=========================================================================== */

.link_pc {}






/*====================================================
     //ID #campaign_bnr
====================================================*/
#campaign_bnr {
    display: table;
    width: 100%;
    margin: 15px 0;
}
#campaign_bnr .bnr_box.box2 {
    width: 370px;
    background: #fff;
}
#campaign_bnr .bnr_box.box2:first-child {
    float: left;
}
#campaign_bnr .bnr_box.box2:last-child {
    float: right;
}
#campaign_bnr .bnr_box a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}



.mincho {
    font-family: "Sawarabi Mincho",Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}