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


/* import style
------------------------------------------------------------------- */
@import url('/css/mod_default.css');
@import url('/css/mod_layout.css');
@import url('/css/mod_headerfooter.css');
@import url('/css/mod_common.css');
@import url('/css/mod_others.css');
@import url('/css/library/colorbox.css');
@import url('/css/library/animate.min.css');

/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/* footer
---------------------------------------------------------------------- */

#container #footerArea {
	width: 830px;
	margin: 0 auto;
	background-image:none; background-color:#f6f6f6;
	-webkit-border-radius: 5px;  /* Safari,Google Chrome */
	-moz-border-radius: 5px;      /* Firefox12まで */
	border-radius: 5px;           /* Firefox13以降 */
}

#container .btnList{
	margin: 0 auto;
}


/* ------------------------------------------- */


/*4月 ハートの女王のかけっこ大会
---------------------------------------------------------------*/
#container #headerArea .headerArea-inner{
	z-index:50;
}

#usagirace170329_bg{
	background:url(/image/event/april2017/town/bg.png) repeat top center;
	min-width:1020px;
	width: 100%;
	position:relative;
	overflow: hidden;
}

#usagirace170329{
	background:url(/image/event/april2017/town/bg_header.png) no-repeat top center;
	min-width: 1020px;
	width: 100%;
	position:relative;
}

#eventHeader170329{
	position:relative;
	width: 1020px;
	margin: 0 auto;
	z-index:10;
}

#eventHeader170329 .usagi_head{
	position:absolute;
	top:11px;
	right:90px;
}

#eventHeader170329 h2.eventTit{
	background:url(/image/event/april2017/town/title.png) no-repeat 150px 2px;
	width:960px;
	height:200px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:10;
}

#eventHeader170329 .btnGoSP{
	position: absolute;
	top:5px;
	right: 40px;
	z-index:999;
}

#eventHeader170329 .btnGoSP img{
	width:161px;
	height:171px;
}

#usagirace170329 .eventArea-outer{
	width: 1020px;
	margin:0 auto;
	position:relative;
}

#eventHeader170329 .eventMenu{
	background:url(/image/event/april2017/town/menu_bg.png) no-repeat center;
	width:820px;
	height:43px;
	position:absolute;
	top:150px;
	left:27px;
	padding:3px 0 0 140px;
}

#eventHeader170329 .eventMenu li{
	magin:0;
	padding:2px 14px 0 0px;
	float:left;
}

#eventHeader170329 .eventMenu img.menu02,
#eventHeader170329 .eventMenu img.menu01{
	width: 126px;
	height: 32px;
}

#eventHeader170329 .eventMenu img.menu03{
	width: 78px;
	height: 32px;
}

#eventHeader170329 .eventMenu img.menu04{
	width: 63px;
	height: 32px;
}

#eventHeader170329 .eventMenu img.menu06,
#eventHeader170329 .eventMenu img.menu05{
	width: 180px;
	height: 32px;
}

#eventHeader170329 .eventMenu li.ending{
	display:none;
}

#eventHeader170329 .eventMenu li.bnnlast{
	padding-right:0;
	padding-left:0px
}

#eventHeader170329 .endMenu{
	background:url(/image/event/april2017/town/menu6_bg.png) no-repeat top center;
	width:890px;
	height:43px;
	position:absolute;
	top:150px;
	left:30px;
	padding:3px 0 0 70px;
}

#eventHeader170329 .endMenu li.ending{
	display: inline;
}

#eventHeader170329 .endMenu li.bnnlast{
	padding-right:0;
	padding-left:0px
}

#eventHeader170329 .eventtop{
	position:absolute;
	top:0px;
	right:0px;
}

#eventHeader170329 .eventtop a{
	color:#007130;
	text-decoration: underline;
}

#eventHeader170329 .eventtop a:hover{
	background-color:#fff;
	color:#979cb2;
	text-decoration:none;
}

#usagi{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
}

#usagi li{
	position: absolute;
}



/*オープニング・エンディング・ゲーム-----------------------------------*/

#usagirace170329 .openingArea,
#usagirace170329 .gameArea{
	background:url(/image/event/april2017/town/bg_opening.png) no-repeat top left;
	width:1020px;
	height:770px;
	position: relative;
	padding:0;
	margin:0 auto;
	z-index: 10;
}


#usagirace170329 .flash02{
	height:500px;
}

#usagirace170329 .gameArea{
	background:url(/image/event/april2017/town/bg_game.png) no-repeat top left;
	height:670px;
}


#usagirace170329 .flash,
#usagirace170329 .flash02{
	width:800px;
	height:600px;
	position: absolute;
	top: 46px;
	left: 110px;
}


#usagirace170329_opfooter,
#usagirace170329_gamefooter{
	background:url(/image/event/april2017/town/bg_game_footer.png) repeat-x bottom center;
}


/*イベントの遊び方-----------------------------------*/
#usagirace170329 .entry01{
	background:url(/image/event/april2017/town/img_entry_01.png) no-repeat top left;
	width:1020px;
	height:640px;
	position: relative;
	z-index:5;
}

#usagirace170329 .entry01 .btnOpening{
	position:absolute;
	top:540px;
	left:250px;
	z-index:5;
}

#usagirace170329 .entry01 .btnOpening img{
	width: 521px;
	height: 60px;
}


#usagirace170329 .entry02{
	background:url(/image/event/april2017/town/img_entry_02.png) no-repeat top left;
	width:1020px;
	height:960px;
	position: relative;
	z-index:5;
}

#usagirace170329 .entry02 .btnInfo{
	position:absolute;
	top:333px;
	left:550px;
	z-index:5;
}

#usagirace170329 .entry02 .btnInfo img{
	width: 352px;
	height: 60px;
}


#usagirace170329 .entry02 .btnTokuten{
	position:absolute;
	top:810px;
	left:240px;
	z-index:5;
}

#usagirace170329 .entry02 .btnTokuten img{
	width: 521px;
	height: 60px;
}



#usagirace170329 .entry03{
	background:url(/image/event/april2017/town/img_entry_03.png) no-repeat top center;
	width:960px;
	height:620px;
	position: relative;
	z-index:5;
	margin: 30px auto;
}

#usagirace170329 .entry03_fin{
	background:url(/image/event/april2017/town/img_entry_03_fin.png) no-repeat top center;
	width:960px;
	height:620px;
	position: relative;
	z-index:5;
	margin: 30px auto;
}


#usagirace170329 .entry03 .btnHiroba{
	position:absolute;
	top:520px;
	left:220px;
	z-index:5;
}

#usagirace170329 .entry03 .btnHiroba img{
	width: 521px;
	height: 60px;
}

#usagirace170329 .entry03_fin .btnHiroba{
	display: none;
}



/*特典-----------------------------------*/
#usagirace170329 .tokutenHead{
	background:url(/image/event/april2017/town/img_tokuten_head.png) no-repeat top left;
	width:1020px;
	height:590px;
	position: relative;
	z-index:10;
}

#usagirace170329 .tokutenHead .btnHelp{
	position:absolute;
	top:45px;
	left:508px;
}

#usagirace170329 .tokutenHead .item_anm{
	position:absolute;
	top: 430px;
	left: 840px;
}



#usagirace170329 .tokutenPoint{
	background:url(/image/event/april2017/town/img_tokuten_point.png) no-repeat top left;
	width:1020px;
	height:300px;
	position: relative;
	z-index:10;
}

#usagirace170329 .tokutenPoint p{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#usagirace170329 .tokuten01{
	background:url(/image/event/april2017/town/img_tokuten_01.png) no-repeat top left;
	width:1020px;
	height:500px;
	position: relative;
	z-index:10;
}

#usagirace170329 .tokuten01 ul{
	position:absolute;
	top:177px;
	left:118px;
}

#usagirace170329 .tokuten01 ul li{
	float:left;
	margin-right:108px;
}

#usagirace170329 .tokuten02{
	background:url(/image/event/april2017/town/img_tokuten_02.png) no-repeat top left;
	width:1020px;
	height:900px;
	position: relative;
	z-index:10;
}

#usagirace170329 .tokuten02 ul{
	position:absolute;
	top:177px;
	left:118px;
}

#usagirace170329 .tokuten02 ul li{
	float:left;
	margin-right:108px;
}

#usagirace170329 .tokuten03{
	background:url(/image/event/april2017/town/img_tokuten_03.png) no-repeat top left;
	width:1020px;
	height:360px;
	position: relative;
	z-index:10;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#usagirace170329 .tokutenNote{
	background:url(/image/event/april2017/town/img_tokuten_note.png) no-repeat top left;
	width:1020px;
	height:320px;
	position: relative;
	z-index:10;
}

#usagirace170329 .tokutenNote p{
	font-size:12px;
	position:absolute;
	top:73px;
	left:111px;
}

/*ゲームの説明-----------------------------------*/
#usagirace170329 .raceinfo01{
	background:url(/image/event/april2017/town/img_raceinfo_01.png) no-repeat top center;
	width:1020px;
	height:348px;
	position: relative;
	text-indent:-999px;
	white-space:nowrap;
	overflow:hidden;
	z-index:10;
}

#usagirace170329 .raceinfo02{
	background:url(/image/event/april2017/town/img_raceinfo_02.png) no-repeat top center;
	width:1020px;
	height:670px;
	position: relative;
	text-indent:-999px;
	white-space:nowrap;
	overflow:hidden;
	z-index:10;
}


#usagirace170329 .raceinfo01 img,
#usagirace170329 .raceinfo02,
#usagirace170329 .raceinfo04,
#usagirace170329 .raceinfo05{
	z-index:50;
}

#usagirace170329 .raceinfo03{
	background:url(/image/event/april2017/town/img_raceinfo_03.png) no-repeat top left;
	width:1020px;
	height:700px;
	position: relative;
	z-index:10;
}

#usagirace170329 .raceinfo03 .btnItem{
	position:absolute;
	top:530px;
	left:240px;
	z-index:5;
}

#usagirace170329 .raceinfo03 .btnItem img{
	width: 521px;
	height: 60px;
}

#usagirace170329 .raceinfo04{
	background:url(/image/event/april2017/town/img_raceinfo_04.png) no-repeat top left;
	width:1020px;
	height:950px;
	position: relative;
	text-indent:-999px;
	white-space:nowrap;
	overflow:hidden;
	z-index:10;
}

#usagirace170329 .raceinfo05{
	background:url(/image/event/april2017/town/img_raceinfo_05.png) no-repeat top left;
	width:1020px;
	height:1140px;
	position: relative;
	text-indent:-999px;
	white-space:nowrap;
	overflow:hidden;
	z-index:10;
}

#usagirace170329 .raceinfo06{
	background:url(/image/event/april2017/town/img_raceinfo_06.png) no-repeat top left;
	width:1020px;
	height:90px;
	position: relative;
	z-index:10;
}

#usagirace170329 .raceinfo06 .btnRace{
	position:absolute;
	top:10px;
	left:240px;
	z-index:5;
}

#usagirace170329 .raceinfo06 .btnRace img{
	width: 521px;
	height: 60px;
}

#usagirace170329 .raceinfoNote{
	background:url(/image/event/april2017/town/img_raceinfo_note.png) no-repeat top left;
	width:1020px;
	height:260px;
	position: relative;
	z-index:10;
}

#usagirace170329 .raceinfoNote p{
	font-size:12px;
	position:absolute;
	top:64px;
	left:111px;
}




/* ページトップへ戻る */
#usagirace170329 .pageTop170329 {
	display:none;
	position:relative;
	width:100%;
	max-width:850px;
	height:0;
	margin:0 auto;
}
#usagirace170329 .pageTop170329 a {
	right:50px;
	display: block;
	padding:1em 0 0 2px;
	z-index:999;
}

#usagirace170329 .pageTop170329 img {
	width:149px;
	height:162px;
}