@charset "Shift_JIS";
/* Updated 2017/12/25,D */
/* Updated 2017/04/07,D */

/*--------------------------------------------
    HTML5 Reset ::style.css
    -------------------------
    We have learned much from/been inspired by/taken code where offered from:
    Eric Meyer:http://ericmeyer.com
    HTML5 Doctor:http://html5doctor.com
    and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/

/* Let's default this puppy out
--------------------------------*/
html, body, body 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed{max-width:100%;}

/*.ie8 img,
.ie8 object,
.ie8 embed{max-width:none;}*/

html{overflow-y:scroll;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
th{font-weight:bold; vertical-align:top;}
td{font-weight:normal; vertical-align:top;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select{vertical-align:top;}
pre{
    white-space:pre; /* CSS2 */
    white-space:pre-wrap; /* CSS 2.1 */
    white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap:break-word; /* IE */
}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom; *vertical-align:baseline;}
select, input, textarea{font:99% sans-serif;}
table{font-size:inherit; font:100%;}
a:hover, a:active{outline:none;}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;} 
sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button{cursor:pointer;}
button, input, select, textarea{margin:0;}
button{width:auto; overflow:visible;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{vertical-align:bottom;}
.clear:before,.clear:after {content: " "; display: table;}
.clear:after {clear: both;}
.clear {*zoom: 1;}


/*-------------------------------------------
Base Setting
-------------------------------------------*/
html{font-size:62.5%;}
body,select,input,textarea{ font:14px Helvetica,Arial,Tahoma,sans-serif; 
/*font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.5;color:#333;-webkit-text-size-adjust:none; }*/
font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;line-height:1.5;color:#333;-webkit-text-size-adjust:none; }
a{color:#004831;text-decoration:underline;}
a:link{/*text-decoration:none;*/}
/*a:visited{color:#11c;text-decoration:none;}*/
a:visited{color:#660066;text-decoration:underline;}
a:hover{color:#ed6d34;}
caption{margin-bottom:5px;text-align:left;}
ins{background-color:#fcd700;color:#000;text-decoration:none;}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold;}
textarea{resize:vertical;}
address{font-style:normal;}
em{font-style:normal;}
legend{display:none;}
table {text-align: left;font-weight: normal;}
th,td{font-weight: normal;}
body{min-width: 1028px; background:#ffffff; word-break: break-all; }
img { max-width: 100%; }
p > img { vertical-align: middle; }

a:hover > img,
a.imgOpacity:hover img,
a:hover > img.imgOpacityImg,
a.noImgOpacity:hover img.imgOpacityImg,
a.hover > .spEnlargeWrap >img {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
a.noImgOpacity:hover img,
a:hover > img.noImgOpacityImg,
a.imgOpacity:hover img.noImgOpacityImg,
.smbcGroup a img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
} 

.mt10{margin-top:10px !important; }
.mt20{margin-top:20px !important; }
.mt30{margin-top:30px !important; }
.mt40{margin-top:40px !important; }
.mt50{margin-top:50px !important; }
.mt60{margin-top:60px !important; }
.mt70{margin-top:70px !important; }
.mt80{margin-top:80px !important; }

.mb10{margin-bottom:10px !important; }
.mb20{margin-bottom:20px !important; }
.mb30{margin-bottom:30px !important; }
.mb40{margin-bottom:40px !important; }
.mb50{margin-bottom:50px !important; }
.mb60{margin-bottom:60px !important; }
.mb70{margin-bottom:70px !important; }
.mb80{margin-bottom:80px !important; }


/*-------------------------------------------
Text
-------------------------------------------*/
/*align*/
.tCenter { text-align: center !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.vTop, .vTop > * { vertical-align: top !important; }
.vMiddle, .vMiddle > * { vertical-align: middle !important; }
.vBottom, .vBottom > * { vertical-align: bottom !important; }
.vBase > * { vertical-align: baseline; !important; }
table.vTop th, table.vTop td { vertical-align: top !important; }
table.vMiddle th, table.vMiddle td { vertical-align: middle !important; }
table.vBottom th, table.vBottom td { vertical-align: bottom !important; }

/*style*/
.tBold { font-weight: bold !important; }
.tNormal { font-weight: normal !important; }
.tLineT{ text-decoration: line-through !important; }

/*decoration*/
.tUnderline { text-decoration: underline !important; }
.tDecorationNone { text-decoration: none !important; }

/*size*/
.fsMaximum { font-size: 1.715em !important; line-height: 1.44;} /*24px*/
.fsLarger02 { font-size: 1.429em !important; line-height: 1.44;} /*20px*/
.fsLarger01 { font-size: 1.286em !important; line-height: 1.5;} /*18px*/
.fsLarge { font-size: 1.143em !important; line-height: 1.5;} /*16px*/
.fsMiddle { font-size: 1em !important; line-height: 1.57;} /*14px*/
.fsSmall { font-size: 0.857em !important; line-height: 1.5;} /*12px*/
.fsSmaller01 { font-size: 0.782em !important; line-height: 1.5;} /*11px*/
.fsSmaller02 { font-size: 0.714em !important; line-height: 1.5;} /*10px*/
/*color*/
.tBlack01 { color: #666 !important; }
.tBlack02 { color: #333 !important; }

.tRed01 { color: #c00 !important; }
.tRed02 { color: #c00 !important; }
.tRed03 { color: #ed174c !important; }
.tGreen01 { color: #004831 !important; }
.tGreen02 { color: #a0c81e !important; }
.tBlue01 { color: #11c !important; }
.tGray01 { color: #bebebe !important; }
.tGray02 { color: #808080 !important; }
.tOrange01 { color: #fa8200 !important; }
.tBrown01 { color: #ad6700 !important; }


#expandCenter {
    width: 100%;
    margin-left: 0px;
    border: none;
}

/*header*/
header[role="banner"] {
    border-bottom: solid 3px #004831;
    height:93px;
    text-align:left;
}

#headerInner {
    width: 1008px;
    margin: 0 auto;
    padding-top: 13px;
}

#headerTop {
    margin-bottom: 13px;
}

#headerInner .logoWrap {
    position: relative;
    float: left;
    width: 208px;
    margin: 0 0 10px;
    padding-left: 13px;
}


/*pagetop*/
.pageTop {
    position: fixed !important;
    z-index: 9999;
    right: 20px;
    bottom: 12px;
    width: 60px;
    height: 60px;
}


/*header*/
header[role="banner"] {
    border-bottom: 5px solid #bacd1d;
    height: 60px;
    text-align:left;
    background: #004730;
}

#headerInner {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}

#headerTop {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
        padding-left: 20px;
    padding-right: 20px;
}

#headerInner .logoWrap {
    padding: 0;
     padding-top: 12px;
    width: 120px;
}

.logoWrap02 {
     padding-top: 18px;
    width: 80px;
}

/*footer*/
#footer p{
    font-size:90% !important;
}

footer[role="contentinfo"] {
    display: block;
    min-width: 1008px;
    padding-bottom: 18px;
    background: #004831;
    text-align:left;
    height:116px;
}

#footerInfo {
    padding-top: 20px;
    font-size: 0.857em;
    width: 1008px;
    margin: 0 auto;
}

#footerInfo .infoNav {
    margin-bottom: 18px;
}

#footerInfo .infoNav > ul > li {
    display: inline;
    margin-right: 9px;
    padding-bottom: 3px;
    line-height: 2.5;
}

#footerInfo .infoNav > ul > li:before {
    content: "";
    display: inline-block;
    position: static;
    width: 1px;
    height: 1em;
    margin: 0 18px 0 0;
    background: #c9c9c9;
    vertical-align: -0.1em;
}

#footerInfo .infoNav > ul > li:last-child:after {
    content: "";
    display: inline-block;
    position: static;
    width: 1px;
    height: 1em;
    margin: 0 0 0 13px;
    background: #c9c9c9;
    vertical-align: -0.1em;
}

.clear:before, .clear:after {
    content: " ";
    display: table;
}

#footerInfo #copyRight {
    float: left;
    color: #99b6ad;
    font-size: 1.2em;
}

#footerInfo #footerLogo {
    float: right;
}

#footerInfo #footerLogo img {
    margin-top:2px;
}



#footerInfo .infoNav > ul > li > a {
    color: #ddd;
    text-decoration: none;
}