/* special smallBrowser
*************************************************************/
body.smallBrowser .title img {
	height: 50px;
	width: auto;
}
body.smallBrowser .catchTop,
body.smallBrowser #cntFortune .catchFortune,
body.smallBrowser #cntGallery .catchGallery {
	font-size: 36px;
	padding: 0 40px;
	line-height: 1.6;
	text-align: left;
	text-align: justify;
}
body.smallBrowser #cntGallery .catchGallery {
	font-size: 34px;
	padding: 0 30px;
}
body.smallBrowser .catchTop br,
body.smallBrowser .catchFortune br,
body.smallBrowser .catchGallery br {
	/*display: none;*/
}
body.smallBrowser #cntFortune .grp_pony{position:absolute;right:50px;top:-51px;}


/*------------------------------------------------------------*/
/* content
/*------------------------------------------------------------*/
#hacoboyLogo{padding:22px 0 67px;text-align:center;margin-left:25px;}
#globalNav .inner{position:relative;}
#globalNav .navicon{position:absolute;right:137px;top:-33px;}
/*#globalLink li.current a{padding:0;}*/

.title{margin-bottom:10px;text-align:center;}
.catch{text-align:center;font-size:18px;}

.catchTop{font-size:20px;text-align:center;line-height:35px;max-height:100%;margin:114px 0 95px;}
.subTitle{font-size:25px;}

#cntFortune .catchFortune,
#cntGallery .catchGallery{font-size:18px;text-align:center;}
#cntWallpaper .howto>dt{font-size:18px;color:#f00;}
#cntWallpaper .howto>dd .num{color:#f00;}
#cntWallpaper .howto>dd{line-height:1.8;}
#cntWallpaper .noticebox>li{line-height:1.8;}
#cntWallpaper .wallTitle{font-size:20px;}

.borderbox{background:url(../special/images/spe_tabnav_bg.png) left bottom repeat-x;}

/*tabChgBox*/
.tabChgNav{width:961px;margin:0 auto;overflow:hidden;}
.tabChgNav>li{float:left;width:220px;height:82px;margin-right:27px;}
.tabChgNav>li.last{margin-right:0;}
.tabChgNav>li a{display:block;width:100%;height:100%;text-indent:-9999px;}
.tabChgNav>li a{background-image:url(../special/images/spe_tabnav.png);background-repeat:no-repeat;}
.tabChgNav #tabManga a{background-position:0 0;}
.tabChgNav #tabManga a:hover{background-position:0 -82px;}
.tabChgNav #tabManga.current a{background-position:0 -164px;}
.tabChgNav #tabGallery a{background-position:-220px 0;}
.tabChgNav #tabGallery a:hover{background-position:-220px -82px;}
.tabChgNav #tabGallery.current a{background-position:-220px -164px;}
.tabChgNav #tabFortune a{background-position:-440px 0;}
.tabChgNav #tabFortune a:hover{background-position:-440px -82px;}
.tabChgNav #tabFortune.current a{background-position:-440px -164px;}
.tabChgNav #tabWallpaper a{background-position:-660px 0;}
.tabChgNav #tabWallpaper a:hover{background-position:-660px -82px;}
.tabChgNav #tabWallpaper.current a{background-position:-660px -164px;}

/* common
*************************************************************/
.floatbox{overflow:hidden;}
.floatbox .lbox{float:left;}
.floatbox .rbox{float:right;}
.clearSpace{display:none;visibility:hidden;font-size:0;line-height:0;height:0;}
.notice{padding-left:1em;text-indent:-1em;}
.btnClass a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:left top;text-indent:-9999px;overflow:hidden;}
.btnClass a:hover{background-position:left bottom;}

/* cntManga
*************************************************************/
#cntManga{position:relative;}
#cntMangaIn{width:660px;margin:0 auto;padding:126px 0 100px;}
#cntManga .mangaList{overflow:hidden;}
#cntManga .mangaList>li{float:left;width:270px;margin:0 100px 50px 0;}
#cntManga .mangaList>li.even{margin-right:0;}
#cntManga .mangaList>li .ttl{margin-bottom:13px;text-align:center;}
#cntManga .grpMngFooter{position:absolute;right:60px;bottom:0;}

/* cntGallery
*************************************************************/
#cntGallery{width:960px;margin:0 auto;padding-bottom:20px;position:relative;}
#cntGallery .catchGallery{margin:60px 0;}
#cntGallery .galQbby{overflow:hidden;}
#cntGallery .galQbby>li{width:286px;height:166px;margin-bottom:96px;position:relative;}
#cntGallery .galQbby>li>a{display:block;width:100%;height:100%;text-indent:-9999px;
	background-position:0 0;background-repeat:no-repeat;}
#cntGallery .galQbby .figure>a{background-image:url(../special/images/spe_gal_qbby_figure.png);}
#cntGallery .galQbby .figure.on>a{background-image:url(../special/images/spe_gal_qbby_figure_on.png);}
#cntGallery .galQbby .key>a{background-image:url(../special/images/spe_gal_qbby_key.png);}
#cntGallery .galQbby .key.on>a{background-image:url(../special/images/spe_gal_qbby_key_on.png);}
#cntGallery .galQbby .magnet>a{background-image:url(../special/images/spe_gal_qbby_magnet.png);}
#cntGallery .galQbby .magnet.on>a{background-image:url(../special/images/spe_gal_qbby_magnet_on.png);}
#cntGallery .galQbby .sticker>a{background-image:url(../special/images/spe_gal_qbby_sticker.png);}
#cntGallery .galQbby .sticker.on>a{background-image:url(../special/images/spe_gal_qbby_sticker_on.png);}
#cntGallery .galQbby .cake>a{background-image:url(../special/images/spe_gal_qbby_cake.png);}
#cntGallery .galQbby .cake.on>a{background-image:url(../special/images/spe_gal_qbby_cake_on.png);}
#cntGallery .galQbby .posL{clear:both;float:left;}
#cntGallery .galQbby .posC{float:left;margin:0 51px;}
#cntGallery .galQbby .posR{float:right}
#cntGallery .galQbby>li .caption{display:none;}
#cntGallery .galQbby>li.on .caption{display:block;position:absolute;left:50%;bottom:-20px;margin-left:-50px;}
#cntGallery .galMonument{position:absolute;left:50%;bottom:0;margin-left:-62.5px;}

/* cntFortune
*************************************************************/
#cntFortune .catchFortune{margin:60px 0;}
#cntFortune .fortuneWrapper{width:960px;margin:0 auto;position:relative;}
#cntFortune .fortuneWrapper .btnRetry{position:absolute;right:0;bottom:0;}
#cntFortune .fortuneBox{width:642px;margin:0 auto 50px;overflow:hidden;}
#cntFortune .fortuneBox>li{float:left;width:108px;height:108px;margin-right:70px;}
#cntFortune .fortuneBox>li.last{margin-right:0;}
#cntFortune .fortuneBox>li>a{background-image:url(../special/images/spe_ftn_btn_ques.png);}
#cntFortune .fortuneBox>li.on>a{background-image:url(../special/images/spe_ftn_btn_excl.png);}
#cntFortune .fortuneBox>li.disabled>a{cursor:default;}
#cntFortune .fortuneBox>li.disabled>a{background-position:0 0;}
#cntFortune .resultBox{padding:10px 0 60px;background-color:#f8f8f8;position:relative;}
#cntFortune .resultBoxIn>p{text-align:center;}
#cntFortune .result{width:560px;height:329px;margin:20px auto 40px;background-color:#fff;}
#cntFortune .grpWrapper{width:960px;margin:0 auto;position:relative;}
#cntFortune .grpFtnFooter{position:absolute;right:60px;bottom:0;}

/* cntWallpaper
*************************************************************/
#cntWallpaper{position:relative;}
#cntWallpaperIn{width:780px;margin:0 auto;padding:110px 0;}
#cntWallpaper .wallAll{margin-bottom:85px;overflow:hidden;}
#cntWallpaper .wallForPc{float:left;width:312px;}
#cntWallpaper .wallForSp{float:right;width:312px;}
#cntWallpaper .wallForPc .imgbox{text-align:center;margin:48px 0;}
#cntWallpaper .wallForSp .imgbox{text-align:center;}
#cntWallpaper .wallTitle{padding:15px 0;margin-bottom:6px;text-align:center;}
#cntWallpaper .wallList>li{float:left;width:140px;height:70px;margin:0 32px 32px 0;
		background:url(../special/images/spe_wp_btn_download.png) left top no-repeat;}
#cntWallpaper .wallList>li.even{margin-right:0;}
#cntWallpaper .wallList>li>a{display:block;width:100%;height:100%;line-height:70px;text-align:center;}
#cntWallpaper .subTitle{margin-bottom:28px;}
#cntWallpaper .howto{margin-bottom:33px;}
#cntWallpaper .howto.last{margin-bottom:47px;}
#cntWallpaper .howto>dt{margin-bottom:8px;}
#cntWallpaper .noticebox{width:724px;margin-top:15px;padding:27px 27px;border:1px solid #000;}
#cntWallpaper .noticebox>li{margin-bottom:6px;padding-left:1em;text-indent:-1em;}
#cntWallpaper .grpWpFooter{position:absolute;right:60px;bottom:0;}

/* footer
*************************************************************/
footer .siteLinks{padding:20px 0;background:#000;line-height:1;color:#888;text-align:center;font-size:12px;letter-spacing:0.1em;}
footer .siteLinks a{color:#fff;font-weight:bold;}
footer .siteLinks a:hover{color:#f00;font-weight:bold;}
#footerGraphic{position:relative;}
#footerGraphic #footerGrpHacoboy{position:absolute;left:50%;top:-78px;margin-left:-127px;}
footer .comingsoon{color:#777;font-weight:bold;}