@charset "UTF-8";

div#wrapper_idx{
	padding: 70px 0 0;
}

div#index{
	width: 968px;
	height: 718px;
	background: url("../img/index/index.png") no-repeat;
	/*background: url("../img/index/atari.png") no-repeat;*/
	margin: 0 auto 30px;
	position: relative;
}

h1#logo_idx{
	position: absolute;
	top: -35px;
	left: -83px;
	width: 396px;
	height: 245px;
	text-indent: -9999px;
	background: url("../img/index/logo.png?v=20160517") no-repeat;
	z-index: 100;
}

h2#desc_idx{
	position: absolute;
	top: 219px;
	left: 35px;
	width: 237px;
	height: 285px;
	text-indent: -9999px;
	background: url("../img/index/catch.png") no-repeat;
	z-index: 100;
}

div#mensetsu{
	position: absolute;
	top: 10px;
	left: 305px;
	width: 169px;
	height: 169px;
	text-indent: -9999px;
	background: url("../img/index/mensetsu.png") no-repeat;
	z-index: 100;
}

div#entrance{
	position: absolute;
	top: 549px;
	left: 35px;
	width: 600px;
	z-index: 200;
}

div#entrance div#enter{
	float: left;
	display: inline;
	width: 260px;
}

div#entrance div#exit{
	float: left;
	display: inline;
	width: 136px;
	margin: 63px 0 0 6px;
}

div#photo{
	width: 950px;
	height: 700px;
	position: absolute;
	top: 9px;
	left: 9px;
	text-indent: -9999px;
	background: url("../img/index/photo.png?v=20160212") no-repeat;
	z-index: 0;
}

div#photo2{
	width: 950px;
	height: 700px;
	position: absolute;
	top: 9px;
	left: 9px;
	text-indent: -9999px;
	background: url("../img/index/photo2.png?v=20160212") no-repeat;
	z-index: 2;
}

div#rail{
	width: 950px;
	height: 700px;
	position: absolute;
	top: 9px;
	left: 9px;
	text-indent: -9999px;
	background: url("../img/index/rail.png") no-repeat;
	z-index: 1;
}

div#train{
	width: 476px;
	height: 476px;
	position: absolute;
	top: 205px;
	left: 287px;
	z-index: 2;
}

div#eki{
	width: 950px;
	height: 700px;
	position: absolute;
	top: 9px;
	left: 9px;
	text-indent: -9999px;
	background: url("../img/index/eki.png") no-repeat;
	z-index: 3;
}

div#eki span.new{
	width: 50px;
	height: 45px;
	display: block;
	position: absolute;
	top: 0px;
	left: 440px;
	background: url("../img/index/new_bg.png") no-repeat;
	z-index: 3;
}

div#eki span.new span{
	width: 50px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	background: url("../img/index/new.png") no-repeat;
}

div#eki span.new#new_kinshicho{
	top: 358px;
	left: 760px;
}

div#eki span.new#new_ikebukuro{
	top: 216px;
	left: 330px;
}


div#select{
	position: absolute;
	top: 425px;
	left: 398px;
	width: 264px;
	height: 135px;
	text-indent: -9999px;
	background: url("../img/index/select.png") no-repeat;
	z-index: 100;
}

div#keisai{
	position: absolute;
	top: 12px;
	left: 768px;
	width: 164px;
	height: 355px;
	text-indent: -9999px;
	background: url("../img/index/keisai.png") no-repeat;
	z-index: 90;
}

div#keisai .keisai{
	width: 64px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	left: 97px;
	top: 53px;
}

div#keisai .keisai1,
div#keisai .keisai2{
	width: 28px;
	height: 34px;
	float: left;
	display: inline;
	position: relative;
}

div#keisai .keisai1{
	margin: 0 0 0 6px;
}

div#keisai .keisai#ikebukuro{top: 84px;}
div#keisai .keisai#shinjuku{top: 131px;}
div#keisai .keisai#ueno{top: 176px;}
div#keisai .keisai#akabane{top: 222px;}
div#keisai .keisai#kinshicho{top: 268px;}
div#keisai .keisai#oomiya{top: 314px;}

div#keisai .number {
	width: 28px;
	height: 340px;
	background-image: url("../img/index/keisai_number.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 0;
	top: 0;
}
div#keisai .number0{top: 0;}
div#keisai .number1{top: -34px;}
div#keisai .number2{top: -68px;}
div#keisai .number3{top: -102px;}
div#keisai .number4{top: -136px;}
div#keisai .number5{top: -170px;}
div#keisai .number6{top: -204px;}
div#keisai .number7{top: -238px;}
div#keisai .number8{top: -272px;}
div#keisai .number9{top: -306px;}



div#taiken{
	position: absolute;
	top: 488px;
	left: 529px;
	width: 406px;
	height: 225px;
	text-indent: -9999px;
	background: url("../img/index/taiken.png") no-repeat;
	z-index: 90;
}


div#taiken .taiken{
	width: 129px;
	height: 98px;
	overflow: hidden;
	position: absolute;
	left: 223px;
	top: 90px;
}

div#taiken .taiken1,
div#taiken .taiken2{
	width: 60px;
	height: 98px;
	float: left;
	display: inline;
	position: relative;
}

div#taiken .taiken1{
	margin: 0 0 0 9px;
}


div#taiken .number {
	width: 60px;
	height: 980px;
	background-image: url("../img/index/taiken_number.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 0;
	top: 0;
}
div#taiken .number0{top: 0;}
div#taiken .number1{top: -98px;}
div#taiken .number2{top: -196px;}
div#taiken .number3{top: -294px;}
div#taiken .number4{top: -392px;}
div#taiken .number5{top: -490px;}
div#taiken .number6{top: -588px;}
div#taiken .number7{top: -686px;}
div#taiken .number8{top: -784px;}
div#taiken .number9{top: -882px;}


div#news{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 230px;
	height: 85px;
	position: absolute;
	top: 480px;
	left: 720px;
	background: #ffffff;
	z-index: 1000;

	box-shadow: 3px 3px 5px #999999;
	-webkit-box-shadow: 3px 3px 5px #999999;
	-moz-box-shadow: 3px 3px 5px #999999;

	behavior: url("PIE/PIE.htc");
}

div#news .entry{
	margin: 0 0 0;
	padding: 3px 0 ;
	text-align: left;
}

div#news .entry.bg{
	background: #f0f0f0;
}

div#news .date{
	width: 60px;
	float: left;
	display: inline;
	font-size: 10px;
	margin: 0 0 0 5px;
}

div#news .title{
	width: 145px;
	float: left;
	display: inline;
	font-size: 12px;
	font-weight: normal;
}

div#news .title a{
	text-decoration: underline;
}

div#news .title a:hover{
	text-decoration: none;
}

div#news #pagelink{
	border-top: 1px dotted #adadad;
	padding: 3px 0 ;
	line-height: 1.2em;
	font-size: 10px;
}

div#news #pagelink span{
	display: inline-block;
	padding: 1px 3px;
	background: #ffffff;
	border: 1px solid #9ae226;
}

div#news #pagelink a{
	display: inline-block;
	margin: 0 1px;
}
div#news #pagelink a span{
	background: #9ae226;
	border: 1px solid #9ae226;
	color: #ffffff;
}

div#staff{
	position: absolute;
	top: -35px;
	right: 9px;
}