@charset "UTF-8";
/*----------------
h2.png?130701

*/

* html .layer_board_bg,
* html .layer_board{
  position: absolute;
}
.layer_board_bg{
  position: fixed;
  width: 120%;
  height: 120%;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  cursor: pointer;
  background: #000000;
}
.layer_board{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 5%;
  text-align: center;
  z-index: 2000;
  color: #FFFFFF;
}
.idx160914 img{
  margin: 3px;
  border: 1px solid rgb(255, 88, 32);
  box-shadow: rgba(255, 88, 32, .8) 0px 0px 4px;
  -moz-box-shadow: rgba(255, 88, 32, .8) 0px 0px 4px;
  -webkit-box-shadow: rgba(255, 88, 32, .8) 0px 0px 4px;
}
.idx160914 img:hover{
  margin: 0;
  border: 4px solid rgb(255, 88, 32);
}
.button{
  display: inline-block;
  margin: .2em;
  padding: 0 .6em;
  min-width: 40%;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 2em;
  border-color: #901800;
  border-style: solid;
  border-width: 1px 1px 4px;
  border-radius: 6px;
}
.button:link,
.button:visited{
  background: #C02000;
  color: #F8F8F8;
}
.button:hover{
  background: #F8F8F8;
  color: #C02000;
  text-decoration: none;
}
.button:active{
  border-width: 4px 1px 1px;
  text-decoration: none;
  box-shadow: 0 0 4px #C02000;
  -moz-box-shadow:  0 0 4px #C02000;
  -webkit-box-shadow:  0 0 4px #C02000;
}


#ticker{
  margin:0;
  padding:0 244px 0 0;
  height:48px;
  overflow:hidden;
  list-style:none;
}
#ticker li{
  margin:0;
  padding:8px;
  line-height:2em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:bold;
  *vertical-align:bottom;
}
#keyv{
  position: relative;
  background:#252525 url('key_130624.jpg') center top no-repeat;
  width:560px;
  height:754px;
}
#keyv_130905{
  background:#252525 url('key_130905.jpg') center top no-repeat;
  width:560px;
  height:754px;
  /*-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8);*/
  /*box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8);*/
}
#keyv_150227{
  position: relative;
  background:#252525 url('key_150227.jpg?150227') center top no-repeat;
  width:560px;
  height:754px;
  /*-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8);*/
  /*box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8);*/
}
.uwaaaai{
  position: absolute;
  display: block;
  left: 0px;
  bottom: 0px;
}
aside{
  width:385px;
}
#hidamari{
  margin:1em 0;
}
#hidamari section{
  border:1px dotted #252525;
  _border:1px solid #CCCCCC;
}
#hidamari section *{
  vertical-align:bottom;
}
#hidamari h2 a{
  display:block;
  height:48px;
  background:transparent url('Gnav.png');
  background-position:left 96px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  font-size:100%;
}
#hidamari h2 a:hover,#hidamari h2 a:active{
  background-position:left 48px;
}
#G_idx{
  position:relative;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  margin-left:15px;
  padding:32px 0 32px 0px;
  width:560px;
  *width:562px;
}
#onsale{
  margin:16px 0 0;
/*position:absolute;
top:40px;
right:-128px;*/
background:#FFFFFF;
border:2px solid #FFFFFF;
-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8);
box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8);
-webkit-border-radius:1px;
border-radius:1px;
}
#onsale a{
  display:block;
  padding:1px;
  background:#cccccc;
}
#onsale a:hover{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}

#cc2{
  position:absolute;
  top:690px;
}
#cc2:hover{
  filter: alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;
}

#cc3{
  position:absolute;
  top:64px;
}
#cc3:hover{
  filter: alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;
}

#newsbnr{
  padding-top:32px;
  text-align:right;
}
#G_update{
  height:480px;
  overflow-y:scroll;
}
#G_update time{
  padding:4px;
  background:#CCCCCC;
  font-family:'xd_onioncustomregular';
  -webkit-border-radius:1px;
  border-radius:1px;
}
#G_update dd{
  margin:0 0 8px 0;
  padding:4px 0 8px 16px;
  border-bottom:1px dotted #252525;
  _border-bottom:1px solid #CCCCCC;
}




.innew{
  padding:0 1px;
  background:#FF9933;
  color:#FFFFFF;
  font-family:'xd_onioncustomregular';
  font-size:16px;
  line-height:1em;
  -webkit-border-radius:2px;
  border-radius:2px;
}


/*mediaquery*/
@media screen and (max-width:964px) {
  aside{
    width:193px;
  }
  #hidamari h2{
    background:transparent url('bg_grid.gif') left top;
  }
}
@media screen and (max-width:768px) {
  /*#G_logo a,*/#cc2,#key,#keyv,#keyv_130905,#keyv_150227,#G_nav_btn{
    display:none;
  }
  aside{
    margin: 0 auto;
    margin: 0 calc((100% - 385px) / 2);
  }
  #G_nav{
    display:block;
    margin: 0 auto;
  }
  #G_nav,#hidamari,#G_nav_btn{
    margin:0 auto;
    width:385px;
  }
  #G_idx{
    margin:0;
    padding:0;
    width:auto;
    display:block;
    background-color:transparent;
    background-image:none;
    border:none;
  }
  #hidamari h2{
    margin-top:8px;
    background-image:none;
  }
  #G_logo{
    position: relative;
    margin:32px auto 8px;
    width:385px;
    height:512px;
    background:transparent url('../gears/key_130624.jpg') left top no-repeat;
    -webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8) inset;
    box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8) inset;
    background-size: 100%;
  }
  #G_logo .minilogo{
    width: 50%;
    position: absolute;
    display: block;
    right: 8px;
    top: 8px;
  }
  #G_logo .uwaaaai{
    display: block;
  }
}