@charset "Shift_JIS";

/* ----------------------------------------
	settings
---------------------------------------- */

html {
	background: url(../img/common/bg_paper.gif) repeat scroll center top;
}

body {
	background: url(../img/index/index_bg.gif) no-repeat scroll center top;
	min-width: 1020px;
	font-size: 12px;
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #FFF;
}


html, body, a, p, img, table, tr, td, dl, dt, dd, h1, h2, h3 {
	margin: 0;
	border: 0;
	padding:0;
}

a {
	color: #FFF;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:hover {
	color: #A0B4AA;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ----------------------------------------
	index
---------------------------------------- */

#index_wrap {
	width: 100%;
	height: 100%;
	min-height: 890px;
	max-height: 1050px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#index_wrap {
	height: 890px !important;
}
}

* html #index_wrap {
	height: 890px;
}

#index {
	width: 1020px;
	height: 890px;
	position: relative;
}

#image_index {
	position: absolute;
	top: 346px;
	left: 383px;
}

#whatsnew {
	width: 401px;
	height: 584px;
	background: url(../img/index/bg_whatsnew.png) no-repeat;
	text-align: left;
	line-height: 17px;
	position: absolute;
	top: 20px;
	left: 0px;
}

#whatsnew strong {
	color: #FFFF00;
	font-weight: bold;
}

#whatsnew dl{
	width: 250px;
	padding: 175px 0 0 80px; 
	font-size:12px;
}

#whatsnew dt{
	width: 40px;
	float: left;
	clear: both;
}

#whatsnew dd{
	width: 210px;
	margin-bottom: 5px;
	float: left;
}

#backnumber {
	position: absolute;
	top: 295px;
	left: 80px;
}

#btn_about {
	position: absolute;
	top: 64px;
	left: 405px;
}

#btn_registration {
	position: absolute;
	top: 70px;
	left: 700px;
}

#btn_magazine {
	position: absolute;
	top: 594px;
	left: 36px;
}

#btn_link {
	position: absolute;
	top: 755px;
	left: 315px;
}

#btn_press {
	position: absolute;
	top: 605px;
	left: 365px;
}

#btn_forum {
	position: absolute;
	top: 587px;
	left: 306px;
}

#btn_event001 {
	position: absolute;
	top: 290px;
	left: 699px;
}

#btn_event002 {
	position: absolute;
	top: 405px;
	left: 699px;
}

#btn_event003 {
	position: absolute;
	top: 574px;
	left: 500px;
}

#btn_event001_pop {
	position: absolute;
	top: 190px;
	left: 885px;
}

#event_report2 {
	position: absolute;
	top: 420px;
	left: 916px;
}

#event_detail {
	position: absolute;
	top: 560px;
	left: 885px;
}

#count_down {
	height: 72px;
	width: 89px;
	background: url("../img/index/bg_count_down.png") no-repeat;
	position: absolute;
	top: 440px;
	left: 923px;
	padding: 87px 66px 1px 0;
	text-align: right;
}

#nav {
	position: absolute;
	top: 10px;
	right: 0px;
}

#nav a{
	display: block;
	float: left;
}

#btn_twitter {
	display: block;
	position: fixed;
	top: 50px;
	right: 0px;
	z-index: 1000;
}

#btn_blog {
	display: block;
	position: fixed;
	top: 2000px;
	right: 0px;
	z-index: 1000;
}


* html #btn_twitter {
	position: absolute;
	top: 50px;
	right: 0px;
}

#btn_blog {
	display: block;
	position: fixed;
	top: 180px;
	right: 0px;
	z-index: 1000;
}

* html #btn_blog {
	position: absolute;
	top: 180px;
	right: 0px;
}

#copyright{
	color: #784B00;
	font-size: 10px;
	position: absolute;
	bottom: 8px;
	left: 40px;
}