@charset "utf-8";
/* CSS Document */



/* TOP
--------------------------------------------------------------------- */
#bg_top {
	position: relative;
	background:url(../images/top.jpg) no-repeat;
	height:705px;
	width:1024px;
	 -webkit-background-size: 1024px 705px;
        -moz-background-size: 1024px 705px;
          -o-background-size: 1024px 705px;
             background-size: 1024px 705px;
}

#img_title {
	height: 247px;
	width: 478px;
	top: 5px;
	left: 29px;
	position: absolute;
}

#img_access {
	height: 228px;
	width: 364px;
	left: 70px;
	bottom: 34px;
	position: absolute;
}

#img_coming_soon {
	height: 70px;
	width: 310px;
	left: 96px;
	top: 329px;
	position: absolute;
}

#btn_about a {
	position: absolute;
	top: 350px;
	left: 104px;
	background:url(../images/buttom_kiseki.png) no-repeat;
	height:58px;
	width:294px;
	 -webkit-background-size: 294px 116px;
        -moz-background-size: 294px 116px;
          -o-background-size: 294px 116px;
             background-size: 294px 116px;
}

#btn_about a {
	background-position: 0px 0px; 
}

#btn_about a:hover {
	background-position: 0px -59px; 
}

#btn_guide a {
	position: absolute;
	top: 418px;
	left: 104px;
	background:url(../images/buttom_nagare.png) no-repeat;
	height:58px;
	width:294px;
	 -webkit-background-size: 294px 116px;
        -moz-background-size: 294px 116px;
          -o-background-size: 294px 116px;
             background-size: 294px 116px;
}

#btn_guide a {
	background-position: 0px 0px; 
}

#btn_guide a:hover {
	background-position: 0px -59px; 
}

/* 夢の軌跡とは
--------------------------------------------------------------------- */
#bg_about {
	position: relative;
	background:url(../images/bg_kiseki.png) no-repeat;
	height:669px;
	width:1024px;
	 -webkit-background-size: 1024px 669px;
        -moz-background-size: 1024px 669px;
          -o-background-size: 1024px 669px;
             background-size: 1024px 669px;
}

/* ゲームの流れ
--------------------------------------------------------------------- */
#bg_guide {
	position: relative;
	background:url(../images/bg_nagare.png) no-repeat;
	height:1139px;
	width:1024px;
	 -webkit-background-size: 1024px 1139px;
        -moz-background-size: 1024px 1139px;
          -o-background-size: 1024px 1139px;
             background-size: 1024px 1139px;
}

/* ヘッダー
--------------------------------------------------------------------- */
#bg_header {
	position: relative;
	background:url(../images/bg_link_top.png) no-repeat;
	height:36px;
	width:1024px;
	 -webkit-background-size: 1024px 36px;
        -moz-background-size: 1024px 36px;
          -o-background-size: 1024px 36px;
             background-size: 1024px 36px;
}

#btn_header_top a {
	position: absolute;
	top: 8px;
	left: 32px;
	background:url(../images/button_top_s.png) no-repeat;
	height:20px;
	width:72px;
	 -webkit-background-size: 72px 40px;
        -moz-background-size: 72px 40px;
          -o-background-size: 72px 40px;
             background-size: 72px 40px;
}

#btn_header_top a {
	background-position: 0px 0px; 
}

#btn_header_top a:hover {
	background-position: 0px -22px; 
}

#btn_header_top_active {
	position: absolute;
	top: 8px;
	left: 32px;
	background:url(../images/button_top_s.png) no-repeat;
	height:20px;
	width:72px;
	 -webkit-background-size: 72px 40px;
        -moz-background-size: 72px 40px;
          -o-background-size: 72px 40px;
             background-size: 72px 40px;
	background-position: 0px -22px; 
}

#btn_header_about a {
	position: absolute;
	top: 8px;
	left: 136px;
	background:url(../images/button_kiseki_s.png) no-repeat;
	height:20px;
	width:124px;
	 -webkit-background-size: 124px 40px;
        -moz-background-size: 124px 40px;
          -o-background-size: 124px 40px;
             background-size: 124px 40px;
}

#btn_header_about a {
	background-position: 0px 0px; 
}

#btn_header_about a:hover {
	background-position: 0px -22px; 
}

#btn_header_about_active {
	position: absolute;
	top: 8px;
	left: 136px;
	background:url(../images/button_kiseki_s.png) no-repeat;
	height:20px;
	width:124px;
	 -webkit-background-size: 124px 40px;
        -moz-background-size: 124px 40px;
          -o-background-size: 124px 40px;
             background-size: 124px 40px;
	background-position: 0px -22px; 
}

#btn_header_guide a {
	position: absolute;
	top: 8px;
	left: 296px;
	background:url(../images/button_nagare_s.png) no-repeat;
	height:20px;
	width:125px;
	 -webkit-background-size: 125px 40px;
        -moz-background-size: 125px 40px;
          -o-background-size: 125px 40px;
             background-size: 125px 40px;
}

#btn_header_guide a {
	background-position: 0px 0px; 
}

#btn_header_guide a:hover {
	background-position: 0px -22px; 
}

#btn_header_guide_active {
	position: absolute;
	top: 8px;
	left: 296px;
	background:url(../images/button_nagare_s.png) no-repeat;
	height:20px;
	width:125px;
	 -webkit-background-size: 125px 40px;
        -moz-background-size: 125px 40px;
          -o-background-size: 125px 40px;
             background-size: 125px 40px;
	background-position: 0px -22px; 
}

/* フッター
--------------------------------------------------------------------- */
#bg_footer {
	position: relative;
	background:url(../images/bg_link_btm.png) no-repeat;
	height:75px;
	width:1024px;
	 -webkit-background-size: 1024px 75px;
        -moz-background-size: 1024px 75px;
          -o-background-size: 1024px 75px;
             background-size: 1024px 75px;
}

#text_footer {
	padding: 5px 20px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-shadow: 1px 1px 3px #000; filter: dropshadow(color=#000, offx=1, offy=1);
}

#link_banner01 {
	position: absolute;
	top: 8px;
	right: 12px;
}

#link_banner02 {
	position: absolute;
	top: 8px;
	right: 153px;
}

#link_banner03 {
	position: absolute;
	top: 8px;
	right: 294px;
}

/* 終了看板
--------------------------------------------------------------------- */
#board_service_end {
	position: absolute;
	top: 605px;
	left: 190px;
	background:url(../images/img_Service_end.png) no-repeat;
	height:82px;
	width:642px;
	 -webkit-background-size: 642px 82px;
        -moz-background-size: 642px 82px;
          -o-background-size: 642px 82px;
             background-size: 642px 82px;
}