@charset "utf-8";

/* Reset --------------------------------------------------------------------------------- */

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

}


/*スマホでのテキストサイズ対策*/

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, svg, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    max-height: 100%;
    max-height: none\9;
}

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

audio, canvas, video {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

[hidden], audio:not([controls]) {
    display: none
}

html {
    overflow-y: scroll
}


/* Base style --------------------------------------------------------------------------------- */

a, a:link, a:visited {
    text-decoration: none;
    color: #005a99;
}

a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

a:active {
    text-decoration: none;
    color: #005a99;
}

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

em {
    font-weight: 700;
    font-style: normal
}

sup {
    font-size: 65%;
    line-height: 0;
    position: relative;
    top: -2px;
    vertical-align: middle
}

sub {
    font-size: 65%;
    line-height: 0;
    position: relative;
    top: 2px;
    vertical-align: middle
}

pre {
    font-family: monospace, sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word
}

img {
    vertical-align: bottom;
    border: 0;
}

svg:not(:root) {
    overflow: hidden
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border: 0 none
}


/* rollover */

.rollover a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
}

.rollover a:hover {
    /*opacity: 0.8;*/
    opacity: 0.5;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    /*background: #fff;*/
}


/* clearfix */

.clearfix:before, .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0 !important;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}


/**/

body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 1.571428571428571;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-print-color-adjust: exact;
}

/* Wrapper --------------------------------------------------------------------------------- */

#wrapper {
    position: relative;
    width: 100%;
    min-height: 100%
}


/* header --------------------------------------------------------------------------------- */

#header {
    height: 187px;
    width: 1024px;
    margin: 0 auto 0;
    position: relative;
    background-color: #fff;
}

.home #header {
    margin: 0 auto 0;
}

#header .header-description {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 10px;
    line-height: 25px;
    width: 100%;
}

#header h1.header-description {
    float: left;
    text-align: left;
    background-color: #2e6687;
    color: rgba(255, 255, 255, 0.5);
    padding-left: 10px;
    box-sizing: border-box;
}

#header p {
    float: right;
    text-align: right;
    font-size: 8.4px;
    line-height: 30px;
    margin-right: 5px;
    position: relative;
    z-index: 100;
    color: #fff;
}

#header .header-logo {
    position: absolute;
    top: 40px;
    left: 0px;
}

#header .header-btn {
    position: absolute;
    top: 53px;
    right: 0px;
}

#header .header-btn li {
    float: left;
    margin: 0;
}

#header .header-btn li img {
    vertical-align: top;
    margin-right: 10px;
}

#global-navigation {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 5px solid #2e6687;
}

#global-navigation li {
    float: left;
}

#global-navigation a {
    width: 160px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    margin-right: 12px;
    position: relative;
    border-top: 1px solid #ccc;
    text-decoration: none;
    font-size: 16px;
    transition: .3s;
    color: #2e6687;
}

/*#global-navigation a.current:after {
    content: "";
    height: 49px;
    width: 9pt;
    background-color: #2e6687;
    position: absolute;
    top: 5px;
    left: 0;
}*/

#global-navigation a:hover,#global-navigation a.current {
    background-color: #2e6687;
    color: #fff;
}

#global-navigation a.last {
    margin-right: 0;
    width: 164px;
}


/* slide_show --------------------------------------------------------------------------------- */

.main-visual {
    width: 1024px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
}


/* main_title ---------------------------------------------------------------------------------

.main_title {
	width:914px;
	margin:1px auto 0;
	padding:0 0 0 36px;
	background: url(../images/common/main_title_bg.gif) repeat-x #004a95;
	color:#fff;
	font-size:2em;
	line-height:100px;
}*/


/* pan_navi --------------------------------------------------------------------------------- */

.pan-navi {
    width: 1024px;
    margin: 0 auto 0;
}

.pan-navi li {
    float: left;
    line-height: 40px;
    font-size: 12px;
}

.pan-navi li a {
    color: #333;
}


/* Contents --------------------------------------------------------------------------------- */

#contents {
    width: 1024px;
    min-height: 970px;
    margin: 0 auto 34px;
}


/* primary --------------------------------------------------------------------------------- */

.home #primary {
    width: 770px;
    float: right;
    background: #fff;
}

.page #primary {
    width: 730px;
    float: right;
    background: #fff;
    padding: 20px;
    padding-top: 0;
}


/* page-content --------------------------------------------------------------------------------- */

.page-content {
    padding: 0 0 20px 0;
}


/* secondary --------------------------------------------------------------------------------- */

#secondary {
    width: 224px;
    float: left;
    background-color: #fff;
}

#secondary .side-bnr {
    margin-bottom: 0px;
}

#secondary .side-menu {
    /*background: #ccc;*/
    margin-bottom: 18px;
    /*padding: 5px 4px;*/
}

#secondary .side-menu .side-menu-title {
    text-align: center;
    margin-bottom: 1px;
}

#secondary .side-menu li {
    text-align: center;
}


/*変更*/

#secondary a.side-button {
    display: block;
    box-sizing: border-box;
    width: 224px;
    height: 46px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    background-color: #8d9ca0;
    margin-top: 1px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

#secondary a.side-button2 {
    display: block;
    position: relative;
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 210px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    padding-left: 0;
    border-bottom: 1px solid #8d9ca0;
    margin-left: 7px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #222;
}

#secondary a.side-button2.last {
    border-bottom: none;
}

.side-menu-title {
    box-sizing: border-box;
    width: 224px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    background-color: #8d9ca0;
    margin-top: 10px;
}

a.side-points {
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 50px;
    width: 224px;
    height: 50px;
    background-color: rgba(223, 184, 114, 1);
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

a.side-points:hover {
    background-color: rgba(223, 184, 114, 0.8);
}

a.side-info {
    display: block;
    background-color: rgba(48, 101, 135, 1);
    width: 224px;
    height: 70px;
    margin-bottom: 20px;
    transition: all 0.2s ease 0s;
}

a.side-info:hover {
    background-color: rgba(48, 101, 135, .8);
}

.side-smenu a {
    display: block;
    width: 224px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-top: 1px dotted rgba(141, 156, 160, 1);
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #666;
}
.side-smenu a:hover{
  background-color: rgba(141, 156, 160, .2)
}

#secondary .side-menu a.side-button2:hover {
    background-color: rgba(141, 156, 160, .3);
}

#secondary .side-menu a.side-button:hover {
    background-color: rgba(141, 156, 160, .7);
}

#secondary .side-menu a:hover .side-button::before {
    width: 40px;
    height: 48px;
    background-size: 40px;
    top: 0pt;
    left: 0pt;
}


/* footer --------------------------------------------------------------------------------- */

.btn-pagetop {
    width: 1024px;
    margin: 0 auto 0;
    text-align: right;
}

#footer {
    width: 100%;
    margin: 0 auto 0;
    position: relative;
    z-index: 100;
}

#footer .footer-navi {
    background: #d6e0e7;
    width: 100%;
}

#footer .footer-navi-inner {
    width: 1024px;
    font-size: 12px;
    margin: 0 auto 0;
    padding: 10px 0;
    text-align: center;
}

#footer .footer-navi-inner a {
    color: #333;
    text-decoration: none;
}

#footer .footer-navi-inner a:hover {
    color: #333;
    text-decoration: underline;
}

#footer address {
    background: rgba(48, 101, 135, 1);
    width: 100%;
    display: block;
    padding: 8px 0;
}

#footer .copyright {
    width: 1024px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin: 0 auto 0;
}


/* etc --------------------------------------------------------------------------------- */


/* layout */

.alignleft {
    float: left;
    margin: 0 20px 1em 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto 1em auto;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-size: .8em;
}

.wp-caption .wp-caption-text {
    margin: 0px;
    padding: 8px 0px 0px 0px;
    text-align: center;
}


/* ol */

ol.base {
    list-style: decimal;
    margin-left: 25px;
}


/* font-size */

.smallest {
    font-size: 0.7em !important;
}

.smaller {
    font-size: 0.8em !important;
}

.small {
    font-size: 0.9em !important;
}

.normal {
    font-size: 14px !important;
}

.large {
    font-size: 16px !important;
}

.larger {
    font-size: 18px !important;
}

.largest {
    font-size: 20px !important;
}


/**/

.m00 {
    margin: 0px !important;
}

.m05 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.mt00 {
    margin-top: 0 !important;
}

.mt05 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb00 {
    margin-bottom: 0 !important;
}

.mb05 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml00 {
    margin-left: 0 !important;
}

.ml05 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.mr00 {
    margin-right: 0 !important;
}

.mr05 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.m1em {
    margin: 1em !important;
}

.mt1em {
    margin-top: 1em !important;
}

.mb1em {
    margin-bottom: 1em !important;
}

.ml1em {
    margin-left: 1em !important;
}

.mr1em {
    margin-right: 1em !important;
}

.m1_5em {
    margin: 1.5em !important;
}

.mt1_5em {
    margin-top: 1.5em !important;
}

.mb1_5em {
    margin-bottom: 1.5em !important;
}

.ml1_5em {
    margin-left: 1.5em !important;
}

.mr1_5em {
    margin-right: 1.5em !important;
}

.p00 {
    padding: 0px !important;
}

.p05 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.pt00 {
    padding-top: 0 !important;
}

.pt05 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pb00 {
    padding-bottom: 0 !important;
}

.pb05 {
    padding-bottom: 20px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pl00 {
    padding-left: 0 !important;
}

.pl05 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pr00 {
    padding-right: 0 !important;
}

.pr05 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.p0_5em {
    padding: 0.5em !important;
}

.pt0_5em {
    padding-top: 0.5em !important;
}

.pb0_5em {
    padding-bottom: 0.5em !important;
}

.pl0_5em {
    padding-left: 0.5em !important;
}

.pr0_5em {
    padding-right: 0.5em !important;
}

.p1em {
    padding: 1em !important;
}

.pt1em {
    padding-top: 1em !important;
}

.pb1em {
    padding-bottom: 1em !important;
}

.pl1em {
    padding-left: 1em !important;
}

.pr1em {
    padding-right: 1em !important;
}

.p1_5em {
    padding: 1.5em !important;
}

.pt1_5em {
    padding-top: 1.5em !important;
}

.pb1_5em {
    padding-bottom: 1.5em !important;
}

.pl1_5em {
    padding-left: 1.5em !important;
}

.pr1_5em {
    padding-right: 1.5em !important;
}

.ot01 {
    padding-left: 11px;
}