@charset "utf-8";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; background: transparent;
}

a{
	text-decoration:none;
}

.external-link {
    padding-left: 12px;
    background: url(../img/icon-external-link.gif) no-repeat left center;
}

/*=============================================================================
   clearfix
=============================================================================*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* HTML .clearfix {
    height: 1px;
  /*\*//*/
height: auto;
  overflow: hidden;
/**/
}
/*=============================================================================
  body
=============================================================================*/
body {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    color: #555555;
    font-size: 62.5%;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
 
   /* min-width: 1200px;*/
}

 /*=============================================================================
  header
=============================================================================*/
#header #header_bg {
 height: 80px;
 width:100%;
       	z-index: 200;
            position:fixed !important;

border-bottom-style : solid;
border-width : 2px;
 border-color : #FFFFFF;

}

#header_bg {
 /* background: #77a8ed;  TOPページ以外の背景カラー*/
  background: linear-gradient(-100deg, #093859, #49a7e9);
  }

#logo {

    position:fixed !important;
  	z-index: 100;

}
#logo img {   
   width: 80%;
   margin: 20px 0px 20px 10px;
}



#menuboxtop { /*TOPページだけ使用*/

    position:fixed !important;
  	z-index: 150;
    top: 0;
    right: 0;
    margin: 0px 20em 0 0px;
    background: rgba(255,255,255, 0.3);
    
}



#menubox {

    position:fixed !important;
  	z-index: 150;
    top: 0;
    right: 0;
    margin: 20px 20em 0 0px;
    


    
}
#menu{

      	z-index: 10;
    right: 0;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.3em;


}

#menu li {
	top:0;
	display:inline-block;
padding: 0 3px 0px 3px;
color: #FFFFFF;

 /*
font-weight: bold;
text-shadow: 2px 2px 1px #000000;*/
}

#menu li.active{

box-sizing:border-box;
border-bottom-style : solid;
border-width : 5px;
 border-color : #FFFFFF;
}

#menu li a{
	text-decoration:none;
 color:#0066CC;
}


#menu li:hover {

	background: rgba(255,255,255, 0.8);
    border-bottom-style : solid;
border-width : 5px;
 border-color : #0066CC;
}

#menu li:hover a{

 color:#0066CC;
}


#menu li a,
#menu li.active a{
	padding: 10px 20px 10px 20px ;
	display:block;
     color:#FFFFFF;
}

#menu li.active :hover{

 color:#0066CC;
}


#menu ul {

	top:0;
}


#menu li.travellink {
	background: #FFFFFF;
border-style : solid;
border-width : 2px;
 border-color : #0066CC;
	top:0;
	display:inline-block;
padding: 0 3px 0px 3px;
margin-left:50px;
color: #FFFFFF;

 /*
font-weight: bold;
text-shadow: 2px 2px 1px #000000;*/
}

#etc-travel-bannerlink {
    position:fixed !important;
  	z-index: 150;
    top: 0;
    right: 0;
    margin: 0px 10px 0 0px;
/*border-top-style : solid;
border-width : 2px;
 border-color : #FFFFFF;*/
}

/*=============================================================================
PDFのアイコン
=============================================================================*/

.pdf-icon {
    padding-left: 20px;

    background: url("../img/icon-pdf-small.png") no-repeat right 20%;
}


/*=============================================================================
footerのon off エリア
=============================================================================*/


.onoffarea {
z-index: 1000000;
position: fixed !important;  
bottom: 10px; 
right: 10px; 
}
  
input[type="checkbox"].on-off{
display: none;
}


input[type="checkbox"].on-off + div{
height: 0;
overflow: hidden;
}

input[type="checkbox"].on-off:checked + div{
height: 130px;
}






#menu-open-close{ 
z-index: 1000000;
position: fixed !important;  
bottom: 0px; 
right: 0px; 

    padding:10px; 
    cursor:pointer; 
    background: #0066CC; 
    color: #FFFFFF; 

} 


/*=============================================================================
footer
=============================================================================*/

#footer-container {
  	z-index: 1000;
 position: fixed !important;  
    bottom: 0;
    width: 100%;
     background:#0066CC;
      border-top-style : solid;
border-width : 2px;
 border-color : #FFFFFF;


}


#footer-container #footer-nav {
padding:10px;

}

#footer-container #footer-nav i.undermenu {
    padding: 0 0 0 1.5em;
}


#footer-container #footer-nav a:hover {
text-decoration: underline;

}


#footer-container #footer-nav .footer-nav-block-address {

    *display: inline;
    *zoom: 1;
    padding: 0 0.5em 0 0;
    vertical-align: top;
    font-size: 1.1em;
    line-height: 1.5;
    display: inline-block;
width:19%;
    color: #FFFFFF;
}

#footer-container #footer-nav .footer-nav-block-address-description {
    overflow: hidden;
}


#footer-container #footer-nav .footer-nav-block-address img {
    float: left;
    padding: 0 10px 0 5px;
}

#footer-container #footer-nav .footer-nav-block {

    *display: inline;
    *zoom: 1;
    padding: 0 0.2em 0 0;
    vertical-align: top;
    font-size: 1.1em;
    line-height: 1;
    display: inline-block;
width:11%;

}

#footer-container #footer-nav .footer-nav-block,.footer-nav-block-recruit,.footer-nav-etc,.fa-angle-right  {
padding-left:0.8em;
}

#footer-container #footer-nav .footer-nav-block-recruit {

    *display: inline;
    *zoom: 1;
    padding: 0 0 0 0;
    vertical-align: top;
    font-size: 1.1em;
    line-height: 1;
    display: inline-block;
width:8%;

}



#footer-container #footer-nav .footer-nav-block a,.footer-nav-block-recruit a,.footer-nav-etc a {
    margin-bottom: 0.5em;
    display: block;
    color: #FFFFFF;
}

#footer-container #footer-nav .footer-nav-block a.footer-nav-categroy, a.footer-nav-block-recruit, a.footer-nav-categroy   {
    color: #FFFFFF;
    font-weight: bold;
}


#footer-container #footer-nav .footer-nav-etc  {

      *display: inline;
    *zoom: 1;
    padding: 0 0.5em 0 0;
    vertical-align: top;
    font-size: 1.1em;
    line-height: 1;
    display: inline-block;


}

#footer-container #footer-nav .footer-nav-banner  {

      *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 0.5em;
    line-height: 1;
    display: inline-block;
    padding-left:10px;


}



#footer-container #footer-nav .footer-nav-banner .btn-contact {
  width:160px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
    box-shadow:2px 2px #1a6ea0;
    }
#footer-container #footer-nav .footer-nav-banner .btn-contact a {

      display: block;

      color: #fff;
      text-align: center;
      font-size: 16px;
      /*font-size: 1.6rem;*/
              text-decoration: none;
}

#footer-container #footer-nav.footer-nav-banner .btn-contact a:hover, .btn-contact a:focus {
        color: #FFF;
        text-decoration: none;
        opacity: 0.8; }

#footer-container #footer-nav .footer-nav-banner .btn-contacta:focus {
        opacity: 1; }
        
#footer-container #footer-nav .footer-nav-banner  img {
padding-top:5px;
    }   


#footer-container .copyright {
       color: #FFF;
}

/*=============================================================================
  pagetop
=============================================================================*/


.pagetop {
    display: none;
 position: fixed !important;  
    bottom: 50px;
    right: 20px;
    font-size: 77%;
      	z-index: 10000;

}
.pagetop:hover {
    cursor:pointer;
    filter: alpha(opacity=60);       
    -ms-filter: "alpha(opacity=60)"; 
    -moz-opacity:0.6;                
    -khtml-opacity: 0.6;            
    opacity:0.6;
    zoom:1;
}

 
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}

q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */

.section{
	text-align:center;

}



h1 {
    margin: 0;
    padding: 1em 0 2em 0;
    font-size: 2.8em;
    font-weight: normal;
    color: #444444;
}
h2 {
    margin-top: 2em;
    font-size: 1.8em;
    font-weight: 600;
    color: #444444;
}
h2.pagetop {
    margin-top: 0;
}
h3 {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 600;
    color: #444444;
}
h4{
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 600;
    color: #444444;
}
p {
    font-size: 1.2em;
    line-height: 1.5;
    color: #555555;
}