@charset "utf-8";


#fixArea{ position: fixed; width: 100%; z-index: 10;}

#gHeader{ width: auto; background: #000;}

#gHeader >.inner{ display: table; width: 100%;}
#gHeader #return{  display: table-cell; color: #fff; width: 100px;  vertical-align: middle;}
#gHeader h1{ display: table-cell;width: 300px; padding: 30px; box-sizing: border-box;vertical-align: middle;}
#gHeader p.pageTitle{ display: table-cell; color: #fff;box-sizing: border-box; vertical-align: middle; text-align: center; letter-spacing: 0.2em; font-weight: 400; font-size: 28px;}
#gHeader p.hd_systemBtn{ display: table-cell; width: 400px;box-sizing: border-box;vertical-align: middle; padding: 30px 0;}

#gHeader h1 img{ max-height: 70px; width: auto; max-width:240px;}
#gHeader #return img{ height: 90px; width: auto; margin-left: 30px;}

#gHeader p.hd_systemBtn a{  display: block; width: 68%; margin: 0 30px 0 auto; padding: 20px 0; background: #000;color: #fff; border:1px solid #666; text-align: center; border-radius: 5px;}
.hd_systemBtn a span.eng{ display: block; font-size: 28px; letter-spacing: 0.2em; margin-bottom: 0px;}
.hd_systemBtn a span.jpn{  display: block; font-size: 20px; line-height: 1em;margin-bottom: ;}

#fixArea nav{ background:rgba(240,240,240,0.5); padding: 30px;}

#fixArea nav ul{
width: auto;
margin: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 30px;
row-gap: 30px; 
}
#fixArea nav li a{
display: block; 
width: 100%; 
margin: 0 auto 0 auto; 
padding: 10px 0 15px; 
background: #292929;
color: #fff; 
border:1px solid #444; 
text-align: center;
border-radius: 5px;
box-shadow: 0px 0px 0px 3px #dbdbdb;
background: rgb(42,41,41);
background: linear-gradient(0deg, rgba(42,41,41,1) 69%, rgba(61,61,61,1) 100%);
box-sizing:border-box;
}

#fixArea nav li a.now{
background: rgb(76,31,68);
background: linear-gradient(0deg, rgba(76,31,68,1) 69%, rgba(112,46,102,1) 100%);
}





#fixArea nav li a{
background: #aaa;
}

#fixArea nav li a.now{
background: rgb(76,31,68);
}