/* enjoy smallBrowser
*************************************************************/
body.smallBrowser .title img {
	height: 50px;
	width: auto;
}
body.smallBrowser .catchTop,
body.smallBrowser #secCostume .catchCostume,
body.smallBrowser #secCrown .catchCrown,
body.smallBrowser #secChallenge .catchChallenge,
body.smallBrowser #secFriend .catchFriend {
	font-size: 36px;
	padding: 0 40px;
	line-height: 1.6;
	text-align: left;
	text-align: justify;
}
body.smallBrowser .catchTop br,
body.smallBrowser #secCostume .catchCostume br,
body.smallBrowser #secCrown .catchCrown br {
	/*display: none;*/
}
body.smallBrowser #secCostume .charaTxtSet .txt {
	font-size: 24px;
	line-height: 1.6;
}
body.smallBrowser #secCrown .imgbox .caption {
	font-size: 24px;
}
body.smallBrowser #secCrown .img_a .caption {
	width: 230px;
	line-height: 1.4;
}
body.smallBrowser #secCrown .img_b .caption {
	width: 310px;
	margin-left: 92px;
	margin-top: 10px;
	line-height: 1.4;
	margin-right: 0;
}
body.smallBrowser #secFriend .textbox .lead {
	font-size: 24px;
	line-height: 1.6;
	white-space : normal;
}
body.smallBrowser #secFriend .textbox .notice {
	font-size: 24px;
	line-height: 1.6;
}


/*------------------------------------------------------------*/
/* content
/*------------------------------------------------------------*/
#hacoboyLogo{padding:22px 0 67px;text-align:center;margin-left:25px;}
#globalNav .inner{position:relative;}
#globalNav .navicon{position:absolute;left:340px;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 33px;}
#secCostume .catchCostume,#secCrown .catchCrown,
#secChallenge .catchChallenge,#secFriend .catchFriend{font-size:18px;text-align:center;line-height:32px;max-height:100%;}
#secCostume .charaTxtSet .txt{font-size:12px;line-height:23px;text-align:center;}
#secCrown .imgbox .caption{font-size:12px;line-height:18px;font-weight:bold;margin:6px 0;}
#secCrown .img_a .caption{text-align:left;}
#secCrown .img_b .caption{text-align:right;}
#secChallenge .imgbox .txt{font-size:12px;line-height:20px;}
#secFriend .textbox .lead{font-size:12px;line-height:18px;font-weight:bold;white-space:nowrap;}
#secFriend .textbox .notice{font-size:12px;line-height:18px;}

/* common
*************************************************************/
.floatbox{overflow:hidden;}
.floatbox .lbox{float:left;}
.floatbox .rbox{float:right;}

/* secCostume
*************************************************************/
#secCostume{padding:120px 0;}
#secCostume .charaCostume{margin-top:40px;text-align:center;}
#secCostume .catchCostume{margin:35px 0 47px;}
#secCostume .stageScroll{width:100%;height:130px;background-repeat:repeat-x;}
#secCostume .charaSet{width:960px;height:150px;margin:0 auto;overflow:hidden;position:relative;}
#secCostume .charaSet .rapper{position:absolute;left:7%;bottom:-14px;}
#secCostume .charaSet .pony{position:absolute;left:45%;bottom:0;}
#secCostume .charaSet .cloak{position:absolute;left:79%;bottom:0;}
#secCostume .line{border-bottom:1px solid #000;margin-bottom:8px;}
#secCostume .charaTxtSet{width:960px;margin:0 auto;overflow:hidden;}
#secCostume .charaTxtSet li{float:left;width:280px;}
#secCostume .charaTxtSet .ttl{margin-bottom:15px;text-align:center;}
#secCostume .charaTxtSet .rapper{margin-left:-5px;}
#secCostume .charaTxtSet .pony{margin-left:65px;}
#secCostume .charaTxtSet .cloak{margin-left:60px;}
#secCostume .charaTxtSet .cloak .ttl{margin-left:-6px;}

/* secCrown
*************************************************************/
#secCrown{padding:120px 0 120px;background-color:#f8f8f8;}
#secCrown .charaCrown{margin-top:40px;text-align:center;}
#secCrown .catchCrown{margin:35px 0 35px;}
#secCrown .imgbox{width:730px;height:340px;margin:0 auto;position:relative;}
#secCrown .img_a{position:absolute;left:0;bottom:0;}
#secCrown .img_b{position:absolute;right:0;top:0;}

/* secChallenge
*************************************************************/
#secChallenge{padding:120px 0 120px;}
#secChallenge .charaChallenge{margin:43px 0 40px;text-align:center;}
#secChallenge .catchChallenge{margin:13px 0 35px;}
#secChallenge .imgbox{width:840px;margin:0 auto;overflow:hidden;}
#secChallenge .img_a{float:left;width:402px;}
#secChallenge .img_b{float:right;width:402px;}
#secChallenge .imgbox .ttl{margin-bottom:10px;}

/* secFriend
*************************************************************/
#secFriend{padding:120px 0 200px;background-color:#f8f8f8;}
#secFriend .charaFriend{margin:36px 0 40px;text-align:center;}
#secFriend .imgbox{margin:35px 0 35px;text-align:center;}
#secFriend .textbox{width:620px;margin:0 auto;}

/* 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;}