@charset "utf-8";

/* **********************************************************************
 *
 *       Title:   Site-Shokunin CMS sp.css
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 ********************************************************************** */


/* RESET
======================================================= */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
        margin: 0;padding:0;
}
table {
        border-collapse: collapse;border-spacing:0;
}
fieldset,img{ border: 0; }
address,caption,cite,code,dfn,em,th,var {
        font-style: normal;font-weight:normal;
}
caption,th{ text-align: left; }
h1,h2,h3,h4,h5,h6 {
        font-size: 100%;font-weight:normal;
}
input,textarea,select{ font-family: inherit;font-size:inherit;font-weight:inherit; }


/* 基本設定
======================================================= */

body {
        margin: 0;
        padding: 0;
        background: #fff;
        color: #333;        /* 3-A 基本文字 */
        font: 13px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", "sans-serif";
        text-align: center;
        -webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
        position: relative;
}

hr.hide  { display: none; }
.clear { clear:both;width: 100%; }
.clear hr { display:none; }
a:link   { color  : #669e55; } /* 3-B リンク文字 */
a:hover, a:active { color: #669e55; text-decoration:none;} /* 3-B リンク文字 */
a:visited { color: #669e55; } /* 3-B リンク文字 */

.sp_none { display: none; }

p {
        margin: 0;
        padding: 0;
        line-height: 1.5;
}

ul {
        margin: 5px 0px 5px 10px;
        padding: 0px 0px 0px 10px;
        line-height: 1.5;
}

ol {
        margin: 5px 0px 5px 15px;
        padding: 0px 0px 0px 20px;
        line-height: 1.5;
}

ol ul {
        font-size: 100%;
}

/* 全体のレイアウト設定
======================================================= */

#wrapper {
        width: 100%;
        margin: 0 auto;
        background:#fff;
}

#wrappertop {
        width: 100%;
        margin: 0 auto;
        background:#fff;
}

header {
        width: 100%;
        background:#fff;
        position: relative;
}

#headnav {
        width: 100%;
}

#main {
        width: 94%;
        margin: 0 auto;
}

#nav {
        display:none;
}

footer {
        width: 100%;
        padding: 0px;
        background: #fff;
        text-align: left;
        clear: both;
}

#hb_txt {
        display:none;
}


/* header部分のスタイル設定
======================================================= */

header .header_l {
        width: 94%;
        margin: 0px auto;
        padding: 40px 0 10px;
        line-height: 1;
        text-align: center;
}

header .head_top .h_language {
        position: absolute;
        top: 0;
        right: 0;
        width: 120px;
        margin: 0 auto 20px;
        font-size: 77%;
        padding: 5px;
        background: #4f473c;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
}

header .head_top .h_language p {
        float: left;
        width: 90px;
        color: #fff;
        padding: 2px 0 0;
}

header .head_top .h_language select {
        float: right;
        width: 115px;
}

header .gsc,
header .header_r .head_btm,
header .head_top ul {
        display: none;
}


/* headnav部分設定
======================================================= */

.catetop { display: none; }

#menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#menu ul {
        margin: 0;
        padding: 0;
}

#menu li {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

/* nav button set */

#menu li {
        margin: 0;
        font-size: 108%;
        font-weight: bold;
        color: #7f2923;        /* 4-G 第一階層文字（スマホ／通常時） */
        display : block;
        background: #f7f4e8 url(../img/sp/sp_arw.png) right 50% no-repeat;        /* 4-D 第一階層背景（スマホ／通常時） */
        border-bottom: 1px solid #d9d3ba;        /* 4 第一階層下部ライン（スマホ） */
        text-align: left;
        zoom : 1;
}

#menu li a {
        margin: 0;
        padding: 12px 15px 12px 15px;
        display: block;
        text-decoration: none;
        zoom : 1;
}

#menu li:active {
        background: #fff;
        color: #7f2923;
}

#menu li.selected {
        background: #fff;        /* 4-H 第一階層背景（スマホ／選択時） */
        color: #7f2923;        /* 4-I 第一階層文字（スマホ／選択時） */
}

#menu li.selected:active {
        background: #fff;        /* 4-H 第一階層背景（スマホ／選択時） */
        color: #7f2923;        /* 4-I 第一階層文字（スマホ／選択時） */
}

#menu li.nolink {
        color: #7f2923;
}


/* nav部分設定
======================================================= */

#submenu {
        width: 100%;
        margin: 0 0 0px 0;
        padding: 0;
        list-style: none;
        border-top: 1px solid #d9d3ba;
}

#submenu ul {
        margin: 0;
        padding: 0;
}

/* subbutton set */

.subbutton {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 108%;
        line-height: 130%;
        text-align: left;
        border-bottom: 1px solid #d9d3ba;
}

.subbutton a {
        margin: 0;
        padding: 12px 0 12px 15px;
        text-decoration: none;
        display: block;
        background: #fff;        /* 4-L 第二階層背景（通常時） */
        color: #333;        /* 4-N 第二階層文字（通常時） */
}

.subbutton a:active { background-color: #fff; }
.subbutton a.subselected {
        background: #ffeae9; /* 4-M 第二階層背景（選択時） */
        color: #e11102; /* 4-O 第二階層文字（選択時） */
}
.subbutton a.subselected:active {
        background: #ffeae9; /* 4-M 第二階層背景（通常時） */
        color: #e11102; /* 4-O 第二階層文字（選択時） */
}
#submenu a.subnolink { background: #ededed; color: #e11102; }

/* localbutton set */

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

.localbutton {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 108%;
        line-height: 130%;
        text-align: left;
        border-top: 1px solid #d9d3ba;
}

.localbutton a {
        margin: 0;
        padding: 12px 0 12px 30px;
        text-decoration: none;
        display: block;
        background: #ffeae9;        /* 4-P 第三階層背景（通常時） */
        color: #e11102;        /* 4-Q 第三階層文字（通常時） */
}

.localbutton a:active  { background: #ffcdcb; color: #8a423e; }
.localbutton a.localselected {
        background : #ffcdcb; /* 4-R 第三階層背景（選択時） */
        font-weight:bold;
        color: #8a423e; /* 4-S 第三階層文字（選択時） */
}

.localbutton a.localselected:active {
        background : #ffcdcb;/* 4-R 第三階層背景（選択時） */
        font-weight:bold;
        color: #8a423e; /* 4-S 第三階層文字（選択時） */
}
#submenu a.localnolink { background : #ffcdcb; color: #8a423e; }

.button a span {
        display: none;
}

.subbutton a span,
.localmenu .localbutton a span {
        display: inline;
        color: #999;
        font-size: 77%;
}


/* bxslider設定
======================================================= */

#bxslider {
        position: relative;
        margin: 0 0 10px;
}

#bxslider ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#bxslider .bx-controls-direction {
        display: none;
}

#bxslider .bx-controls .bx-pager {
        position: absolute;
        bottom: 10px;
        height: 16px;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
}

#bxslider .bx-controls .bx-pager-item {
        display: inline;
        text-align: center;
}

#bxslider .bx-controls .bx-pager-item a {
        overflow: hidden;
        outline: none;
        padding-top: 16px;
        height: 0px !important;
        height /**/: 16px;
        width: 16px;
        display: inline-block;
        margin: 0 4px;
}

#bxslider .bx-controls .bx-pager-item a {
        background: url(../img/main_list.png) no-repeat 0 0;
}

#bxslider .bx-controls .bx-pager-item a.active {
        background: url(../img/main_list_on.png) no-repeat 0 0;
}


/* TOPページ用のレイアウト設定
======================================================= */

#top_a {
        margin: 0 auto 15px;
        padding: 0;
        width: 94%;
        background: #fff;
        text-align: left;
        border: 1px solid #e11102;
}

#top_a section p {
        line-height: 2;
}

#top_a .top_h {
        padding: 8px 14px;
        background: #e11102;
        font-size: 108%;
        font-weight: bold;
        color: #fff;
}

#top_a .top_h h3 {
        float: left;
        width: 200px;
}

#top_a .top_h p {
        float: right;
        width: 35px;
        padding: 0 0 0 10px;
        background: url(../img/arw_w_top.gif) no-repeat 0 10px;
}

#top_a .top_h p a:link,
#top_a .top_h p a:visited {
        color: #fff;
}


#top_a .news {
        margin: 0;
        padding: 14px 20px;
        list-style-type: none;
}

#top_a ul {
        margin: 0;
        padding: 0 15px 0 0;
        height: 65px;
        overflow-y: auto;
        list-style-type: none;
}

#top_a ul li {
        padding: 0 0 7px;
        margin: 0 0 9px;
        border-bottom: 1px dotted #c8c8c8;
}

#top_img {
        width: 94%;
        margin: 0 auto 30px;
        padding: 0;
        text-align: left;
}

#top_img h3 {
        margin: 0 0 20px;
        padding: 0 0 0 42px;
        font-size: 167%;
        font-weight: bold;
        background: url(../img/ico_top_feature.gif) no-repeat 0 0;
}

#top_img h3 span {
        color: #e11102;
}

#top_img_ov {
        margin: 0 auto;
        max-width: 480px;
        padding: 0;
        list-style-type: none;
}

#top_img li:nth-child(even) {
        float: left;
        width: 48%;
        max-width: 230px;
        margin: 0 0 20px;
}

#top_img li:nth-child(odd) {
        float: right;
        width: 48%;
        max-width: 230px;
        margin: 0 0 20px;
}

#top_b {
        margin: 0 auto;
        padding: 0;
        width: 94%;
        background: #fff;
        text-align: left;
}

#top_b section {
        clear: both;
        margin: 0 0 30px;
}

#top_b section h3 {
        margin: 0 0 30px;
        padding: 0 0 15px;
        font-size: 167%;
        font-weight: bold;
        color: #333;        /* 5-C 大見出し文字 */
        border-bottom: 2px solid #e11102;        /* 5-B 大見出し下部ライン */
        line-height: 1.5;
}

#top_c {
        margin: 20px auto 30px;
        padding: 0;
        width: 94%;
        background: #fff;
        text-align: center;
}

#top_c section {
        clear: both;
        margin: 0 0 30px;
}


/* main部分設定
======================================================= */

#contents_title {
        width: 100%;
        text-align: left;
}

#directry {
        width: 100%;
        padding: 15px 0 14px;
        color: #666;
        text-align: left;
        font-size: 77%;
}
#directry a:visited { color: #666; }

#contents_title .bg_h2 {
        border-top: 1px solid #f3efde;
        border-left: 1px solid #f3efde;
        border-right: 1px solid #f3efde;
        padding: 11px 9px 13px 10px;
        margin: 0 0 30px;
        background: #f7f4e8 url(../img/bd_h2.gif) repeat-x 0 bottom;
}

#contents_title h2 {
        margin: 0;
        padding: 0px;
        font-size: 182%;
        font-weight: bold;
        color: #333;        /* 6-C 大見出し文字 */
        line-height: 1.5;
        padding: 0px 0px 0px 43px;
        background: url(../img/bg_h2.gif) no-repeat 0 0;
}

#info_contents_title {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
}

#info_contents_title .bg_h2 {
        border-top: 1px solid #f3efde;
        border-left: 1px solid #f3efde;
        border-right: 1px solid #f3efde;
        padding: 11px 9px 13px 10px;
        margin: 0 0 30px;
        background: #f7f4e8 url(../img/bd_h2.gif) repeat-x 0 bottom;
}

#info_contents_title h2 {
        margin: 0;
        padding: 0px;
        float: left;
        width: 600px;
        font-size: 182%;
        font-weight: bold;
        color :#333;        /* 6-C 大見出し文字 */
        line-height: 1.5;
        padding: 0px 0px 0px 43px;
        background: url(../img/bg_h2.gif) no-repeat 0 0;
}

#info_contents_title .rss {
        float: right;
        width: 20px;
        padding: 10px 0 0;
}

#contents {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
}

#contents_tpc {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
}

#contents section {
        clear: both;
        margin: 0 0 30px;
}

#contents section h3 {
        margin: 0 0 20px;
        padding: 0 0 14px 33px;
        font-size: 153.9%;
        font-weight: bold;
        text-align: left;
        color: #333;        /* 6-E 小見出し文字 */
        background: url(../img/ico_h3.gif) no-repeat left 1px;
        line-height: 1.5;
}

#contents section .h3_line {
        background: url(../img/bg_h3.gif) repeat-x 0 bottom;
}

#contents section h4 {
        margin: 0 0 20px;
        padding: 8px;
        font-size: 108%;
        font-weight: bold;
        text-align: left;
        color: #5c594e;
        background: #ece6d3;
        line-height: 1.5;
}

#contents section h4 span {
        padding: 0 0 0 10px;
        border-left: 5px solid #e11102;
}


/* pagetop部分設定
======================================================= */

p.pagetop {
        position: fixed;
        right: 20px;
        bottom: 20px;
        margin: 0px;
        z-index: 10;
}

p.pagetop a {
        width: 35px;
        height: 35px;
        display: block;
}


/* footer部分設定
======================================================= */

#foot_sitemap_wra {
        display: none;
}

#sub_foot_wra {
        display: none;
}

#foot_nav_wra,
.sp_foot_link {
        background: #cb1818;
}

#footer_nav {
        margin: 0;
        padding: 0px 0px 5px 0px;
        width: 100%;
        clear: both;
}

.sp_foot_link {
        margin: 0;
        padding: 12px 0px 5px 0px;
        width: 100%;
        clear: both;
}

#footer_nav ul,
.sp_foot_link ul {
        margin: 0;
        padding: 0px;
        list-style: none;
}

#footer_nav li,
.sp_foot_link ul li {
        margin: 0px 0px 7px 10px;
        padding: 0 10px 0 3px;
        white-space: nowrap;
        text-align: left;
}

#footer_nav a,
.sp_foot_link a {
        line-height: 1;
        text-decoration: none;
        padding: 7px 0px 7px 0px;
        color: #fff;        /* 7-B 文字 */
        display: block;
}

#footer_nav a:active, #footer-nav a:hover,
.sp_foot_link ul a:active, .sp_foot_link ul a:hover {
        text-decoration: underline;
        color: #fff;
}

#footer_nav a.footnolink {
        text-decoration: none;
        color: #fff;
}

#foot_btm {
        width: 100%;
        max-width: 320px;
        padding: 10px 0 10px;
        margin: 0px auto;
}

#foot_btm .f_company {
        padding: 0 0 0 65px;
        background: url(../img/f_logo.gif) no-repeat 5px 0;
}

#foot_btm .f_company ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#foot_btm .f_company ul li {
        font-size: 92%;
}

.copyright {
        width: 94%;
        margin: 0;
        padding: 0px 3% 0px 3%;
        font-size: 77%;
        line-height: 1;
        font-style: normal;
        text-align: center;
        display: block;
}

#powered {
        display: none;
}


/* topics部分のスタイル設定
======================================================= */

.mceTopics {
        margin: 0 0 20px 0;
        padding: 0;
}

#top .mceTopics ul, .mceTopics ol {
        margin: 0px 0px 0px 0px;
        padding: 0 20px 0 0;
        font-size: 100%;
        line-height: 1.5;
        list-style:none;
        height: 165px;
        overflow-y: auto;
}

.mceTopics ul, .mceTopics ol {
        margin: 0px 0px 0px 0px;
        padding: 0;
        font-size: 100%;
        line-height: 1.5;
        list-style:none;
}

.mceTopics li {
        border-bottom:1px dotted #999;
        margin: 3px 0px 0px 0px;
        padding: 0px 0px 3px 0px;
}

.topicsblock {
        padding: 10px;
        margin: 0 0 15px;
        background: #eee9d4;
}

#top_b section .topicsblock h3 {
        float: left;
        width: 100px;
        margin: 0;
        padding: 0;
        border: none;
        font-size: 108%;
        font-weight: bold;
        color: #333;        /* 5-G お知らせ見出し文字 */
        line-height: 1.5;
}

.topicsblock .linkset {
        float: right;
        width: 65px;
}

.topicsblock .infolistset {
        padding: 0 0 0 10px;
        font-size: 108%;
        float: left;
        background: url(../img/arw_g_top.gif) no-repeat 0 7px;
}

.inforss {
        margin: 0;
        padding: 0;
        float: right;
        width: 20px;
}


/* お知らせ一覧ページ送り部分のスタイル設定
======================================================= */

ul.pager {
        text-align: center;
        margin: 0 0 20px 0;
 }

ul.pager li {
        list-style: none;
        display: inline;
 }

ul.pager li strong {
        display: -moz-inline-box; /* firefox2 対応 */
        display: inline-block;
        padding: 0.25em 0.4em;
        background-color: #999;
        border: 1px #999 solid;
        color: #fff;
 }

ul.pager li a {
        display: -moz-inline-box; /* firefox2 対応 */
        display: inline-block;
        padding: 0.25em 0.4em;
        border: 1px #ccc solid;
        text-decoration: none;
 }

ul.pager li a:link,
ul.pager li a:visited {
        border-color: #ccc;
        color: #333;
 }

ul.pager li a:hover,
ul.pager li a:active {
        border-color: #999;
        background-color: #999;
        color: #fff;
 }


/* sitemapページのスタイル設定
======================================================= */

#contents section.block_sm {
        clear:both;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px dotted #999;
}

#contents section.block_sm:last-child {
        margin: 0 0 80px;
}

#contents section.block_sm a:visited { color: #669e55; }

#contents .sitemap {
        background-image: none;
        padding: 0px 0px 0px 0px;
        color: #000;
        border: 0;
        margin: 0;
}

#contents .sitemap_ul {
        margin: 3px 0 0 23px;
        border: 0;
        list-style: none;
}

#contents .sitemap_ul li {
        padding: 2px 0 2px 17px;
        border: 0;
        text-align: left;
        background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
}

.sitemap_ul li ul {
        margin: 3px 0 0px 13px;
        list-style: none;
}

.sitemap_ul li ul li {
        padding-left: 17px;
        text-align: left;
        background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
}


/* BLOCK内スタイル設定
======================================================= */

p { margin: 0; line-height: 1.5; }

span.texts { font-size: 77%; line-height: 1.3; }
span.textn { font-size: 93%; line-height: 1.5; }
span.textl { font-size: 108%; line-height: 1.5; }
span.textll { font-size: 200%; line-height: 1.5; }
span.textxl { font-size: 350%; line-height: 1.5; }
span.textxxl { font-size: 500%; line-height: 1.5; }

.tac {text-align:center;}

table {
        width: 100%;
}

table.nbr,
table.tbr table.nbr {
        border-top: none;
        border-left: none;
        border-collapse: collapse;
}

table.nbr th,
table.tbr table.nbr th {
        padding: 0;
        border-right: none;
        border-bottom: none;
        color: #333;
        line-height: 1.5;
}

table.nbr td,
table.tbr table.nbr td {
        padding: 0;
        border-right: none;
        border-bottom: none;
        color: #333;
        line-height: 1.5;
}

#contents table.tbr th a:link, #contents table.tbr th a:visited{
        color: #5d5947;
        text-decoration: none;
}

table.tbr,
table.nbr table.tbr {
        border-right: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;        /* 6-H 全体ライン */
        border-collapse: collapse;
}

table.tbr th,
table.nbr table.tbr th {
        padding: 10px;
        border-right: 1px solid #dcdcdc;        /* 6-H 全体ライン */
        border-bottom: 1px solid #dcdcdc;        /* 6-H 全体ライン */
        background: #f7f4e8;        /* 6-F 表組み背景 */
        color: #847e65;        /* 6-G 表組み文字 */
        line-height: 1.5;
        font-weight: bold;
}

#contents section table.tbr th p,
#contents section table.nbr table.tbr th p {
        text-align: center;
}

table.tbr td,
table.nbr table.tbr td {
        padding: 10px;
        border-bottom: 1px solid #dcdcdc;        /* 6-H 全体ライン */
        line-height: 1.5;
}

table.tbr_bd,
table.nbr table.tbr_bd {
        border-collapse: collapse;
        border-left: 1px solid #dcdcdc;        /* 6-H 全体ライン */
        border-top: 1px solid #dcdcdc;
}

table.tbr_bd th,
table.nbr table.tbr_bd th {
        padding: 10px;
        font-size: 108%;
        line-height: 1.5;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        background: #f7f4e8;        /* 6-F 表組み背景 */
        color: #847e65;        /* 6-G 表組み文字 */
}

table.tbr_bd td,
table.nbr table.tbr_bd td {
        padding: 10px;
        font-size: 108%;
        line-height: 1.5;
        text-align: left;
        border-bottom: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
}



blockquote {
        clear: both;
        margin: 0;
        padding: 10px;
        border: 1px solid #cfcfcf;
        background: #f3f3f3;
        line-height: 1.4;
        text-align: left;
}

form {
        margin: 0;
        padding: 0;
}

img {
        border: 0;
        max-width:100%;
        height:auto;
        line-height: 1;
        vertical-align: top;
}

iframe {
        max-width:99%;
        height:auto;
        border: 1px solid #ccc;
        overflow: hidden;
}

.photo_r,
.photo_l,
.photo_c,
.photo-r,
.photo-l,
.photo-c {
        text-align: center;
        margin: 0px auto 10px auto;
        line-height: 1.3;
        color: #333;
        font-size: 77%;
}

.photo_r img, .photo_l img, .photo_c img,
.photo-r img, .photo-l img, .photo-c img {
        margin-bottom: 3px;
}


/* アコーディオン
======================================================= */

.accordion {
        background: #d23a3a;
}

.headaccordion {
        font-size: 123.1%;
        display: block;
        padding: 10px 10px 10px 10px;
        color: #fff;
        text-align: left;
        background: #d23a3a; /* Old browsers */
        background: -moz-linear-gradient(top,  #d23a3a 0%, #ca1515 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d23a3a), color-stop(100%,#ca1515)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d23a3a 0%,#ca1515 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d23a3a 0%,#ca1515 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d23a3a 0%,#ca1515 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d23a3a 0%,#ca1515 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d23a3a', endColorstr='#ca1515',GradientType=0 ); /* IE6-9 */
}

.subaccordion {
        font-size:123.1%;
        display:block;
        padding: 10px 10px 10px 10px;
        color:#fff;
        text-align: left;
        background: #b53730; /* Old browsers */
        background: -moz-linear-gradient(top,  #b53730 0%, #a7120a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b53730), color-stop(100%,#a7120a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #b53730 0%,#a7120a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #b53730 0%,#a7120a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #b53730 0%,#a7120a 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #b53730 0%,#a7120a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b53730', endColorstr='#a7120a',GradientType=0 ); /* IE6-9 */
}

.trigger .name {
        float: left;
        width: 70%;
        line-height: 1.2;
}

.accordion_tree{
        padding:0px 0;
        font-size:100%;
        background: #fff;
        text-align: left;
}

.open-close {
        margin: 0 0 0 0;
        float:left;
        text-indent:-9999px;
        display:block;
        height:20px;
        width:20px;
        background:url(../img/nav_open.gif) 0 50% no-repeat;
        -webkit-background-size:12px 12px;
}

.open-close2 {
        margin: 0 0 0 0;
        float:left;
        text-indent:-9999px;
        display:block;
        height:20px;
        width:20px;
        background:url(../img/snav_open.gif) 1px 50% no-repeat;
        -webkit-background-size:10px 10px;
}

.headaccordion.active .open-close {
        background:url(../img/nav_close.gif) 0 50% no-repeat;
        -webkit-background-size:12px 12px;
}

.subaccordion.active .open-close2 {
        background:url(../img/snav_close.gif) 1px 50% no-repeat;
        -webkit-background-size:10px 10px;
}


/* コースのご案内
======================================================= */

.course_top .course_block {
        width: 100%;
        margin: 0 0 20px;
}

.course_top .end {
        margin: 0;
}

.course_top .course_block table th {
        color: #fff;
        font-size: 92%;
        padding: 10px;
        display: table-cell !important;
        vertical-align: middle;
        background: #e11102;
}

.course_top .course_block table td {
        color: #e11102;
        font-size: 92%;
        padding: 10px;
        display: table-cell !important;
        vertical-align: middle;
        background: #ffdddb;
}

.course_top .course_block table td.course {
        padding: 10px 10px 10px 20px;
        font-size: 138.5%;
        background: #f7f4e8 url(../img/arw_course.gif) no-repeat 9px 50%;
}

.course_top .course_block table td a:link,
.course_top .course_block table td a:visited {
        color: #333;
        text-decoration: none;
}

.course_top .course_block table td a:hover {
        color: #333;
        text-decoration: underline;
}


/* 入学のご案内
======================================================= */

.admission {
        text-align: center;
}

.admission .left {
        margin: 0 0 20px;
}

.admission .right {
        margin: 0;
}


/* 学生の声TOP
======================================================= */

.top_voice {
        text-align: left;
        padding: 15px 19px;
        border-top: 5px solid #e11102;
        background: url(../img/bg_top_voice.gif) repeat 0 0;
}

.top_voice h3 {
        font-size: 138.5%;
        padding: 0 0 12px;
        margin: 0 0 15px;
        background: url(../img/bg_h3.gif) repeat-x 0 bottom;
}

.top_voice h3 span {
        padding: 0 0 0 32px;
        background: url(../img/ico_top_voice.gif) no-repeat 0 0;
}

.top_voice table {
        margin: 0 0 15px;
}

.top_voice table td {
        text-align: left;
        padding: 8px;
        font-weight: bold;
        vertical-align: middle;
}

.top_voice table td.img {
        width: 90px;
        padding: 0px;
}

.top_voice table td span {
        color: #e11102;
}

.top_voice .txt {
        background: #fff;
        padding: 15px;
}

.top_voice .txt .tar {
        text-align: right;
}


/* SNSボタン
======================================================= */

.sns_list {
        width: 230px;
        margin: 0 auto;
        padding: 0;
        list-style-type: none;
}

.sns_list li {
        float: left;
        width: 70px;
        margin: 0 10px 0 0;
}

.sns_list li.fsns_p {
        margin: 0;
}


/* QA
======================================================= */

.accordion_qa {
        font-size: 92%;
}

.accordion_qa .qa_q {
        font-weight: bold;
        padding: 6px 0 7px 50px;
        margin: 0 0 15px;
        background: url(../img/ico_qa_q.gif) no-repeat 0 0;
}

.accordion_qa .qa_a {
        padding: 0px 0 13px 50px;
        background: url(../img/ico_qa_a.gif) no-repeat 0 0;
}


/* 学校の特徴
======================================================= */

.fb_img {
        text-align: center;
}

.red_tit {
        color: #e11102;
        font-size: 153.9%;
        font-weight: bold;
        margin-bottom: 19px;
}

.fb_txt {
        margin-bottom: 30px;
}

.fb_img {
        margin-bottom: 30px;
}

/* 学校行事
======================================================= */

.camp_event {
        padding: 20px;
        background: #f7f4e8;
}

.camp_event .ce_left {
        width: 133px;
        margin: 0 auto 10px;
        padding: 8px;
        background: #fff;
}

.camp_event .ce_right {
}

.camp_event .ce_right .tit {
        font-size: 108%;
        font-weight: bold;
        margin: 0 0 5px;
}

.camp_event .ce_right .txt {
        font-size: 92%;
        margin: 0 0 10px;
}

.camp_event .ce_right .name {
        font-size: 92%;
        font-weight: bold;
}

.camp_event .ce_right .name span {
        color: #e11102;
}


/* 体験学習
======================================================= */

section .experience_year h3 {
        margin: 0 0 20px;
        padding: 0;
        color: #e11102;
        font-size: 123.1%;
        border: none;
        background-image: none;
}

.experience_year .bg_experience {
        padding: 10px;
        margin: 0;
        border: 1px solid #dcdcdc;
        background: url(../img/bg_experience.gif) repeat 0 0;
}

.month_block {
        margin: 0 0 20px;
}

.experience_year .end {
        margin: 0;
}

.month_block .month {
        width: 100%;
        margin: 0 0 10px;
        padding: 10px 0;
        font-size: 123.1%;
        font-weight: bold;
        color: #fff;
        text-align: center;
}

.month_block .four {
        background: #f86793;
}

.month_block .five {
        background: #6ebf37;
}

.month_block .six {
        background: #37b29d;
}

.month_block .seven {
        background: #28c4e6;
}

.month_block .eight {
        background: #3762c3;
}

.month_block .nine {
        background: #f49b00;
}

.month_block .ten {
        background: #f78000;
}

.month_block .eleven {
        background: #e11102;
}

.month_block .twelve {
        background: #202a87;
}

.month_block .one {
        background: #764ac5;
}

.month_block .two {
        background: #bc68cb;
}

.month_block .three {
        background: #e852ae;
}

.month_block .mb_right {
}

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

.month_block ul.top {
        margin: 0 0 20px;
}

.month_block ul li {
        float: left;
        width: 20%;
        margin: 0 4% 0 0;
}

.month_block ul li.cont {
        float: left;
        width: 76%;
        margin: 0;
        padding: 0;
}

.month_block ul li.cont p.tit {
        color: #e11102;
        font-size: 108%;
        font-weight: bold;
        margin: 0 0 8px;
}

.month_block ul li.cont .txt {
        font-size: 92%;
}


/* 学生の一日の過ごし方
======================================================= */

.oneday {
        text-align: left;
        padding: 10px;
        background: url(../img/bg_oneday.gif) repeat 0 0;
}

.oneday .od_left {
        margin: 0 0 15px;
}

.oneday .od_left ul {
        margin: 0;
        padding: 0;
        font-size: 92%;
        list-style-type: none;
}

.oneday .od_left ul li.img {
        width: 190px;
        margin: 0 auto 18px;
}

.oneday .od_left ul li.name {
        margin: 0 0 15px;
        font-weight: bold;
}

.oneday .od_left ul li.name span {
        color: #e11102;
}

.oneday .od_right {
        margin: 0 auto;
        max-width: 455px;
}


/* 生活費
======================================================= */

.cost_living {
}

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

.cost_living ul li {
        margin: 0 0 15px;
        padding: 65px 0 0;
        font-size: 92%;
        font-weight: bold;
        text-align: center;
}

.cost_living ul li.life {
        color: #6ebf37;
        background: url(../img/img_cost_living01.gif) no-repeat 50% 0;
}

.cost_living ul li.food {
        color: #f78000;
        background: url(../img/img_cost_living02.gif) no-repeat 50% 0;
}

.cost_living ul li.expenses {
        color: #764ac5;
        background: url(../img/img_cost_living03.gif) no-repeat 50% 0;
}

.cost_living ul li.water {
        color: #28c4e6;
        background: url(../img/img_cost_living04.gif) no-repeat 50% 0;
}

.cost_living ul li.recreation {
        color: #f86793;
        background: url(../img/img_cost_living05.gif) no-repeat 50% 0;
}

.cost_month {
        padding: 65px 0 0;
        background: url(../img/img_cost_month_sp.gif) no-repeat 50% 0;
}

.cost_month p {
        font-size: 92%;
        font-weight: bold;
        color: #3762c3;
        text-align: center;
}

/* コース案内・学費
======================================================= */


.tbr_couse_price {
        width: 100％;
        margin-bottom: 20px;
}



.couse_price .end {
        margin: 0;
}


/* 短期聴講コース
======================================================= */

.course_short {
        width: 90%;
        max-width: 420px;
        margin: 0 auto;
        padding: 5%;
        background: #dcf5bf;
        text-align: center;
}

.course_short .cs_green {
        padding: 10px;
        color: #fff;
        background: #6ebf37;
}

.course_short .cs_white {
        padding: 10px;
        color: #333;
        background: #fff;
}

.course_short .arw {
        padding: 5px 0;
        line-height: 1;
        vertical-align: top;
        font-size: 0px;
}


/* アクセス成田
======================================================= */

h5 {
        font-size: 123.1%;
        color: #e11102;
        margin: 0 0 20px;
}

.access_narita {
        float: left;
        width: 49%;
        margin: 0;
        padding: 0;
}

.access_narita:last-child {
        float: right;
        width: 49%;
        margin: 0;
        padding: 0;
}

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

.access_narita ul li {
        margin: 0 0 15px;
        font-weight: bold;
        text-align: center;
        padding: 10px;
}

.access_narita ul li p {
        height: auto !important;
}

.access_narita ul li p img {
        padding: 0 0 5px;
}

.access_narita ul li.airplane {
        background: #f7f4e8;
        font-size: 108%;
}

.access_narita ul li.bullet {
        font-size: 92%;
        height: 80px !important;
        background: url(../img/arw_airplane_sp.gif) no-repeat 50% 50%;
        -moz-background-size: auto 100%;
        background-size: auto 100%;
}

.access_narita ul li.bullet p {
        background: #fff;
        margin: 25px 0 0;
}

.access_narita ul li.bullet p img {
        display: none;
}

.access_narita ul li.train {
        font-size: 108%;
        background:  #f7f4e8;
}

.access_narita ul li.clock {
        margin: 0;
        padding: 10px;
        background: #ffeae9 url(../img/ico_clock.gif) no-repeat 50% 15px;
}

.access_narita ul li.clock p {
        padding: 50px 0 0;
        font-size: 108%;
}

.access_narita ul li.clock p span {
        color: #e11102;
}


/* アクセス羽田
======================================================= */

.access_haneda {
        width: 100%;
        margin: 0;
        padding: 0;
}

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

.access_haneda ul li {
        margin: 0 0 15px;
        font-weight: bold;
        text-align: center;
        padding: 10px;
}

.access_haneda ul li p {
        height: auto !important;
}

.access_haneda ul li p img {
        padding: 0 0 5px;
}

.access_haneda ul li.airplane {
        background: #f7f4e8;
        font-size: 108%;
}

.access_haneda ul li.bullet01,
.access_haneda ul li.bullet02 {
        font-size: 92%;
        height: 80px !important;
        background: url(../img/arw_airplane_sp.gif) no-repeat 50% 50%;
        -moz-background-size: auto 100%;
        background-size: auto 100%;
}

.access_haneda ul li.bullet01 p,
.access_haneda ul li.bullet02 p {
        background: #fff;
        margin: 25px 0 0;
}

.access_haneda ul li.bullet01 p img,
.access_haneda ul li.bullet02 p img {
        display: none;
}

.access_haneda ul li.train {
        font-size: 108%;
        background:  #f7f4e8;
}

.access_haneda ul li.clock {
        margin: 0;
        padding: 10px;
        background: #ffeae9 url(../img/ico_clock.gif) no-repeat 50% 15px;
}

.access_haneda ul li.clock p {
        padding: 50px 0 0;
        font-size: 108%;
}

.access_haneda ul li.clock p span {
        color: #e11102;
}


/* スマホお問い合わせ
======================================================= */

.sp_contact {
        margin: 0 auto 20px;
        width: 180px;
        background: #68b210 url(../img/h_contact.gif) no-repeat 0 0;
}

.sp_contact p a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 108%;
        font-weight: bold;
        padding: 13px 15px 15px 70px;
}

.sp_schedule {
        margin: 0 auto 60px;
        width: 180px;
        background: #EFE9CF url(../img/h_schedule.gif) no-repeat 0 0;
}

.sp_schedule p a {
        display: block;
        color: #000;
        text-decoration: none;
        font-size: 108%;
        font-weight: bold;
        padding: 13px 15px 15px 50px;
}


/* 入学までの流れ
======================================================= */

.admission_flow > ul {
        width: 100%;
        margin: 0 auto 15px;
        padding: 0;
        list-style-type: none;
}

.admission_flow > ul li.student {
        float: left;
        width: 45%;
        max-width: 350px;
        font-size: 138.5%;
        color: #6ebf37;
        font-weight: bold;
        text-align: center;
}

.admission_flow > ul li.student span {
        padding: 0 0 0 30px;
        background: url(../img/ico_flow_student.gif) no-repeat 0 2px;
}

.admission_flow > ul li.akamonkai {
        float: right;
        width: 45%;
        max-width: 350px;
        font-size: 138.5%;
        color: #e11102;
        font-weight: bold;
        text-align: center;
}

.admission_flow > ul li.akamonkai span {
        padding: 0 0 0 30px;
        background: url(../img/ico_flow_akamonkai.gif) no-repeat 0 0;
}

.ad_flow_wra {
        padding: 10px;
        background: url(../img/bg_flow_sa.gif) repeat-y 0 0;
}

.ad_flow_wra {
        padding: 0 10px;
        background: url(../img/bg_flow_sa_sp.gif) repeat-y 50% 0;
}

.ad_flow_wra .adf_block {
        margin: 0 0 20px;
        text-align: center;
}

.ad_flow_wra .adf_block ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

.ad_flow_wra .adf_block .adf_green {
        width: 94%;
        margin: 0 auto;
        padding: 15px 10px 12px;
        color: #fff;
        font-size: 92%;
        font-weight: bold;
        background: #6ebf37;
        border: 1px solid #6ebf37;
}

.ad_flow_wra .adf_block .adf_white {
        width: 94%;
        margin: 0 auto;
        padding: 15px 10px 12px;
        font-size: 92%;
        font-weight: bold;
        background: #fff;
        border: 1px solid #6ebf37;
}

.ad_flow_wra .adf_block .right {
        border: 1px solid #e11102;
}

.ad_flow_wra .adf_block .adf_red {
        width: 94%;
        margin: 0 auto;
        padding: 15px 10px 12px;
        color: #fff;
        font-size: 92%;
        font-weight: bold;
        background: #e11102;
        border: 1px solid #e11102;
}

.ad_flow_wra .adf_block .adf_cha {
        width: 94%;
        margin: 0 auto;
        padding: 15px 10px 12px;
        color: #fff;
        font-size: 92%;
        font-weight: bold;
        background: #8e8665;
}


table th.week {
        text-align: center;
        color: #e11102;
        background: #ffeae9;
}

table th.pnk {
        background: #FFEAE9;
        color: #e11102;
}

table th.white {
        background: #fff;
}

table .gry, table th.gry {
        background: #ebebeb;
}

.squqre_btn_cntct li {
        background: #910801;
        border: 1px solid #910801;
        color: #fff;        width: auto;
        margin: 0 10px 10px 0;
        padding: 10px;
        vertical-align: middle;
}

.squqre_btn_cntct li a{
        background: url("../../img/ico_faq_arrw.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
        color: #FFFFFF;
        font-weight: bold;
        padding-left: 18px;
        text-decoration: none;
}


/* 汎用背景_ノート風
======================================================= */

.bg_note {
        background : url("../../img/bg_note.gif") repeat-y;
        border: 1px #dcdcdc solid;
}

.note_tit_block {
        min-height: 35px;
        margin: 0px 0 0 0;
        padding: 30px 0 0 0;
}

.bg_note .tit {
        color: #fff;
        font-weight: bold;
        min-width: 200px;
        display: inline;
        background : url("../img/ico_note_tit.gif") no-repeat 15px 7px #e11102;
        margin: 0px 0 0px 0;
        padding: 10px 10px 10px 45px;
}

.bg_note ul {
        margin: 10px 10px 30px 40px;
}


/* 進学実績
======================================================= */
.tr_school {
        color: #e11102;
        font-weight: bold;
        font-size: 123.1%;
}



/* 学校紹介TOP
======================================================= */

.about_us_block .au_right, .about_us_block .au_left {
        padding: 15px 19px 30px 19px;
}

.about_us_block .au_left_wra {
        width: 100%;
        float: left;
        margin: 0 auto 10px auto;
        border: 1px #dcdcdc solid;
}

.about_us_block .au_right_wra {
        width: 100%;
        float: right;
        margin: 0 auto 10px auto;
        border: 1px #dcdcdc solid;
}

.about_us_block .tit {
        background: url("../../img/bg_usblck_tit.gif") repeat-x #f7f4e8;
        padding: 13px 19px 13px 19px;
}

.about_us_block .tit p {
        font-size: 123.1%;
        font-weight: bold;
        padding: 0 0 0 10px;
        background: url("../../img/ico_usblck_tit.gif") no-repeat 0 7px;
}

body #wrapper .about_us_block .tit p a:link, body #wrapper .about_us_block .tit p a:visited , body #wrapper .about_us_block .tit p a:active, body #wrapper .about_us_block .tit p a:hover{
        color: #333;
        text-decoration: none;
}

.about_us_block .img {
        margin-bottom: 15px;
}



/* コース案内&受講料TOP
======================================================= */

.couse_block .tit p {
        background: url("../../img/ico_whitearrw.gif") no-repeat 0 8px;
        padding-left: 15px;
}

#contents .couse_block .tit a:link, #contents .couse_block .tit a:active, #contents .couse_block .tit a:hover, #contents .couse_block .tit a:visited {
           color: #fff;
           text-decoration: none;
}

#contents .couse_block .tit02 a:link, #contents .couse_block .tit02 a:active, #contents .couse_block .tit02 a:hover, #contents .couse_block .tit02 a:visited {
           color: #fff;
           text-decoration: none;
}

.couse_block .couse_left_wra {
        width: 100%;
        margin: 0 auto 10px auto;
        border: 1px #dcdcdc solid;
}

.couse_block .couse_right_wra {
        width: 100%;
        margin: 0 auto 10px auto;
        border: 1px #dcdcdc solid;
}

.couse_block .tit {
        font-weight: bold;
        font-size: 123.1%;
        color: #fff;
        padding: 12px 20px;
        background: #e11102;
}

.couse_block .tit02 {
        font-weight: bold;
        font-size: 123.1%;
        color: #fff;
        padding: 12px 20px;
        background: #f78000;
}


.couse_left_wra .couse_left {
        padding: 20px 20px 0 20px;
}

.couse_right_wra .couse_right {
        padding: 20px 20px 0 20px;
}

.couse_block .ctch_cpy {
        font-weight: bold;
        font-size: 123.1%;
        margin: 0 0 20px 0;
}

.couse_block ul.couse_fuature {
        margin: 0 0 15px 0;
        padding: 15px;
        background: #f7f4e8;
}

.couse_block ul.couse_fuature li {
        color: #e11102;
        padding: 0 0 0 10px;
        list-style-type: none;
        background: url("../../img/ico_red_dot.gif") no-repeat 0 center;
}

.couse_block .couse_level {
        background: #f0f0f0;
}

.couse_block .couse_level ul {
        margin: 0 0 0 20px;
        padding: 10px 0;
        list-style-type: none;
}

.couse_block .couse_level ul li {
        color: #fff;
        font-weight: bold;
        min-width: 26px;
        max-width: 160px;
        padding: 0 17px 0 17px;
        float: left;
        margin: 0 10px 0 0;
}

.couse_block .couse_level ul li.end {
        margin: 0;
}

.couse_block .couse_level ul li.bg_red {
        background: #b1524c;
}

.couse_block .couse_level ul li.bg_grn {
        background: #65b044;
}

.couse_block .couse_level ul li.bg_blue {
        background: #37b29d;
}

table.couse_tbr {
        margin: 0 0 25px 0;
}

table.couse_tbr .ct_th {
        color: #7f2923;
        font-weight: bold;
}

/* 各コースページ内リンク
======================================================= */

.course_contents {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

.course_contents li {
        min-width: 108px;
        margin: 0 10px 10px 0;
        padding: 14px;
        border: 1px #dcdcdc solid;
        text-align: center;
}

#contents .course_contents li a {
        background: url("../../img/ico_course_arrw.gif") no-repeat 0 6px;
        padding-left: 18px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
}

#contents .course_contents li a:hover {
        opacity: 0.6;
}



/* お問い合わせTOP
======================================================= */

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


ul.squqre_btn_faq li {
        border: 1px #dcdcdc solid;
        width: auto;
        margin: 0 10px 10px 0;
        padding: 10px;
        text-align: center;
}

ul.squqre_btn_faq li a {
        background: url("../../img/ico_course_arrw.gif") no-repeat 0 6px;
        padding-left: 18px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
}

ul.squqre_btn_cntct {
        margin: 10px 0 0 0;
        padding: 0;
        list-style-type: none;
}

.squqre_btn_cntct li {
        border: 1px #dcdcdc solid;
        width: auto;
        margin: 0 10px 10px 0;
        padding: 10px;
        text-align: center;
}



.cntct_tell {
        background : url("../../img/ico_cntct_tell.gif") no-repeat 0 0;
        padding: 8px 0 10px 45px;
        font-weight: bold;
        font-size: 138.5%;
        margin: 0 0 10px 0;
}

.cntct_mail {
        background : url("../../img/ico_cntct_mail.gif") no-repeat 0 0;
        padding: 0px 0 0px 45px;
        font-weight: bold;
        font-size: 138.5%;
        margin: 0 0 10px 0;
}




/* 学習グラフ
======================================================= */
.graph_block {
        clear: both;
        width: 100%;
}

.graph_block .language_period {
        width: 10%;
        float: left;
}

.graph_block .language_period img {
        width: 35%;
}

.graph_block .language_glaph {
        width: 90%;
        float: right;
        background: url("../../img/bg_period_graph.gif") no-repeat 0 0 / 100%;
}

.language_level_braph .ll_level {
        margin: 1% 0 0 1%;
        padding: 0;
        list-style-type: none;
}

.language_level_braph .ll_level li {
        padding: 3% 0;
        text-align: center;
        font-weight: bold;
        font-size: 77%;
        color: #fff;
}

.language_level_braph .ll_level li.upper {
        background: url("../../img/ico_level_upr.gif") no-repeat 15px 15px #37b29d;
        margin: 0 0 2% 61%;
        width: 36%;
}

.language_level_braph .ll_level li.middle {
        background: url("../../img/ico_level_mdl.gif") no-repeat 15px 15px#65b044;
        margin: 0 0 2% 37%;
        width: 36%;
}

.language_level_braph .ll_level li.first {
        background: url("../../img/ico_level_frst.gif") no-repeat 15px 15px#b1524c;
        width: 48%;
}

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

.period li {
        float: left;
        font-size: 77%;
}


.period li.w65 {
        width: 10%;
}

.period li.w80 {
        width: 12%;
}

.period li.w30 {
        width: 8%;
}

.period li:nth-child(5) {
        width: 10%;
}

.period li:nth-child(8) {
        width: 12%;
}

p.class_upper {
        width: 100px;
        font-weight: bold;
        padding: 5px 0 3px 0;
        margin: 0 0 3% 0;
        color: #fff;
        background: #37b29d;
        text-align: center;
}

p.class_middle {
        width: 100px;
        font-weight: bold;
        padding: 5px 0 3px 0;
        margin: 0 0 3% 0;
        color: #fff;
        background: #65b044;
        text-align: center;
}
p.class_first {
        width: 100px;
        font-weight: bold;
        padding: 5px 0 3px 0;
        margin: 0 0 3% 0;
        color: #fff;
        background: #b1524c;
        text-align: center;
}


/* 学生寮
======================================================= */

ul.dormitory_pho {
        width: 220px;
        margin: 0 auto;
        padding: 0;
        list-style-type: none;
}

.dp_left {
        margin: 0 0px 10px 0;
}

.dp_right {
        margin: 0 0px 10px 0;
}

ul.dormitory_pho li {
        margin: 0 0px 10px 0;
}


#contents .dormitory_tbr th a:link, #contents .dormitory_tbr th a:hover, #contents .dormitory_tbr th a:active, #contents .dormitory_tbr th a:visited {
        color: #847e65;
        text-decoration: none;
}


/* 日本語教師養成講座
======================================================= */


.couse_contents .cc_left {
        width: 220px;
        margin: 0 auto;

}


/* fcon_お問い合わせ・流れ
======================================================= */

.fcon_wra {
        border: 1px #dcdcdc solid;
}

.fcon_wra .tit {
        text-align: center;
        font-weight: bold;
        font-size: 138.5%;
        padding: 15px 0 10px 0;
}

.fcon_wra .cntct_area {
        background: #f7f4e8;
        padding: 25px 0px;
}

.cntct_area ul {
        margin: 0 auto;
        padding: 0;
        width: 260px;
        list-style-type: none;
}

.cntct_area ul li {
         min-width: 260px;
         float: left;
         font-size: 116%;
         min-height: 60px;
         margin: 0 0px 10px 0;
}

.cntct_area ul li.end {
         margin: 0;
}

.cntct_area ul li.contact {
        background: url("../../img/bg_fcon_cntct01.gif") repeat-x;
}

.cntct_area ul li.contact .arw {
        background: url("../../img/ico_fcon_cntct01.gif") no-repeat 10px 16px;
        padding: 20px 0 16px 87px;
        display: block;
}

.cntct_area ul li.flow {
        background: url("../../img/bg_fcon_flow01.gif") repeat-x;
}

.cntct_area ul li.flow .arw {
        background: url("../../img/ico_fcon_flow01.gif") no-repeat 15px 26px;
        padding: 20px 0 16px 32px;
        display: block;
}

#contents .cntct_area ul li a:link, #contents .cntct_area ul li a:active, #contents .cntct_area ul li a:hover, #contents .cntct_area ul li a:visited {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
}

/* 受講生・修了生の声
======================================================= */

.yousei_vc {
        clear: both;
}

.yousei_vc .yc_left {
        width: 220px;
        margin: 0 auto;
}

.yousei_vc .yc_left img {
        margin-bottom: 10px;
}

.yousei_vc .yc_left .name {
        color: #e11102;
        font-weight: bold;
}


/* faqページリンク
======================================================= */




.faq_kind {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

.faq_kind li {
        margin: 0 0px 10px 0;
        padding: 14px;
        background: #910801;
        border: 1px #910801 solid;
}

#contents .faq_kind li a {
        background: url("../../img/ico_faq_arrw.gif") no-repeat 0 6px;
        padding-left: 18px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        display: block;
}


/* 校舎紹介
======================================================= */


.schoolhouse_img {
        margin: 0;
        padding: 0;
        list-style-type: none;
}


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



ul.schoolhouse_block li {
        margin: 0 0 10px 0;
}


/* 理事長挨拶
======================================================= */

.mb10 {
        margin-bottom: 10px;
}
.chairman_img {
        width: 144px;
        margin: 0 auto;
}

.chairman_img img {
        margin-bottom: 5px;
}

.chairman_img .chairman_name {
        color: #7f2923;
        font-size: 108%;
        font-weight: bold;
        margin: 5px 0 5px 0;
}

/* 卒業生の声
======================================================= */

.clv_img {
        width: 220px;
        margin: 0 auto 10px auto;
}

/* アクセス/周辺情報
======================================================= */
.access_infoimg {
        width: 240px;
        margin: 0 auto;
        padding:0;
        list-style-type: none;
}

.access_infoimg li {
        margin-bottom: 10px;
}

/* コース案内・授業料/各コースのスケジュール
======================================================= */

table.schedule {
                width: 100%;
                float: left;
                margin: 0 0px 30px 0;
}


/* 別ウインドウアイコン
======================================================= */

.window_blank {
        margin: 5px 0;
}

.window_blank .blank {
        margin-right: 10px;
}




#contents table.tbr_bd th a:link, #contents table.tbr_bd th a:visited{
        color: #847e65;
        text-decoration: none;
}


/* 入学のご案内
======================================================= */


.admission .left {
        width: 100%;
        max-width: 345px;
        position:relative;
        margin: 0 auto 20px;
}

.admission .right {
        width: 100%;
        max-width: 345px;
        position:relative;
        margin: 0 auto;
}

.admission .left .txt {
        position:absolute;
        font-weight: bold;
        font-size: 123.1%;
        color: #fff;
        top: 34px;
        left: 128px;
}

.admission .right .txt {
        position:absolute;
        font-weight: bold;
        font-size: 123.1%;
        color: #fff;
        top: 34px;
        left: 128px;
}

#menu li ul.sub_menu {
        display: none;
}

#lnav .h_contact,
#top_c .h_contact {
        display: none;
}


/* Google カレンダー
======================================================= */
.calendar-container {
        position: relative!important;
        padding-bottom: 90%;
        padding-top: 30px;
        height: 0;
}

.calendar-container iframe,
.calendar-container object,
.calendar-container embed {
        position: absolute!important;
        top: 0;
        left: 0;
        width: 100%!important;
        height: 100%!important;
}

@media screen and (max-width: 460px) {
        .calendar-container {
        padding-bottom: 140%;
        }
}

.entry-content img,#content embed,#content object,#content iframe,#content video {
        border: 1px solid #eeeeee!important;
        padding: 6px!important;
        background-color: rgba(230,230,230,0.4)!important;
        border-radius: 3px;
}

@media screen and (max-width: 640px) {
        iframe[src*="calendar"] {
        width: 640px!important;
        height: 300px!important;
        }
}

/* スマホPC切替スイッチ
======================================================= */

.dvc_switch {
        width: 100%;
        text-align: center;
        margin: 0 auto;
}

.dvc_switch ul {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
}

.dvc_switch li {
        float: left;
        width: 49.5%;
        list-style-type: none;
}

.dvc_switch li:last-child {
        float: right;
        width: 49.5%;
        list-style-type: none;
}

.dvc_switch li a {
        width: 100%;
        background: #ccc;
        padding: 3px 0;
        display: block;
        text-decoration: none;
        color: #fff;
        height: 20px;
        border-radius: 5px;
}

.dvc_switch li:first-child a {
        line-height: 1.6;
}

.dvc_switch p {
        width: 40%;
        text-align: center;
        margin: 0 auto;
}

.dvc_switch a {
        background: #ccc;
        padding: 3px 10%;
        display: block;
        text-decoration: none;
        color: #fff;
}


/* clearfix
======================================================= */

.clearfix {zoom:1;}
.clearfix:after{
        content: "";
        display: block;
        clear: both;
}

*:after {
        display: block;
        clear: both;
} /* この記述は固定です */




/* 写真設置テンプレート
======================================================= */

.box_column01 .img {
    margin: 0 0 10px;
    text-align: center;
}

.box_column01 p {
    text-align: center;
}

.box_column01 .link {
    margin: 0 0 10px;
    padding: 0 0 0 16px;
    background: url(../img/sp/arw.png) no-repeat 0 .2em;
    background-size: 13px auto;
}


/* 2蛻誉繝�く繧ｹ繝井ｸ� */
.box_column01.col2l .col {
    margin: 0 0 40px 0;
}

.box_column01.col2l .col .img {
    margin: 0 0 10px;
}

/* 3蛻誉繝�く繧ｹ繝井ｸ� */
.box_column01.col3 .col {
    margin: 0 0 40px 0;
}

.box_column01.col3 .col .img {
    margin: 0 0 10px;
}


/* 4蛻誉繝�く繧ｹ繝井ｸ� */

.box_column01.col4 .col {
    margin: 0 2% 30px 0;
}

.box_column01.col4 .col:nth-child(even) {
    margin: 0 0 20px 0;
}


/* 1蛻誉繝�く繧ｹ繝亥承 */

.box_column01.col1 {
    max-width: 480px;
    margin: 0 auto;
}

.box_column01.col1 .img {
    margin: 0 0 20px;
    text-align: center;
    font-size: 1.0rem;
}

.box_column01.col1 .img img {
    display: block;
    margin: 0 auto 5px;
}


/* �貞�_繝�く繧ｹ繝井ｸ� */

.box_column01.col2_image_none .col {
    margin: 0 0 40px;
    border: 1px solid #e6e6e6;
}

.box_column01.col2_image_none .inner {
    padding: 10px;
}


/* 2蛻誉繝�く繧ｹ繝亥承 */

.box_column01.col2 {
    margin: 0 0 0px;
}

.box_column01.col2 .col {
    overflow: hidden;
    clear: both;
    margin: 0 0 30px;
}

.box_column01.col2 .col .img {
    float: left;
    width: 80px;
    margin: 0 10px 0 0;
}

.box_column01.col2 .col .inner {
    overflow: hidden;
}