* {
margin:0;
padding:0;
list-style:none;
}

.clearfix:after {
content:"";
clear:both;
display:block;
}

a {outline:none;}
a:link {color:#007bbf; text-decoration:none;}
a:visited {color:#007bbf; text-decoration:none;}
a:hover {color:#55cde3;text-decoration:none;}

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

.clear {
display:block;
clear:both;
}

html, body, #wrapper {height:100%;}

body {
background:#232323;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:80%;
}

#wrapper {
width:980px;
margin:0 auto;
padding:0;
height:auto;
min-height:100%;
}

#wrapperTop {
background:url(/images/common/bg2.png) top repeat-x;
margin:0 auto;
padding:0;
height:550px;
}

#flashcontent {width:100%; height:100%; display:block;}



/*========== Navigation ==========*/

#navi {
float:left;
width:775px;
}

#navi li {
float:left;
width:155px;
}

#navi li a {
display:block;
width:155px;
height:65px;
text-indent:-10000px;
}

/*Program*/
.btnprogram a {background:url(../images/common/navi.png) no-repeat;}
.btnprogram a:link {background-position:-205px 0px;}
.btnprogram a:visited {background-position:-205px 0px;}
.btnprogram a:hover {background-position:-205px -65px;}

/*Request*/
.btnrequest a {background:url(../images/common/navi.png) no-repeat;}
.btnrequest a:link {background-position:-360px 0px;}
.btnrequest a:visited {background-position:-360px 0px;}
.btnrequest a:hover {background-position:-360px -65px;}

/*Event*/
.btnevent a {background:url(../images/common/navi.png) no-repeat;}
.btnevent a:link {background-position:-515px 0px;}
.btnevent a:visited {background-position:-515px 0px;}
.btnevent a:hover {background-position:-515px -65px;}

/*Promotion*/
.btnpromotion a {background:url(../images/common/navi.png) no-repeat;}
.btnpromotion a:link {background-position:-670px 0px;}
.btnpromotion a:visited {background-position:-670px 0px;}
.btnpromotion a:hover {background-position:-670px -65px;}

/*Company*/
.btncompany a {background:url(../images/common/navi.png) no-repeat;}
.btncompany a:link {background-position:-825px 0px;}
.btncompany a:visited {background-position:-825px 0px;}
.btncompany a:hover {background-position:-825px -65px;}

/*Active Buttons*/
.btnprogramactive a {
background:url(../images/common/navi.png) no-repeat;
background-position:-205px -130px;
}

.btnrequestactive a {
background:url(../images/common/navi.png) no-repeat;
background-position:-360px -130px;
}

.btneventactive a {
background:url(../images/common/navi.png) no-repeat;
background-position:-515px -130px;
}

.btnpromotionactive a {
background:url(../images/common/navi.png) no-repeat;
background-position:-670px -130px;
}
.btncompanyactive a {
background:url(../images/common/navi.png) no-repeat;
background-position:-825px -130px;
}

/*========== Subnavigation ==========*/

#subnavi {
clear:both;
width:980px;
}

/*========== Body ==========*/

#body {
clear:both;
margin:0 auto;
width:980px;
padding:0 0 80px;
padding-top:10px;
}

#body ul:after {
content:"";
display:block;
clear:both;
height:0;
}

#body ul {display:inline-block;}
#body ul {display:block;}


/*========== Contentbox ==========*/

#content {
background:#fff;
width:978px;
margin:0 0 20px;
padding:20px 0;
}

#content2 {width:980px;}

#content2:after {
content:"";
display:block;
clear:both;
height:0;
}

#content2 {display:inline-block;}

#content2 {display:block;}

#content2 a:link {
color:#007bbf;
text-decoration:none;
}

#content2 a:visited {
color:#007bbf;
text-decoration:none;
}

#content2 a:hover {
color:#72cdff;
text-decoration:none;
}

.notitlebody {padding-top:10px;}

/*Clear
--------------*/
.both {clear:both;}

.clearfix:after {
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}

.clearfix {display:inline-block;}

/*Margin
--------------*/
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}

/*top*/
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT35 {margin-top:35px !important;}
.mgT40 {margin-top:40px !important;}
.mgT45 {margin-top:45px !important;}
.mgT50 {margin-top:50px !important;}
.mgT55 {margin-top:55px !important;}
.mgT60 {margin-top:60px !important;}
.mgT65 {margin-top:65px !important;}
.mgT70 {margin-top:70px !important;}

/*right*/
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}

/*bottom*/
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB35 {margin-bottom:35px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB45 {margin-bottom:45px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgB55 {margin-bottom:55px !important;}
.mgB60 {margin-bottom:60px !important;}
.mgB65 {margin-bottom:65px !important;}
.mgB70 {margin-bottom:70px !important;}
.mgB75 {margin-bottom:75px !important;}
.mgB80 {margin-bottom:80px !important;}
.mgB85 {margin-bottom:85px !important;}
.mgB90 {margin-bottom:90px !important;}

/*left*/
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL22 {margin-left:22px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}


/*Padding
--------------*/
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}

/*top*/
.pdT5 {padding-top:5px !important;}
.pdT8 {padding-top:8px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}

/*right*/
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR35 {padding-right:35px !important;}

.pdR1p {padding-right:1% !important;}
.pdT12p {padding-top:12% !important;}


/*bottom*/
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}

/*left*/
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL22 {padding-left:22px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}

.txtR { text-align:right;}
.txtC { text-align:center;}

/*==============*/

#info20180502 {
border:3px #000000 solid;
background:#fffe35;
clear:both;
margin:0 0 20px;
}

#info20180502 h3 {
padding:0 !important;
margin:0 !important;
}

#info20180502 dl {
margin:0 0 15px;
text-align:center;
}

#info20180502 dd {padding:2px 0 0;}

#info20180502app {background:url(../images/info/2018/0502/live_app_bg.png);}

#info20180502app:after {
content:"";
display:block;
clear:both;
height:0;
}

#info20180502app {display:inline-block;}

#info20180502app {display:block;}

#info20180502app dt {
float:left;
padding:15px 0 15px 20px;
}

#info20180502app dd {
padding:15px 0 15px 5px;
float:left;
}

/*===== Kouen =====*/

#kouen #pagetitle {
font-size:24px;
line-height:32px;
font-weight:normal;
margin:25px 25px 0;
padding:0 0 3px;
letter-spacing:0.05em;
border-bottom:2px #bbbbbb solid;
}

#kouen .btn_pdf {
display:inline-block;
padding:10px 15px;
border:1px #dddddd solid;
font-weight:bold;
color:#ffffff;
}

#kouen .btn_word {
display:inline-block;
padding:10px 15px;
border:1px #dddddd solid;
font-weight:bold;
color:#ffffff;
}

#kouen .buttons {
margin:10px 0 0;
clear:both;
}

#kouen .buttons:after {
content:"";
display:block;
clear:both;
height:0;
}

#kouen .buttons {display:inline-block;}
#kouen .buttons {display:block;}

#kouen .buttons li {
float:left;
margin:0 20px 0 0;
}

#kouen .section {padding:0 0 40px;}

#kouen .section h3 {
background:#e4e9ec;
font-size:18px;
line-height:24px;
font-weight:normal;
margin:0 0 10px;
padding:10px;
border-radius:2px;
}

/*===== =====*/

#special_archives .seedetail a {
border:1px #007bbf solid;
padding:10px;
}

/*===== Cool Choice =====*/

#cool #pagetitle {
font-size:24px;
line-height:32px;
font-weight:normal;
margin:25px 25px 0;
padding:0 0 3px;
letter-spacing:0.05em;
border-bottom:2px #bbbbbb solid;
}

#cool .section {padding:0 0 40px;}

#cool .section h3 {
background:#e4e9ec;
font-size:18px;
line-height:24px;
font-weight:normal;
margin:0 0 10px;
padding:10px;
border-radius:2px;
}

#cool .section h4 {
font-size:16px;
line-height:24px;
font-weight:bold;
}

#cool .section p {margin:10px 0 0;}

#cool .section li {
list-style:disc;
margin:0 0 5px 20px;
}

#cool .btn_l {
display:inline-block;
padding:1em 2em;
border-radius:0.3em;
font-weight:bold;
text-align:center;
width:10em;
}

#cool .btn_l:link {
background:#0088d6;
color:#fff;
}

#cool .btn_l:visited {
background:#0088d6;
color:#fff;
}

#cool .btn_l:hover {
background:#1aabff;
color:#fff;
}

#cool .btn {
display:inline-block;
padding:0.7em 1em;
border-radius:0.3em;
font-weight:bold;
text-align:center;
width:10em;
}

#cool .btn:link {
background:#0088d6;
color:#fff;
}

#cool .btn:visited {
background:#0088d6;
color:#fff;
}

#cool .btn:hover {
background:#1aabff;
color:#fff;
}

#cool .buttons {
margin:10px 0 0;
clear:both;
}

#cool .buttons:after {
content:"";
display:block;
clear:both;
height:0;
}

#cool .buttons {display:inline-block;}
#cool .buttons {display:block;}

#cool .buttons li {
float:left;
list-style:none;
margin:0 20px 0 0;
}

#cool #events {margin:0 25px;}

#cool table {
border-collapse:collapse;
border-left:1px #ccc solid;
border-top:1px #ccc solid;
margin:1em 0 0 2em;
}

#cool td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:0.5em;
}

#cool .section_content {margin:2em 0 0;}

#present {
padding:2em;
background:#fff;
}

#present .item {
border-bottom:1px #ccc solid;
margin:0 0 1em;
padding:0 0 1em;
}

#present .item p {margin:0 0 1em;}


#navi_sub {
clear:both;
background-image: -webkit-linear-gradient(270deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100%);
background-image: linear-gradient(180deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100.00%);
border-radius:5px;
width:100%;
}

#navi_sub ul {
display:table;
table-layout:fixed;
width:100%;
}

#navi_sub li {
display:table-cell;
position:relative;
}

#navi_sub li a {
box-sizing: border-box;
color: #fff;
display: block;
font-size: 14px;
text-align: center;
line-height: 1em;
padding: 8px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
font-family:'Shin Go Regular', sans-serif;
font-weight:normal;
}

#navi_sub li a:after {
content:"";
border-right-width:1px;
border-right-style: dotted;
border-right-color:rgba(255,255,255,0.30);
position:absolute;
right:0;
top:50%;
width:1px;
height:80%;
transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

#navi_sub li:last-child a:after {
border:0;
}

#navi_sub li:first-child a {
border-radius:5px 0 0 5px;
}

#navi_sub li:last-child a {
border-radius:0 5px 5px 0;
}

#navi_sub li a:hover {
background-image: -webkit-linear-gradient(270deg,rgba(8,163,197,1.00) 0%,rgba(6,115,139,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(8,163,197,1.00) 0%,rgba(6,115,139,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(8,163,197,1.00) 0%,rgba(6,115,139,1.00) 100%);
background-image: linear-gradient(180deg,rgba(8,163,197,1.00) 0%,rgba(6,115,139,1.00) 100.00%);
}

#navi_sub li.active a {
background-image: -webkit-linear-gradient(270deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100%);
background-image: linear-gradient(180deg,rgba(24,126,148,1.00) 0%,rgba(17,89,104,1.00) 100.00%);
}

#navi_sub li.active a:before {
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #115a68 transparent transparent transparent;
position:absolute;
bottom:-5px;
left:50%;
transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}


#page-title {
color:#14697b;
font-family:'Shin Go Light', sans-serif;
font-size:22px;
}


#promotion section {
margin:50px 0 0;
}

#promotion section h3 {
border-bottom:2px #ccc solid;
font-size:20px;
}

#promotion section h4 {
font-size:16px;
}

#promotion section .content {
padding:20px 50px;
}

#promotion section table {
border-collapse:collapse;
border-top:1px #ccc solid;
border-left:1px #ccc solid;
margin:1em 0 0;
}

#promotion section th,
#promotion section td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:1em;
text-align:center;
}

#promotion section th {
background:#fafafa;
font-weight:700;
}

#promotion section td {
}

#promotion section p {
margin:1em 0 0;
}

.promotion_table1 {
margin:1em auto 0 !important;
width:100%;
}

.promotion_block2_item {
float:left;
width:50%;
}

.promotion_block2_item:last-child {
box-sizing:border-box;
padding:0 0 0 40px;
}

.promotion_block2_item .note {
margin:0.5em 0 0 !important;
}

#promotion_table2 {
margin:1em 0 !important;
width:100%;
table-layout: fixed;
}

#about_vision .image img {
margin:0 0.5% 0 0;
width:33%;
}

#about_vision .image img:last-child {
margin:0;
}

#about_opa .image {
padding:0 0 1em;
}

#about_opa .image img {
margin:0 1% 0 0;
width:49%;
}

#about_opa .image img:last-child {
margin:0;
}

.promotion_block2 dl {
border:2px #ff9899 solid;
padding:1em 2em 2em;
}

.promotion_block2 dt {
border-bottom:2px #ff9899 solid;
font-weight:700;
text-align:center;
line-height:1em;
padding:0 0 1em;
}

.promotion_block2 dd {
margin:0.5em 0 0;
}

.promotion_block2 .keisai_price {
margin:0.5em 0 0 !important;
font-weight:700;
}

.promotion_block2 .keisai_price strong {
color:#f00;
font-size:20px;
}

#airplace .ttable_personality {
display:flex;
align-items: center;
}

#airplace .ttable_personality .thumb {
vertical-align:top;
width:53px;
}

#airplace .ttable_personality .text {
vertical-align:middle;
width:127px;
}

#ap_p .ttable_personality .text {
vertical-align:middle;
width:170px;
}


.standards {
padding:50px;
}

.standards .inside1 {
margin:0;
}

.standards .inside2 {
margin:0 50px;
}

.standards h2 {
border-bottom:1px #ccc solid;
font-size:30px;
font-family:'Shin Go ExLight', sans-serif;
font-weight:normal;
margin:0 0 10px;
}

.standards h3 {
margin:2em 0 0;
font-size:20px;
}

.standards h4 {
margin:2em 0 0;
font-size:16px;
}

.standards p {
margin:1em 0 0;
}

.standards ul {
margin:1em 2em 0;
}

.standards li {
margin:0.5em 0 0 1em;
text-indent:-1em;
}



/*==================================================
For Smartphone
==================================================*/

@media all and (max-width:640px) {

/*========== Footer ==========*/

#footer {
background: #232323;
clear: both;
width: 100%;
color: #999;
font-size: 10px;
position: relative;
}

#footer2 {
background:#232323;
width:90%;
margin:0 auto;
display:flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}

#footer a {color:#aaa; text-decoration:none;}
#footer a:link {color:#aaa;}
#footer a:visited {color:#aaa;}
#footer a:hover {color:#ccc; text-decoration:underline;}

#copyright {
border-top:1px #444 solid;
text-align:center;
width:100%;
padding:1em;
box-sizing:border-box;
}

#footernavi {
padding:20px 0 15px;
width:100%;
}

#footernavi li {
display:block;
padding:0.5em;
text-align:center;
}


}



/*==================================================
For PC
==================================================*/

@media all and (min-width:641px) {

/*========== Header ==========*/

#header {
display:flex;
margin:0 auto;
width:980px;
}

#header h1 {
height:65px;
text-indent:-10000px;
width:205px;
}

#header h1 a {
background:url(../images/common/navi.png) no-repeat;
display:block;
height:65px;
text-indent:-10000px;
width:205px;
}

#header h1 a:link {background-position:0 0;}
#header h1 a:visited {background-position:0 0;}
#header h1 a:hover {background-position:0 -65px;}

/*========== Footer ==========*/

#footer {
background: #232323;
clear: both;
width: 100%;
color: #999;
height: 80px;
font-size: 10px;
position: relative;
}

#footer2 {
background:#232323;
width:980px;
margin:0 auto;
height:80px;
display:flex;
}

#footer a {color:#aaa; text-decoration:none;}
#footer a:link {color:#aaa;}
#footer a:visited {color:#aaa;}
#footer a:hover {color:#ccc; text-decoration:underline;}

#copyright {
width:400px;
padding-top:20px;
}

#footernavi {
width:580px;
padding-top:20px;
text-align:right;
}

#footernavi li {
display:inline-block;
padding-left:20px;
}



}