@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:white;
	background:url("/wordpress/wp-content/themes/endojuku_2.0/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;}

#nav li a {
    display:block;
    padding:8px 12px;
    font-size:117%;
}
#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 {text-align:center;}
.table , #trust-form table {
        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 {
        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 {
        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 td , #trust-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;
}

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

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

#slide , #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 */
#nWrapper {
    background:#000205;
    box-shadow:0px 0px 8px #010811;
}
    /*#nav {position:relative;overflow:hidden;}
        #nav ul {
            position:relative;
            left:50%;
            float:left;
        }
            #nav ul li {
                position:relative;
                left:-50%;
                float:left;
            }*/
    #nav {
        width:960px;
        margin:0 auto;
    }
        #nav ul li {
            float:left;
        }
        #nav ul {float:left;}
        #headerSocial {float:right;padding-top:8px;}
        
/* Header */
#header {text-align:center;padding:50px 0;}

/* 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.0/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.0/images/icon_arrow_blue.gif") center left no-repeat ;
            padding:6px 12px;
        }
    
    #footerRight {float:right;text-align:right;} 
        #copyright {margin-top:12px;}

/* Index */
#slide {margin-bottom:50px;}
    #slide a {margin:0;padding:0;display:block;}

#introTop {position:relative;margin-bottom:50px;}
    .introMore {text-align:center;}
    #introTop-1 {position:relative;float:left;width:250px;}
        #introTop-1 p {margin-bottom:20px;font-size:117%;}
            #introTop-1Logo {position:absolute;right:-39px;top:-48px;}
            #introTop-1Yatto {margin-bottom:20px;}
    #introTop-2 {position:absolute;left:50%;margin-left:-140px;width:250px;}
        #introTop-2 li {list-style:none;}
            #introTop-2 li p {margin-bottom:20px;}
            #introTop-2 li h3 {font-size:117%;color:#fff100;margin-bottom:6px;}
    #introTop-3 {position:relative;float:right;width:310px;}
        #introTop-3 h2 {
            border-top:1px solid #3d3d3d;
            border-bottom:1px solid #0a0a0a;
            font-weight:normal;
            font-size:150%;
            padding:6px 15px;
            position:relative;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #101010), color-stop(0.00, #1f1f1f));
            background: -webkit-linear-gradient(top, #1f1f1f 0%, #101010 100%);
            background: -moz-linear-gradient(top, #1f1f1f 0%, #101010 100%);
            background: -o-linear-gradient(top, #1f1f1f 0%, #101010 100%);
            background: -ms-linear-gradient(top, #1f1f1f 0%, #101010 100%);
            background: linear-gradient(top, #1f1f1f 0%, #101010 100%);
        }
        #introTop-3 li {
            list-style:none;
            border-top:1px solid #535353;
            border-bottom:1px solid #191919;
            padding:15px;
            position:relative;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #222222), color-stop(0.00, #383838));
            background: -webkit-linear-gradient(top, #383838 0%, #222222 100%);
            background: -moz-linear-gradient(top, #383838 0%, #222222 100%);
            background: -o-linear-gradient(top, #383838 0%, #222222 100%);
            background: -ms-linear-gradient(top, #383838 0%, #222222 100%);
            background: linear-gradient(top, #383838 0%, #222222 100%);
        }
            #introTop-3 li img {
                float:left;
                border-top:1px solid #191919;
                border-left:1px solid #191919;
                border-right:1px solid #535353;
                border-bottom:1px solid #535353;
                margin-right:12px;
            }
            #introTop-3 li h3 {
                color:#fff100;
                font-size:150%;
                font-weight:normal;
                padding-top:6px;
            }
            #introTop-3 li span {
              font-size:67%;
              color:white;
              margin-left:6px;  
            }
#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;
    }

#news {}
    #news li {
        list-style:none;
        margin-bottom:12px;
        font-size:117%;
    }
        .newsDete {
            float:left;
            width:100px;
        }
        #news li a , #news li p {
            float:left;
            width:520px;
            margin:0;
        }

/* 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;}
#aboutField {}
    #aboutField h4 {font-size:150%;}
    #aboutField strong {font-size:117%;}

/* 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 {margin-bottom:25px;}
    #program .table tbody {font-size:117%;}
    #program .table thead th {
        font-weight:normal;
    }
    #program .table tbody th {
        font-weight:normal;
    }

#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;}