bound-for-houkoku
html, body {
	margin  : 0px;
	padding : 0px;
	height  : 100%;
}

body {
	zoom: 100%;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif
}

@media screen and (orientation: landscape) {

	#map {
		position   : fixed;
		top        : 0px;
		left       : 500px;
		width      : 1420px;
		height     : 1080px;
		background : #000000;
		z-index    : 1;
	}

	#background {
		position         : fixed;
		top              : 0px;
		left             : 0px;
		width            : 100%;
		height           : 100%;
		max-width        : 1920px;
		max-height       : 1080px;
		background-image : url("/img/roadtrain_map.png");
		z-index          : 2;
	}

	#suspend {
		position         : fixed;
		top              : 0px;
		left             : 0px;
		width            : 100%;
		height           : 100%;
		max-width        : 1920px;
		max-height       : 1080px;
	}

	#attention {
		display          : none;
		position         : fixed;
		top              : 990px;
		left             : 35px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/attention.png");
		background-repeat: no-repeat;
		z-index          : 3;
	}

	#title {
		display: none;
	}

	#bound-for-houkoku {
		display          : none;
		position         : fixed;
		top              : 370px;
		left             : 15px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/bound_for_houkoku.png");
		background-repeat: no-repeat;
		z-index          : 3;
	}

	#bound-for-morinomiya {
		display          : none;
		position         : fixed;
		top              : 670px;
		left             : 15px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/bound_for_morinomiya.png");
		background-repeat: no-repeat;
		z-index          : 3;
	}

	#note-handicapped {
		position         : fixed;
		top              : 953px;
		left             : 568px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/note_handicapped.png");
		background-repeat: no-repeat;
		z-index          : 3;
	}

	.imakoko-morinomiya {
		position         : absolute;
		top              : 845px;
		left             : 1055px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/here.png");
		background-repeat: no-repeat;
		z-index          : 2;
	}

	.imakoko-jo-terrace {
		position         : absolute;
		top              : 165px;
		left             : 1155px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/here.png");
		background-repeat: no-repeat;
		z-index          : 2;
	}

	.imakoko-gokurakubridge {
		position         : absolute;
		top              : 85px;
		left             : 537px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/here.png");
		background-repeat: no-repeat;
		z-index          : 2;
	}

	.imakoko-houkoku {
		position         : absolute;
		top              : 615px;
		left             : 579px;
		width            : 100%;
		height           : 100%;
		background-image : url("/img/here.png");
		background-repeat: no-repeat;
		z-index          : 2;
	}

	#arrival-time-houkoku-ja {
		position         : fixed;
		top              : 535px;
		left             : 186px;
		color            : #333;
		font-weight      : bolder;
		font-size        : 40px;
		z-index          : 3;
		text-decoration  : none; display: inline;
		width            : auto;
		height           : auto;
		line-height      : 1;
		vertical-align   : baseline;
	}

	#arrival-time-houkoku-en {
		position         : fixed;
		top              : 588px;
		left             : 398px;
		color            : #f4df33;
		font-weight      : bolder;
		font-size        : 40px;
		z-index          : 3;
		text-decoration  : none; display: inline;
		width            : auto;
		height           : auto;
		line-height      : 1;
		vertical-align   : baseline;
	}

	#arrival-time-morinomiya-ja {
		position         : fixed;
		top              : 835px;
		left             : 186px;
		color            : #333;
		font-weight      : bolder;
		font-size        : 40px;
		z-index          : 3;
		text-decoration  : none; display: inline;
		width            : auto;
		height           : auto;
		line-height      : 1;
		vertical-align   : baseline;
	}

	#arrival-time-morinomiya-en {
		position         : fixed;
		top              : 888px;
		left             : 398px;
		color            : #f4df33;
		font-weight      : bolder;
		font-size        : 40px;
		z-index          : 3;
		text-decoration  : none; display: inline;
		width            : auto;
		height           : auto;
		line-height      : 1;
		vertical-align   : baseline;
	}

}

@media screen and (orientation: portrait) {

	#map {
		position   : fixed;
		top        : 70px;
		left       : 0px;
		width      : 830px;
		height     : 1104px;
		background : #000000;
		z-index    : 1;
	}

	#background {
		position          : fixed;
		top               : 0px;
		left              : 0px;
		width             : 100%;
		height            : 100%;
		background-image  : url("/img/roadtrain_map_portrait.png");
		background-repeat : no-repeat;
		z-index           : 2;
	}

	#suspend {
		position          : fixed;
		top               : 0px;
		left              : 0px;
		width             : 100%;
		height            : 100%;
		background-repeat : no-repeat;
	}

	#title {
		display  : block;
		position : fixed;
		left     : 91px;
		top      : 26px;
		width    : 647px;
		height   : 33px;
	}

	.ja {
		background-image : url("/img/roadtrain_text_ja.jpg");
	}
	.en {
		background-image : url("/img/roadtrain_text_en.jpg");
	}

}