@charset "UTF-8";
/*style.css*/

body{
  background:url(../img/bg.jpg)
}
/* =========================================================
 font style
========================================================= */
table{
  font-size:12px;
  line-height:1.5;
  text-align:left;
  color:#000;
}
dl,li{font-size:12px;line-height:1.5;text-align:left;}

li.pricedown img{
  margin-left: 7px;
}
li.pricedown p img{
  float:left;
  margin-left: 7px;
}
li.pricedown p:nth-of-type(2) img{
  margin-left: 0px;
}
/* =========================================================
 header
========================================================= */
#header{width:100%;min-width:960px;margin:0 auto;padding:15px 0 0 0;min-height:30px;}
#btnNintendo{float:left;margin:4px 0 0 19px;}
#btnWiiu{float:right;margin:0 19px 0 0;}

/* =========================================================
 contents
========================================================= */
#contents{clear:both;position:relative;}

/* ----- conthead ----- */
.conthead{
  clear:both;
  margin:0 auto; 
  background:url(../img/main_bg.png) no-repeat; 
  background-position: center;
  min-width: 960px;
}
.contheadIn{
  width:960px;
  height:464px;
  margin:0 auto;
  position:relative;
  margin-bottom:20px;
}
.contheadIn h1{
  position: absolute;
  top: 119px;
  left: 41px;
}
.contheadIn h2{
  position: absolute;
  top: 337px;
  left: 72px;
  line-height: 1.5em;
  font-weight: bold;
  color: #fff;
}

/* ----- .contmain ----- */
.contmain{clear:both;margin:0 auto;}
.contmainIn{width:960px;margin:0 auto;position:relative;}


/* ----- contsub ----- */
.contsub{clear:both;margin:0 auto;}
.contsubIn{width:960px;margin:0 auto;padding:28px 0px 0px 0px;overflow:hidden;position:relative;}

/* =========================================================
 h1
========================================================= */
h1{ text-align:center;}

/* =========================================================
 wiidlsoft
========================================================= */
.wiidlsoft__body {
  margin-left: -9px;
  width: 978px;
}
.wiidlsoft__item {
  width: 228px;
  margin: 0 10px 20px 6px;
  float: left;
  /* border-radius */
  border-radius: 6px 6px 6px 6px;
  /* box-shadow */
  box-shadow:rgba(113, 135, 164, 0.298039) 2px 3px 7px 3px;
  -webkit-box-shadow:rgba(113, 135, 164, 0.298039) 2px 3px 7px 3px;
  -moz-box-shadow:rgba(113, 135, 164, 0.298039) 2px 3px 7px 3px;
  position:relative;
}
.wiidlsoft__item a img{
  border-radius: 7px 7px 7px 7px;
  filter: alpha(opacity=100);
}
.wiidlsoft__item a img:hover{

}
p.new{
  z-index: 5;
  position:absolute;
  top: -5px;
  left: 181px;
}


.dl_info{
  padding:20px 0 0;
}

/* =========================================================
 information__box
========================================================= */
.information__box{
  margin:0 0 60px;
  padding:84px 0 52px 42px;
  border:1px solid #CCC;
  background-image:url(../img/news.png);
  background-position:left top;
  background-repeat:no-repeat;
}
.information{ display:block;
  display:table;
  padding:16px 0;
  width:873px;
  text-align:left;
  border-bottom:1px solid #CCC;}
  
.information__date {
	display: table-cell;
  color:#3F3F3F;
  width:100px;
}
  
.information__text a{
	display: table-cell;
  color:#00A2CB;
}
.information__text a:hover{
  opacity:.7;
  text-decoration:underline;
}

.bn_bottom:hover{
  opacity: 0.75;
}
.gototop{
  width: 960px;
  margin: 0 auto;
}
.gototop p#goto_top{
  float: right;
  margin-bottom: -10px;
  position: relative;
  top: -40px;
}



/* =========================================================
 footer
========================================================= */
#footer {
  clear:both;
  margin-top: 20px;
  padding-top: 20px;
  background:#fff;
  min-width: 960px;
  overflow: hidden;
  padding-bottom: 20px;
}
#footer a {
  color:#000;
}
#footer a:hover{
  opacity:.7;
  text-decoration:underline;
}
#footer .topicPath_inner {
  width:960px;margin:10px auto 0;position:relative; display:table;
}

#footer .topicPath_path{display:table-cell; width:25%; text-align:left; vertical-align:middle;font-size:12px;}
#footer .topicPath_top{display:table-cell; width:50%; text-align: center; vertical-align:middle;}
#footer .topicPath_sns{width:25%;display:table-cell; text-align:right; vertical-align:middle; float:right;}
#footer .topicPath_sns .sns{
  margin-right: 19px;
}

#footer .fNav{text-align:left; margin-left:19px; float:left;}
#footer .fNav li{display:inline;font-size:12px; margin-right:2px;padding-right:2px;}

#footer .sns li {
  display:inline;
  margin-right: 0;
}
#footer .topicPath_sns li:first-child {
  margin-right: 10px;
}
#footerIn{width:960px;margin:0 auto;padding:18px 0 16px;position:relative;}
#footer .copyright{
    text-align:center;
    margin:3px 0;
    font-size:12px;
    position: relative;
    top: -18px;
    left: 52px;
  }