@charset "UTF-8";

/*
 *
 *  std.css for AAA Academy
 *
 */

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #e9eef0 url(../image/base.png) repeat-x;
    font-family: 'trebuchet ms';
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #666666;
}
p {
    margin: 0 0 10px 0;
}
h1 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
}
h2 {
    width: 585px;
    height: 50px;
    margin: 0 0 25px 0;
    padding: 4px 5px 0 10px;
    font-family: arial;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    color: #053b7d;
    background: url(../../image/top_hdbk.gif) no-repeat;
}
h3 {
    margin: 0 0 8px 0;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0;
    color: #053b7d;
}
.topBase p {
    line-height: 18px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
.topBase .left {
    width: 290px;
    margin: 0;
    padding: 0;
    float: left;
}
.topBase .left .image {
    display: block;
    width: 104px;
    float: left;
    margin: 0 4px 0 0;
}
.topBase .right {
    width: 290px;
    margin: 0;
    padding: 0;
    float: left;
}
.topBase .right .image {
    display: block;
    width: 104px;
    float: left;
    margin: 0 4px 0 0;
}
.topBase .more, .topBase .more:link, .topBase .more:visited {
    color: #fe8d15;
    text-decoration: underline;
}
.topBase .more:hover, .topBase .more:active {
    color: #008000;
    text-decoration: underline;
}
.topBase .title, .topBase .title:link, .topBase .title:visited {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #2ca1c9;
    text-decoration: none;
}
.topBase .title:hover, .topBase .title:active {
    font-size: 14px;
    font-weight: bold;
    color: #2ca1c9;
    text-decoration: underline;
}
.csf01 div h1 {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    font-family: arial;
}
strong {
    color: #0099cc;
    font-weight: bold;
}
img {
    margin: 0;
    padding: 0;
    border-width: 0;
}
.csf01 {
    width: 600px;
    border-collapse: collapse;
    border: none;
}
.csf01 div {
    width: 280px;
    height: 80px;
    border: 1px solid #cccccc;
    margin: 10px;
    padding: 10px;
    font-size: 12px;
}
.calBase {
    width: 560px;
    margin: 0 0 0 20px;
    border-collapse: collapse;
    border: none;
}
.calBase td {
    padding: 0 0 10px 0;
    text-align: center;
    vertical-align: top;
}
.calBase td h1 {
    margin: 0 10px 0 20px;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #0099cc;
    text-decoration: underline;
}
.calBase td p {
    margin: 0 10px 10px 20px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 13px;
}
.cal {
    width: 150px;
    border-collapse: collapse;
    border: none;
}
.cal td {
    border: 1px solid #cccccc;
    padding: 0;
    text-align: center;
    font-size: 12px;
}
.cal th {
    border: 1px solid #cccccd;
    padding: 1px 0 0 1px;
    background-color: #cccccc;
    color: #ffffff;
}
.calWeek td {
    background: #eeeeee;
    color: #aaaaaa;
    font-size: 10px;
}
.check {
    background: #e4f79d;
}
.fees {
    width: 520px;
    border-collapse: collapse;
    border: none;
}
.fees td {
    border-bottom: 1px dashed #cccccc;
    padding: 3px 10px 1px 3px;
    text-align: left;
    font-size: 12px;
    color: #333333;
    vertical-align: bottom;
    line-height: 13px;
}
.fees th {
    border: none;
    padding: 1px 0 0 1px;
    font-size: 12px;
    color: #333333;
    text-align: left;
    vertical-align: bottom;
    text-decoration: underline;
}
.fees .money {
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}
a:link {
    color: #0000ff;
    text-decoration: none;
}
a:visited {
    color: #003366;
    text-decoration: none;
}
a:hover {
    color: #008000;
    text-decoration: none;
}
a:active {
    color: #008000;
    text-decoration: none;
}
#base {
    width: 860px;
    margin: 0 auto;
    text-align: left;
    background: #ffffff url(../image/bottom.gif) bottom no-repeat;
    overflow: hidden;
}
#main {
    width: 850px;
    margin: 0 5px 5px 5px;
    padding: 0;
    overflow: hidden;
}
#contents {
    width: 600px;
    margin: 10px 0 0 0;
    padding: 0;
    float: right;
}
.headline {
    clear: both;
    margin: 10px 0;
    width: 600px;
    background: url(../image/headline02_bottom.gif) no-repeat left bottom;
}
.headline .inner {
    padding: 0 0 7px;
    width: 600px;
    background: url(../image/headline02_top.gif) no-repeat left top;
    overflow: hidden;
}
.headline_m {
    clear: both;
    margin: 10px 0;
    width: 600px;
    height: 30px;
    background: url(../image/headline.gif) no-repeat;
    overflow: hidden;
}
.headline_t {
    clear: both;
    margin: 0 0 10px 0;
    width: 600px;
    height: 30px;
    background: url(../image/headline.gif) no-repeat;
    overflow: hidden;
}
.headline .title, .headline_m .title, .headline_t .title {
    display: block;
    float: left;
    margin: 7px 0 0 6px;
    font-size: 18px;
    color: #0099ff;
}
.headline .caption, .headline_m .caption, .headline_t .caption {
    display: block;
    float: left;
    margin: 8px 0 0 15px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    color: #000000;
    font-family: arial;
}
.headline .title, .headline .caption {
    white-space: nowrap;
}
.headline .totop, .headline_m .totop {
    display: block;
    float: right;
    margin: 8px 8px 0 0;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 0;
    color: #000000;
    font-family: Tahoma;
}
.sentence {
    clear: both;
}
.sentence .left {
    float: left;
    margin: 0 15px 5px 0;
}
.sentence .right {
    float: right;
    margin: 0 0 5px 5px;
}
#leftMenu {
    width: 240px;
    margin: 0;
    padding: 0;
    float: left;
    font-family: arial;
    letter-spacing: 0;
}

/*------------------------------------   update 2009/11 -*/

.sentence a.mail {
    color: #ffab27;
    text-decoration: underline;
}
.sentence p {
    margin-left: 5px;
}
.sentence p img {
    margin: 5px 0 5px -5px;
}
.sentence .belt {
    margin-left: 0;
    padding: 9px 6px;
    color: #333333;
    background-color: #e8edef;
    font-weight: bold;
}
.sentence .header {
    margin-bottom: 5px;
    color: #002a7d;
    font-weight: bold;
}
.sentence .section {
    clear: both;
    padding: 15px 0 5px;
    border-top: 1px solid #e7e7d6;
    overflow: hidden;
}
.sentence .frame {
    margin: 0 0 8px;
    padding: 2px 3px;
    width: 592px;
    border: 1px solid #dbe3e6;
    float: left;
}
.sentence .frame .title {
    padding: 5px 7px 3px;
    background-color: #e8edef;
    color: #333333;
}
.sentence .frame .title p {
    margin-bottom: 3px;
}
.sentence .frame .title strong {
    color: #333333;
    font-size: 14px;
}
.sentence .frame .contents {
    padding: 13px 0 0 8px;
}
.sentence .frame .strong {
    color: #3f3f3f;
}
.sentence .note {
    margin: 0 0 6px 5px;
    padding: 4px 10px 2px;
    border: 1px solid #dfdfdf;
}
.sentence #location_school.note {
    margin: 0 0 6px 5px;
    padding: 1px;
}
.sentence #location_school.note .inner {
    padding: 7px 0 7px 250px;
    background: url(../../loc/image/108.jpg) no-repeat left bottom;
}
.sentence #location_office.note {
    margin: 0 0 6px 5px;
    padding: 1px;
}
.sentence #location_office.note .inner {
    padding: 7px 0 7px 250px;
    background: url(../../loc/image/109.jpg) no-repeat left bottom;
}
.sentence .note table {
    font-size: 12px;
    margin-bottom: 10px;
}
.sentence .note p {
    margin-bottom: 2px;
}
.sentence .note strong {
    color: #3f3f3f;
}
.sentence table.type01 {
    border-collapse: collapse;
}
.sentence table.type01 th, .sentence table.type01 td {
    padding: 4px 3px 3px 3px;
    border: 1px solid #94cdf4;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}
.sentence table.type01 th {
    color: #0099ff;
    background-color: #fbfbe2;
    font-weight: bold;
}
.sentence table.type01 td {
    text-align: center;
    line-height: 1;
}
.sentence table.type01 .num {
    padding: 4px 1px;
    letter-spacing: 0px;
    text-align: center;
}
.sentence table.type01 .del {
    padding: 0;
    border: none;
    letter-spacing: 0px;
    text-align: center;
}
.sentence table.type01 td strong {
    color: #00a3d9;
    font-weight: bold;
    white-space: nowrap;
}

/*------------------------------------ //update 2009/11 -*/


/* 以降旧バージョンのため未使用

    #leftMenu a {
    margin: 0;
    padding: 0 0 0 5px;
    display: block;
    width: 240px;
    height: 25px;
    background: url(../image/menu_back.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #003366;
    line-height: 25px;
    }

    #leftMenu .orange {
    color: #ff3300;
    }

    #treeMenu1, #treeMenu2, #treeMenu3, #treeMenu4, #treeMenu5, #treeMenu6, #treeMenu7, #treeMenu8 {
    display: none;
    }

    #treeMenu1 a, #treeMenu2 a, #treeMenu3 a, #treeMenu4 a, #treeMenu5 a, #treeMenu6 a, #treeMenu7 a, #treeMenu8 a {
    display: block;
    margin: 0;
    padding: 0 0 0 8px;
    width: 240px;
    height: 25px;
    background: url(../image/menu_back.gif) no-repeat;
    font-size: 13px;
    font-weight: normal;
    color: #003366;
    line-height: 25px;
    letter-spacing: 0;
    color: #0066cc;
    }

    #openMenu a {
    display: block;
    margin: 0;
    padding: 0 0 0 8px;
    width: 240px;
    height: 25px;
    background: url(../image/menu_back.gif) no-repeat;
    font-size: 13px;
    font-weight: normal;
    color: #003366;
    line-height: 25px;
    letter-spacing: 0;
    color: #0066cc;
    }

    #openMenu .orange {
    color: #ff3300;
    }

*/


/* フォーム */

form {
    background: #f2f2ec;
}
#formBase {
    width: 400px;
    margin: 0 0 20px 50px;
}
#formBase2 {
    width: 500px;
    margin: 0 0 20px 20px;
}
#coForm {
    margin: 10px;
    padding: 10px;
}
#formBase input, #formBase2 input, textarea {
    border: 1px solid #aaaaaa;
}
#coForm span {
    margin: 0 0 0 20px;
}
.f1 {
    margin: 0 0 0 20px;
}
.f2 {
    margin: 0 0 0 23px;
}
.f3 {
    margin: 0 0 0 6px;
}
#coForm .red, .red {
    color: #990000;
    font-size: 16px;
    margin: 0 0 0 3px;
    font-weight: bold;
}
#w3c {
    margin: 5px 0;
    overflow: hidden;
}
#w3c a {
    display: block;
    width: 88px;
    height: 31px;
    float: left;
    margin: 0 8px;
}
.calBase .headLine h1 {
    margin: 0 auto;
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

/*Photo Gallery*/

.photo-area01 {
    padding: 1px;
    border: 1px solid #dfe7ea;
}
.photo-area02 {
    text-align: center;
    padding: 30px 0 30px 0;
    background-color: #f2f4f5;
}

/*
.photo-area01 .top{
    margin:0 0 15px 0;
    padding:8px 0 0 0;
    border:1px solid #f2f4f5;
    background: url(../../ph/image/photo_bg1.gif) no-repeat center top;
    }
.photo-area01 .bottom{
    padding:0 0 8px 0;
     background: url(../../ph/image/photo_bg2.gif) no-repeat center bottom;
    }
*/

.photo-area01 table {
    margin-bottom: 13px;
}
.photo-area01 table.last {
    margin-bottom: 0;
}
.photo-area01 td {
    width: 142px;
    text-align: center;
}
.photo-area01 td.pic {
    height: 100px;
    text-align: center;
    vertical-align: middle;
    background: url(../../ph/image/photo_bg1.gif) no-repeat center top;
}
.photo-area01 td.pic a {
    margin-top: 7px;
    display: block;
}
.photo-area01 td.text {
    font-size: 85%;
    padding: 5px 0 10px 0;
    background: url(../../ph/image/photo_bg2.gif) no-repeat center bottom;
}
* html .photo-area01 td.text {
    font-size: 75%;
}
*+html .photo-area01 td.text {
    font-size: 75%;
}
html:first-child .photo-area01 td.text {
    font-size: 85%;
}
.photo-area01 td.text span {
    width: 100px;
    text-align: left;
    margin: 0 auto;
}
.photo-area01 .link {
    text-align: center;
    padding: 15px 0 10px 0;
    margin: 0 auto;
}
.photo-area01 .link p {
    margin: 0 auto;
    padding: 0 3px 0 0;
    display: inline;
    border-left: 1px solid #ced6da;
}
.photo-area01 .link a {
    font-size: 120%;
    padding: 0 12px;
    border-right: 1px solid #ced6da;
}
.photo-area01 .link a:visited {
    color: #4866de;
    text-decoration: none;
}
.photo-area01 .link a:hover {
    color: #ff6600;
    text-decoration: underline;
}
.photo-area01 .link a strong {
    font-weight: normal;
    color: #ff6600;
}
.video-area01 {
    padding: 1px;
    border: 1px solid #dfe7ea;
}
.video-area01 .box {
    background: url(../../ph/image/video_bg1.gif) no-repeat left top;
    width: 566px;
    margin: 0 auto 10px auto;
}
.video-area01 .box .bg {
    background: url(../../ph/image/video_bg2.gif) no-repeat left bottom;
    padding: 16px 30px 19px 30px;
    text-align: left;
}
.video-area01 td {
    width: 200px;
}
.video-area01 th {
    vertical-align: middle;
    text-align: left;
    color: #333333;
    font-size: 120%;
    padding-left: 20px;
}
.video-area01 th p {
    margin: 0 0 5px 0;
}


/*------------------------------------   20160712 STAFF -*/

#staff_sub_image {
    width: 100%;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}