@charset "utf-8";

html{
font-size:14px;
line-height:150%;
color:#000000;
}

body {
width:100%;
height: 100%;
margin:0;
padding:0;
overflow:auto;
background: #eefbdd url(../img/bg_480.jpg) repeat;
font-family: 'Open Sans', 'Arial', 'M PLUS Rounded 1c', 'Meiryo', sans-serif;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}

html, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
display:block;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@charset "utf-8";

.fontadjust {
-webkit-text-size-adjust: 150%;
-moz-text-size-adjust: 150%;
-ms-text-size-adjust: 150%;
-o-text-size-adjust: 150%;
text-size-adjust: 150%;
}

h1 {
font-size: 16px;
color:#413B72;
margin: 0px;
padding: 0px;
}

h3 {
margin: 0px 5px 10px 5px;
padding: 0px;
font-size: 17px;
line-height:150%;
color:#000099;
font-weight: bold;
text-align: center;
}

h4 {
font-size: 18px;
color:#ff0000;
}

h5 {
margin: 5px 0px;
font-size: 14px;
color:#ff0000;
font-weight: normal;
}

.bold {
font-weight: bold;
}

.normal {
font-weight: normal;
}

.lh_140{
line-height:140%;
}

.lh_150{
line-height:150%;
}

.lh_160{
line-height:160%;
}

.lh_170{
line-height:170%;
}

.lh_180{
line-height:180%;
}

.lh_190{
line-height:190%;
}

.lh_200{
line-height:200%;
}

.lh_210{
line-height:210%;
}

.lh_220{
line-height:220%;
}

.lh_230{
line-height:230%;
}

.lh_240{
line-height:240%;
}

.lh_250{
line-height:250%;
}

.fc_black{
color:#000000;
}

.fc_dgray{
color:#333333;
}

.fc_gray{
color:#999999;
}

.fc_lgray{
color:#cccccc;
}

.fc_white{
color:#ffffff;
}

.fc_red{
color:#ff0000;
}

.fc_dred{
color:#AA0000;
}

.fc_orange{
color:#ff6600;
}

.fc_yellow{
color:#ffff00;
}

.fc_lyellow{
color:#ffffcc;
}

.fc_blue{
color:#0000ff;
}

.fc_mblue{
color:#0066cc;
}

.fc_dblue{
color:#000099;
}

.fc_lblue{
color:#99ffff;
}

.fc_green{
color:#006600;
}

.fc_dgreen{
color:#004400;
}

.fc_lgreen{
color:#00cc00;
}

.fw_100{
font-weight: 100;
}

.fw_200{
font-weight: 200;
}

.fw_300{
font-weight: 300;
}

.fw_500{
font-weight: 500;
}

.fw_600{
font-weight: 600;
}

.fw_800{
font-weight: 800;
}

.fw_900{
font-weight: 900;
}

a {
margin: 0px;
padding: 0px;
}

a:link {
color:#0000cc;
text-decoration: none;
}

a:visited {
color:#336699 ;
text-decoration: none;
}

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

a:active {
color:#ff6600;
text-decoration: underline;
}

@charset "utf-8";


.allclear {
clear:both;
}

.vspace_10 {
max-width: 300px;
margin: 0 auto;
height: 10px;
}

.lspace_40 {
margin-left: 40px;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

#bottom_display {
display: flex;
flex-direction: column;
height: 100vh;
}

#container {
flex: 1 0 auto;
}

.footer {
flex-shrink: 0;
}


/*===========================　トップページ　==========================*/
.top_contents {
width: 100%;
margin: 0 auto;
padding: 0px 20px;
}

header {
width: 100%;
margin: 0 auto;
padding: 0px;
overflow: hidden;
text-align: left;
background-color: rgba(255,255,255,0.6);
}

header .logo_box {
float: left;
max-width: 480px;
padding: 10px 10px 5px 10px;
}

header .msg_box {
float: left;
overflow: hidden;
margin: 0px;
padding: 20px 10px 10px 10px;
}

header .msg_box p {
color: #000099;
font-size: 16px;
line-height: 150%;
font-weight: 700;
}



/*==============================トップページ==============================*/
.contents {
width: 100%;
margin: 0 auto;
}

.logo {
float: left;
max-width: 480px;
padding: 5px 10px 5px 10px;
}

.msg_top {
font-weight: 700;
float: left;
margin: 15px;
padding: 7px 10px 7px 10px;
background-color: rgba(255,255,255,0.6);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.msg_top p {
color: #000099;
font-size: 16px;
line-height: 150%;
font-weight: 700;
}

.menu_zone {
float: left;
width: 100%;
max-width: 300px;
margin: 0px auto;
}

.menu_zone .menu_bar {
margin: 15px;
padding: 5px 10px 5px 10px;
background-color: rgba(255,255,153,0.7);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.menu_bar .menu_box {
padding: 10px 0px;
border-bottom: 2px solid #ff7700;
}

.menu_bar .menu_box-a {
margin-bottom: 15px;
padding: 10px 0px;
border-bottom: 2px solid #ff7700;
}

.menu_bar .menu_box a,
.menu_bar .menu_box-a a {
color: #0000ff;
font-size: 15px;
line-height: 150%;
font-weight: 700;
text-decoration: none;
margin: 0px 0px 7px 10px;
}

.menu_bar .menu_box a:hover,
.menu_bar .menu_box-a a:hover {
color:#ff7700;
text-decoration: underline;
}

.menu_bar .menu_box a:active,
.menu_bar .menu_box-a a:active {
color:#ff7700;
text-decoration: underline;
}

.menu_bar .menu_box p,
.menu_bar .menu_box-a p {
color: #000000;
font-size: 14px;
line-height: 140%;
font-weight: 500;
margin: 0px 0px 0px 5px;
}


/*==============================記事ページの共通部分==============================*/
.loopSliderWrap {
top: 0;
left: 0;
height: 100px;
overflow: hidden;
position: absolute;
}

.loopSlider {
margin: 0 auto;
width: 100%;
height: 100px;
text-align: left;
position: relative;
overflow: hidden;
}

.loopSlider ul {
height: 100px;
float: left;
overflow: hidden;
}

.loopSlider ul li {
width: 150px;
height: 100px;
float: left;
display: inline;
overflow: hidden;
}

.loopSliderWrap:after {
content: "";
display: none;
clear: none;
}

.container {
width: 100%;
max-width: 980px;
margin: 0px auto;
overflow: hidden;
padding: 10px 10px 50px 10px;
}

.container .box_left {
display: block;
float: left;
width: 300px;
text-align: left;
valign: top;
}

.container .box_left .menu_bar {
margin: 15px;
padding: 5px 10px 5px 10px;
background-color: rgba(255,255,153,1);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.box_right {
margin-left:320px;
text-align: left;
valign: top;
}

.title_zone {
margin: 0px auto;
}

.top_title {
display:inline-block;
margin: 20px 0px 20px 0px;
padding: 5px;
border-top: 5px solid #95D8D6;
border-bottom: 5px solid #95D8D6;
}

.top_title h2 {
color: #000099;
font-weight: 700;
font-size: 16px;
}

.text_zone {
margin: 0px auto;
}

.text_zone dl {
font-weight: 400;
margin-left: 10px;
color: #000000;
font-size: 14px;
line-height: 150%;
text-align: left;
}

.text_zone dt {
padding: 0px 0px 5px 0px;
}

.text_zone dd {
padding-left: 15px;
}

.text_zone dd .type-a {
padding-left: 20px;
}

.editor_zone {
margin: 0px auto;
}

.editor_box {
font-weight: 500;
color: #000000;
font-size: 15px;
padding: 10px 0px 30px 0px;
text-align: right;
}

.info_zone {
display: block;
width: 100%;
max-width: 980px;
margin: 0px auto;
text-align:center;
}

.info_zone_box {
display: inline-block;
margin: 0px auto;
padding: 5px 0px 0px 0px;
vertical-align: top;
text-align: center;
background-color: #FFFFEE;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:1px solid #FF7700;
}

.info_zone_box p {
color:#000000;
font-size: 15px;
padding: 5px 20px 0px 20px;
text-align: left;
}

.info_zone_box img {
display: inline-block;
padding: 2px 15px 5px 15px;
}


/*==============================footerの共通部分==============================*/
footer .inner1{
width: 100%;
margin: 0px auto;
background-color:#FBCB2C;
overflow: hidden;
}

footer .inner2 {
width: 100%;
margin: 0px auto;
}

footer .line-1 {
width: 100%;
height: 3px;
margin: 0px auto;
background-color:#000099;
}

footer .line-2 {
width: 100%;
height: 3px;
margin: 0px auto;
background-color:#ff7700;
}

footer .inner2 .logo_bottom {
float: left;
margin: 3px 5px 1px 5px;
}

footer .inner2 .copyright {
float: right;
margin: 12px 5px 0px 5px;
}