/* -----------------------------------------------------------------------
 ページの基本デザイン用CSS
------------------------------------------------------------------------- */
/*　リセット　*/
* {
    margin: 0px;
    padding: 0px;
}

/* ページ設定　*/
body {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    color: #333;
    text-align: center;
    background: #fff;
    font-size: 14px;
    background: url(../image/bak.png) fixed;
}

@media screen and (min-width: 481px) {
    table {
        font-size: 90%
    }

    /* コンテンツ設定　*/
    #contents {
        width: 1000px;
        margin: auto;
        text-align: left;
        position: relative;
        background: #fff;
    }

    /*　本文　*/
    #main {
        padding: 0px 10px;
    }

    /*　サイトタイトル(見出し1)　*/
    h1 {
        padding: 10px 10px;
        margin: 5px;
        margin-bottom: 60px;
        text-align: left;
    }

    h1 img {
        height: 90px;
    }

    #login {
        text-align: right;
        font-size: 80%;
    }

    #subtitle {
        position: absolute;
        text-align: right;
        font-size: 16px;
        top: 60px;
        right: 10px;
    }

    #subtitle b {
        display: block;
        color: #006;
    }

    /*　ページタイトル　*/
    h2 {
        color: #452020;
        font-size: 18px;
        border-left: 5px solid #000;
        border-bottom: 1px solid #aaa;
        padding: 5px 10px;
        margin: 10px 5px;
        font-weight: bold;
    }

    h3 {
        font-size: 15px;
        font-weight: normal;
        padding: 5px 10px;
        margin: 20px 0px;
        border: 1px solid #aaa;
        background: #003;
        color: #fff;
        clear: both;
    }

    h4 {
        font-size: 14px;
        font-weight: bold;
        padding: 2px 8px;
        text-decoration: underline;
    }

    /*　ナビメニュー*/
    .fixed {
        position: static !important;
        margin: 10px 0 !important;
        clear: both !important;
    }

    #navbar * {
        margin: 0px;
        padding: 0px;
        border: none;
    }

    #navbar {
        width: 1000px;
        position: absolute;
        top: 100px;
        left: 0px;
        border: 1px solid #aaa;
        border-style: solid none;
        margin: 10px 0px;
        background: #336;
        border-radius: 5px;
    }

    #navbar h2 {
        float: left;
        text-align: center;
        font-size: 14px;
        line-height: 1em;
        margin: 2px;

    }

    #navbar a {
        width: 135px;
        display: block;
        padding: 10px 0px;
        color: #fff;
        font-weight: normal;
    }

    #navbar a:hover {
        text-decoration: none;
        background: #000;
    }

    /*　トップページの画像の大きさ　*/
    #topimg {
        text-align: center;
        background: #fff;
    }

    /* ニュース */

    #news p {
        border-bottom: 1px solid #aaa;
        line-height: 1.5em;
        padding: 10px;
        margin-top: 0;
    }

    #news {
        padding: 0px 10px;
    }

    #news input {
        width: 100%;
        margin: 5px;
        padding: 5px;
    }

    #news #editbox {
        display: none;
    }

    #news div {
        margin: 5px 0px;
    }

    #news div.lastdate {
        font-size: 12px;
        padding-left: 20px;
        border-top: 1px solid #aaa
    }

    #news div#title {
        font-weight: bold;
        text-decoration: underline
    }

    #news div[contenteditable='true'] {
        box-shadow: 0px 0px 10px 1px #ccc;
        padding: 10px;
    }

    #news div:focus {
        box-shadow: 0px 0px 10px 1px #aac;
    }

    #path {
        text-align: right;
        margin: 0px 10px;
        font-size: 85%;
        font-weight: bold;
    }

    #path a {
        font-weight: normal;
    }


    div.map {
        margin-left: 50px;
    }

    ul.roomlist {
        width: 500px;
        list-style: none;
    }


    /*基本理念*/
    #greeting {
        width: 100%;
        border: 1px #aaa;
        background: #fff;
        padding: 20px;
    }

    #greeting b {
        display: block;
        font-size: 20px;
        margin-bottom: 20px;
        color: #006;
    }

    #greeting img {
        width: 200px;
        float: right;
        margin: 20px;
    }

    #greeting #name {
        text-align: right;
        font-size: 18px;
    }

    #qform {
        margin: 20px;
    }

    #qform td {
        padding: 5px;
    }

    #qform b {
        font-weight: normal;
        color: red;
    }

    #qform input,
    #qform textarea,
    #qform select {
        width: 250px;
        padding: 5px;
    }

    #qform label input {
        width: 20px;
    }

    #qform input[type="submit"] {
        width: 200px;
    }

    #qform textarea {
        width: 400px;
    }

    table.info {
        width: 600px;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    table.info th {
        width: 25%;
        padding: 4px;
        text-align: center;
        vertical-align: top;
        color: #444;
        background-color: #feedf3;
        border-left: 3px double #999;
        border-top: 1px solid #fff;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    table.info td {
        width: 75%;
        padding: 4px;
        background-color: #fafafa;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    table.taiken {
        margin: 0 auto;
        width: 700px;
        font-size: 110%;
        border: none;
        border-top: solid 1px #666;
        border-bottom: solid 1px #666;
        border-collapse: separate;
        border-spacing: 0 10px;
        background: #f5f5f5;
    }

    table.taiken th {
        vertical-align: middle;
        height: 53px;
        width: 200px;
        border-right: solid 1px #666;
        margin: 0;
        text-align: center;
        color: #333;
        font-weight: bold;
    }

    table.taiken td.data {
        padding: 0;
        margin: 0;
        height: 53px;
        width: 150px;
        border: none;
        line-height: 2em;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
    }

    table.taiken td.fst {
        text-align: center;
    }

    table.taiken td:fst-child {
        padding: 0 0 0 10px;
        vertical-align: middle;
    }

    table.taiken td.bar {
        height: 1px;
        width: 100%;
        border-top: solid 1px #34495e;
    }

    /*　メール　*/
    .email {
        text-align: center;
        background: url(../image/mail.gif) no-repeat center top;
        padding-top: 50px;
        display: block;
    }

    .email:hover {
        background-color: eee;
    }


    .infomail {
        border: 1px solid #aaa;
        padding: 10px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
        width: 700px;
        background: #feedf3;
    }

    .infomail b {
        margin: 10px;
        font-size: 150%;
    }

    /*　最下部　*/

    address {
        font-size: 80%;
        font-style: normal;
        text-align: center;
        padding: 5px;
        margin-top: 30px;
        clear: both;
        background: #000;
        color: #fff;
    }

    #letter-image img {
        width: 120px;
        margin: 5px;
    }

    #campaign {
        text-align: center;
        width: 99%;
        margin-left: 20px;
        margin-top: 10px;
        font-size: 15px;
    }

    #campaign a {
        display: block;
        color: #000;
        border: 1px solid #999;
        float: left;
        padding: 5px;
        margin: 0px 10px 20px;
    }

    #campaign div {
        clear: both;
    }

    #campaign .ban1 {
        background: #FFFFCC;
        width: 320px;
        font-weight: bold;
    }

    #campaign .ban1 b {
        color: #9F0019;
        font-size: 120%;
    }

    #campaign .ban2 {
        background: #CCE6FF;
        font-weight: bold;
        width: 250px;
        height: 50px;
    }

    #campaign .ban2 b {
        color: #9F0019;
        font-size: 120%;
    }

    #campaign .ban3 {
        background: #CCE6FF;
        margin-left: 10px;
        width: 250px;
        height: 50px;
    }

    #campaign .ban3 b {
        color: #9F0019;
    }

    #bloglink {
        font-size: 16px;
        margin: 10px auto;
        text-align: center;
    }

    #blog span {
        font-size: 9px;
        font-weight: normal;
    }

    div.mes {
        display: flex;
    }

    div.mes b {
        display: block;
    }

    div.mes div {
        padding: 10px;
        line-height: 1.5em;
    }

    div.mes .left {
        flex-basis: 50%;
        border-right: 3px double #333;
    }

    div.mes .right {
        flex-basis: 50%;
    }

    p.sch_name {
        background: url(../image/sakura.jpg) no-repeat left center;
        background-size: 50px;
        padding: 20px 50px;
        font-size: 18px;
    }

    div.panf_dl {
        text-align: right;
    }

    div.panf_dl a {
        background: url("../image/pdf.png") no-repeat left center;
        background-size: 75px;
        padding-left: 70px;
    }

    div.panf {
        text-align: center;
    }

    div.panf img {
        display: block;
        margin: 5px auto;
        border: 1px solid #aaa;
    }
}

@media screen and (max-width: 480px) {
    table {
        font-size: 90%
    }

    /* コンテンツ設定　*/
    #contents {
        width: 100%;
        text-align: left;
        background: #fff;
    }

    /*　本文　*/
    #main {
        padding: 0;
    }

    /*　サイトタイトル(見出し1)　*/
    h1 {
        padding: 10px 10px;
        text-align: left;
    }

    h1 img {
        height: 60px;
    }

    #login {
        display: none;
    }

    #subtitle {
        text-align: right;
        font-size: 10px;
    }

    #subtitle b {}

    /*　ページタイトル　*/
    h2 {
        color: #452020;
        font-size: 20px;
        border-left: 5px solid #000;
        font-weight: bold;
        margin: 5px 0px;
        padding-left: 5px;
    }

    h3 {
        font-size: 15px;
        font-weight: normal;
        padding: 5px 10px;
        border: 1px solid #aaa;
        background: #003;
        color: #fff;
        clear: both;
    }

    h4 {
        font-size: 14px;
        font-weight: bold;
        padding: 2px 8px;
        text-decoration: underline;
    }

    /*　ナビメニュー*/
    .fixed {
        position: static !important;
        margin: 10px 0 !important;
        clear: both !important;
    }

    #navbar * {
        margin: 0px;
        padding: 0px;
        border: none;
    }

    #navbar {
        border-bottom: 1px solid #666;
    }

    #navbar h2 {
        font-size: 14px;
    }

    #navbar a {
        border-top: 1px solid #666;
        display: block;
        padding: 10px;
        background: #eef;
        color: #000;
        text-decoration: none;
    }

    /*　トップページの画像の大きさ　*/
    #topimg {
        text-align: center;
    }

    #topimg img {
        border: 1px solid #333;
        border-style: solid none;
        margin: 20px 0px;
        width: 100%;
    }

    /* ニュース */

    #news p {
        border-bottom: 1px solid #aaa;
        line-height: 1.5em;
        padding: 10px;
        margin-top: 0;
    }

    #news {
        padding: 0px 10px;
    }

    #news input {
        width: 100%;
        margin: 5px;
        padding: 5px;
    }

    #news #editbox {
        display: none;
    }

    #news div {
        margin: 5px 0px;
    }

    #news div.lastdate {
        font-size: 12px;
        padding-left: 20px;
        border-top: 1px solid #aaa
    }

    #news div#title {
        font-weight: bold;
        text-decoration: underline
    }

    #news div[contenteditable='true'] {
        box-shadow: 0px 0px 10px 1px #ccc;
        padding: 10px;
    }

    #news div:focus {
        box-shadow: 0px 0px 10px 1px #aac;
    }

    #path {
        text-align: right;
        margin: 0px 10px;
        font-size: 85%;
        font-weight: bold;
    }

    #path a {
        font-weight: normal;
    }

    div.map {}

    ul.roomlist {
        list-style: none;
    }

    /*基本理念*/
    #greeting {
        border: 1px #aaa;
        text-align: center;
    }

    #greeting b {
        display: block;
        margin: 5px;
        font-size: 20px;
        color: #006;
        text-align: left;
    }

    #greeting img {
        width: 40%;
        margin: 10px;
    }

    #greeting #name {
        text-align: right;
        font-size: 18px;
    }

    #qform {}

    #qform td#ch label {
        display: block;
    }

    #qform tr {
        border-bottom: 1px solid #333;
    }

    #qform td {
        padding: 5px;
    }

    #qform b {
        font-weight: normal;
        color: red;
    }

    #qform input,
    #qform textarea,
    #qform select {
        width: 100%;
        padding: 5px;
    }

    #qform label input {
        width: 20px;
    }

    #qform input[type="submit"] {
        width: 80%;
    }

    #qform textarea {
        width: 100%;
    }

    table.taiken {
        border-collapse: collapse;
        border-spacing: 0;
        border-top: 1px solid #555;
    }

    table.taiken tr {
        border-bottom: 1px solid #555;
    }

    /*　メール　*/
    .email {
        text-align: center;
        background: url(../image/mail.gif) no-repeat center top;
        padding-top: 50px;
        display: block;
    }

    .email:hover {
        background-color: eee;
    }


    .infomail {
        border: 1px solid #aaa;
        padding: 5px;
        text-align: center;
        margin: auto;
        background: #feedf3;
    }

    .infomail b {
        margin: 5px;
        display: block;
        font-size: 150%;
    }

    /*　最下部　*/

    address {
        font-size: 80%;
        font-style: normal;
        text-align: center;
        padding: 5px;
        margin-top: 30px;
        clear: both;
        background: #000;
        color: #fff;
    }

    #letter-image img {
        width: 120px;
        margin: 5px;
    }

    #campaign {}

    #campaign a {
        display: block;
    }

    #campaign div {
        clear: both;
    }

    #campaign .ban1,
    #campaign .ban2,
    #campaign .ban3 {
        border: 1px solid #ccc;
        margin: 5px;
        padding: 5px;
        color: #333;
        background: rgb(215, 221, 235);
    }

    #campaign .ban1 b {}

    #campaign .ban2 b {}

    #campaign .ban3 b {}

    #bloglink {
        font-size: 16px;
        margin: 10px auto;
        text-align: center;
    }

    #blog span {
        font-size: 9px;
        font-weight: normal;
    }

    div.mes {
        display: block;
    }

    div.mes b {
        display: block;
    }

    div.mes div {
        padding: 5px;
        margin: 5px;
        border: 1px solid #aaa;
    }

    p.sch_name {
        background: url(../image/sakura.jpg) no-repeat left center;
        background-size: 40px;
        padding: 20px 40px;
    }

    div.panf img {
        max-width: 100%;
        display: block;
        border: 1px solid #aaa;
        border-style: solid none;
    }

    div.panf_dl {
        display: none;
    }
}

/* -----------------------------------------------------------------------
　各種一般タグ設定　
------------------------------------------------------------------------- */
.pimg {
    width: 250px;
    float: right;
    margin: 10px;
}

#goal {
    background: #feedf3;
    width: 350px;
    text-align: left;
    padding: 20px 50px;
    border: 1px solid #aaa;
    font-size: 105%;
    clear: both;
    margin: auto;
}

#goal b {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

#rss {
    float: right;
    width: 450px;
    border: 1px solid #aaa;
    background: #eef;
    padding: 5px;
}

#rss li {
    padding: 5px;
    border-bottom: 1px solid #aaa;
    font-size: 14px;
}

#rss div {
    font-weight: bold;
    font-size: 16px;
}

#main h3,
#main h4 {
    clear: both;
}

/*　合格体験記　*/

.goukaku {
    border: none;
    border-collapse: separate;
}

.goukaku th {
    text-align: left;
    padding: 5px;
}

.goukaku b {
    display: block;
}

.goukaku td {
    padding: 5px 10px;
    vertical-align: top;
    line-height: 2em;
    font-size: 110%;
    background: #eef;
    box-shadow: #666 10px 5px 5px;
}

.goukaku .left {
    width: 50%;
    border: 1px solid #666;
}

.goukaku .right {
    width: 50%;
    border: 1px solid #666;
}

ul {
    list-style: square url(../image/li.png);
    margin: 0px;
    padding: 5px 0px 5px 30px;
}

li {
    margin: 10px 0px;
    line-height: 1em;
    font-size: 16px;
}

p {
    line-height: 2em;
    margin: 10px;
}

img {
    border: 0px;
}

p img {
    margin: 10px;
    position: relative;
    float: right;
}

a {
    color: #33f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #00f;
}

a[name] {
    color: #000;
}

a[name]:hover {
    text-decoration: none;
}

/* -----------------------------------------------------------------------
 各種CSSクラス、ID
------------------------------------------------------------------------- */

/*　「トップへ戻る」ボタン　*/

p.back {
    clear: both;
    text-align: right;
    font-size: 90%;
    font-weight: bold;
}

p.back a {
    text-decoration: underline;
}

.new,
.up {
    padding-right: 30px;
    background: right center no-repeat
}

.new {
    background-image: url(../image/new.gif);
}

.up {
    background-image: url(../image/up.gif);
}

.nyujuku {
    text-align: center;
}

.nyujuku img {
    display: block;
    max-width: 95%;
    margin: 0 auto;
}

/* -----------------------------------------------------------------------
 トップページ
------------------------------------------------------------------------- */

/*　更新履歴　*/

#topnews {
    margin: 10px 0px;
    padding: 0px;
    height: 200px;
    overflow: auto;
}

body#log {
    text-align: left;
}



.diary {
    display: none;
    text-align: left;
    padding: 0;
    margin: 0;
    margin: 5px;
    border: 1px solid #aaa;
    background: #fff;
}

.diary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.diary h4 {
    line-height: 1em;
    margin: 0;
}

.rssheader {
    margin: 2px 5px;
    font-weight: bold;
}

.rssheader a {
    color: #000;
}

.diary .rssRow {
    padding: 10px;
    border-bottom: 1px solid #aaa;
}

.diary .rssRow div {
    text-align: left;
    margin-left: 10px;
}

.diary p {
    margin: 0 5px;
}

#infobox {
    width: 100%;
    height: 200px;
    border: none;
    margin: 0;
}