@charset "Shift_JIS";
/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
/*--- reset typo ---*/
body{font:13px/1 "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
*html body{font-size:small;font:x-small;font-family:"ＭＳ Ｐゴシック";}
*:first-child+html body{font-size:small;font:x-small;font-family:"ＭＳ Ｐゴシック";}
/*--- reset element ---*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
html{overflow-y:scroll;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
fieldset{border:0;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
input,textarea,select {font-family:inherit;font-size:inherit;/font-size:100%;font-weight:inherit;}
embed,object{outline: none;}
/*ClearFix-*/
/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}


/*------------------------------------------------------------------------------
  common
------------------------------------------------------------------------------*/
/*--- text color ---*/
body{color:#000000;}
a:link{color:#ffc200;text-decoration:none;}
a:visited{color:#ffc200;text-decoration:none;}
a:hover{color:#ffc200;text-decoration:underline;}
a:active{color:#ffc200;text-decoration:underline;outline:none;}
a:focus{color:#ffc200;text-decoration:underline;outline:none;}
html{
	overflow-y:scroll;
	-webkit-text-size-adjust: none;
}
#wrapper{
	width: 100%;
	min-width: 960px;
	background: url(../shared/bg_white.png) center top;
	overflow: hidden;
    position: relative;
}
#bglowlayer {
    left: 50%;
    margin-left: -900px;
    position: absolute;
    top: 0;
    width: 1800px;
}
#bgcontent {
    width: 1800px;
    position: relative;
}
#contentlayer{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*------------------------------------------------------------------------------
  PAGE HEADER
------------------------------------------------------------------------------*/
#headercontainer{
	width: 100%;
	height: 214px;
	background: url(../shared/bg_header.png) center top repeat-x;
}
#header{
	width: 960px;
	height: 214px;
	margin: 0 auto;
	position: relative;
}
#header #corporateid{
	position: absolute;
	left: 0;
	top: 16px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#header #productid{
	position: absolute;
	right: 0;
	top: 16px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#header #siteid{
	position: absolute;
	left: 370px;
	top: 8px;
}
#header #btncoinrush{
	position: absolute;
	right: 289px;
    top: 10px;
}
#header #btncoinrush p{
	position: relative;
	width: 106px;
	height: 108px;
}
#header #btncoinrush p span{
	display: block;
	position: absolute;
}
#header #btncoinrush p .shining1{
	left: 4px;
    top: -3px;
}
#header #btncoinrush p .shining2{
	left: 76px;
    top: 65px;
}
#header #btncoinrush p .btnbody{
	width: 106px;
	height: 108px;
	left: 0;
    top: 0;
}
#header #btncoinrushhitarea{
	position: absolute;
	width: 106px;
	height: 108px;
    right: 289px;
    top: 13px;
}
#header #btncoinrushhitarea a{
	display: block;
	width: 106px;
	height: 108px;
	_position: relative;
}
#header #btnpack{
	position: absolute;
    right: 0;
    top: 55px;
}
#header ul{
	position: absolute;
	height: 103px;
	width: 966px;
	top: 110px;
	left: 1px;
}
#header li{
	float: left;
	width: 161px;
	height: 103px;
	position: relative;
}
#header li p{
	position: absolute;
}
#header li .gnavbody{
	left: 0;
	top: 9px;
}
#header li .gnavicon{
	left: 63px;
    top: 9px;
}
#header li .gnavshining1{
	left: 47px;
    top: 10px;
}
#header li .gnavshining2{
	left: 81px;
    top: 1px;
}
#header li .gnavshining3{
	left: 81px;
    top: 1px;
}
#header li .gnavhitarea{
	left: 0;
	top: 41px;
	width: 155px;
	height: 62px;
}
#header ul li .gnavhitarea a{
	display: block;
	width: 155px;
	height: 62px;
	_position: relative;
}
/*------------------------------------------------------------------------------
  PAGE FOOTER
------------------------------------------------------------------------------*/
#footer{
	width: 960px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
#footer p,
#footer p a{
	height: 14px;
	background-image: url(../shared/fnav_sprite.png);
	background-repeat: no-repeat;
}
#footer p{
	position: absolute;
	top: 15px;
	line-height: 0.01%;
	font-size: 0.01%;
	text-indent: -9999px;
}
#footer p a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#footer #fnav01{
	left: 0px;
	width: 67px;
	background-position: 0 -14px;
}
#footer #fnav01 a{
	display: block;
	width: 67px;
	background-position: 0 0;
}
#footer #fnav02{
	left: 67px;
	width: 87px;
	background-position: -67px -14px;
}
#footer #fnav02 a{
	display: block;
	width: 87px;
	background-position: -67px 0;
}
#footer #fnav03{
	left: 154px;
	width: 87px;
	background-position: -154px -14px;
}
#footer #fnav03 a{
	display: block;
	width: 87px;
	background-position: -154px 0;
}
#footer #fnav04{
	left: 241px;
	width: 63px;
	background-position: -241px -14px;
}
#footer #fnav04 a{
	display: block;
	width: 63px;
	background-position: -241px 0;
}
#footer #fnav05{
	left: 304px;
	width: 100px;
	background-position: -304px -14px;
}
#footer #fnav05 a{
	display: block;
	width: 100px;
	background-position: -304px 0;
}
#footer #fnav06{
	left: 404px;
	width: 76px;
	background-position: -404px -14px;
}
#footer #fnav06 a{
	display: block;
	width: 76px;
	background-position: -404px 0;
}
#footer #fnav07{
	left: 480px;
	width: 68px;
	background-position: -480px -14px;
}
#footer #fnav07 a{
	display: block;
	width: 68px;
	background-position: -480px 0;
}
#footer #fnav08{
	left: 231px;
    top: 36px;
	width: 115px;
	background-position: -548px -14px;
}
#footer #fnav08 a{
	display: block;
	width: 115px;
	background-position: -548px 0;
}
#footer #fnav09{
	top: 36px;
	left: 346px;
	width: 200px;
	background-position: -663px -14px;
}
#footer #fnav09 a{
	display: block;
	width: 200px;
	background-position: -663px 0;
}
#footer #fnav11{
	left: 660px;
	width: 111px;
	background-position: -868px -14px;
}
#footer #fnav11 a{
	display: block;
	width: 111px;
	background-position: -868px 0;
}
#footer #fnav12{
	left: 772px;
	width: 143px;
	background-position: -978px -14px;
}
#footer #fnav12 a{
	display: block;
	width: 143px;
	background-position: -978px 0;
}
#about #footer #fnav02,
#coin #footer #fnav03,
#story #footer #fnav04,
#adventure #footer #fnav05,
#powerup #footer #fnav06,
#course #footer #fnav07,
#coinrush #footer #fnav08,
#pack #footer #fnav09{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#footer #fnav01 a:hover,
#footer #fnav02 a:hover,
#footer #fnav03 a:hover,
#footer #fnav04 a:hover,
#footer #fnav05 a:hover,
#footer #fnav06 a:hover,
#footer #fnav07 a:hover,
#footer #fnav08 a:hover,
#footer #fnav09 a:hover,
#footer #fnav11 a:hover,
#footer #fnav12 a:hover{
	background-image: none;
}


#footer #btnpagetop{
	position: absolute;
	right: 1px;
    top: 12px;
	width: 36px;
	height: 36px;
}