@charset "Shift_JIS";

/* module ---------------------------------------*/
.blockSet,
.floatSet,
.normalSet{clear:both;float:left;width:100%;}
.clearspace{display:none;}

.btnClass {text-indent:-9999px;}
.btnClass a{display:block;width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:left top;}
.btnClass a:hover{background-position:left bottom;}
embed,object{outline:none;}

h5,h6{text-align:left;}

/* common ---------------------------------------*/
/* licensee_footer */
#licensee_main .section_lastchild ol li{color:#b4b4b4}/*soon*/
#licensee_main .section_lastchild ol li span{color:#FF7D00; text-decoration:none;}/*current*/
#licensee_main .section_lastchild ol li a{text-decoration:underline;}
#licensee_main.tmpl{padding-top:10px;}

.blockSet{position:relative;}
.blockSet p{font-size:108%; line-height: 1.9;}

#ja2jContents {clear:both; float:left; width:740px; margin-bottom:52px;}

.frameBody,
.frameTp{clear:both; float:left; width:100%;}

.frameBody{background:url(../img/bg_frame_re.jpg) left top repeat-y;}
.frameTp{background:url(../img/bg_frame_tp.jpg) left top no-repeat;padding-top:68px;}
.frameBt{background:url(../img/bg_frame_bt.jpg) left bottom no-repeat;}
.frameBt{/*padding:68px 38px 76px 85px;*/padding:0 38px 76px 85px; clear:both; float:left; width:617px; _width:740px;}

.floatSet,
.normalSet{width:617px; padding-bottom:30px; position:relative;}

.btnPopMov  {width:86px; height:88px;}
.btnPopMov a{background-image:url(../img/btn_movie.png);}

/*top---------------------------------------*/
/* head */
#ja2jTop .main_visual{position:relative; overflow:hidden;}
#ja2jTop .main_visual img{position:absolute;}
#ja2jTop .main_visual #headBgBox{position:static;}
#ja2jTop .main_visual .btnClass{width:274px; height:52px; position:absolute;}

/*noscriptˇ˛*/
#headBookBox{left:0; top:0;}
#headWaveBox{left:0; top:220px;}
#headLogoBox{left:194px; top:89px;}
#headCatchBox{left:100px; top:44px;}
#headChangeImg{left:561px; top:256px;}
#headAdventureImg{left:55px; top:254px;}
#ja2jTopBtnAdventure{left:85px; top:304px;}
#ja2jTopBtnChange{left:381px; top:304px;}

#ja2jTopBtnAdventure a{background-image:url(../img/top/top_head_adventure_btn.png);}
#ja2jTopBtnChange a{background-image:url(../img/top/top_head_change_btn.png);}

#ja2jTop .main_visual #ja2jTopBtnMovie {width:156px; height:110px; left:563px; top:101px;}
#ja2jTopBtnMovie a{background-image:url(../img/top/top_head_mov_btn.png);}
#ja2jTopBtnMovie .newMark{left:-8px; top:28px;}

/*ja2jTopAboutWater*/
#ja2jTopAboutWater .ttlBox{padding-bottom:10px;}
#ja2jTopAboutWater .sttlBox{padding-bottom:15px;}
#ja2jTopAboutWater .imgBox{position:absolute; width:206px; height:219px; top:10px; left:426px;}

#ja2jTopAboutWater .phBox{width:442px;}
#ja2jTopAboutWater .phBox li{float:left; width:216px;}
#ja2jTopAboutWater .phBox .phB{float:right;}

/*ja2jTopAboutMovie*/
#ja2jTopAboutMovie .textBox{float:left; width:305px;}
#ja2jTopAboutMovie .movBox{float:right; width:296px; height:184px; position:relative;}
#ja2jTopAboutMovie .movBox .movTtl{position:absolute; width:125px; height:79px; left:174px; top:-78px;}
#ja2jTopAboutMovie .movBox .btnPopMov{position:absolute; left:105px; top:48px;}

/*ja2jTopAboutStory*/
#ja2jTopAboutStory .btnBox{clear:both; width:204px; height: 62px; _width:222px; _height:80px; background:url(../img/top/top_about_btn_bg.png) 0 0 no-repeat; padding:9px;}
#ja2jTopAboutStoryBtn{width:204px; height:62px;}
#ja2jTopAboutStoryBtn a{background-image:url(../img/top/top_about_btn.png);}
#ja2jTopAboutStory .charaBox{clear:both;position:absolute; width:415px; height:208px; left:230px; top:-90px;}

/*ja2jHeader--------------------------------*/
#ja2jHeader{background:url(../img/bg_header.jpg) 0 0 no-repeat;position:relative;width:740px;height:162px;}
#ja2jHeader h5{position:absolute;left:40px;top:23px;}
#ja2jNav{position:absolute;left:282px;top:69px;}
#ja2jNav li{float:left;width:209px;height:68px;position:relative;}
#ja2jNav li a,
#ja2jNav li span{display:block;text-indent:-9999px;width:100%;height:100%;background-repeat:no-repeat;}
#ja2jNav li a:hover{background-position:0 -78px;}
#ja2jNav li span{background-position:0 -156px;}
#ja2jNav #btnAdventure{margin-right:9px;}
#ja2jNav #btnAdventure a,
#ja2jNav #btnAdventure span{background-image:url(../img/btn_adventure.png);}
#ja2jNav #btnChange a,
#ja2jNav #btnChange span{background-image:url(../img/btn_change.png);}

#ja2jNav #btnAdventure #icAdv{position:absolute; left:70px;top:-47px;}
#ja2jNav #btnChange #icCha{position:absolute; left:67px;top:-48px;}

/*adventure--------------------------------*/
#ja2jAdv .frameTp{padding-top:63px;}

/*ja2jAdvHead*/
#ja2jAdvHead{position:relative;padding-bottom:22px;}
#ja2jAdvHead .textBox{padding-top:10px;}
#ja2jAdvHead .ph{position:absolute;right:0;top:44px; width:226px; height:142px;}

/*ja2jAdvPhBox*/
#ja2jAdvPhBox{clear:both;position:relative;width:617px;height:360px;padding-bottom:26px;}
#ja2jAdvPhBox li{position:absolute;}
#ja2jAdvPhBox .phA{left:0;top:0;}
#ja2jAdvPhBox .phB{left:262px;top:0;}
#ja2jAdvPhBox .phC{left:136px;top:170px;}
#ja2jAdvPhBox .phD{left:362px;top:200px;}
#ja2jAdvPhBox .balloon{position:absolute;left:468px;top:76px;}
#ja2jAdvPhBox .movBtnArea{width:86px;height:86px;background:url(../img/adventure/adv_head_bg_mov.png) 0 0 no-repeat;position:absolute;left:0;top:171px;padding:66px 21px 10px 18px;}
#ja2jAdvPhBox .movBtnArea .btnPopMov  {width:86px; height:86px;}
#ja2jAdvPhBox .movBtnArea .btnPopMov a{background-image:url(../img/adventure/adv_head_btn_movie.png);}

/*ja2jAdvTrickHead*/
#ja2jAdvTrickHead{clear:both;padding-top:12px;position:relative;padding-bottom:24px;}
#ja2jAdvTrickHead .balloon{position:absolute;right:5px;top:-51px;}
#ja2jAdvTrickHead .ph{position:absolute;right:0px;top:-39px;}

/*ja2jAdvTrickA/ja2jAdvTrickB*/
#ja2jAdvTrickA{padding-bottom:25px;}
#ja2jAdvTrickA .textBox,
#ja2jAdvTrickB .textBox{float:left;width:301px;}
#ja2jAdvTrickA .textBox h6,
#ja2jAdvTrickB .textBox h6{padding-top:2px;padding-bottom:10px;}
#ja2jAdvTrickA .movBox,
#ja2jAdvTrickB .movBox{float:right;width:303px;position:relative;}
#ja2jAdvTrickA .movBox .btnPopMov,
#ja2jAdvTrickB .movBox .btnPopMov{position:absolute; left:105px; top:48px;}

/*blFrameBody*/
.blFrameBox{clear:both;float:left;position:relative;width:617px;height:438px;}

.blFrameBody,
.blFrameTp,
.blFrameBt{clear:both; float:left; width:100%;}

.blFrameBody{background:url(../img/bg_blframe_re.png) left top repeat-y;min-height:396px;height:auto !important;height:396px;}
.blFrameTp{background:url(../img/bg_blframe_tp.png) left top no-repeat;padding-top:23px;}
.blFrameBt{background:url(../img/bg_blframe_bt.png) left bottom no-repeat;padding-bottom:24px;}
.blFrameBody{padding:0 17px 0 20px; clear:both; float:left; width:580px; _width:617px;position:relative;}

.blFrameBox .textBox{position:relative;width:617px;}
.blFrameBox .textBox h6{position:relative;left:-16px;top:-16px;width:607px;height:80px;}
.blFrameBox .textBox p{position:absolute;left:88px;top:37px;width:291px;height:46px;}
.blFrameBox #ja2jAdvMiniG{width:581px;position:relative;left:0;top:19px;padding-bottom:0;}

.blFrameBox #ja2jAdvMiniG ul{clear:both;float:left;width:581px;padding-bottom:13px;}
.blFrameBox #ja2jAdvMiniG li{float:left;width:283px;}
.blFrameBox #ja2jAdvMiniG li.phB{float:right;width:283px;}
.blFrameBox #ja2jAdvMiniG li .cap{padding-left:2px;}
.blFrameBox #ja2jAdvMiniG li.phB .cap{padding-right:2px;}
.blFrameBox #ja2jAdvMiniG li .ph{padding-bottom:8px;}
.blFrameBox #ja2jAdvMiniG .chara{clear:both;position:absolute;left:357px;top:215px; width:229px; height:132px;}
.blFrameBox #ja2jAdvMiniG .txt{clear:both; width:217px;height:20px;}

/*change --------------------------------*/
#ja2jChaHead .textBox{float:left; width:348px; padding-top:10px;}
#ja2jChaHead .imgBox{position:absolute; left:360px; top:-5px; width:265px; height:190px;}

/*ja2jChaBoxed*/
#ja2jChaBoxed{width:552px; height:300px; _width:617px; _height:360px;  background:url(../img/change/cha_head_bg_boxed.png) 0 0 no-repeat; padding-right:30px; padding-top:30px; padding-left:35px; display:none;}
#ja2jChaBoxed .itemBox{float:left; width:303px;}
#ja2jChaBoxed .itemBox li{display:none;}
#ja2jChaBoxed .itemBox .itemA{display:block;}
#ja2jChaBoxed .itemBox .phBox{padding-bottom:10px;}

#ja2jChaBoxed .navBox{float:right; width:228px; height:282px; position:relative; background:url(../img/change/cha_head_arrow.png) 13px 37px no-repeat;}

#ja2jChaBoxed .navBox li{width:99px; height:105px; text-indent:-9999px; position:absolute; background-position:0 115px;}
#ja2jChaBoxed .navBox li.current{background-position:0 -220px;}
#ja2jChaBoxed .navBox li.current a{display:none;}
#ja2jChaBoxed .navBox li a{display:block; width:100%; height:100%; background-position:0 0;}
#ja2jChaBoxed .navBox li a:hover{background-position:0 -115px;}
#ja2jChaBoxed .navBox li,
#ja2jChaBoxed .navBox li a{background-repeat:no-repeat;}

#ja2jChaBoxed .navBox #ja2jChaBoxedWaterBtn{left:-2px; top:86px;}
#ja2jChaBoxed .navBox #ja2jChaBoxedWaterBtn,
#ja2jChaBoxed .navBox #ja2jChaBoxedWaterBtn a{background-image:url(../img/change/cha_head_btn_water.png);}

#ja2jChaBoxed .navBox #ja2jChaBoxedIceBtn{left:127px; top:83px;}
#ja2jChaBoxed .navBox #ja2jChaBoxedIceBtn,
#ja2jChaBoxed .navBox #ja2jChaBoxedIceBtn a{background-image:url(../img/change/cha_head_btn_ice.png);}

#ja2jChaBoxed .navBox #ja2jChaBoxedCloudBtn{left:62px; top:175px;}
#ja2jChaBoxed .navBox #ja2jChaBoxedCloudBtn,
#ja2jChaBoxed .navBox #ja2jChaBoxedCloudBtn a{background-image:url(../img/change/cha_head_btn_cloud.png);}

/*ja2jChaPower*/
#ja2jChaPower .writeBox{padding:10px 0 20px;}
#ja2jChaPower .itemBox li{width:197px; float:left; position:relative;}
#ja2jChaPower .itemBox li .textBox{padding-top:6px;}
#ja2jChaPower .itemBox .itemA,
#ja2jChaPower .itemBox .itemB{width:197px; _width:210px; padding-right:13px;}
#ja2jChaPower .btnPopMov {position:absolute; left:55px; top:18px;}

/*ja2jChaPh*/
#ja2jChaPh{height:414px; background:url(../img/change/cha_power_bg.png) 31px 51px no-repeat; padding-bottom:0;}
#ja2jChaPh img{position:absolute;}

#ja2jChaPh .phBoxA{left:0; top:0;}
#ja2jChaPh .phBoxB{left:267px; top:0;}
#ja2jChaPh .phBoxC{left:159px; top:121px;}
#ja2jChaPh .phBoxD{left:395px; top:121px;}
#ja2jChaPh .phBoxE{left:0; top:272px;}
#ja2jChaPh .phBoxF{left:236px; top:272px;}
#ja2jChaPh .balloonBox{left:434px; top:270px;}
/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.orange_btn {
	position: relative;
	width: 212px;
	height: 60px;
	font-size: 16px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	height: 56px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn img {
	position: absolute;
	right: 6px;
}
.orange_btn:hover img{
	right: 4px;
}

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}