@charset "utf-8";

/*------------------------------------------------
   foot
------------------------------------------------*/
#contents.top .foot{
display:none;
margin:0 0 0 -126px;
}

#contents.top .foot .inner{
padding:0 0 0 126px;
}

#contents.top .foot.full{
margin:0;
background:#222;
}

#contents.top .foot.full .inner{
padding:0;
}


/*------------------------------------------------
   footnavi
------------------------------------------------*/
#contents.top .footnavi{
display:none;
}

/*------------------------------------------------
   flashContent
------------------------------------------------*/
#flashContent{
width:100%;
height:100%;
}


/*------------------------------------------------
   Hide objects
------------------------------------------------*/
#flashContent #logo{
display:none;
position:absolute;
left:30px;
top:28px;
}

#flashContent #newsopen{
display:none;
position:absolute;
left:30px;
top:100px;
}

#flashContent #newsopen a{
display:block;
width:130px;
height:26px;
line-height:26px;
font-weight:bold;
font-size:11px;
color:#000;
text-align:center;
text-decoration:none;
background:#fff;
border-radius:3px;
}

#flashContent #newsopen a:hover{
background:#ddd;
}

#flashContent #aboutword{
position:absolute;
left:30px;
bottom:-50px;
font-size:12px;
}

#flashContent #aboutword dt{
margin:0 0 8px 0;
padding:0 0 0 22px;
background:url("/assets/img/top_icon01.png") no-repeat 0 1px;
}

#flashContent #aboutword dd{
}

#flashContent #wordbox{
display:none;
width:600px;
margin:0 auto;
padding:120px 0 0 0;
}

#flashContent #wordbox h1{
margin:0 0 15px 0;
font-size:16px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#666;
}

#flashContent #wordbox ul{
}

#flashContent #wordbox ul li{
display:inline;
margin:0 5px 0 0;
line-height:1.8;
}

#flashContent #wordbox ul li a{
font-size:18px;
font-weight:bold;
letter-spacing:0.1em;
text-decoration:none;
}

#flashContent #wordbox ul li a:hover{
color:#000;
background:#fff;
}

#flashContent #wordslogo{
display:none;
position:absolute;
left:50%;
top:50%;
width:630px;
height:630px;
margin:-345px 0 0 -315px;
}

#flashContent #wordslogo li{
position:absolute;
left:0;
top:0;
word-break:keep-all;
line-height:1;
}

#flashContent #wordslogo li a{
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
vertical-align:top;
}

#flashContent #wordslogo li a:hover{
color:#000;
background:#fff;
}

#flashContent #wordslogo .hide{

-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);

-webkit-animation: open 0.5s linear 0s forwards;
-moz-animation: open 0.5s linear 0s forwards;
-ms-animation: open 0.5s linear 0s forwards;
}

#flashContent #wordslogo .show{
	
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);

-webkit-animation: open 0.5s linear 0s forwards;
-moz-animation: open 0.5s linear 0s forwards;
-ms-animation: open 0.5s linear 0s forwards;
}


/*------------------------------------------------
   News
------------------------------------------------*/
#news{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:9999;
}

#news .cover{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
/*background:rgba( 0, 0, 0, 0.7 );*/
background:#777777;
opacity:0.8;
-ms-filter: "alpha(opacity=80)";
}

#news .inner{
position:absolute;
left:50%;
top:50%;
width:700px;
height:440px;
margin:-250px 0 0 -400px;
padding:30px 50px;
font-size:14px;
text-align:left;
background:#fff;
box-shadow:0 1px 3px 0 rgba( 0, 0, 0, 0.3 );
z-index:1;
}

#news .inner a{
color:#333;
}

#news .inner .ttl{
margin:0 0 20px 0;
font-size:24px;
}

#news .inner .list{
margin:0 0 10px 0;
line-height:1.6;
}

#news .inner .list dt{
width:80px;
}

#news .inner .list dd{
margin:-1.6em 0 10px 0;
padding:0 0 10px 100px;
border-bottom:#ddd dotted 1px;
}

#news .inner .link{
text-align:right;
}

#news .inner .close{
position:absolute;
right:0;
bottom:0;
font-size:0;
line-height:1;
}

#news .inner .close a{
text-decoration:none;
line-height:1;
}

#news .inner .close a:hover{
color:#999;
}

#news .modal_open{
/* -webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0); */
-webkit-animation: open 0.5s linear 0s forwards;
-moz-animation: open 0.5s linear 0s forwards;
-ms-animation: open 0.5s linear 0s forwards;
}

#news .modal_close{
/* -webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1); */
-webkit-animation: close 0.5s linear 0s forwards;
-moz-animation: close 0.5s linear 0s forwards;
-ms-animation: close 0.5s linear 0s forwards;
}