@charset "UTF-8";

/* !HTML5 elements
---------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

figure {
    margin: 0;
    padding: 0;
}

/* !Reseting
---------------------------------------------------------- */
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 17px;
    -webkit-text-size-adjust: none;
    line-height: 1.8;
    color: #333;
}

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
    margin: 0;
    padding: 0;
}

input,
textarea {
    margin: 0;
    font-size: 100%;
}

label {
    cursor: pointer;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

fieldset,
img {
    border: 0;
}

img {
    vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:after,
q:before {
    content: '';
}

a,
input { /* outline: none; */
}

abbr,
acronym {
    border: 0;
}

/* !Reset Module
---------------------------------------------------------- */
.reset div,
.reset dl,
.reset dt,
.reset dd,
.reset ul,
.reset ol,
.reset li,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset pre,
.reset form,
.reset fieldset,
.reset p,
.reset blockquote,
.reset th,
.reset td {
    margin: 0;
    padding: 0;
}

.reset input,
.reset textarea {
    margin: 0;
    font-size: 100%;
}

.reset table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

.reset fieldset,
.reset img,
.reset abbr,
.reset acronym {
    border: 0;
}

.reset address,
.reset caption,
.reset cite,
.reset code,
.reset dfn,
.reset em,
.reset th,
.reset var {
    font-style: normal;
    font-weight: normal;
}

.reset ol,
.reset ul {
    list-style: none;
}

.reset caption,
.reset th {
    text-align: left;
}

.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
    font-size: 100%;
    font-weight: normal;
}

.reset a,
.reset input { /* outline: none; */
}

.reset q:after,
.reset q:before {
    content: '';
}

/* !Clearfix
---------------------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

/* !Layout
---------------------------------------------------------- */
html,
body {
    height: 100%;
}

html {
    overflow-y: scroll;
}

@media print {
    html,
    html body {
        zoom: 0.65;
    }
}

html * {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

/* wrapper */
#wrapper {
    min-width: 1024px;
    /*height: 100%;*/
    margin: 0 auto;
}

/* header */
#header {
   
}

#header .header_in01 {
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
}

#header .logo {
    float: left;
    padding: 7px 0 0 37px;
}

#header .header_link_list01 {
    float: right;
    padding: 10px 18px 10px 0;
    font-size: 16px;
    font-weight: bolder;
}

#header .header_link_list01 li {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
}

#header .header_link_list01 li.app {
    margin-left: 0px;
}

#header .header_link_list01 li.app a {
    display: block;
   border-left: solid 1px gray;
    padding: 0 10px;
    height: 29px;
    text-align: center;
    font-family: 'Old Standard TT', serif;
}

#header .header_link_list01 li.app a img {
    vertical-align: middle;
}

#header .header_link_list01 li.app a:hover img {
    opacity: 1;
}

#header .header_link_list01 li a {
    display: block;
    color: #333;
    text-decoration: none;
}

#header .header_link_list01 li a:hover {
    color: white;
    background-color: black;
}

/* gnavi */
#gnavi {
    clear: both;
    border-top: 1px solid #DDDCDB;
 
}

#gnavi .gnavi_menu01 {
    overflow: hidden;
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
}

#gnavi .gnavi_menu01 li {
    float: left;
    width: 204px;
    text-align: center;
    padding: 10px 0;
    font-family: serif;
}

#gnavi .gnavi_menu01 li a {
    display: block;
    text-decoration: none;
    color: white;
}

#gnavi .gnavi_menu01 li a:hover {
    opacity: 0.5;
}

#gnavi .gnavi_menu01 li a img {
}

/* footer */
#footer {
    position: relative;
    z-index: 10;
    min-width: 1024px;
    border-top: 1px solid #e5e5e5;
    color: #000;
    background-color: #F5F5F5;
}

#footer .footer_in01 {
    position: relative;
    z-index: 20;
    width: 1024px;
    min-width: 1024px;
    padding-top: 16px;
    margin: 0 auto;
}

#footer .pagetop_01 {
    position: absolute;
    top: -1px;
    right: 84px;
    z-index: 30;
}

#footer .pagetop_01 a:hover img {
    opacity: 1;
}

#footer .logo {
    float: right;
    margin-right: 28px;
    padding: 0px 100px 0 17px;
}

#footer .txt_area {
    float: left;
    overflow: hidden;
}

#footer .txt_area .title {
    width: 103px;
    height: 30px;
    margin-bottom: 12px;
    padding-top: 9px;
    background: #000;
    text-align:left;
    /*color: red;*/
    color: #6E8192;
    font-size: 2rem;
    font-weight: bolder;
  
}

#footer .txt_area .title img {
    vertical-align: top;
}

#footer .txt_area a {
    display: inline-block;
    vertical-align: baseline;
}

#footer .txt_area img {
    vertical-align: baseline;
}

#footer .txt_area .address {
    font-size: 18px;
    font-weight: bold;
}

#footer .txt_area .tel {
    float: left;
    margin-right: 20px;
    font-size: 18px;
    font-weight: bold;
}

#footer .txt_area .mail {
    float: left;
}

#footer .txt_area .mail a {
    display: block;
    height: 25px;
    padding: 0 30px;
    background: #a2cc4c;
    border-radius: 12px;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
}

#footer .txt_area .mail a:hover {
    opacity: 0.5;
    font-family: serif;
}

#footer .footer_in02 {
    clear: both;
    overflow: hidden;
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
    padding: 10px 0 10px 30px;
    text-align: right;
}

#footer .footer_link_list01 {
    float: left;
    padding-top: 10px;
    font-size: 0;
}

#footer .footer_link_list01 li {
    display: inline-block;
    /*padding-left: 28px;*/
    font-size: 1.2rem;
    vertical-align: middle;
    float: right;
}

#footer .footer_link_list01 li:first-child {
    background: none;
}

#footer .footer_link_list01 li a {
    display: block;
    height: 27px;
    padding: 0 10px;
    color: gray;
    text-decoration: none;
    border-left: 1px solid gray;
    font-family: 'Old Standard TT', serif;
}

#footer .footer_link_list01 li a:hover {
    color: #900;
}

#footer .footer_link_list01 li a img {
    vertical-align: middle;
}

#footer .footer_link_list01 li a:hover img {
    opacity: 1;
}

#footer .footer_link_list02 {
    float: left;
    margin-left: 67px;
    font-size: 0;
}

#footer .footer_link_list02 li {
    display: inline-block;
    margin-left: 7px;
    font-size: 14px;
    vertical-align: middle;
    color: gray;
}

#footer .footer_link_list02 li:first-child {
    margin-left: 0;
}

#footer .footer_link_list02 li a {
    display: block;
    min-width: 163px;
    height: 44px;
    padding: 14px 34px 0;
    background: #000;
    text-align: center;
    margin-left: 140px;
}

#footer .footer_link_list02 li a:hover {
    opacity: 0.5;
}

#footer .footer_link_list02 li a:hover img {
    opacity: 1;
}

#footer .copy_wrap {
    clear: both;
    padding: 10px 27px 25px;
    background: #E1E3E2;
}

#footer .copy_wrap .copy {
    color: #000;
    font-size: 12px;
    line-height: 1.0;
    text-align: center;
}

/* contents */
#contents {
    background: #fff;
}

.contents_in01 {
    overflow: hidden;
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
    padding: 30px 27px 55px;
}

.contents_in02 {
    overflow: hidden;
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
}

.contents_in03 {
    padding: 30px 27px 55px;
    overflow: hidden;
    width: 1024px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
}

.contents_in04 {
    overflow: hidden;
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
    padding: 30px 27px 55px;
    background-color: #fff;
}

.program {
    line-height: 1.5em;
    font-size: 15px;
    /*border: solid 1px #d1d1d1;*/
}

.prgram img {
    float: left;
}

.program td {
    padding: 10px;
    border-bottom: solid 1px #d1d1d1;
}

.program tr td img {
    float: left;
    margin-right: 3px;
    width: 107;
    height: 123px;
}

.program tr td p {
    font-size: 0.7rem;
}

.program_title {
    padding: 15px 0px ;
    vertical-align: top;
    font-size: 1.2rem;
    font-weight: bolder;
}

.program_title2 {
    font-size: 24px;
    font-weight: bolder;
}

.program tr td .program_title {
    font-size: 1rem;
}

/* !Parts
---------------------------------------------------------- */
.bg_bl01 {
    background: #cbe5e3;
}

.bg_gy01 {
    background: #fbfbfb;
}

.bg_bk01 {
    background: #000;
}

.bg_32 {
    background-color: #F5EEE6;
}

/* mainimg */
.mainimg_wrap01 {
    background-color: #F4DEBE;

    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.mainimg_wrap02 {
    border-bottom: #50211e;
    overflow: hidden;
    background-color: #50211e;
}

.mainimg_wrap01 .mainimg01,
.mainimg_wrap02 .mainimg01 {
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
}

.mainimg_wrap01 .maintitle01 {
}

.mainimg_wrap01 .mainimg01 img,
.mainimg_wrap01 .maintitle01 img {
}

/* title */
.title01 {
    color: #008cb1;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.2;
}

.title01 .lead {
    display: block;
    font-size: 0.5em;
}

.title01.color01 {
    color: #333;
}

.title01.color02 {
    color: #4cb9d0;
}

.title01.color02 .lead {
    color: #fff;
}

.title01_alert {
    margin-top: 5px;
    font-size: 0.9rem;
    color: crimson;
    font-weight: 600;
}

.title_bk01 {
    padding: 4px 13px;
    background: #000;
    color: #fff;
    font-weight: bold;
}

.title_bk02 {
    padding: 4px 13px;
    background: #F5EEE6;
    color: #474747;
    font-weight: bold;
}

.title_bk03 {
    padding: 2px 0px;
    background: #e1e1e1;
    color: #474747;
    font-weight: bold;
    line-height: 3em !important;
}

/* text */
.lead_wrap01 {
    padding: 30px 26px;
    font-weight: bold;
}

.text_wrap01 {
    padding: 18px 13px;
}

.text_wrap02 {
    padding: 18px 13px;
    color: #898989;
    font-size: 16px;
}

.text_wrap02 p {
    line-height: 4em;
    color: #666;
}

.text_wrap03 {
    padding: 18px 13px;
}

.text_wrap03 p {
    text-align: center;
}

.text_wrap03 a {
    text-decoration: none;
    color: black;
}

.text_wrap03 span {
    padding: 10px;
    background-color: darkblue;
    color: white;
    font-weight: bolder;
    text-align: center;
}

.text_box01 {
    position: relative;
    z-index: 0;
    margin: 1em -5px 0 -5px;
    padding: 19px 20px;
    border: 1px dashed #009cbd;
}

.text_box01 span {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
}

.text_box01 .bg01 {
    top: -1px;
    left: -1px;
    z-index: 10;
    background: url(../img/bg_textbox_bl01_01.png) left top no-repeat;
}

.text_box01 .bg02 {
    bottom: -1px;
    left: -1px;
    z-index: 20;
    background: url(../img/bg_textbox_bl01_02.png) left top no-repeat;
}

.text_box01 .bg03 {
    top: -1px;
    right: -1px;
    z-index: 30;
    background: url(../img/bg_textbox_bl01_03.png) left top no-repeat;
}

.text_box01 .bg04 {
    bottom: -1px;
    right: -1px;
    z-index: 40;
    background: url(../img/bg_textbox_bl01_04.png) left top no-repeat;
}

.text_box01 .text_box_in01 {
    position: relative;
    z-index: 50;
}

.text_color_bl01 {
    color: black;
    text-decoration: none;
}

/* section */
.section01 {
}

.section01 + .section01 {
    margin-top: 35px;
}

/* button */
.large_btn_list01 {
    margin-top: 35px;
}

.large_btn01 {
    display: block;
    width: 100%;
    padding: 27px 0;
    background: #009dc0;
    border-radius: 10px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.large_btn01:hover {
    opacity: 0.5;
}

.wideS {
    width: 635px;
}

.title {
    width: 1024px;
    margin: 0 auto;
}