@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;
	position:relative;
	height:89px;
}

#header p{
	position:absolute;
}

#headerInner{
	position:relative;
	width:650px;
}



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






#navi {
	background-image:url(../img/donna/02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:98px;
	width:100%;
	
}

#navisawaru {
	background-image:url(../img/sawaru/02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:98px;
	width:100%;
	
}

#naviguderu {
	background-image:url(../img/guderu/02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:98px;
	width:100%;
	
}

#naviatsumeru {
	background-image:url(../img/atsumeru/02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	clear:both;
	float:none;
	height:98px;
	width:100%;
	
}

ul {
	position:relative;
	margin-left:15px;
	width:600px;
	height:89px;
}
li {
	margin-top:-60px;
	position:absolute;
}


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

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



#nahome{
	top:38px;
	left:37px;
}

#nadonna{
	top: 33px;
	left:180px;
}

#nasawaru{
	top: 33px;
	left:283px;
}

#naguderu{
	top: 33px;
	left:387px;
}

#naatsumeru{
	top: 33px;
	left:490px;
}


/* ------------------------------------------------------------------
#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
-------------------------------------------------------------------*/
#sns {
	position:relative;
	background-image:url(../img/home/snsspace.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:127px;
}


#footer {
	position:relative;
	background-image:url(../img/common/footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:60px;
}

#social {
	padding-top:20px;
	width:188px;
	margin: 0 auto 0;
}

#social img {
	float:left;
}


#page-top {
    position: fixed;
    right: 10px;
}

#page-top a {
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}