@charset "utf-8";

/* ==========================================================
  Commmon
========================================================== */
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	background: #000 url("../img/bg_body.jpg") no-repeat center top;
	text-align: center;
	width: 100%;
}

#box {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}

body#kansei {
  background: #000;
  text-align: center;
  width: 100%;
}

.kansei {
	width: 720px;
	margin: 0 auto;
	position: relative;
}

*:focus {
  outline: none;
}

#hide {
	position: absolute;
    top: 459px;
    left: 894px;
}

#hideF {
	position: absolute;
    top: 520px;
    left: 894px;
}

/* ==========================================================
  News
========================================================== */
#newsBox {
	width: 666px;
	height: 280px;
	position: absolute;
	top: 110px;
	left: 200px;
	overflow-y:auto;
}

#newsBox::-webkit-scrollbar {
	background:#ccc;
	width:10px;
}

#newsBox::-webkit-scrollbar-thumb {
	background:#aaa;
}

/* ==========================================================
  Story
========================================================== */
#storyBox {
	width: 530px;
    height: 120px;
    position: absolute;
    top: 108px;
    left: 188px;
    overflow-y: auto;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

#storyBox::-webkit-scrollbar {
	background:#ccc;
	width:10px;
}

#storyBox::-webkit-scrollbar-thumb {
	background:#aaa;
}