@charset "Shift_JIS";

/*汎用設定*/

body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.ie body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.gecko body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.safari body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.gecko body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.chrome body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
html,body
{
	height: 100%;
}
body
{
	background: url(../images/common/bg.jpg) top center no-repeat fixed #E6D0A5;
}
a:link
{
	text-decoration: none;
	color: #CC0000;
}
a:visited
{
	text-decoration: none;
	color: #CC0000;
}
a:hover
{
	text-decoration: underline;
	color: #ff9900;
}


/*エリア指定*/

#wrapper
{
	width: 940px;
	margin: 0px auto;
	height: 100%;
	min-height: 100%;
	background: url(../images/common/bg2.jpg) repeat-y;
}

body > #wrapper
{
	height: auto;
}

#contents
{
	width: 940px;
	background: url(../images/common/frame_bg.jpg) repeat-y;
}

/*ナビゲーション*/

#navi
{
	width: 940px;
	height: 110px;
	background: url(../images/common/navi.jpg) no-repeat;
	position: relative;
}
#navi .logo a
{
	width: 204px;
	height: 113px;
	top: 10px;
	left: 36px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#navi .navi01 a
{
	width: 90px;
	height: 40px;
	top: 60px;
	left: 260px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/navi01.jpg) no-repeat;
	overflow: hidden;
}
#navi .navi02 a
{
	width: 90px;
	height: 40px;
	top: 60px;
	left: 355px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/navi02.jpg) no-repeat;
	overflow: hidden;
}
#navi .navi03 a
{
	width: 90px;
	height: 40px;
	top: 60px;
	left: 450px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/navi03.jpg) no-repeat;
	overflow: hidden;
}
#navi .navi04 a
{
	width: 90px;
	height: 40px;
	top: 60px;
	left: 545px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/navi04.jpg) no-repeat;
	overflow: hidden;
}
#navi .navi05 a
{
	width: 90px;
	height: 40px;
	top: 60px;
	left: 640px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/navi05.jpg) no-repeat;
	overflow: hidden;
}
#navi .navi06 a
{
	width: 90px;
	height: 40px;
	top: 60px;
	left: 735px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/navi06.jpg) no-repeat;
	overflow: hidden;
}
#navi .navi07 a
{
	width: 90px;
	height: 40px;
	top: 60px;
	left: 830px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/navi07.jpg) no-repeat;
	overflow: hidden;
}
#navi .navi01 a:hover,
#navi .navi02 a:hover,
#navi .navi03 a:hover,
#navi .navi04 a:hover,
#navi .navi05 a:hover,
#navi .navi06 a:hover,
#navi .navi07 a:hover
{
	background: none;
}

/*トップ*/

#top
{
	width: 940px;
	height: 780px;
	background: url(../images/top/base.jpg) no-repeat;
	position: relative;
}

#top #twitter
{
	position: absolute;
	top: 555px;
	left: 465px;
	width: 430px;
}
#top #social
{
	position: absolute;
	top: 733px;
	left: 212px;
	width: 230px;
}
#top #social div
{
	float: left;
	margin-right: 10px;
}

#top #info
{
	width: 381px;
	height: 103px;
	top: 569px;
	left: 62px;
	position: absolute;
	overflow: auto;
}
#top #info dt
{
	float: left;
	clear: both;
	color: #FC0;
	width: 80px;
}
#top #info dd
{
	margin: 0px 13px 5px 80px;
}

#top-mobile
{
	width: 940px;
	height: 520px;
	background: url(../images/top/base_m.jpg) no-repeat;
	position: relative;
}
#top-mobile #mobile-op
{
	position: absolute;
	top: 0px;
	left: 23px;
}
#top .vita-btn a
{
	width: 173px;
	height: 92px;
	top: 330px;
	left: 267px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/*システム*/

#system01
{
	background: url(../images/system/base1.jpg) no-repeat;
	width: 940px;
	height: 771px;
	position: relative;
}
#system01 .text01
{
	position: absolute;
	top: 287px;
	left: 100px;
	width: 300px;
}
#system01 .text02
{
	position: absolute;
	top: 542px;
	left: 522px;
	width: 300px;
}
#system01 .text03
{
	position: absolute;
	top: 708px;
	left: 99px;
	width: 403px;
}
#system02
{
	background: url(../images/system/base2.jpg) no-repeat;
	width: 940px;
	height: 618px;
	position: relative;
}
#system02 .text01
{
	position: absolute;
	top: 55px;
	left: 100px;
	width: 312px;
}
#system02 .text02
{
	position: absolute;
	top: 375px;
	left: 634px;
	width: 187px;
}
#system02 .text03
{
	position: absolute;
	top: 708px;
	left: 99px;
	width: 403px;
}


/*ムービー*/

#gallery-bg
{
	background: url(../images/gallery/base.jpg) no-repeat;
	width: 940px;
	height: 714px;
	position: relative;
}
#gallery-bg .pic01 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 206px;
	left: 60px;
}
#gallery-bg .pic02 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 205px;
	left: 270px;
}
#gallery-bg .pic03 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 205px;
	left: 479px;
}
#gallery-bg .pic04 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 205px;
	left: 690px;
}
#gallery-bg .pic05 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 332px;
	left: 59px;
}
#gallery-bg .pic06 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 332px;
	left: 271px;
}
#gallery-bg .pic07 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 333px;
	left: 480px;
}
#gallery-bg .pic08 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 332px;
	left: 690px;
}
#gallery-bg .pic09 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 458px;
	left: 61px;
}
#gallery-bg .pic10 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 458px;
	left: 271px;
}
#gallery-bg .pic11 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 459px;
	left: 480px;
}
#gallery-bg .pic12 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 459px;
	left: 690px;
}
#gallery-bg .pic13 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 586px;
	left: 61px;
}
#gallery-bg .pic14 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 586px;
	left: 271px;
}
#gallery-bg .pic15 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 586px;
	left: 480px;
}
#gallery-bg .pic16 a
{
	width: 190px;
	height: 107px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 586px;
	left: 690px;
}


#gallery-bg2
{
	background: url(../images/gallery/base2.jpg) no-repeat;
	width: 940px;
	height: 988px;
	position: relative;
}
#gallery-bg2 .movie
{
	position: absolute;
	top: 131px;
	left: 150px;
}
#gallery-bg2 .movie2
{
	position: absolute;
	top: 576px;
	left: 150px;
}

/*スペック*/

#spec-bg
{
	width: 940px;
	height: 652px;
	background: url(../images/spec/base.jpg) no-repeat;
	position: relative;
}
#spec-bg2
{
	width: 940px;
	height: 1049px;
	background: url(../images/spec/base2.jpg) no-repeat;
	position: relative;
}
#spec-bg2 .text01
{
	position: absolute;
	top: 649px;
	left: 85px;
	width: 548px;
}
#spec-bg2 .text02
{
	position: absolute;
	top: 698px;
	left: 85px;
	width: 548px;
	color: #FF0;
}
#spec-bg2 .text03
{
	position: absolute;
	top: 827px;
	left: 85px;
	width: 548px;
}
#spec-bg2 .text04
{
	position: absolute;
	top: 896px;
	left: 85px;
	width: 548px;
	color: #FF0;
}
#spec-bg .data01
{
	width: 420px;
	top: 66px;
	left: 460px;
	position: absolute;
}
#spec-bg2 .data02
{
	width: 380px;
	top: 173px;
	left: 500px;
	position: absolute;
}
#spec-bg .data01 dl,
#spec-bg2 .data02 dl
{
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
#spec-bg .data01 dt,
#spec-bg2 .data02 dt
{
	float: left;
	color: #FC0;
	width: 110px;
}
#spec-bg .data01 dd,
#spec-bg2 .data02 dd
{
	margin: 0px 0px 0px 110px;
}

#prize-bg
{
	background: url(../images/spec/bg.jpg) repeat-y;
	overflow: hidden;
	padding-borrom: 20px;
	width: 940px;
}
.prize-block
{
	margin: 0px auto 20px auto;
	width: 820px;
	overflow: hidden;
}
.prize-block .prize-box01
{
	border: 1px solid #FFBF00;
	padding: 10px;
	width: 168px;
	float: left;
	margin-right: 20px;
}
.prize-block .prize-box02
{
	border: 1px solid #FFBF00;
	padding: 10px;
	width: 168px;
	float: right;
}
.prize-block .prize-box03
{
	width: 188px;
	float: right;
}
.prize-block .shop-name
{
	font-size: 14px;
	font-weight: bold;
	color: #FC0;
}

/*キャラ*/

#chara-bg
{
	width: 940px;
	min-height: 647px;
	background: url(../images/chara/base.jpg) no-repeat;
	position: relative;
}
#chara-bg .chara-face
{
	position: absolute;
	top: 544px;
	left: 40px;
}

#chara-bg .c-btn-a01
{
	position: absolute;
	top: 130px;
	left: 42px;
}
#chara-bg .c-btn-a02
{
	position: absolute;
	top: 130px;
	left: 150px;
}
#chara-bg .c-btn-a03
{
	position: absolute;
	top: 130px;
	left: 258px;
}
#chara-bg .c-btn-a04
{
	position: absolute;
	top: 130px;
	left: 366px;
}
#chara-bg .c-btn-a05
{
	position: absolute;
	top: 130px;
	left: 474px;
}
#chara-bg .c-btn-a06
{
	position: absolute;
	top: 130px;
	left: 582px;
}
#chara-bg .c-btn-a07
{
	position: absolute;
	top: 130px;
	left: 690px;
}
#chara-bg .c-btn-a08
{
	position: absolute;
	top: 130px;
	left: 798px;
}
#chara-bg .c-btn-a09
{
	position: absolute;
	top: 168px;
	left: 42px;
}
#chara-bg .c-btn-a10
{
	position: absolute;
	top: 168px;
	left: 150px;
}
#chara-bg .c-btn-a11
{
	position: absolute;
	top: 168px;
	left: 258px;
}
#chara-bg .c-btn-a12
{
	position: absolute;
	top: 168px;
	left: 366px;
}
#chara-bg .c-btn-a13
{
	position: absolute;
	top: 168px;
	left: 474px;
}
#chara-bg .c-btn-a14
{
	position: absolute;
	top: 168px;
	left: 582px;
}
#chara-bg .c-btn-a15
{
	position: absolute;
	top: 168px;
	left: 690px;
}
#chara-bg .c-btn-a16
{
	position: absolute;
	top: 168px;
	left: 798px;
}
#chara-bg .c-btn-a17
{
	position: absolute;
	top: 92px;
	left: 690px;
}

#chara-bg .atention
{
	position: absolute;
	top: 383px;
	left: 533px;
}

#chara-bg .c-btn-b01
{
	position: absolute;
	top: 379px;
	left: 483px;
}
#chara-bg .c-btn-b02
{
	position: absolute;
	top: 376px;
	left: 367px;
}
#chara-bg .c-btn-b03
{
	position: absolute;
	top: 424px;
	left: 295px;
}
#chara-bg .c-btn-b04
{
	position: absolute;
	top: 318px;
	left: 388px;
}
#chara-bg .c-btn-b05
{
	position: absolute;
	top: 505px;
	left: 418px;
}
#chara-bg .c-btn-b06
{
	position: absolute;
	top: 419px;
	left: 573px;
}
#chara-bg .c-btn-b07
{
	position: absolute;
	top: 392px;
	left: 732px;
}
#chara-bg .c-btn-b08
{
	position: absolute;
	top: 314px;
	left: 662px;
}
#chara-bg .c-btn-b09
{
	position: absolute;
	top: 388px;
	left: 666px;
}
#chara-bg .c-btn-b10
{
	position: absolute;
	top: 465px;
	left: 672px;
}
#chara-bg .c-btn-b11
{
	position: absolute;
	top: 309px;
	left: 133px;
}
#chara-bg .c-btn-b12
{
	position: absolute;
	top: 248px;
	left: 84px;
}
#chara-bg .c-btn-b13
{
	position: absolute;
	top: 339px;
	left: 192px;
}
#chara-bg .c-btn-b14
{
	position: absolute;
	top: 265px;
	left: 429px;
}
#chara-bg .c-btn-b15
{
	position: absolute;
	top: 393px;
	left: 143px;
}
#chara-bg .c-btn-b16
{
	position: absolute;
	top: 387px;
	left: 232px;
}
#chara-bg .c-btn-b17
{
	position: absolute;
	top: 247px;
	left: 178px;
}


/*フッター*/

#footer
{
	width: 940px;
	height: 70px;
	background: url(../images/common/footer.jpg) no-repeat;
	position: relative;
}
#footer .mages a
{
	width: 220px;
	height: 40px;
	top: 16px;
	left: 628px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
}
#footer .tenco a
{
	width: 41px;
	height: 40px;
	top: 15px;
	left: 861px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
}

/*フォント*/

.font10
{
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}