/* CSS Document */
body {
margin: 0px;
color: #000;
font-size: 12px;
text-align: center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color: #1081A3;
background-image: url(../images/bg_obi.jpg);
background-repeat: repeat-x;
}
fieldset, img {
	border:0;
}

ol, ul {
	list-style:none;
	padding: 0px;
	margin:0px;
}
a {
	text-decoration: none;
}
h1,h2,h3 {
margin: 0px;
padding: 0px;
}

/*creafix*/
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	display:inline-block;
}
/*Hides from IE-mac ￥*/
*html .clear {
	height:1%;
}
.clear {
	display:block;
}
/*End hide from IE-mac*/
a:link {
	color:#005AA0;
	text-decoration:underline;
}
a:visited {
	color:#005AA0;
	text-decoration:underline;
}
a:hover {
	color:#005AA0;
	text-decoration:underline;
}
a:active {
	color:#005AA0;
	text-decoration:underline;
}


#container {
width: 950px;
height: 627px;
margin: 20px auto 0px auto;
text-align: left;
}
#top_fla {
width: 950px;
margin: 20px auto 0px auto;
}


#block_left {
width: 186px;
float: left;
}
#block_right {
width: 764px;
float: right;
text-align: left;
}


#block_left h1{
width: 186px;
}

#navigation {
width: 186px;
height: 372px;
background-image: url(../images/navi_bg.jpg);
background-repeat: no-repeat;
position: relative;
}
#navi_main{
position: absolute;
top: 0px;
left: 17px;
width: 156px;
}
#navi_blog{
position: absolute;
top: 259px;
left: 17px;
width: 156px;
}

#block_right div{
margin: 0px;
padding: 0px;
}
#main_contents {
width: 764px;
height: 470px;
}
#footer {
width: 764px;
height: 59px;
background-image: url(../images/footer_bg.jpg);
background-repeat: no-repeat;
text-align: right;
}
#footer .bnr {
padding-top: 6px;
padding-right: 8px;
}
#footer .bnr img{
margin-right: 4px;
}

/* top_btn --------------------------------*/
#main_contents .btn_back1 {
position: absolute;
top: 423px;
left: 563px;
}

/* top ----------------------------------------------*/
#main_contents .topmain{
width: 764px;
height: 470px;
background-image:url(../images/top_main.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}
#main_contents .topmain .topbtn{
position: absolute;
top: 354px;
left: 89px;
width: 192px;
}

/* TOP_ナビ下バナー*/
#navi_undernv{
position: absolute;
top: 299px;
left: 0px;
width: 173px;
}
#bnr_topmail {
text-align: right;
}
#bnr_topmail img {
margin-top: 3px;
margin-left: 6px;
}


/* top_introduction ----------------------------------*/
#main_contents .intro{
width: 764px;
height: 470px;
background-image:url(../images/intro_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}

#main_contents .intro h2{
position: absolute;
top: 78px;
left: 563px;
}
#main_contents .intro h3{
position: absolute;
top: 125px;
left: 76px;
}
#main_contents .intro .txt {
position: absolute;
top: 185px;
left: 76px;
width: 397px;
}
#main_contents .intro .txt img{
margin-bottom: 12px;
}
#main_contents .intro .movie {
position: absolute;
top: 185px;
left: 485px;
}
/* top_product ----------------------------------*/
#main_contents .prd{
width: 764px;
height: 470px;
background-image:url(../images/prd_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}

#main_contents .prd h2{
position: absolute;
top: 78px;
left: 563px;
}
#main_contents .prd .spec{
position: absolute;
top: 135px;
left: 70px;
}
#main_contents .prd .qr{
position: absolute;
top: 277px;
left: 70px;
}
#main_contents .prd .tokuten{
position: absolute;
top: 358px;
left: 70px;
}
/* story ----------------------------------*/
#main_contents .story{
width: 764px;
height: 470px;
background-image:url(../images/story_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}
#main_contents .story h2{
position: absolute;
top: 78px;
left: 563px;
}
#main_contents .story h3{
position: absolute;
top: 88px;
left: 114px;
}
#main_contents .story .txt {
position: absolute;
top: 175px;
left: 74px;
width: 370px;
}
#main_contents .story .txt img{
margin-bottom: 12px;
}
#main_contents .story .movie {
position: absolute;
top: 175px;
left: 453px;
}
/* Character ----------------------------------*/
#main_contents .character{
width: 764px;
height: 470px;
background-image:url(../character/img/charatop_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}
#main_contents .character h2{
position: absolute;
top: 78px;
left: 563px;
}
#main_contents .character h3{
position: absolute;
top: 88px;
left: 114px;
}
#main_contents .character li {
float: left;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#main_contents .character .block1 {
position: absolute;
top: 190px;
left: 68px;
width: 615px;
}
#main_contents .character .block2 {
position: absolute;
top: 296px;
left: 68px;
width: 615px;
}
/* Character each img */
#main_contents .character00{
width: 764px;
height: 470px;
background-image:url(../character/img/charapart_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}

#main_contents .character01{
width: 764px;
height: 470px;
background-image:url(../character/img/charatop_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}

#main_contents .character01 .chrflash{
position:absolute;
top: 0px;
left: 337px;
width: 427px;
}


#main_contents .character00 .name01{
position: absolute;
top: 192px;
left: 72px;
}
#main_contents .character00 .image01{
position: absolute;
top: 70px;
left: 367px;
}


#main_contents .character01 .name02{
position: absolute;
top: 120px;
left: 72px;
}
#main_contents .character01 .txt02{
position: absolute;
top: 162px;
left: 72px;
}
#main_contents .character01 .skill02{
position: absolute;
top: 270px;
left: 72px;
}



#main_contents .character .btnsp {
position: absolute;
top: 414px;
left: 523px;
width: 145px;
}

#main_contents .character01 .ansho {
position: absolute;
top: 122px;
left: 60px;
width: 275px;
}



/*#main_contents .character00 .image02{
position: absolute;
top: 70px;
left: 337px;
}*/
#main_contents .character00 .name03{
position: absolute;
top: 192px;
left: 108px;
}
#main_contents .character00 .image03{
position: absolute;
top: 99px;
left: 367px;
}
#main_contents .character00 .name04{
position: absolute;
top: 192px;
left: 101px;
}
#main_contents .character00 .image04{
position: absolute;
top: 60px;
left: 351px;
}
#main_contents .character00 .name05{
position: absolute;
top: 192px;
left: 119px;
}
#main_contents .character00 .image05{
position: absolute;
top: 91px;
left: 382px;
}
#main_contents .character00 .name06{
position: absolute;
top: 192px;
left: 114px;
}
#main_contents .character00 .image06{
position: absolute;
top: 77px;
left: 382px;
}
#main_contents .character00 .name07{
position: absolute;
top: 192px;
left: 104px;
}
#main_contents .character00 .image07{
position: absolute;
top: 63px;
left: 407px;
}
#main_contents .character00 .name08{
position: absolute;
top: 192px;
left: 124px;
}
#main_contents .character00 .image08{
position: absolute;
top: 116px;
left: 387px;
}
#main_contents .character00 .name09{
position: absolute;
top: 192px;
left: 104px;
}
#main_contents .character00 .image09{
position: absolute;
top: 86px;
left: 386px;
}
#main_contents .character00 .name10{
position: absolute;
top: 192px;
left: 114px;
}
#main_contents .character00 .image10{
position: absolute;
top: 44px;
left: 421px;
}

/*　↓ショーグン＆アンドロページ用　*/
#main_contents .system .txt2 {
position: absolute;
top: 177px;
left: 80px;
width: 320px;
}
#main_contents .system .txt2 img{
margin-bottom: 12px;
}
#main_contents .system .thumb2 {
position: absolute;
top: 177px;
left: 401px;
}

/*　↑ショーグン＆アンドロページ用　*/	



/* System ----------------------------------*/
#main_contents .system{
width: 764px;
height: 470px;
background-image:url(../system/img/system_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}
#main_contents .system h2{
position: absolute;
top: 78px;
left: 563px;
}
#main_contents .system h3{
position: absolute;
top: 88px;
left: 114px;
}
#main_contents .system li {
float: left;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#main_contents .system li img{
margin-right: 22px;
}

#main_contents .system .block1 {
position: absolute;
top: 177px;
left: 137px;
width: 525px;
}
#main_contents .system .block2 {
position: absolute;
top: 302px;
left: 137px;
width: 525px;
}
#main_contents .system .txt {
position: absolute;
top: 177px;
left: 80px;
width: 370px;
}
#main_contents .system .txt img{
margin-bottom: 12px;
}

#main_contents .system .txt2 {
position: absolute;
top: 177px;
left: 80px;
width: 320px;
}
#main_contents .system .txt2 img{
margin-bottom: 12px;
}
#main_contents .system .thumb2 {
position: absolute;
top: 177px;
left: 401px;
}


#main_contents .system .movie {
position: absolute;
top: 177px;
left: 458px;
width: 256px;
}
#main_contents .system .thumb {
position: absolute;
top: 177px;
left: 458px;
}

#main_contents .system .txt p{
margin-top: 5px;
margin-left: 3px;
color: #005AA0;
font-size: 11px;
/*font-weight: bold;*/
line-height: 1.6em;
width: 325px;
}
#main_contents .system .subnavi {
position: absolute;
top: 394px;
left: 80px;
width: 365px;
}
#main_contents .system .sys02ttl {
position: absolute;
top: 167px;
left: 158px;
}
#main_contents .system .sys02navi {
position: absolute;
top: 216px;
left: 140px;
}
#main_contents .system .sys02navi img {
margin-right: 16px;
}
#main_contents .system .sys02-2navi {
position: absolute;
top: 216px;
left: 70px;
}
#main_contents .system .sys02-2navi img {
margin-right: 16px;
}



/* Special ----------------------------------*/
#main_contents .special{
width: 764px;
height: 470px;
background-image:url(../special/img/special_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}
#main_contents .special h2{
position: absolute;
top: 78px;
left: 563px;
}
#main_contents .special h3{
position: absolute;
top: 88px;
left: 114px;
}
#main_contents .special .txt{
position: absolute;
top: 176px;
left: 75px;
}
#main_contents .special .btnmenu{
position: absolute;
top: 271px;
left: 75px;
}
#main_contents .special .btnmenu img{
margin-right: 3px;
}


#main_contents .special .block1{
position: absolute;
top: 172px;
left: 156px;
width: 405px;
}
#main_contents .special .block2{
position: absolute;
top: 172px;
left: 35px;
width: 695px;
}
#main_contents .special .anno{
position: absolute;
top: 430px;
left: 83px;
}
#main_contents .special .snd01{
position: absolute;
top: 195px;
left: 131px;
width: 230px;
}
#main_contents .special .snd02{
position: absolute;
top: 195px;
left: 380px;
width: 230px;
}
#main_contents .special .snd03{
position: absolute;
top: 236px;
left: 131px;
width: 230px;
}
#main_contents .special .snd04{
position: absolute;
top: 236px;
left: 380px;
width: 230px;
}
#main_contents .special .snd05{
position: absolute;
top: 277px;
left: 131px;
width: 230px;
}
#main_contents .special .snd06{
position: absolute;
top: 277px;
left: 380px;
width: 230px;
}
#main_contents .special .snd07{
position: absolute;
top: 318px;
left: 131px;
width: 230px;
}
#main_contents .special .snd08{
position: absolute;
top: 318px;
left: 380px;
width: 230px;
}





#main_contents .special .wp1{
position: absolute;
top: 194px;
left: 35px;
width: 695px;
height: 52px;
}
#main_contents .special .wp2{
position: absolute;
top: 253px;
left: 35px;
width: 695px;
}
#main_contents .special .wp3{
position: absolute;
top: 310px;
left: 35px;
width: 695px;
}
#main_contents .special .wp4{
position: absolute;
top: 371px;
left: 178px;
width: 275px;
}



#main_contents .special .pvmvttl{
position: absolute;
top: 172px;
left: 204px;
width: 140px;
}
#main_contents .special .pvmvimg{
position: absolute;
top: 200px;
left: 204px;
width: 340px;
}



/* How to play ----------------------------------*/
#main_contents .play{
width: 764px;
height: 470px;
background-image:url(../play/img/play_bg.jpg);
background-repeat: no-repeat;
text-align: left;
position: relative;
}
#main_contents .play h2{
position: absolute;
top: 78px;
left: 563px;
}
#main_contents .play h3{
position: absolute;
top: 88px;
left: 114px;
}
#main_contents .play h4{
position: absolute;
top: 177px;
left: 80px;
margin-bottom: 6px;
}
#main_contents .play .txt{
position: absolute;
top: 176px;
left: 158px;
}
#main_contents .play .txt2{
position: absolute;
top: 176px;
left: 75px;
width: 340px;
}
#main_contents .play .txt2 img{
margin-bottom: 12px;
}
#main_contents .play .txt3{
position: absolute;
top: 226px;
left: 80px;
width: 340px;
}
#main_contents .play .txt3 img{
margin-bottom: 10px;
}


#main_contents .play .btnmenu01{
position: absolute;
top: 233px;
left: 135px;
}
#main_contents .play .btnmenu02{
position: absolute;
top: 233px;
left: 292px;
}
#main_contents .play .btnmenu03{
position: absolute;
top: 233px;
left: 444px;
}
#main_contents .play .play03top {
position: absolute;
top: 167px;
left: 119px;
}
#main_contents .play .play03topsub {
position: absolute;
top: 208px;
left: 119px;
}

#main_contents .play .pl03navi {
position: absolute;
top: 285px;
left: 41px;
width: 670px;
}
#main_contents .play .pl03navi li{
float: left;
}


#main_contents .play .movie {
position: absolute;
top: 177px;
left: 458px;
width: 256px;
}