@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#06C; text-decoration:none; }
a:hover, a:active {	color:#06C; text-decoration:underline; }
html { background-color:#ffbe00; }
body { background-color:#FFF; }
.piecss3 { position:relative; z-index:10;}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/

body {
	min-width:1080px;
	background:url(../img/common/bg.gif) repeat 0 0;
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header{
	clear:both;
	background-image:url(../img/common/head.png);
	background-position:center top;
	background-repeat:no-repeat;
	height: 53px;
}

#headerInner{
	position:relative;
	width:100%;
	margin:0 auto;
}

#header .rocket {
	float: right;
	margin-right:35px;
	margin-top:0px;
}

#header .twe {
	float: right;
	margin-right:0px;
	margin-top:16px;
}

#header .fb {
	float: right;
	margin-right:0px;
	margin-top:16px;
}

#logo {
	float:left;
}



/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/


#navi {
	background-image:url(../img/home/hpme_navi_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:70px;
}

#naviInner {
	position:relative;
	width:590px;
	margin:0 auto;
}

#navi ul {
	width:590px;
	height:70px;
}
#navi li {
	margin-top:-25px; 
	float:left;
}



#gnavi {
	background-image:url(../img/common/gnavi_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:51px;
}

#gnaviInner {
	position:relative;
	width:880px;
	margin:0 auto;
}

#gnavi ul {
	width:880px;
	height:51px;
}
#gnavi li {
	margin-top:-25px; 
	float:left;
}

#gnavilogo{
	margin-top:-25px;
}


/* ------------------------------------------------------------------
#navi li a {
	display:block;
	overflow:hidden;
	width:180px;
	height:140px;
	background: url(../img/common/navi.png) no-repeat;
	text-indent:-9999px;
}
#navi #naviAbout a {
	background-position:0 0;
}
#navi #naviCommunication a {
	background-position:-180px 0;
}
#navi #naviDecoration a {
	background-position:-360px 0;
}
#navi #naviMinigame a {
	background-position:-540px 0;
}
#navi #navibAr a {
	background-position:-720x 0;
}
#pagePoint #naviPoint a ,
#pageBooks #naviBooks a ,
#pageIntroduction #naviIntroduction a ,
#pageExample #naviExample a {
	background:none;
}

-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
#main {
	min-width:1080px;
	margin:0 auto;
}

#pagetop {
	position:relative;
	float:right;
	width:207px;
	margin-top:30px;
	margin-right:30px;
}

/* ------------------------------------------------------------------
	2-5. Footer styles
-------------------------------------------------------------------*/
#footer {
	background-image:url(../img/common/footer_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:-20px;
	height: 129px;
	width:100%;
}

#foot {
	background-image:url(../img/common/foot.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height: 129px;
}

#footer p {
	position:absolute;
}

#footerInner {
	position:relative;
	width:1080px;
	margin:0 auto;
	padding:0px 0 0px;
}