@charset "utf-8";

html{width:100%;height:100%;min-width:960px;min-height:644px;overflow:hidden;}
body{width:100%;height:100%;min-width:960px;min-height:644px;background:#fff;overflow:hidden;}
#Wrap{width:100%;height:100%;overflow:hidden;position:relative;background:#FFF;}
#preloader{display:none;position:absolute;left:0;top:0;z-index:-1;}
#PageSound{display:none;}
#Orientation{background:#000;width:100%;height:100%;display:none;position:fixed;z-index:1000000;}
#Orientation img{position:absolute;left:50%;top:50%;margin:-161px 0 0 -161px;}

/*------------------------------------------------------------------------------------------
 * Loading 
-------------------------------------------------------------------------------------------*/
#Loading{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	z-index: 10000;
}

#Loading p,
#Loading div{
	display: none;
}

#Loading .img1{position:absolute;left:50%;top:50%;margin:-108px 0 0 -77px;}
#Loading .img2{position:absolute;left:50%;top:50%;margin:-108px 0 0 -150px;}
#Loading .img3{position:absolute;left:50%;top:50%;margin:-40px 0 0 -224px;}
#Loading .img4{position:absolute;left:50%;top:50%;margin:27px 0 0 -179px;}
#Loading .img5{position:absolute;left:50%;top:50%;margin:-72px 0 0 99px;}
#Loading .img6{position:absolute;left:50%;top:50%;margin:-4px 0 0 138px;}
#Loading .img7{position:absolute;left:50%;top:50%;margin:5px 0 0 -61px;}

#Loading .bar_bg{
	width: 124px; height: 14px;
	position: absolute; left: 50%; top: 50%;
	margin: 36px 0 0 -72px;
	background: url(../common/images/loading_bar_bg.gif);
}

#Loading .txt1{position:absolute;left:50%;top:50%;display:none;margin:70px 0 0 -110px;}
#Loading .bar{width:0;height:10px;overflow:hidden;margin:2px;}
#Loading .bar img{width:120px;height:10px;}


/*------------------------------------------------------------------------------------------
 * Tsuch 
-------------------------------------------------------------------------------------------*/
#Tsuchi{width:100%;position:absolute;bottom:0;z-index:110;}
#Tsuchi .up{width:100%;height:20px;background:url(../common/images/bg_tsuchi1.png) 320px top repeat-x;}
#Tsuchi .down{width:100%;height:162px;background:url(../common/images/bg_tsuchi2.gif) 320px 0 repeat;}

/*------------------------------------------------------------------------------------------
 * Clouds 
-------------------------------------------------------------------------------------------*/
#Clouds{position:absolute;left:50%;top:0;margin-left:-480px;}
#Clouds p{cursor:pointer;}
#Clouds .kumo:nth-child(1){width:157px;height:87px;background:url(../common/images/parts/kumo_1.png) left top no-repeat;position:absolute;left:-19px;top:310px;}
#Clouds .kumo:nth-child(2){width:139px;height:83px;background:url(../common/images/parts/kumo_2.png) left top no-repeat;position:absolute;left:-110px;top:184px;}
#Clouds .kumo:nth-child(3){width:133px;height:83px;background:url(../common/images/parts/kumo_3.png) left top no-repeat;position:absolute;left:35px;top:43px;}
#Clouds .kumo:nth-child(4){width:167px;height:99px;background:url(../common/images/parts/kumo_4.png) left top no-repeat;position:absolute;left:760px;top:60px;}
#Clouds .kumo:nth-child(5){width:141px;height:104px;background:url(../common/images/parts/kumo_5.png) left top no-repeat;position:absolute;left:898px;top:288px;}

/*------------------------------------------------------------------------------------------
 * Mount 
-------------------------------------------------------------------------------------------*/
#Mount{
	width: 100%; height: 242px;
	background: url(../common/images/bg_yama.gif) left top repeat; 
	position: absolute; bottom: 92px; left: 0;
}
/*------------------------------------------------------------------------------------------
 * Bird 
-------------------------------------------------------------------------------------------*/
#Bird{width:70px;height:60px;position:absolute;right:-70px;top:33%;display:none;}
#Bird .inner{width:70px;height:60px;background:url(../common/images/bird.png) left top no-repeat;}

/*------------------------------------------------------------------------------------------
 * GlobalNavi 
-------------------------------------------------------------------------------------------*/
#GlobalNavi{position: absolute; left: 0; top: 0; width: 100%; z-index: 130;}
#GlobalNavi .prev{ position: absolute;left: 10px; top: 50%; margin-top: -30px; cursor: pointer;}
#GlobalNavi .next{ position: absolute;right: 10px; top: 50%; margin-top: -30px; cursor: pointer;}
#GlobalNavi .pbg{height: 100%; background: url(../common/images/spacer.gif) left top repeat; width: 60px; position: absolute; left: 0; top: 0;  cursor: pointer; }
#GlobalNavi .nbg{height: 100%; background: url(../common/images/spacer.gif) left top repeat; width: 60px; position: absolute; right: 0; top: 0; cursor: pointer; }
/*------------------------------------------------------------------------------------------
 * Contents 
-------------------------------------------------------------------------------------------*/
#Contents{
	position: relative; 
	width: 960px;
	margin: 0 auto;
}

/*------------------------------------------------------------------------------------------
 * Top 
-------------------------------------------------------------------------------------------*/
#Top{position:absolute;width:100%;height:100%;display:none;}
#Top h1{width:700px;height:280px;position:absolute;left:50%;top:40px;margin-left:-350px;background:url(../images/top/ttl.png) left top no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;}

/*------------------------------------------------------------------------------------------
 * About 
-------------------------------------------------------------------------------------------*/
#About{position:absolute;width:100%;height:100%;display:none;}
#About .content{width:840px;height:380px;position:absolute;left:50%;top:75px;margin-left:-420px;background:url(../images/about/bg01.png) center top no-repeat;}
#About h2{margin-top:-25px;text-align:center;}
#About .txt01{margin-top:17px;text-align:center;}
#About .txt02{margin-top:23px;text-align:center;}
#About .img01{position:absolute;left:-24px;top:102px;}
#About .img02{position:absolute;left:739px;top:72px;}
#About .img03{position:absolute;left:741px;top:231px;}
#About .img04{width:65px;height:60px;position:absolute;left:131px;top:108px;background:url(../images/about/img04.png) left top no-repeat;}
#About .img05{width:56px;height:46px;position:absolute;left:95px;top:224px;background:url(../images/about/img05.png) left top no-repeat;}
#About .img06{width:55px;height:46px;position:absolute;left:664px;top:101px;background:url(../images/about/img06.png) left top no-repeat;}
#About .img07{width:44px;height:46px;position:absolute;left:713px;top:186px;background:url(../images/about/img07.png) left top no-repeat;}
#About .img08{width:60px;height:60px;position:absolute;left:660px;top:246px;background:url(../images/about/img08.png) left top no-repeat;}
#About .btn{position:absolute;left:615px;top:59px;}

/*------------------------------------------------------------------------------------------
 * Shop 
-------------------------------------------------------------------------------------------*/
#Shop{position:absolute;width:100%;height:100%;display:none;}
#Shop .content{width:860px;height:380px;left:50%;top:75px;margin-left:-430px;background:url(../images/shop/bg.png) center top no-repeat;position:absolute;}
#Shop h2{text-align:center;position:absolute;left:50%;top:-25px;margin-left:-130px;z-index:10;}
#Shop .prev{position:absolute;left:50%;top:167px;margin-left:-440px;}
#Shop .next{position:absolute;left:50%;top:167px;margin-left:394px;}
#Shop .access{position:absolute;left:50%;top:-38px;margin-left:-287px;}
#Shop .access img{width:100%;}
#Shop .info{width:100%;height:100%;position:absolute;left:0;top:0;}
#Shop .info .imgs{position:absolute;left:65px;top:65px;}
#Shop .info .imgs p{display:none;position:absolute;left:0;top:0;}
#Shop .info .imgs p.active{display:block;}
#Shop .info .btn{position:absolute;top:59px;}

/* ShopImg */
#ShopImg{width:860px !important;height:361px !important;position:absolute;left:0;top:0;background:url(../images/shop/shop_main_bg.png) 0 0 no-repeat;}
#ShopImg img{width:492px;position:absolute;left:50%;top:222px;text-align:center;margin-left:-246px;}

/* ShopKids */
#ShopKids{display:none;}
#ShopKids .btn{left:672px;}
#ShopKids .txt01{margin:0 0 0 443px; padding-top: 93px;}
#ShopKids .txt02{margin:0 0 0 443px; padding-top: 24px;}

/* ShopCafe */
#ShopCafe{display:none;}
#ShopCafe .btn{left:652px;}
#ShopCafe .txt01{margin:0 0 0 443px; padding-top: 84px;}
#ShopCafe .txt02{margin:0 0 0 443px; padding-top: 18px;}

/* ShopLesson */
#ShopLesson{display:none;}
#ShopLesson .btn{left:652px;}
#ShopLesson .txt01{margin:0 0 0 444px; padding-top: 83px;}
#ShopLesson .txt02{margin:0 0 0 444px; padding-top: 17px;}

/* Access */
#Access{
	display: none;
}

#Access .img{width:349px;height:254px;position:absolute;left:70px;top:71px;}
#Access .img .frame_left{width:20px;height:242px;position:absolute;left:0;top:0;background:url(../images/shop/map_frame_left.png);}
#Access .img .frame_right{width:20px;height:242px;position:absolute;right:8px;top:0;background:url(../images/shop/map_frame_right.png);}
#Access .img .frame_up{width:301px;height:13px;position:absolute;left:20px;top:0;background:url(../images/shop/map_frame_up.png);}
#Access .img .frame_down{width:301px;height:15px;position:absolute;left:20px;bottom:12px;background:url(../images/shop/map_frame_down.png);}
#Access .img iframe{position:absolute;left:12px;top:12px;}

#Access .txt01{width:350px;padding-bottom:14px;background:url(../images/shop/map_dot.gif) left bottom repeat-x;margin:0 0 0 446px; padding-top: 96px;}
#Access .btn{left:664px;}
#Access .addr,#Access .tel{width:350px;padding:12px 0 12px 0;background:url(../images/shop/map_dot.gif) left bottom repeat-x;margin:0 0 0 446px; }

/*------------------------------------------------------------------------------------------
 * Chara 
-------------------------------------------------------------------------------------------*/
#Chara{position:absolute;width:100%;height:100%;display:none;}
#Chara h2{position:absolute;left:50%;top:50px;margin-left:-130px;}
#Chara .icons{position: relative;}
#Chara .icons p{position:absolute;left:50%;}
#Chara .icons .i1{width:39px;height:32px;top:295px;margin-left:-105px;background:url(../images/chara/icon01.png) left top no-repeat;}
#Chara .icons .i2{width:31px;height:30px;top:494px;margin-left:-47px;background:url(../images/chara/icon02.png) left top no-repeat;}
#Chara .icons .i3{width:25px;height:33px;top:290px;margin-left:-447px;background:url(../images/chara/icon03.png) left top no-repeat;}
#Chara .icons .i4{width:32px;height:30px;top:298px;margin-left:115px;background:url(../images/chara/icon04.png) left top no-repeat;}
#Chara .icons .i5{width:35px;height:30px;top:135px;margin-left:-234px;background:url(../images/chara/icon05.png) left top no-repeat;}
#Chara .icons .i6{width:34px;height:32px;top:85px;margin-left:160px;background:url(../images/chara/icon06.png) left top no-repeat;}
#Chara .icons .i7{width:31px;height:32px;top:547px;margin-left:212px;background:url(../images/chara/icon07.png) left top no-repeat;}
#Chara .icons .i8{width:37px;height:32px;top:403px;margin-left:400px;background:url(../images/chara/icon08.png) left top no-repeat;}

/*------------------------------------------------------------------------------------------
 * Present 
-------------------------------------------------------------------------------------------*/
#Present{position:absolute;display:none;z-index:100; left: 0; top: 0;}
#Present .content{width:760px;height:500px;position:absolute;left:125px;top:75px;background:url(../images/present/bg.png) center top no-repeat;}
#Present h2{margin-top:-25px;text-align:center;}
#Present .txt{margin-top:20px;text-align:center;}
#Present .left{width:262px;float:left;margin:20px 0 0 117px;}
#Present .right{width:209px;float:right;margin:20px 141px 0 0;}
#Present .left .img,#Present .right .img{text-align:center;}
#Present .left .btns,#Present .right .btns{width:209px;overflow:hidden;margin:13px auto;}
#Present .left .btns p,#Present .right .btns p{float:left;margin:0 2px 5px;}

/*------------------------------------------------------------------------------------------
 * News 
-------------------------------------------------------------------------------------------*/
#News{position:absolute;display:none;z-index:100;}
#News .content{width:840px;height:520px;position:absolute;left:60px;top:75px;background:url(../images/news/bg01.png) center top no-repeat;z-index:100;}
#News h2{margin-top:-25px;text-align:center;}

/* up */
#News .sns{width:683px;overflow:hidden;padding-bottom:22px;margin:15px auto 0;}
#News .sns .left{float:left;margin-left:10px;}
#News .sns .left .txt{margin-top:28px;}
#News .sns .left .btn{margin-top:23px;}



#News .sns .right{float:right;margin-right:2px;}
#News .sns .right .info{;width:450px;background:#fff;}
#News .sns .right .info .msgs{width:450px;height:186px;}
#News .sns .right .info .msgs_wrap{width:100%; height: auto;}
#News .sns .right .info .msgs .msg{overflow:hidden;width:390px;margin-left:20px;padding-bottom:15px;background:url(../images/news/dot02.gif) left bottom no-repeat;}
#News .sns .right .info .msgs .msg .date{font-size:12px;color:#8F523C;line-height:20px;margin:20px 0 4px;}
#News .sns .right .info .msgs .msg .snippet{width:100%;overflow:hidden;font-size:12px;color:#1F1F1F;line-height:18px;}
#News .sns .right .info .msgs .msg .snippet .img{float:left;width:162px;height:auto;margin:0 15px 15px 0;}
#News .sns .right .info .msgs .msg .snippet .img img{width:100%;border:1px solid #eee;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#News .sns .right .info .msgs .msg .snippet a{ color: #EA521D; }
#News .sns .right .info .msgs .msg .snippet a:hover{ color: #FFA000; }


#News .sns .right .info .mCSB_scrollTools .mCSB_dragger{width:24px !important;height:26px !important; left: 0;}
#News .sns .right .info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:24px !important;height:26px !important;background:url(../images/news/scr_drag.png) left top no-repeat !important;}
#News .sns .right .info .mCustomScrollBox>.mCSB_scrollTools{width:24px;height:150px;top:15px;right:15px;}
#News .sns .right .info .mCSB_scrollTools .mCSB_draggerRail{width:6px;height:150px;background:url(../images/news/scr_bar.gif) center top no-repeat; margin-left: 9px;}
#News .sns .right .info .corver_left{width:12px;height:186px;background:url(../images/news/corver1_left.png) left top no-repeat;position:absolute;left:0;top:0;}
#News .sns .right .info .corver_right{width:13px;height:186px;background:url(../images/news/corver1_right.png) left top no-repeat;position:absolute;right:0;top:0;}
#News .sns .right .info .corver_up{width:425px;height:13px;background:url(../images/news/corver1_up.png) left top no-repeat;position:absolute;left:12px;top:0;}
#News .sns .right .info .corver_down{width:425px;height:13px;background:url(../images/news/corver1_down.png) left top no-repeat;position:absolute;left:12px;bottom:0;}

/* down */
#News .down{width:450px;float:right;}
#News .down h3{margin:22px 0 0 3px;}
#News .down .info{height:109px;margin-top:10px;position:relative;background:#fff;}
#News .down .info .msgs{width:450px;height:109px;}
#News .down .info .msgs_wrap{width:100%;padding:10px 0;}
#News .down .info .msgs .msg{width:390px;overflow:hidden;padding-bottom:7px;margin-left:20px;background:url(../images/news/dot02.gif) left bottom no-repeat;}
#News .down .info .msgs .msg .date{margin-top:7px;float:left;font-size:10px;color:#BC925D;line-height:17px;}
#News .down .info .msgs .msg .txt{margin-top:7px;width:330px;float:right;font-size:10px;line-height:17px;}
#News .down .info .msgs .msg .txt a{ color: #EA521D; }
#News .down .info .msgs .msg .txt a:hover{ color: #FFA000; }

/* CustomDragBar */
#News .down .info .mCSB_scrollTools .mCSB_dragger{width:24px !important;height:26px !important; left: 0;}
#News .down .info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:24px !important;height:26px !important;background:url(../images/news/scr_drag.png) left top no-repeat !important;}
#News .down .info .mCustomScrollBox>.mCSB_scrollTools{width:24px;height:70px;top:20px;right:15px;}
#News .down .info .mCSB_scrollTools .mCSB_draggerRail{width:6px;height:70px;background:url(../images/news/scr_bar2.gif) center top no-repeat; margin-left: 9px;}
#News .down .info .corver_left{width:11px;height:109px;background:url(../images/news/corver2_left.png) left top no-repeat;position:absolute;left:0;top:0;}
#News .down .info .corver_right{width:12px;height:109px;background:url(../images/news/corver2_right.png) left top no-repeat;position:absolute;right:0;top:0;}
#News .down .info .corver_up{width:427px;height:15px;background:url(../images/news/corver2_up.png) left top no-repeat;position:absolute;left:11px;top:0;}
#News .down .info .corver_down{width:427px;height:12px;background:url(../images/news/corver2_down.png) left top no-repeat;position:absolute;left:11px;bottom:0;}

/*------------------------------------------------------------------------------------------
 * KiraKira
-------------------------------------------------------------------------------------------*/
#KiraKira{width:1100px;height:600px;margin-left:-550px;position:absolute;left:50%;top:-40px;background:url(../common/images/kirakira.png) left top no-repeat;display:none;z-index:110;}
/*------------------------------------------------------------------------------------------
 * Charas
-------------------------------------------------------------------------------------------*/
#Charas{width:100%;position:absolute;left:0;top:0;z-index:120;}

/*------------------------------------------------------------------------------------------
 * TopFront
-------------------------------------------------------------------------------------------*/
#TopFront{
	width: 100%;
	position: absolute; left: 0; top: 0;
	display: none;
}
#TopFront p{cursor: pointer;}

#TopFront .c1{width:342px;height:480px;position:absolute;left:50%;top:177px;margin-left:-175px;background:url(../images/top/chara01.png) left top no-repeat;cursor:pointer;}
#TopFront .c2{width:165px;height:160px;position:absolute;left:50%;top:264px;margin-left:-409px;background:url(../images/top/chara02.png) left top no-repeat;}
#TopFront .c3{width:124px;height:221px;position:absolute;left:50%;top:426px;margin-left:-390px;background:url(../images/top/chara03.png) left top no-repeat;}
#TopFront .c4{width:282px;height:200px;position:absolute;left:50%;top:259px;margin-left:140px;background:url(../images/top/chara04.png) left top no-repeat;}
#TopFront .c5{width:134px;height:140px;position:absolute;left:50%;top:505px;margin-left:180px;background:url(../images/top/chara05.png) left top no-repeat;}
#TopFront .c6{width:137px;height:166px;position:absolute;left:50%;top:483px;margin-left:-250px;background:url(../images/top/chara06.png) left top no-repeat;}
#TopFront .c7{width:137px;height:160px;position:absolute;left:50%;top:496px;margin-left:238px;background:url(../images/top/chara07.png) left top no-repeat;}
#TopFront .c8{width:125px;height:150px;position:absolute;left:50%;top:500px;margin-left:134px;background:url(../images/top/chara08.png) left top no-repeat;}
#TopFront .c9{width:138px;height:200px;position:absolute;left:50%;top:457px;margin-left:330px;background:url(../images/top/chara09.png) left top no-repeat;}
#TopFront .c1b{width:439px;height:477px;position:absolute;left:50%;top:179px;margin-left:-211px;background:url(../images/top/chara01b.png) left top no-repeat;cursor:pointer;display:none;}
#TopFront .c3b{width:116px;height:220px;position:absolute;left:50%;top:426px;margin-left:-467px;background:url(../images/top/chara03b.png) left top no-repeat;display:none;}
#TopFront .c5b6b{width:298px;height:160px;position:absolute;left:50%;top:490px;margin-left:-394px;background:url(../images/top/chara05b06b.png) left top no-repeat;display:none;}
/*歩いてくるコジー*/
/*#TopFront .c7b8b{width:216px;height:190px;position:absolute;left:50%;top:491px;margin-left:189px;background:url(../images/top/chara07b08b.png) left top no-repeat;display:none;}*/
#TopFront .c9b{width:250px;height:200px;position:absolute;left:50%;top:479px;margin-left:377px;background:url(../images/top/chara09b.png) left top no-repeat;display:none;}


#TopFront .fuki{position:absolute;left:50%;top:230px;margin-left:-200px;}
#TopFront .fuki p{width:195px;height:141px;overflow:hidden;position:absolute;left:0;top:0;cursor:default;}
#TopFront .fuki p img{width:100%;}

/*------------------------------------------------------------------------------------------
 * AboutFront
-------------------------------------------------------------------------------------------*/
#AboutFront{
	width: 100%;
	position: absolute; left: 0; top: 0;
	display: none;
}
#AboutFront .c1{width:270px;height:330px;background:url(../images/about/chara01.png) left top no-repeat;position:absolute;left:50%;top:330px;margin-left:-476px;cursor:pointer;}
#AboutFront .c2{width:225px;height:130px;background:url(../images/about/chara02.png) left top no-repeat;position:absolute;left:50%;top:465px;margin-left:-128px;cursor:pointer;}
#AboutFront .c3{position:absolute;left:50%;top:548px;margin-left:-214px;cursor:pointer;}
#AboutFront .c3Choko{width:441px;height:282px;position:absolute;left:50%;top:300px;margin-left:-383px;background:url(../images/about/choko.png) 0 0 no-repeat;display:none;}
#AboutFront .c4{width:339px;height:160px;background:url(../images/about/chara04.png) left top no-repeat;position:absolute;left:50%;top:22px;margin-left:-514px;cursor:pointer;}

/*------------------------------------------------------------------------------------------
 * ShopFront
-------------------------------------------------------------------------------------------*/
#ShopFront{width:100%;position:absolute;left:0;top:0;display:none;}
#ShopFront p{cursor:pointer;}

#ShopFront .c1{width:466px;height:330px;background:url(../images/shop/chara01.png) left top no-repeat;position:absolute;left:50%;top:336px;margin-left:-549px;}
#ShopFront .c2{width:316px;height:186px;background:url(../images/shop/chara02.png) left top no-repeat;position:absolute;left:50%;top:477px;margin-left:-105px;}
#ShopFront .c3{width:190px;height:152px;background:url(../images/shop/chara03.png) left top no-repeat;position:absolute;left:50%;top:0;margin-left:-480px;}

#ShopFront .navi{width:320px;position:absolute;left:50%;top:419px;margin-left:-159px;z-index:130;}
#ShopFront .navi .navi01{position: absolute; left: 0; top: 0;}
#ShopFront .navi .navi02{position: absolute; left: 91px; top: 0;}
#ShopFront .navi .navi03{position: absolute; left: 176px; top: 0;}
#ShopFront .navi li:first-of-type{margin-left:0;}

/*------------------------------------------------------------------------------------------
 * CharaFront
-------------------------------------------------------------------------------------------*/
#CharaFront{display:none;}
#CharaFront .fuki{position:absolute;left:50%;top:290px;margin-left:-411px;z-index:101;}
#CharaFront .fuki img{width:100%;}
#CharaFront .btn_ehon{position:absolute;left:50%;top:511px;margin-left:-373px;}
#CharaFront .btns{position:relative;z-index:101; }
#CharaFront .btns .corver{cursor: pointer;}

#CharaFront .btns .c1{position:absolute;left:50%;top:81px;margin-left:157px;width:324px;height:323px;background:url(../images/chara/btn_chara01_sprite.png) 0 0 no-repeat;}
#CharaFront .btns .c1.on{background-position:0 -323px;width:324px;height:323px;}
#CharaFront .btns .c1 .img{background:url(../images/chara/btn_chara01_sprite.png) -648px 0 no-repeat;width:324px;height:323px;}
#CharaFront .btns .c1 .corver{background:url(../images/chara/btn_chara01_sprite.png) -324px -323px no-repeat;width:324px;height:323px;position:absolute;left:0;top:0;}
#CharaFront .btns .c1.on .corver{background-position:-324px 0;width:324px;height:323px;}

#CharaFront .btns .c2{position:absolute;left:50%;top:351px;margin-left:-5px;width:231px;height:227px;background:url(../images/chara/btn_chara02_sprite.png) 0 0 no-repeat;}
#CharaFront .btns .c2.on{background-position:0 -227px;width:231px;height:227px;}
#CharaFront .btns .c2 .img{background:url(../images/chara/btn_chara02_sprite.png) -462px 0 no-repeat;width:231px;height:227px;}
#CharaFront .btns .c2 .corver{background:url(../images/chara/btn_chara02_sprite.png) -231px -227px no-repeat;width:231px;height:227px;position:absolute;left:0;top:0;}
#CharaFront .btns .c2.on .corver{background-position:-231px 0;width:231px;height:227px;}

#CharaFront .btns .c3{position:absolute;left:50%;top:161px;margin-left:-77px;width:191px;height:185px;background:url(../images/chara/btn_chara03_sprite.png) 0 0 no-repeat;}
#CharaFront .btns .c3.on{background-position:0 -185px;width:191px;height:185px;}
#CharaFront .btns .c3 .img{background:url(../images/chara/btn_chara03_sprite.png) -382px 0 no-repeat;width:191px;height:185px;}
#CharaFront .btns .c3 .corver{background:url(../images/chara/btn_chara03_sprite.png) -191px -185px no-repeat;width:191px;height:185px;position:absolute;left:0;top:0;}
#CharaFront .btns .c3.on .corver{background-position:-191px 0;width:191px;height:185px;}

#CharaFront .btns .c4{position:absolute;left:50%;top:67px;margin-left:-465px;width:205px;height:210px;background:url(../images/chara/btn_chara04_sprite.png) 0 0 no-repeat;}
#CharaFront .btns .c4.on{background-position:0 -210px;width:205px;height:210px;}
#CharaFront .btns .c4 .img{background:url(../images/chara/btn_chara04_sprite.png) -410px 0 no-repeat;width:205px;height:210px;}
#CharaFront .btns .c4 .corver{background:url(../images/chara/btn_chara04_sprite.png) -205px -210px no-repeat;width:205px;height:210px;position:absolute;left:0;top:0;}
#CharaFront .btns .c4.on .corver{background-position:-205px 0;width:205px;height:210px;}

#CharaFront .btns .c5{position:absolute;left:50%;top:429px;margin-left:248px;width:172px;height:165px;background:url(../images/chara/btn_chara05_sprite.png) 0 0 no-repeat;}
#CharaFront .btns .c5.on{background-position:0 -165px;width:172px;height:165px;}
#CharaFront .btns .c5 .img{background:url(../images/chara/btn_chara05_sprite.png) -344px 0 no-repeat;width:172px;height:165px;}
#CharaFront .btns .c5 .corver{background:url(../images/chara/btn_chara05_sprite.png) -172px -165px no-repeat;width:172px;height:165px;position:absolute;left:0;top:0;}
#CharaFront .btns .c5.on .corver{background-position:-172px 0;width:172px;height:165px;}

#CharaFront .btns .c7{position:absolute;left:50%;top:334px;margin-left:-192px;width:169px;height:168px;background:url(../images/chara/btn_chara07_sprite.png) 0 0 no-repeat;}
#CharaFront .btns .c7.on{background-position:0 -168px;width:169px;height:168px;}
#CharaFront .btns .c7 .img{background:url(../images/chara/btn_chara07_sprite.png) -338px 0 no-repeat;width:169px;height:168px;}
#CharaFront .btns .c7 .corver{background:url(../images/chara/btn_chara07_sprite.png) -169px -168px no-repeat;width:169px;height:168px;position:absolute;left:0;top:0;}
#CharaFront .btns .c7.on .corver{background-position:-169px 0;width:169px;height:168px;}

#CharaFront .btns .c9{position:absolute;left:50%;top:180px;margin-left:-252px;width:152px;height:147px;background:url(../images/chara/btn_chara09_sprite.png) 0 0 no-repeat;}
#CharaFront .btns .c9.on{background-position:0 -147px;width:152px;height:147px;}
#CharaFront .btns .c9 .img{background:url(../images/chara/btn_chara09_sprite.png) -304px 0 no-repeat;width:152px;height:147px;}
#CharaFront .btns .c9 .corver{background:url(../images/chara/btn_chara09_sprite.png) -152px -147px no-repeat;width:152px;height:147px;position:absolute;left:0;top:0;}
#CharaFront .btns .c9.on .corver{background-position:-152px 0;width:152px;height:147px;}

#CharaFront .btns .ehon{position:absolute;left:50%;top:540px;margin-left:-382px;}
#CharaFront .btns .ehon .img01{position:absolute;left:9px;top:-32px;}
#CharaFront .btns .ehon .img02{position:absolute;left:74px;top:-33px;}
#CharaFront .btns .design{position:absolute;left:50%;top:507px;margin-left:-209px;z-index:101;}
#CharaFront .btns .design img{position:absolute;left:0;top:0;}



/*------------------------------------------------------------------------------------------
 * PresentFront
-------------------------------------------------------------------------------------------*/
#PresentFront{width:100%;position:absolute;left:0;top:0;display:none;z-index:120;}
#PresentFront .c1{width:293px;height:250px;background:url(../images/present/chara01.png) left top no-repeat;position:absolute;left:50%;top:74px;margin-left:-545px;cursor:pointer;}
#PresentFront .c2{width:62px;height:55px;background:url(../images/present/chara02.png) left top no-repeat;position:absolute;left:50%;top:256px;margin-left:260px;}

/*------------------------------------------------------------------------------------------
 * NewsFront
-------------------------------------------------------------------------------------------*/
#NewsFront{width:100%;position:absolute;left:0;top:0;display:none;z-index:120;}
#NewsFront .c1{width:345px;height:305px;background:url(../images/news/chara01.png) left top no-repeat;position:absolute;left:50%;top:357px;margin-left:-451px;cursor:pointer;}
#NewsFront .c2{width:234px;height:180px;background:url(../images/news/chara02.png) left top no-repeat;position:absolute;left:50%;top:0;margin-left:173px;cursor:pointer;}