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


#mainContent{
	position:relative;
	display:block;
	width:960px;
	height:1360px;
	background-color:#FFFFFF;
}

/*画像*/
#title{
	width:850px;
	height:65px;
	background-image:url(../img/chapter04/title.gif);
	margin-top:10pix;
	background-repeat:no-repeat;
	position:absolute;
	top:405px;
	left:15px;
	border:none;
}

#picbox01{
	width:240px;
	height:328px;
	background-image:url(../img/chapter04/pic01.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:510px;
	left:15px;
	border:none;
	}
	
#picbox02{
	width:300px;
	height:200px;
	background-image:url(../img/chapter04/pic02.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:880px;
	left:400px;
	border:none;
	}

/*テキスト*/

#txtbox01{
	width:390x;
	height:210px;
	position:absolute;
	top:510px;
	left:280px;
	line-height:150%;
	word-break: nomal;
	}
	
	
#txtbox02{
	width:600px;
	position:absolute;
	top:1020px;
	left:15px;
	line-height:150%;
	word-break: nomal;
	}
	
#txtbox03{
	width:600px;
	position:absolute;
	top:1235px;
	left:15px;
	line-height:150%;
	word-break: nomal;
	}

#txtbox04{
	width:425px;
	position:absolute;
	top:1060px;
	left:15px;
	line-height:150%;
	word-break: nomal;
	}
	
	

/*redommend*/

#recommend01{
	width:240px;
	height:545px;
	background-image:url(../img/chapter04/recommend01.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:510px;
	right:15px;

}

#recommend02{
	width:240px;
	height:360px;
	background-image:url(../img/chapter04/recommend02.gif);
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	top:1060px;
	right:15px;
}

.recommendtxt{
	width:220px;
	margin-top:75px;
	margin-left:10px;
	line-height:150%;
	}
	
.recommendtxt2{
	width:220px;
	margin-top:10px;
	margin-left:10px;
	line-height:150%;
	text-align:center;
	}
	
.recobtnbox{
	margin:10px 16px 0 16px;
	}

.recobtn01  a {
display:block;
width:208px;
height:39px;
background-image:url(../img/chapter04/recbtn01.jpg);
background-repeat:no-repeat;
font-size:0.8em;
text-decoration:none;
text-align:center;
line-height:110%;
padding-right:0.5em;
padding-top:0.9em;
color:#FFFFFF;
}
.recobtn01  a:hover {
background-image:url(../img/chapter04/recbtn02.jpg);
background-repeat:no-repeat;
} 




/*serif*/
	
#serifbox01{
	width:619px;
	position:absolute;
	top:850px;
	left:12px;
}

#serifbox02{
	width:619px;
	position:absolute;
	top:1125px;
	left:12px;
}

/*btn*/


#nextbox {
	position:absolute;
	top:1310px;
	right:20px;
}

.nextbtn a span {
display:none;
}

.nextbtn a {
	display:block;
	width:213px;
	height:25px;
	background-image:url(../img/chapter04/next01.gif);
	background-repeat:no-repeat;
}

.nextbtn a:hover {
	background-image:url(../img/chapter04/next02.gif);
	background-repeat:no-repeat;
} 


#backbox {
	position:absolute;
	top:480px;
	left:15px;
}

.backbtn a span {
display:none;
}

.backbtn a {
	display:block;
	width:145px;
	height:17px;
	background-image:url(../img/chapter04/back01.gif);
	background-repeat:no-repeat;
}

.backbtn a:hover {
	background-image:url(../img/chapter04/back02.gif);
	background-repeat:no-repeat;
}