@charset "UTF-8";

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/* Nݒ */
a:link   { color: #0C3888; text-decoration: none; }
a:visited   { color: #146EC1; text-decoration: none; }
a:hover  { color: #0C3888; text-decoration: underline; }
a:active   { color: #146EC1; text-decoration: underline; }
img { border:none}

body {margin:0 auto;padding:0px;text-align:center; color:#000000;font-family:"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;line-height:1.8; background-color:#eff6ee; border-top:4px solid #ad38b3;}

/* oݒ */
h1 {margin:0; padding:0;}
h2 {}
h3 {margin:8px 15px 0 18px; padding:0; color: #0b9bbc; text-align:left; font-size:16px;font-weight:normal; }
h4 {margin:8px 25px 0 18px; padding:0; color: #0b9bbc; text-align:left; font-size:16px; border-bottom:#454545 dotted 1px;font-weight:normal; line-height:1.4; }
h5 {margin:0 0 0 14px; padding:0; color: #E63E41; text-align:left; font-size:15px;font-weight:normal; }
ul {}
ol {}
li {}
p { text-align:left; margin:8px 15px 0 18px; padding:0; font-size:13px; line-height:1.9}

.h3_2 {margin:0; padding:0; color: #375887; text-align:left; font-size:14px;padding:12px 0 0 2px;margin:0 15px 0 15px; font-weight:bold;}
.h3_3 {margin:0; padding:0; color:#000000 ;text-align:left; font-size:14px;padding:12px 0 0 2px;margin:0 15px 0 15px; font-weight:bold;}
.h3_4 {margin:0; padding:0; color: #000000 ;text-align:left; font-size:17px; line-height:1.3;padding:2px 0 2px 8px;margin:10px 23px 0 17px; font-weight:bold; background-color:#FFECEC}

.e3 { border-bottom:1px dotted #2D53AB; padding:0 ; margin:12px 14px 0;}

.arth1 {font-weight: 100; float:none; font-size:22px;margin:-10px 10px 10px 10px; text-align:left; color: #FFFFFF; border-left:6px #188294 solid; background-color:#21b0c8; padding:4px 0 4px 12px;}
.c1r { background-color:#FF0004; width:5px; height:30px;float:left; display:block; margin:0 5px 0 0;}

.top_01 {text-align:right; margin:5px 30px;}

.arth2 { margin:10px 0 2px 15px; padding:0 10px 0 8px; border-bottom:1px dotted #000000; font-size:16px; color: #4D4D4D; text-align:left; width:680px; border-left:4px #0b9bbc solid;}

.st_name { font-size:120%; font-weight:normal;}

.fsp1 {margin:0 0 0 16px; font-size:13px; line-height:1.3}
.fsp1 td { text-align:left;}
.nowr {white-space: nowrap;width: 30px; padding:0;}


#contents {width:980px; margin:0 auto; padding:0;background-image:url(images/a_bg.gif); background-repeat: repeat-y;}

.tor { float:right; text-align:right; font-size:14px; margin:5px 45px 0 0;}
.news_flow {width:98%; height:200px;overflow-y:scroll; }

dl.news { overflow: hidden; zoom: 1; margin:00px 0 0 10px; padding:5px; font-size:14px; width:710px;}
dl.news dt { width:100px; float: left; clear: both;margin:0 0 8px; padding:8px 0 0;}
dl.news dd { margin:0 0 8px 101px;text-align:left; padding:8px 0 0px;}
dl.news .nbb {border-bottom:1px #424242 dotted; padding:8px 0 8px;}

.box01 { width:98%; float:left; margin:8px}
.box02 { width:235px; float:right; margin:7px 0 0; text-align:right; padding:0;}

#nav02 {width:200px;margin:0 0 0 0; padding:0;float:left; clear:both; text-align:center;text-align:center;}
.navif { width:200px; height:880px; margin:0 0 0; padding:0;}

ul {text-align:left; margin:8px 15px 0 28px; padding:0; font-size:13px; line-height:1.9}

#section {width:780px; margin:0;padding:0 0 5px; text-align:center;float:right;}
.article_h1 {width:760px; margin:0 0 5px; padding:0;}
.article {}
.art_l {float:left;margin:0 auto;padding:0 10px 0 0; text-align:left; width:210px}
.art_r {float:left;margin:0 auto;text-align:left; width:430px}
.art_l2 {float:left;margin:0 auto;padding:0 10px 0 0; text-align:left; width:430px}
.art_r2 {float:left;margin:0 auto;text-align:left; width:210px}

.c_b {clear:both}

#footer {margin:0; padding:0;clear:both; text-align:center; color:#FFFFFF}

.fd1 { width:630px; display:block; margin:0 auto; padding:5px; text-align:center;}
.fd { width:980px; display:block; margin:0 auto; padding:5px; text-align:center;}

.ft01 { font-size:12px; text-align: center; line-height:1.4;margin:0; padding:0;background-color:#a4bd6e;}
.ft01 p { text-indent:-6em; margin:5px 0 5px 6em; font-size:12px}
.ft01 p strong { font-size:14px}
.ft01 p a { color:#FFFFFF;}

.ft02 { font-size:12px; line-height:1.4; margin:0;padding:5px 0 10px; background-color: #188294; text-align:center}
.ft02 p { font-size:12px}
.ft02 p strong { font-size:14px}
.ft02 a { color:#FFFFFF;}
.fw { width:700px; margin:0 auto}

.hb { margin:70px 0 0}

.tas { text-align:center; font-size:18px; margin:30px;}
.name { font-weight:normal; font-size:16px}
.name_b { font-weight:normal; font-size:20px}



.artop { width:699px; height:5px; background-color:#8abd9c ; display:block;}
.article00 { background-color:#FFF; width:697px; margin:0;padding:0;text-align:left;border:1px solid #E7EAE8;}

.article01 { text-align:left; padding:0; margin:20px 0 20px 25px; width:650px}
.article01 p { line-height:1.7}

.gai_p { margin:0 0 24px;}

.cr { color:#F00}
.ti1 { text-indent:-20px; margin:0 0 0 40px}
.ti2 { text-indent:-38px; margin:0 0 0 44px;}
.ti3 { text-indent:-14px; margin:0 0 0 32px;}

/* IE9以下 */
<!--[if lte IE 9.0]>.ti2 { text-indent:-18px; margin:0 0 0 44px;}<![endif]-->


.sinnyuu th { text-align:center; background-color:#CCC; padding:4px;}
.sinnyuu td {padding:6px;}

.ac_ta { margin:0 0 20px}
.ac_ta th {border-bottom:1px dotted #999999; font-weight:normal; text-align:left; font-size:14px; padding:4px}
.ac_ta td {border-bottom:1px dotted #999999; font-size:14px; padding:4px}

.t_c { text-align:center;}
.t_r { text-align:right; margin:0 20px 0 0;}
.t_l { text-align:left}
.f_r { float:right; margin:10px 25px 0 10px}
.f_l { float:right; margin:94px 0px 0 0px; text-align:right}
.f_l p {text-align:right}

.aisatu { width:600px; margin:0 0 0 65px}

.stl { font-size:15px}


.table01{ margin:0 auto; border-collapse: collapse; border-spacing: 0; font-size:14px; font-weight:normal;}
.table01 th{ padding: 10px; text-align:center; vertical-align: top; color: #fff; background-color: #0099FF; border:1px solid #2B2B2B; font-weight:normal }
.table01 td{ padding: 10px; border: 1px solid #2B2B2B;}

.table02{ width: 70%; margin:1em;border-collapse: collapse; border-spacing: 0; font-size:0.8em;}
.table02 th{ padding: 10px; text-align:center; vertical-align: top; border:1px solid #828282; font-weight:normal}
.table02 td{ padding: 10px; border: 1px solid #828282; text-align:left}

.table03{ width: 70%; margin:auto;border-collapse: collapse; border-spacing: 0; font-size:0.8em;}
.table03 td{ padding: 10px; border: 1px solid #828282; text-align: center}

.table04{ margin:1em; border-collapse: collapse; border-spacing: 0; font-size:14px; font-weight:normal;}
.table04 th{ padding: 10px;border:1px solid #2B2B2B;text-align:center;}
.table04 td{ padding: 10px;border:1px solid #2B2B2B; text-align:left;}

.bgg { background-color:#D8D8D8}
.no { background-color:#E2F6FF; color:#0066FF;}


.bo8 { border:1px solid #039; text-align:center; width:290px; display:block;  color:#FFF; background-color:#36F; margin:15px auto 0; font-size:17px; float: none; height:42px; padding:14px 0 0;
text-shadow: 1px 1px 1px #003366,
    -1px 1px 1px #003366,
    1px -1px 1px #003366,
    -1px -1px 1px #003366;
border-radius:13px;         /* CSS3 */
-moz-border-radius:13px;    /* Firefox */
-webkit-border-radius:13px; /* Safari,Chrome */}
.bo8 a {color:#FFF; text-decoration: none;}
.bo8:hover { background-color: #177AF0;border:1px solid #0CF; text-decoration: none;}

.cb { color:#2856C2}

.tac { text-align:center}
.boso { border:2px solid #9F9F9F; padding:5px 27px 0; margin:10px 20px;}
.boso2 {padding:5px 0 0 50px; margin:10px 0;}

.bo {text-align:center; width:300px; display:block; color:#FFF; background-color: #007BE0; margin:10px auto; padding:18px 0 0 ; font-size:17px; font-weight: normal; height:42px; border:2px #fff;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}

.bo2 {text-align:center; width:360px; display:block; color:#FFF; background-color: #BB3E40; margin:0px auto 0; padding:18px 0 0 ; font-size:17px; font-weight: normal;height:42px; 
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo2 a {color:#FFF; text-decoration: none;}
.bo2:hover { background-color: #CB6062; text-decoration: none;}


.bo3 {text-align:center; width:300px; display:block; color:#FFF; background-color: #BB3E40; margin:0px 10px 0; padding:18px 0 0 ; font-size:17px; font-weight: normal; float:left; height:42px; 
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo3 a {color:#FFF; text-decoration: none;}
.bo3:hover { background-color: #CB6062; text-decoration: none;}

.bo4 { border:1px solid #039; text-align:center; width:300px; display:block; padding:5px 0; color:#FFF; background-color:#36F; margin:15px 15px 0 0; padding:18px 0 0 ; font-size:17px;font-weight:bold; float:left; height:42px; 
text-shadow: 1px 1px 1px #000F34,
    -1px 1px 1px #003366,
    1px -1px 1px #003366,
    -1px -1px 1px #003366;
border-radius:13px;         /* CSS3 */
-moz-border-radius:13px;    /* Firefox */
-webkit-border-radius:13px; /* Safari,Chrome */}
.bo4 a {color:#FFF; text-decoration: none;}
.bo4:hover { background-color: #177AF0;border:1px solid #0CF; text-decoration: none;}

.bo5 { border:1px solid #45B93A; text-align:center; width:180px; display:block; padding:5px 0; color:#FFF; background-color: #73C64B; margin:5px 15px 0 0; padding:5px 0 0 ; font-size:17px; font-weight: normal; float:left; height:30px; 
text-shadow: 1px 1px 1px #001506,
    -1px 1px 1px #003366,
    1px -1px 1px #003366,
    -1px -1px 1px #003366;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo5 a {color:#FFF; text-decoration: none;}
.bo5:hover { background-color: #71CE5B;border:1px solid #65B92B; text-decoration: none;}

.bo6 { border:1px solid #45B93A; text-align:center; width:300px; display:block; padding:10px 0 ; color:#FFF; background-color: #73C64B; margin:14px auto; font-size:17px; font-weight: normal;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo6 a {color:#FFF; text-decoration: none;}
.bo6:hover { background-color: #71CE5B;border:1px solid #65B92B; text-decoration: none;}

.kikan { text-align:left; margin:10px 0 0 15px;}
.kikan tr td { vertical-align:top;}

.kome { text-indent:-13px; margin:0 0 0 26px}

.pn { margin:0 15px 0 15px;}
.pn tr td { vertical-align:top;font-size:13px; line-height:1.9; text-align:left}

.st_l { font-size:15px}
.fo110 { font-size:110%}

.fku { margin:0 0 0 15px;}
.fku tr td {text-align:left; margin:8px 15px 0 15px; padding:0; font-size:13px; line-height:1.9; vertical-align:top}

.ebb {border:4px #416c18 solid; text-align: center; padding:10px 20px; font-weight:bold;}

.byk {border:4px #DA8C3C solid; text-align: center; padding:10px 20px; font-weight:normal; margin:10px 0; font-size:14px}
.brr {border:4px #E4181C solid; background-color:#FFD6D6; color:#D90003; text-align: center; padding:10px 20px; font-weight:normal; margin:10px 0; font-size:14px}

.ul_d li { text-align:left; margin:8px 15px 0 -8px; padding:0; font-size:13px; line-height:1.9}

.fsl { font-size:15px}

.del {
   color: #f00;
   text-decoration : line-through ;
 }
.del span {
   color: #000;
 }
 
 .bbc { background-color:#C7DCFF; width:380px; text-align:center; margin:0 auto; padding:5px 0 5px 50px;
 border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}

 .bbc2 { background-color: #EFFAFF; width:80%; text-align:center; margin:0 auto; padding:10px; border:1px solid #C7D6FF;
 border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}

.category_ta { border-collapse:collapse;font-size:14px; float:left; margin:2px 4px;}
.category_ta tr td { border-collapse:collapse; border:1px solid #7A7A7A;}
.category_ta tr .ca_bbb { background-color: #3A70E7; color:#FFFFFF; text-align:center;font-size:14px; padding:4px}
.category_ta tr .ca_bb { background-color:#E3F0FF; width:80px; font-size:14px;padding:4px}

.po_ta { border-collapse:collapse;font-size:13px;margin:2px auto;}
.po_ta tr td { border-collapse:collapse; border:1px solid #7A7A7A; text-align:center}
.po_ta tr .ca_bbb { background-color: #3A70E7; color:#FFFFFF; text-align:center;font-size:14px; padding:4px}
.po_ta tr .ca_bb { background-color:#E3F0FF;font-size:14px;padding:4px}

.tejyun_ta { border-collapse:collapse;font-size:13px;margin:0; width:95%;}
.tejyun_ta tr td { border-collapse:collapse; text-align: left; vertical-align:top}

.ss_ta { margin:0 auto; text-align:center; font-size:14px;}

.kikan { text-align:left; margin:10px 0 0 15px;}
.kikan tr td { vertical-align:top; padding:0;}

.nowr {white-space: nowrap;width: 30px; padding:0;}

.coi_ta { font-size:13px; text-align:left; vertical-align:top;}
.coi_ta tr td { font-size:13px; text-align:left; vertical-align:top; line-height:1.9}

.list_deci { list-style-type:decimal;text-align:left; margin:8px 15px 0 40px; padding:0; font-size:13px; line-height:1.9}
.list_disc { list-style:disc;text-align:left; margin:8px 15px 0 40px; padding:0; font-size:13px; line-height:1.9}

.denwa { text-align:center; border:2px #FFAC37 solid; font-size:14px; width:650px; margin:0 auto; padding:10px;}

.ni_ba { text-align:left; margin:8px 15px 0 15px; padding:0; font-size:13px; line-height:1.9; border-bottom:1px dotted #6C6C6C; color:#555555;}

.bgb { background-color:#E7FBFF; width:650px; margin:0 auto; padding:10px 0;
 border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}

.ni_ta { margin:0 auto;}
.ni_ta tr td { text-align:left; font-size:14px}
#program .enjya { text-indent:-39px; margin:0 0 0 57px; line-height:1.3;}
.zatyou { line-height:1.3; margin:0 0 0 18px; font-size:13px; vertical-align:top; border-collapse:collapse; padding:0; width:100%}
.zatyou tr td {vertical-align:top; text-align:left; border-collapse:collapse;padding:0; text-align:left}

#program p { line-height:1.3; margin:0 0 0 18px}

.app_ta tr td { vertical-align:top; border-collapse:collapse; padding:4px}

.bd1 { border-bottom:1px dotted #565656;}
.bd2 { border-bottom:1px dotted #565656; border-left:1px dotted #565656; border-right:1px dotted #565656}
.bd3 { border-left:1px dotted #565656; border-right:1px dotted #565656}

.name { font-size:16px;}

.jim_l { float:left; text-align:left; font-size:12px; line-height:1.8; width:55%}
.jim_r { float:right;text-align:left; font-size:12px; line-height:1.8; width:40%; margin:0 0 20px}
.tbb { background-color:#000000; color:#FFFFFF; padding:2px 0 2px 8px; font-size:14px;}

.tdbb { text-decoration:underline;}

.fsp2 {font-size:13px; line-height:1.5; margin:5px 0 0 20px; border-collapse:collapse; text-align:left}
.fsp2 tr td {vertical-align: top;}
.nowr {white-space: nowrap;width: 10px; text-align:left; vertical-align:top;}

.p_obi { background-color: #E6EEFF; width:700px;margin:10px 0 0 17px;}
.p_obi:after {content: ".";  display: block;  clear: both;  height: 0;  visibility: hidden;}
.p_l { float:left; margin:0 0 0 5px;}
.p_r { float: right;margin:0 5px 0 0;}
.pad { padding:0 0 0 5px}

/* ページトップ */
#page-top { position: fixed; bottom: 20px; right: 20px; }
#page-top a { display: block; background:url('images/pagetop.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:60px; height:60px; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#page-top a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


.acd-check{
    display: none;
}
.acd-label{
    background:#4E84F3 ;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
}
.acd-content{
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}


/*---------ポップアップ------------*/

.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 90%;
    height: 80%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 600px;
         height: 330px;
         padding: 30px;

    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 300px !important;
     margin-top: -200px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}