@import "footer.css";

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

* {
	margin:0px auto;
	padding:0px;
}

body {
	margin:0px;
	background:url(../../images/backBottom.jpg) bottom center no-repeat #FFF;
	font-size:12px;
	line-height:1.3em;
	text-align:center;
}

img {
	border:0px;
}

address {
	margin-bottom:20px;
}

br.clear {
	clear:both;
	line-height:0px;
}

#bgtop {
	background:url(../../images/backTop.jpg) top center no-repeat;
	width:100%;
	min-height:100%;
}

#main {
	width:1010px;
}

#backImage {
	margin:-95px auto 0px 20px;
	padding:0px;
	width:1010px;
	height:680px;
	z-index:0;
	position:absolute;
	top:0px;
	_margin-left:-36px;
}

*:first-child+html #backImage {
	margin:-95px auto 0px -36px;
	padding:0px;
	width:1010px;
	height:680px;
	z-index:0;
	position:absolute;
	top:0px;
}

#content {
	margin:0px auto 20px auto;
	width:940px;
	z-index:3;
	position:relative;
	top:342px;
}

/* 上部フレーム機能 */
#frameL, #frameR {
	margin-top:0px;
	margin-bottom:12px;
	background:url(../../images/frameLR.png) 0px 0px no-repeat;
	width:245px;
	height:430px;
}

#frameL, #frameR, #frameC, #underL, #underR, #underC {
	z-index:3;
}

#frameL, underL {
	margin-left:0px;
	float:left;
}

#delimitation {
	margin-top:8px;
	width:211px;
	height:2px;
	background:url(../../images/line.png) 0px 0px no-repeat;
	font-size:1px;
}


#leftContent {
	margin:8px auto 0px auto;
	_margin-top:-8px;
}

#leftContent ul {
	margin:0px;
}

#lcBeginner, #lcWhatsVS {
	width:203px;
	height:24px;
	list-style-type:none;
}

#lcWorld, #lcSP {
	width:203px;
	height:28px;
	list-style-type:none;
}

#lcBeginner {
	margin:0px auto 8px auto;
}

#lcWhatsVS {
	margin:0px auto 20px auto;
}

#lcWorld {
	margin:0px auto 12px auto;
}

#lcSP {
	margin:0px auto 15px auto;
}

#lcBeginner a, #lcWhatsVS a {
	width:203px;
	height:24px;
	display:block;
}

#lcWorld a, #lcSP a {
	width:203px;
	height:28px;
	display:block;
}

#lcBeginner span, #lcWhatsVS span, #lcWorld span, #lcSP span {
	display:none;
}

#lcBeginner {margin-top:10px;background:url(../../images/LCbeginner.png) 0px 0px no-repeat;}
#lcWhatsVS {background:url(../../images/LCwhatsVS.png) 0px 0px no-repeat;}
#lcWorld {	background:url(../../images/LCworld.png) 0px 0px no-repeat;}
#lcSP {	background:url(../../images/LCspitem.png) 0px 0px no-repeat;}

#lcBeginner a:hover {background:url(../../images/LCbeginner.png) 0px -24px no-repeat;}
#lcWhatsVS a:hover {background:url(../../images/LCwhatsVS.png) 0px -24px no-repeat;}
#lcWorld a:hover {	background:url(../../images/LCworld.png) 0px -28px no-repeat;}
#lcSP a:hover {	background:url(../../images/LCspitem.png) 0px -28px no-repeat;}



#frameC {
	margin:0px 12px 12px 12px;
	float:left;
	width:426px;
	height:430px;
	background:url(../../images/frameC.png) top center no-repeat;
}

#frameR, #underR {
	margin-right:0px;
	float:right;
}

#underL, #underR {
	margin-top:0px;
	margin-bottom:12px;
	width:245px;
}

/* 下部フレーム機能 */
#underL{
	float:left;
}

#underC{
	margin:0px 12px 12px 12px;
	width:426px;
	float:left;
}

#underC #ftop {
	margin:0px auto;
	padding:15px 0px 0px 0px;
	background:url(../../images/frameCtop.png) top center no-repeat;
}

#ftop .wing01, #fmdl .wing01 {
	margin:0px auto;
	width:390px;
	height:130px;
	background:url(../../images/wingBg01.png) top center no-repeat;
}

#ftop .wing02, #fmdl .wing02 {
	margin:0px auto;
	width:390px;
	height:130px;
	background:url(../../images/wingBg02.png) top center no-repeat;
}

.spItem01, .spItem03, .spItem05, .spItem07 {
	margin:4px 1px 4px 3px;
	width:181px;
	height:114px;
	float:left;
	text-align:left;
	border:1px solid #FFF;
}

.spItem02, .spItem04, .spItem06, .spItem08 {
	margin:4px 3px 4px 1px;
	width:181px;
	height:114px;
	float:right;
	text-align:left;
	border:1px solid #FFF;
}

.spItem01 {
	background:url(../../images/spItem01.jpg) top center no-repeat;
}

.spItem02 {
	background:url(../../images/spItem02.jpg) top center no-repeat;
}

.spItem03 {
	background:url(../../images/top_coin.jpg) top center no-repeat;
}

.spItem04 {
	background:url(../../images/top_box.jpg) top center no-repeat;
}

.spItem05 {
	background:url(../../images/top_icon03.jpg) top center no-repeat;
}

.spItem06 {
	background:url(../../images/top_icon04.jpg) top center no-repeat;
}

.spItem07 {
	background:url(../../images/top_forgot.jpg) top center no-repeat;
}

.spItem08 {
	background:url(../../images/top_re-in.jpg) top center no-repeat;
}

.spItem01 a, .spItem02 a, .spItem03 a, .spItem04 a, .spItem05 a, .spItem06 a, .spItem07 a, .spItem08 a {
	width:187px;
	height:120px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

.spItem01 a:hover, .spItem02 a:hover, .spItem03 a:hover, .spItem04 a:hover, .spItem05 a:hover, .spItem06 a:hover, .spItem07 a:hover, .spItem08 a:hover {
	color:#FF9;
}

.spItem01 p, .spItem02 p, .spItem03 p, .spItem04 p, .spItem05 p, .spItem06 p, .spItem07 p, .spItem08 p {
	margin-top:85px;
	padding:1px;
	line-height:1.2em;
	text-align:center;
}



.item01, .item02, .item03, .item04, .item05, .item06, .item07, .item08, .item09 {
	margin:20px 0px auto 20px;
	width:90px;
	height:90px;
	float:left;
	list-style-type:none;
}
.item01 a, .item02 a, .item03 a, .item04 a, .item05 a, .item06 a, .item07 a, .item08 a, .item09 a {
	width:90px;
	height:90px;
	display:block;
	text-decoration:none;
}
.item01 span, .item02 span, .item03 span, .item04 span, .item05 span, .item06 span, .item07 span, .item08 span, .item09 span {
	display:none;
}
.item01 {
	margin-left:40px;
	_margin-left:20px;
	background:url(../../images/ss/ss01.png) 0px 0px no-repeat;
}
.item01 a:hover {
	background:url(../../images/ss/ss01.png) 0px -90px no-repeat;
}
.item02 {
	background:url(../../images/ss/ss02.png) 0px 0px no-repeat;
}
.item02 a:hover {
	background:url(../../images/ss/ss02.png) 0px -90px no-repeat;
}
.item03 {
	background:url(../../images/ss/ss03.png) 0px 0px no-repeat;
}
.item03 a:hover {
	background:url(../../images/ss/ss03.png) 0px -90px no-repeat;
}
.item04 {
	margin-left:40px;
	_margin-left:20px;
	background:url(../../images/ss/ss04.png) 0px 0px no-repeat;
}
.item04 a:hover {
	background:url(../../images/ss/ss04.png) 0px -90px no-repeat;
}
.item05 {
	background:url(../../images/ss/ss05.png) 0px 0px no-repeat;
}
.item05 a:hover {
	background:url(../../images/ss/ss05.png) 0px -90px no-repeat;
}
.item06 {
	background:url(../../images/ss/ss06.png) 0px 0px no-repeat;
}
.item06 a:hover {
	background:url(../../images/ss/ss06.png) 0px -90px no-repeat;
}
.item07 {
	margin-left:40px;
	_margin-left:20px;
	background:url(../../images/ss/ss07.png) 0px 0px no-repeat;
}
.item07 a:hover {
	background:url(../../images/ss/ss07.png) 0px -90px no-repeat;
}
.item08 {
	background:url(../../images/ss/ss08.png) 0px 0px no-repeat;
}
.item08 a:hover {
	background:url(../../images/ss/ss08.png) 0px -90px no-repeat;
}
.item09 {
	background:url(../../images/ss/ss09.png) 0px 0px no-repeat;
}
.item09 a:hover {
	background:url(../../images/ss/ss09.png) 0px -90px no-repeat;
}



#underC #fmdl {
	margin:0px auto;
	background:url(../../images/frameCmdl.png) top center repeat-y;
}

#underC #fbtm {
	margin:0px auto;
	background:url(../../images/frameCbtm.png) top center no-repeat;
	height:20px;
}

#underR{
	float:right;
}


/* 現在の不具合 */
#presentTrouble {
}

/* 定期メンテナンス */
#maintenance {
	background:url(../../images/maintenance.png) top center no-repeat;
	width:244px;
	height:245px;
}


/* 右下ボタン */
/* キャラクター紹介BTN */
#charBtn {
	width:244px;
	height:170px;
	background:url(../../images/charIntro.jpg) 0px 0px no-repeat;
}

#charBtn a {
	display:block;
	width:244px;
	height:170px;
}

#charBtn a:hover {
	background:url(../../images/charIntro.jpg) 0px -170px no-repeat;
}

#charBtn a span {
	display:none;
}

/* スタッフ募集 */
#stuffBtn {
	margin-bottom:10px;
	width:244px;
	height:85px;
	background:url(../../images/stuff_recruit.jpg) 0px 0px no-repeat;
}

#stuffBtn a {
	display:block;
	width:244px;
	height:85px;
}

#stuffBtn a:hover {
	background:url(../../images/stuff_recruit.jpg) 0px -85px no-repeat;
}

#stuffBtn a span {
	display:none;
}



/* iframe part */
#frameL iframe, #frameC iframe, #frameR iframe {
	margin:15px auto 5px auto;
	padding:0px;
	border:none;
	overflow:hidden;
}

#frameL iframe {
	width:220px;
	height:202px;
}

#frameC iframe {
	margin-top:10px;
	width:400px;
	height:404px;
}

#frameR iframe {
	width:230px;
	height:400px;
}