@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; }
.piecss3 { position:relative; z-index:10;}


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

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

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

body {
	background:url(../img/common/bg.jpg) repeat 0 0;
	width:100%;
}


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

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


#header #logo {
	float:left;
	left:0;
}



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


#navi {
	background-image:url(../img/home/homenavi.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:89px;
}
#navi ul {
	width:100%;
	height:89px;
}
#navi li {
	margin-top:-14px; 
	float:left;
}



#gnavi {
	background-image:url(../img/common/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:120px;
}
#gnavi ul {
	width:100%;
	height:89px;
}
#gnavi li {
	margin-top:44px; 
	float:left;
}

#gnavi .logo{
	margin-left:175px;
	margin-top:-45px;
	position:absolute;
}


/* ------------------------------------------------------------------
#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 {
	max-width:650px;
	margin:0 auto;
}

/* ------------------------------------------------------------------
	2-5. Footer styles
-------------------------------------------------------------------*/
#footer {
	position:relative;
	background-image:url(../img/common/footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height: 230px;
}

#pagetop {
	position:absolute;
	top:0;
}

#social {
	padding-top:121px;
	width:160px;
	margin: 0 auto 0;
}

#social img {
	float:left;
}