@charset "utf-8";
/* CSS Document */
body { font-size: 12px; background-color: #000; color: #fff; font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; -webkit-text-size-adjust: auto; }
header h5 { letter-spacing: 0.02em; margin: 6px 8px 6px 0; }
header a.video{position: absolute;top: 7px;right: 100px;color: #fff;text-decoration: none;}
header a.video:hover{opacity: 0.8;}
header a.video img{margin-right: 5px;vertical-align: bottom;}
header ul.language { overflow:hidden; position:absolute; top:7px; right:0; }
header ul.language li { float:left; margin-right:12px;}
header ul.language li.active { display:none; }
header ul.language li a { color:#fff; text-decoration:none; }
header ul.language li a:hover { opacity: 0.8; }
header ul.language li img { margin-right:5px; vertical-align:bottom; }
header.sub_header { width: 1000px; margin: auto; position:relative; }
header.sub_header .logo_area { float: left; width: 280px; margin: 30px 0; }
header.sub_header .navi_area { float: right; margin: 16px 0; }
header.sub_header .navi_area ul { overflow: hidden; }
header.sub_header .navi_area ul li { float: left; height: 44px; background-image: url(../images/common/gNav.png); background-size: 719px auto; background-position: left top; background-repeat: no-repeat; }
header.sub_header .navi_area ul li a { display: block; width: 100%; height: 100%; }
header.sub_header .navi_area ul li span { display: none; }
header.sub_header .navi_area ul li.nav01 { width: 112px; background-position: left top; }
header.sub_header .navi_area ul li.nav01:hover,
header.sub_header .navi_area ul li.nav01.active { background-position: left bottom; }
header.sub_header .navi_area ul li.nav02 { width: 135px; background-position: -112px top; }
header.sub_header .navi_area ul li.nav02:hover,
header.sub_header .navi_area ul li.nav02.active { background-position: -112px bottom; }
header.sub_header .navi_area ul li.nav03 { width: 141px; background-position: -247px top; }
header.sub_header .navi_area ul li.nav03:hover,
header.sub_header .navi_area ul li.nav03.active { background-position: -247px bottom; }
header.sub_header .navi_area ul li.nav04 { width: 111px; background-position: -388px top; }
header.sub_header .navi_area ul li.nav04:hover,
header.sub_header .navi_area ul li.nav04.active { background-position: -388px bottom; }
header.sub_header .navi_area ul li.nav05 { width: 123px; background-position: -499px top; }
header.sub_header .navi_area ul li.nav05:hover,
header.sub_header .navi_area ul li.nav05.active { background-position: -499px bottom; }
header.sub_header .navi_area ul li.nav06 { width: 97px; background-position: -622px top; }
header.sub_header .navi_area ul li.nav06:hover,
header.sub_header .navi_area ul li.nav06.active { background-position: -622px bottom; }

header.sub_header .logo_area_business { float: left; width: 230px; margin: 30px 0; }
header.sub_header .navi_area_business { float: right; margin: 16px 0; }
header.sub_header .navi_area_business ul { overflow: hidden; }
header.sub_header .navi_area_business ul li {
    float: left;
    height: 44px;
    background-image: url(../images/common/gNav_2018.png);
    background-size: 749px auto;
    background-position: left top;
    background-repeat: no-repeat; 
}
header.sub_header .navi_area_business ul li a { display: block; width: 100%; height: 100%; }
header.sub_header .navi_area_business ul li span { display: none; }
header.sub_header .navi_area_business ul li.nav02 { width: 134px; background-position: left top; }
header.sub_header .navi_area_business ul li.nav02:hover,
header.sub_header .navi_area_business ul li.nav02.active {
    background-position: left bottom;
}
header.sub_header .navi_area_business ul li.nav03 { width: 141px; background-position: -136px top; }
header.sub_header .navi_area_business ul li.nav03:hover,
header.sub_header .navi_area_business ul li.nav03.active {
    background-position: -136px bottom;
}
header.sub_header .navi_area_business ul li.nav04 { width: 110px; background-position: -277px top; }
header.sub_header .navi_area_business ul li.nav04:hover,
header.sub_header .navi_area_business ul li.nav04.active {
    background-position: -277px bottom;
}
header.sub_header .navi_area_business ul li.nav07 { width: 136px; background-position: -388px top; }
header.sub_header .navi_area_business ul li.nav07:hover,
header.sub_header .navi_area_business ul li.nav07.active {
    background-position: -388px bottom;
}
header.sub_header .navi_area_business ul li.nav05 { width: 123px; background-position: -625px top; }
header.sub_header .navi_area_business ul li.nav05:hover,
header.sub_header .navi_area_business ul li.nav05.active {
    background-position: -624px bottom;
}
header.sub_header .navi_area_business ul li.nav06 { width: 101px; background-position: -524px top; }
header.sub_header .navi_area_business ul li.nav06:hover,
header.sub_header .navi_area_business ul li.nav06.active {
    background-position: -524px bottom;
}

#container { min-width: 1000px; margin: auto; }
#container .main_image { overflow: hidden; width: 100%; height: 300px; margin: 0 auto; background-size: 1400px 300px;  background-position: center top; background-repeat: no-repeat; position: relative; }

#contents .midashi { padding: 10px; border-left: 10px solid #faed00; }
#contents span.text_right { display: block; text-align: right; }
#contents .sub_content { margin-bottom: 20px; padding: 20px 0; line-height: 22px; font-size: 13px; }
#contents .sub_content .sub_table { width: 100%; }
#contents .sub_content .sub_table tr td { vertical-align: top; padding: 0 10px 10px 10px; border-right: 1px solid #524E4D; border-bottom: 1px solid #524E4D; }
#contents .sub_content .sub_table tr td.space { border: none; }
#contents .sub_content .sub_table tr td input { width: 300px; }
#contents .sub_content .sub_table tr td textarea { width: 500px; height: 150px; }

#contents { overflow: hidden; width: 1000px; margin: 30px auto 33px; clear: both; }
#contents .left_contents { float: left; width: 710px; }

#contents .right_contents { float: right; width: 250px; }
#contents .right_contents ul li { position: relative; color: #fff; margin-bottom: 10px; }
#contents .right_contents ul li .marker { float: left; width: 10px; height: 38px; }
#contents .right_contents ul li .link_area { float: right; border-top: 1px solid #656566; border-right: 1px solid #656566; border-bottom: 1px solid #656566; width: 240px; height: 38px; font-size: 18px; padding: 8px 0 8px 10px; }
#contents .right_contents ul li .link_area a { position: absolute; width: 250px; height: 38px; }

p.copyright { clear: both; width: 100%; text-align: center;  letter-spacing: 0.16em; margin: 0; padding: 10px 0; }

.bg_gray { background-image: url(../images/top/bg_footer.png); }
.bg_check { background-image: url(../images/top/bg_check.png); }

.btn_area { text-align: center; margin-top: 40px; }
.btn_area div{position:fixed;}
.btn_area button { border: none; }
.btn_area button:first-child { margin-right: 40px; }
.btn_area button img { background-color: #000; }

span.red { color: #D70B19; }
.red_area { margin: 0 0 20px 20px; }

.pager {
    overflow: hidden;
    width: 775px;
    text-align: center;
    font-size: 1.167em;
    color: #2779C9;
    margin: 70px 0 0;
}
.pager a.on {
    color: #faed00;
    font-weight: bold;
}
.pager a {
    color: #fff;
    padding-right: 16px;
    text-decoration: none;
}

.hidden {
    display: none;
}

a:hover img{
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .bg_gray { background-image: url(../images/top/bg_footer_2x.png); background-size: 8px auto; }
    .bg_check { background-image: url(../images/top/bg_check_2x.png); background-size: 8px auto; }
}