@charset "shift-jis";
/* ===================================================================
	CSS information
	file name  :  station.css
	style info :  /3ds/station/ˆÈ‰º
	date:2011.2.23
=================================================================== */

/*-----------station/index.html------------*/


#container{
	margin-top:47px;
}

.station .index #primary{
	float: none;
	width: 960px;
	margin: 0 auto;
}
.station .index #primary #title {
	position: relative;
	width: 960px;
	height: 474px;
	margin-bottom: 54px;
}
.station .index #primary #title h3 {
	margin-bottom: 21px;
}
.station .index #primary #title .txt {
	margin-bottom: 28px;
}
.station .index #primary #title .img {
	position: absolute;
	top: 0;
	right: 17px;
}
.station .index #primary #title .btn {
	margin-left: 164px;
}
.station .index #primary #possible h4 {
	margin-bottom: 55px;;
}
.station .index #primary #possible .box {
	position: relative;
	width: 960px;
	height: 746px;
	margin-bottom: 75px;
}
.station .index #primary #possible .box .img {
	position: absolute;
	top: 0;
	left: 22px;
}
.station .index #primary #possible .box .section01 {
	position: absolute;
	top: -3px;
	left: 407px;
}
.station .index #primary #possible .box .section01 dt,
.station .index #primary #possible .box .section01 dd,
.station .index #primary #possible .box .section02 dt,
.station .index #primary #possible .box .section02 dd{
	font-size: 12px;
	line-height: 1.8;
}
.station .index #primary #possible .box .section01 dt {
	margin-bottom: 8px;
}
.station .index #primary #possible .box .section01 dt.title01 {
	margin-bottom: 14px;
}
.station .index #primary #possible .box .section01 .txt01{
	margin-bottom: 38px;
}

.station .index #primary #possible .box .section01 .txt02{
	margin-bottom: 39px;
}
.station .index #primary #possible .box .section01 .txt03{
	margin-bottom: 16px;
}
.station .index #primary #possible .box .section01 .txt04{
	margin-bottom: 19px;
}
.station .index #primary #possible .box .section01 .btn{
	left: 326px;
    position: absolute;

	top: 373px;
}

.station .index #primary #possible .box .section02 {
	position: absolute;
	top: 427px;
	left: 407px;
}
.station .index #primary #possible .box .section02 .btn01 {
	margin-bottom: -1px;
}
.station .index #primary #possible .box .section02 .btn02 {
	margin-bottom: -1px;
}
.station .index #primary #possible .box .section02 .btn03 {
	margin-bottom: -1px;
}

.station .index #primary #possible .box .section02 .btn04{
	margin-bottom: 5px;
}

.station .index #primary #possible .box .section02 .btn05{
	margin-bottom: 15px;
}

.station .index #primary #possible .box .section02 .note{
	position:relative;
}

.station .index #primary #possible .box .section02 .note img#note1{
	position:absolute;
}
.station .index #primary #possible .box .section02 .note a#note2{
	top:36px;
	left:138px;
	position:absolute;
}

.station .index #footer .nintendo{
	position: absolute;
	top: 7px;
	left: 0px;
}
.station .index #footer .n3ds{
	position: absolute;
	top: 7px;
	left: 153px;
}

.station .index #footer .ds{
	position: absolute;
	top: 7px;
	left: 292px;
}


/*-----------station/guide.html------------*/
/*-----------station/download.html------------*/
/*-----------station/network.html------------*/
/*-----------station/dsiware.html------------*/
body.guide,
body.download,
body.network,
body.dsiware{
	background: none;
	text-align: center;
	background-color: #FFFFFF;
}


/*-----------station/guide.html------------*/
.guide #primary {
	float: none;
	position: relative;
	width: 710px;
	height: 718px;
	margin: 30px auto 0 auto;
	text-align: left;
}
.guide #primary h1 {
	margin-bottom: 29px;
}
.guide #primary .txt01 {
	margin-bottom: 38px;
}
.guide #primary .img02 {
	margin-left: 8px;
}
.guide #primary .section02 {
	position: absolute;
	top: 79px;
	right: -2px;
}
.guide #primary .section02 .img01 {
	margin-bottom: 57px;
	margin-right: 2px;
}
.guide #primary .section02 dl {
	margin-bottom: 16px;
	margin-left: 24px;
}
.guide #primary .section02 dl dt {
	margin-bottom: 16px;
}



/*-----------station/download.html------------*/
.download #primary {
	float: none;
	position: relative;
	width: 710px;
	height: 645px;
	margin: 30px auto 0 auto;
	text-align: left;
}
.download #primary h1 {
	margin-bottom: 29px;
}
.download #primary h2 {
	margin-bottom: 14px;
}
.download #primary .txt01 {
	margin-bottom: 14px;
}
.download #primary .atn01 {
	margin-bottom: 41px;
}
.download #primary .img02 {
	margin-left: 0;
}

.download #primary .section02 {
	position: absolute;
	top: 140px;
	right: -2px;
}
.download #primary .section02 .img01 {
	margin-right: 2px;
	margin-bottom: 24px;
}
.download #primary .section02 .btn01 {
	margin-bottom: 31px;
}
.download #primary .section02 dl {
	margin-right: 2px;
	font-size: 0;
	line-height: 0;
}
.download #primary .section02 dl dt {
	margin-bottom: 8px;
}



/*-----------station/network.html------------*/
.network #primary {
	float: none;
	width: 710px;
	margin: 30px auto 0 auto;
	text-align: left;
}
.network #primary h1 {
	margin-bottom: 32px;
}
.network #primary .txt {
	margin-bottom: 14px;
}
.network #primary .atn {
	margin-bottom: 34px;
}


/*-----------station/dsiware.html------------*/
.dsiware #primary {
	float: none;
	position: relative;
	width: 710px;
	height: 616px;
	margin: 30px auto 0 auto;
	text-align: left;
}
.dsiware #primary h1 {
	margin-bottom: 29px;
}
.dsiware #primary .txt01 {
	margin-bottom: 60px;
}
.dsiware #primary .btnArea {
	text-align: center;
	margin-bottom: 94px;
	width: 364px;
}
.dsiware #primary .btnArea dt {
	margin-bottom: 31px;
}
.dsiware #primary .btnArea .btn01 {
	margin-bottom: 5px;
}
.dsiware #primary .img02 {
	margin-left: 41px;
}
.dsiware #primary .section02 {
	position: absolute;
	top: 79px;
	right: 0;
}
.dsiware #primary .section02 .img01 {
	margin-bottom: 29px;
}
.dsiware #primary .section02 dl {
	margin-bottom: 4px;
}
.dsiware #primary .section02 dl dt {
	margin-bottom: 8px;
}
.dsiware #primary .section02 .atn02 {
	padding-top: 6px;
}

.block-notice {
  box-sizing: border-box;
  background: #f2f2f2;
  padding: 15px 15px;
  margin-bottom:20px;
  width:710px;
}
.block-notice a{
  position:relative;
  z-index: 1000;
  display: inline-block;
  display:inline-flex;
  align-items:flex-start;
  justify-content: flex-start;
  color: #e60012;
  font-weight: bold;
  line-height: 1;
  transition: opacity 150ms linear;
}
.block-notice a > span {
  color: #e60012;
  display: inline-block;
  font-size:14px;
  line-height: 1.75;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}
.block-notice a:hover{
  opacity:.6;
  color: #e60012;
  text-decoration: none;
}
.block-notice a:hover > span {
  color: #e60012;
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
}