/* about smallBrowser
*************************************************************/
body.smallBrowser .title img {
	height: 50px;
	width: auto;
}
body.smallBrowser .catch,
body.smallBrowser #secStage .catchStage,
body.smallBrowser #secWorld .catchWorld {
	font-size: 36px;
	padding: 0 40px;
	line-height: 1.6;
	text-align: left;
	text-align: justify;
	max-height:100%;
}
body.smallBrowser #secStage .catchStage br,
body.smallBrowser #secWorld .catchWorld br {
	/*display: none;*/
}

body.smallBrowser #secEase .floatbox .lbox {
	width: 100%;
}

body.smallBrowser #secEase .floatbox {
	width: 860px;
}

body.smallBrowser .floatbox .lbox {
	float: none;
}

body.smallBrowser #secEase .subcatch {
	font-size: 40px;
	line-height: 1.6;
	margin-bottom: 6px;
}
body.smallBrowser #secEase .textbox p {
	font-size: 28px;
	line-height: 1.7;
	max-height:100%;
}

body.smallBrowser .floatbox .rbox {
	float: none;
}
body.smallBrowser #secEase .floatbox .rbox {
	margin: 20px auto;
}
body.smallBrowser #secEase h3 img {
	height: 60px;
	width: auto;
}

body.smallBrowser #secEase .caption {
	font-size: 24px !important;
	line-height: 1.6 !important;
}
body.smallBrowser #secEase .caption br {
	display: none;
}
body.smallBrowser #secEase .miiverseLogo {
	margin-left: 0;
	margin: 10px auto;
	padding-right: 61px;
}




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

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

#secStage .catchStage,
#secWorld .catchWorld{font-size:18px;text-align:center;line-height:32px;max-height:100%;}
#secEase .subcatch{font-size:20px;color:#f00;}
#secEase .textbox p{font-size:14px;line-height:26px;text-align:justify;}
#secEase .ease1 .textbox p{white-space:nowrap;}
#secEase .textbox p.notice{font-size:12px;}
#secEase .imgbox p.caption{font-size:12px;font-weight:bold;line-height:18px;margin-top:6px;}

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

/* secSecret
*************************************************************/
#secSecret{padding:120px 0 120px;}
#secSecret #secretBox{
	width:400px;height:240px;margin:30px auto;padding: 4px;
	background: url(../about/images/about_cont1_box_bg.png) left top no-repeat;
}
#secSecret .secBtnArea{width:876px;margin:0 auto;overflow:hidden;}
#secSecret .txtAct{margin-bottom:12px;text-align:center;}
#secSecret .btnBox{float:left;width:86px;padding: 0 30px;}
#secSecret .btnSecret,#secSecret .btnSecretSound{width:86px;height:86px;position:relative;}
#secSecret .btnSecret a,
#secSecret .btnSecretSound a{display:block;width:80px;height:80px;background-color:#000;border:3px solid #000;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;}
#secSecret .btnSecret a:hover,
#secSecret .btnSecretSound a:hover{border:3px solid #f00;}
#secSecret .btnSecret.current a,
#secSecret .btnSecretSound.current a{background-color:#f00;border:3px solid #f00;}

#secSecret .btn1 img{position:absolute;left:27px;top:23px;}
#secSecret .btn2 img{position:absolute;left:31px;top:35px;}
#secSecret .btn3 img{position:absolute;left:27px;top:38px;}
#secSecret .btn4 img{position:absolute;left:28px;top:23px;}
#secSecret .btn5 img{position:absolute;left:29px;top:30px;}
#secSecret .btn6 img{position:absolute;left:32px;top:25px;}
#secSecret #soundBtn{margin-top:42px;}

/* secStage
*************************************************************/
#secStage{padding:120px 0 0;background-color:#f8f8f8;}
#secStage .charaStage{margin-top:80px;text-align:center;}
#secStage .catchStage{margin:35px 0 35px;}
#secStage .stageScroll{width:100%;height:130px;background-repeat:repeat-x;}
#secStage #bgScrollTop{background-image:url(../about/images/about_cont2_ss1.png);background-position:left top;}
#secStage #bgScrollBtm{background-image:url(../about/images/about_cont2_ss2.png);background-position:left top;}

/* secWorld
*************************************************************/
#secWorld{padding:120px 0 120px;}
#secWorld .charaWorld{margin-top:27px;text-align:center;}
#secWorld .catchWorld{margin:13px 0 25px;}
#secWorld .imgbox{width:960px;height:480px;margin:0 auto;position:relative;}
#secWorld .img_a{position:absolute;left:0;top:0;}
#secWorld .img_b{position:absolute;left:50%;bottom:0;margin-left:-150px;}
#secWorld .img_c{position:absolute;right:0;top:47px;}

/* secEase
*************************************************************/
#secEase{padding:120px 0 145px;background-color:#f8f8f8;}
#secEase .charaEase{margin:14px 0 75px;text-align:center;}
#secEase .floatbox{width:960px;margin:0 auto 37px;}
#secEase .floatbox .lbox{width:530px;}
#secEase .floatbox .rbox{width:402px;}
#secEase .subcatch{margin-left:50px;}
#secEase .textbox{margin:-7px 0 0 60px;}
#secEase .toggleBox{position:relative;height:242px;}
#secEase #imgBefore{position:absolute;left:0;top:0;}
#secEase #imgAfter{position:absolute;left:0;top:0;display:none;}
#secEase .miiverseLogo{width:239px;margin:5px 0 0 100px;}
#secEase .miiverseLogo a:hover{opacity:.75;}

/* 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;right:50px;top:-73px;}
footer .comingsoon{color:#777;font-weight:bold;}