@charset "UTF-8";

/****************************************
			General
****************************************/
html {height:100%;}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Verdana,Geneva,Arial,Helvetica;
	line-height:1.5;
	font-size: 75%;
	height:100%;
	width:100%;
	color:#fff;
	background:url("/wordpress/wp-content/themes/endojuku_2.1/images/bg.gif") center repeat;
}
img {vertical-align:bottom}
/****************************************
			Link
****************************************/
a:link,a:visited {color:#ff6c00;text-decoration:underline;}
a:hover,a:active {color:#ff984d;}

#btn-contact {
    padding-left:24px;
    font-size:117%;
    color:#fff;
    text-decoration:none;
    background:url("/wordpress/wp-content/themes/endojuku_2.1/images/icon-mail.png") left center no-repeat;
    line-height:20px;
    display:block;
    float:right;
    height:20px;
}

#nav li a {
    display:block;
    height:36px;
    border-right:1px solid #71a6db;
    text-align:center;
    padding-top:12px;
    font-size:117%;
    line-height:1;
}
    #nav li .nav-hover a {
        display:inline;
        height:inherit;
        border:none !important;
        text-align:left;
        padding:6px 0;
        font-size:12px;
        line-height:1;
        
    }
#nav li:first-child a {
    border-left:1px solid #71a6db;
}


#nav li a:link,#nav li a:visited {color:white;text-decoration:none;}
#nav li a:hover,#nav li a:active {color:#ff984d;}

#introTop-3 h2 a {
    background:white;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-12px;
    border-radius:12px;
    font-size:67%;
    padding:2px 12px;
    text-decoration:none;
    font-weight:bold;
}
#introTop-3 h2 a:link,#introTop-3 h2 a:visited {color:#000205;}
#introTop-3 h2 a:hover,#introTop-3 h2 a:active {color:#ff984d;}

.btnMore:link,.btnMore:visited {color:white;text-decoration:none;}
.btnMore:hover,.btnMore:active {
    color:#ff984d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #002a76), color-stop(0.00, #144da6));
    background: -webkit-linear-gradient(top, #144da6 0%, #002a76 100%);
    background: -moz-linear-gradient(top, #144da6 0%, #002a76 100%);
    background: -o-linear-gradient(top, #144da6 0%, #002a76 100%);
    background: -ms-linear-gradient(top, #144da6 0%, #002a76 100%);
    background: linear-gradient(top, #144da6 0%, #002a76 100%);
}

#footerNav li a:link,#footerNav li a:visited {color:white;text-decoration:none;}
#footerNav li a:hover,#footerNav li a:active {color:#ff984d;}
/****************************************
			Class
****************************************/
.f_l {float:left;}
.f_r {float:right;}

/* clearfix */
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}/* For IE 6/7 */

.btnMore {
    border-top:1px solid #5486d3;
    border-bottom:1px solid #001e54;
    border-right:1px solid #144493;
    border-left:1px solid #144493;
    font-weight:normal;
    padding:4px 15px;
    line-height:1;
    border-radius:5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #00328d), color-stop(0.00, #2c6ac9));
    background: -webkit-linear-gradient(top, #2c6ac9 0%, #00328d 100%);
    background: -moz-linear-gradient(top, #2c6ac9 0%, #00328d 100%);
    background: -o-linear-gradient(top, #2c6ac9 0%, #00328d 100%);
    background: -ms-linear-gradient(top, #2c6ac9 0%, #00328d 100%);
    background: linear-gradient(top, #2c6ac9 0%, #00328d 100%);
}

.contentHeader {
    border-left:4px solid #297dff;
    font-size:200%;
    font-weight:normal;
    padding-left:8px;
    margin-bottom:20px;
    line-height:1.2;
}
.table , .table-p {
    text-align:center;
}
.table , #trust-form table , .table-p {
        color:white;
        margin-bottom:20px;
        border:none;
        margin:0 auto;
        width:100%;
    }
    .table thead th {font-size:117%;}
    .table thead th , .table tbody td , .table tbody th , .table-p th {
        background:#2f4c76;
        border-top:1px solid #486897;
        border-left:1px solid #486897;
        border-bottom:1px solid #1f3d68;
        border-right:1px solid #1f3d68;
        padding:6px 12px;
        vertical-align:middle;
    }
    .table tbody tr:nth-child(odd) td , .table tbody tr:nth-child(odd) th , .table-p td {
        background:#405f8b;
        border-top:1px solid #5272a0;
        border-left:1px solid #5272a0;
        border-bottom:1px solid #274877;
        border-right:1px solid #274877;
        padding:6px 12px;
        vertical-align:middle;
    }
    
    div#trust-form.contact-form table td , div#trust-form.contact-form table th {
        background:#2f4c76;
        border-top:1px solid #486897;
        border-left:1px solid #486897;
        border-bottom:1px solid #1f3d68;
        border-right:1px solid #1f3d68;
        padding:6px 12px;
        vertical-align:middle;
    }
    #trust-form table tr:nth-child(even) td , #trust-form table tr:nth-child(even) th {
        background:#405f8b;
        border-top:1px solid #5272a0;
        border-left:1px solid #5272a0;
        border-bottom:1px solid #274877;
        border-right:1px solid #274877;
    }
    #trust-form table th {
        width:25%;
    }

.stxt {font-size:85%;}
.y {color:#fff100;}
.r {color:red;}
.yb {color:#fff100;font-weight:bold;}

.posts {margin-bottom:50px;}
.post p {
    font-size:117%;
    line-height:2;
    margin-bottom:18px;
}
.post ul {
    margin:18px 0;
    font-size:117%;
}
.post li {
    margin-left:18px;
}
.post h3 {
    font-size:150%;
    color:#fff100;
    margin-bottom:6px;
}

.content {}
.content h2 {
    border-left:4px solid #297dff;
    font-size:200%;
    font-weight:normal;
    padding-left:8px;
    margin-bottom:20px;
    line-height:1.2;
}

.c {
    box-shadow:0px 0px 8px #010811;
    background-color:#000205;
    padding:20px;
}

/****************************************
			Layout
****************************************/
#bg {
    background:url("/wordpress/wp-content/themes/endojuku_2.1/images/bg_top.jpg") center top no-repeat;
    min-height:100%;
}
#header , #footer {
    width:960px;
    margin:0 auto;
    color:#fff;
}
#body {
    width:100%;
    max-width:961px;
    margin:0 auto;
    color:#fff;
}

#visual , #slide , #footWrapper {box-shadow:0px 0px 8px #010811;}
#info , #introTop , #intro , #yattoComment , #program , #form {
    box-shadow:0px 0px 8px #010811;
    background-color:#000205;
    padding:30px 3.2%;
}

/* Nav */
#nav {
    width:960px;
    margin:0 auto 30px;
}
    #nav ul li {
        float:left;
        width:160px;
        position:relative;
        padding-bottom:10px;
    }
        .nav-sub {
            font-size:10px;
            color:#aac4e3;
        }
        .nav-hover {
            display:none;

        }
        #nav ul li .nav-hover ul {
            position:absolute;
            top:58px;
            width:140px;
            background:#000205;
            border:1px solid #71a6db;
            padding:10px;
            z-index:200;
        }
            #nav ul li .nav-hover ul:after {
                content:' ';
                position:absolute;
                width:0;
                height:0;
                border-style: solid;
                border-width: 0 8px 10px 8px;
                border-color: transparent transparent #000205 transparent;
                left:50%;
                top:-10px;
                margin-left:-8px;
            }
            #nav ul li .nav-hover ul:before {
                content:' ';
                position:absolute;
                width:0;
                height:0;
                border-style: solid;
                border-width: 0 9px 11px 9px;
                border-color: transparent transparent #71a6db transparent;
                left:50%;
                top:-11px;
                margin-left:-9px;
            }
            #nav ul li .nav-hover li {
                float:none;
                margin-bottom:6px;
                padding-bottom:6px;
                border-bottom:1px dashed #71a6db;
                width:inherit;
            }
            #nav ul li .nav-hover li:last-child {
                margin-bottom:0;
                padding-bottom:0;
                border-bottom:none;
            }
/* Header */
#header {
    position:relative;
    height:120px;
}
    #logo {
        position:absolute;
        top:39px;
        left:-1px;;
    }
    #header-sub {
        float:right;
        text-align:right;
        padding-top:35px;
        width:380px;
    }
        #headerSocial {
            float:right;
            margin-right:15px;
            margin-bottom:10px;
        }
            .fb-like , .twitter-share-button {
               float:right;
            }
            .fb-like {
                margin-left:10px;
            }
        #btn-apply {
        }

/* Main */
#main {margin-bottom:50px;}
#main , #sakurajima2013 , #conditions, #topContent {
    width:620px;
    box-shadow:0px 0px 8px #010811;
    background-color:#000205;
    padding:30px;
    float:left;
}
    #pageTitle {
        font-weight:normal;
        font-size:300%;
        border-bottom:1px dotted #666769;
        padding-bottom:12px;
        margin-bottom:30px;
    }
    #main section {margin-bottom:50px;}
    #main section:last-child {margin-bottom:0;}
    #main h3 {
        font-size:150%;
        color:#fff100;
        margin-bottom:6px;
        font-weight:normal;
    }
    #main p {
        margin-bottom:18px;
    }
    #main img {
        max-width:620px;
        margin-bottom:18px;
    }

/* Side */
#side {
    width:200px;
    box-shadow:0px 0px 8px #010811;
    background-color:#000205;
    padding:30px;
    margin-bottom:50px;
    float:right;
}
    #side a {
        margin-bottom:15px;
        display:block;
    }

/* Footer */
#footWrapper {background:#000205 url("/wordpress/wp-content/themes/endojuku_2.1/images/bg_foot.png") 80% -60px no-repeat;}
#footer {padding:30px 0;}
    #sevenfields {float:left;margin-right:40px;}
        #sevenfields h2 {font-size:117%;font-weight:normal;margin-bottom:5px;}
        #sevenfields img {margin-bottom:10px;}
        
    #footerNav {float:left;}
        #footerNav li {
            background:url("/wordpress/wp-content/themes/endojuku_2.1/images/icon_arrow_blue.gif") center left no-repeat ;
            padding:6px 12px;
        }
    
    #footerRight {float:right;text-align:right;} 
        #copyright {margin-top:12px;}

/* Index */
#visual {
    margin-bottom:50px;
    line-height:1;
    height:360px;
    background:#fff;
    z-index:50;
}
    #visual img ,#visual a , #visual div , #visual li {
        z-index:10;
    }


#banner {
    margin-bottom:40px;
}
    #banner ul {
        
    }
        #banner li {
            list-style:none;
            width:160px;
            float:left;
        }
            #banner li a {
                display:block;
                margin:0 auto;
            }
        

#top {
}
    #top-intro , #top-news {
        width:260px;
        float:left;
        height:335px;
    }
    #top-intro {
        position:relative;
        margin-bottom:50px;
    }
    #top-facebook {
        float:right;
        background:#fff;
        width:635px;
        height:375px;
        margin-bottom:40px;
    }
        .introMore {
            text-align:center;
        }
        #top-intro p {
            margin-bottom:20px;
            font-size:117%;
        }
        #top-intro-logo {
            position:absolute;
            right:-20px;
            top:-30px;
        }
        #top-intro-yatto {
            margin-bottom:20px;
        }

    #top-news {
    }
        #top-news ul {
            height:285px;
            overflow:auto;
        }
            #top-news li {
                list-style:none;
                margin-bottom:12px;
                padding-right:10px;
            }
                .newsDete {
                    width:100px;
                    color:yellow;
                }
            
    #top-content {
        width:300px;
        float:right;
    }

#mainWrapper {
    width:620px;
    float:left;
}
#sakurajima2013 , #conditions , #topContent {
    margin-bottom:20px;
}
    #sakurajima2013 h3 {
        font-size:150%;
        color:#fff100;
        margin-bottom:6px;
        font-weight:normal;
    }
    #sakurajima2013 p {
        margin-bottom:18px;
    }
    #sakurajima2013 img {
        max-width:620px;
        margin-bottom:18px;
    }



/* about */
#intro , #yattoComment {
    margin-bottom:50px;
}
#intro {}
    #intro h1 {
        font-size:300%;
        margin-bottom:18px;
        text-align:center;
        font-weight:normal;
    }
    #introText {
        float:left;
        text-align:left;
        font-size:117%;
        line-height:2;
    }
    #introText p {margin-bottom:18px;}
    #intro img {float:right;}

#yattoComment {
    position:relative;
}
    #yattoComment h2 {
        text-align:center;
        margin-bottom:18px;
    }
    #yattoCommentText {
        float:left;
        font-size:117%;
        line-height:2;
    }
        #yattoCommentText p {margin-bottom:18px;margin-left:20px;}
    #yattoCommentImg {
        position:absolute;
        bottom:-18px;
        right:-120px;
    }
#aboutBs , #aboutSp {
    line-height:2;
    font-size:117%;
}
    #aboutBs h3 , #aboutSp h3 {
        margin-bottom:0;
        line-height:1;
    }
#imgKids {margin-top:25px;}
#aboutImg {margin-bottom:50px;}


/* coach */
.coach {margin-bottom:50px;}
    #main .coach h3 {font-size:200%;line-height:1;}
    .coachLeft {float:left;width:335px;font-size:117%;}
        .coachLeft strong {}
        .coachLeft p {}
        .coachLeft h4 {font-size:117%;margin-bottom:6px;}
        .coachLeft ul {margin-bottom:18px;}
            .coachLeft ul li {margin-bottom:6px;margin-left:12px;list-style:square;}
    .coachRight {float:right;}

/* program */
#program {margin-bottom:50px;}
    #program .table , #program .table-p {margin-bottom:25px;}
    #program .table-p {font-size:117%;}


#capacityNotice {text-align:center;padding-top:6px;font-size:117%;}

/* privacy */
#privacy {}
    #privacy h3 {margin:40px 0 6px 0;}
    #privacy p {font-size:117%;line-height:2;}
    #privacy ol li {margin-left:20px;}
/* form */
#form {margin-bottom:50px;}
    #form h3 {
        font-size:150%;
        color:#fff100;
        margin-bottom:6px;
        font-weight:normal;
    }
    #form p {font-size:117%;margin-bottom:18px;}
    
    #form #capacity {
        margin-bottom:30px;
        padding-bottom:20px;
        border-bottom:1px dotted #333;
    }

    #form #inquiryformSubmit-1 {
        margin:20px auto;
        display:block;
        padding:6px;
    }
        #form .require {color:red;font-size:11px;}
        #form .submessage {font-size:10px;}
        #form .error {font-size:14px;color:red;font-weight:bold;}
    
    #form .submit-container {text-align:center;padding:12px;}
        #form .submit-container input {padding:4px 6px;}

/* other */
#sakurajima2013 {text-align:center;}

/*commment*/
#comment {
    margin-bottom:50px;
}
    #comment p {
        font-size:117%;
        margin-bottom:14px;
        float:left;
        width:600px;
        line-height:2;
    }
    #comment img {
        float:right;
    }

/*movie*/
#movie {
    margin-bottom:50px;
}

/*single-noside*/
#single-noside {
    margin-bottom:60px
}

/*access*/

#aboutField {
    margin-bottom:60px;
}
    #aboutField h4 {font-size:150%;}
    #aboutField strong {font-size:117%;}
#map {
    width:100%;
    height:480px;
    margin-bottom:60px;
}
    #map-info {
        color:#555;
    }
        #map-info h3 {
            margin-bottom:6px;
        }
        #map-info p {
            margin-bottom:0;
        }

/*gallery*/
#gallery {
    margin-bottom:60px;
    color:white;
}

/*homework*/
#homework {
    
}
    #homework-content {
        
    }
        #homework-content h4 {
            border-left:4px solid #297dff;
            font-size:200%;
            font-weight:normal;
            padding-left:8px;
            margin-bottom:20px;
            line-height:1.2;
            background:url("/wordpress/wp-content/themes/endojuku_2.1/images/icon-homework.gif") right center no-repeat;
        }
        #homework-content p {
            font-size:114%;
            line-height:2;
        }
        #homework-content blockquote {
            padding:20px;
            background:#1e2024;
            border:1px solid #393c41;
        }
            #homework-content blockquote p {
                display:none;
            }
.homework-side {
    
}
    .homework-side h2 {
        margin-bottom:12px;
    }
    .homework-side ul {
        margin-left:16px;
    }