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


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

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

#picbox01{
	width:240px;
	height:372px;
	background-image:url(../img/chapter01/pic01-1.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:485px;
	left:15px;
	border:none;
	}
	
#picbox02{
	width:240px;
	height:372px;
	background-image:url(../img/chapter01/pic01-2.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:1000px;
	left:440px;
	border:none;
	}

/*テキスト*/

#txtbox01{
	width:375x;
	height:372px;
	position:absolute;
	top:485px;
	left:280px;
	line-height:150%;
	word-break: nomal;
	}
	
	
#txtbox02{
	width:400px;
	position:absolute;
	top:1000px;
	left:15px;
	line-height:150%;
	word-break: nomal;
	}

#txtbox03{
	width:600px;
	position:absolute;
	top:1470px;
	left:15px;
	line-height:150%;
	word-break: nomal;
	}
	
	

/*redommend*/

#recommend01{
	width:240px;
	height:300px;
	background-image:url(../img/chapter01/recommend01-1.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:485px;
	right:15px;

}

#recommend02{
	width:240px;
	height:310px;
	background-image:url(../img/chapter01/recommend01-2.gif);
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	top:1000px;
	right:15px;
}

.recommendtxt{
	width:220px;
	margin-top:85px;
	margin-left:10px;
	line-height:150%;
	}


.recobtnbox{
	margin:8px 16px 0 16px;
	}

/*
.recobtn01 a span {
display:none;
}

.recobtn01 a {
	display:block;
	width:208px;
	height:39px;
	background-image:url(../img/chapter01/recbtn01.gif);
	background-repeat:no-repeat;
}

.recobtn01 a:hover {
	background-image:url(../img/chapter01/recbtn02.gif);
	background-repeat:no-repeat;
} 

*/





.recobtn01  a {
display:block;
width:208px;
height:39px;
background-image:url(../img/chapter01/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/chapter01/recbtn02.jpg);
background-repeat:no-repeat;
} 




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

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







/*btn*/


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

.nextbtn a span {
display:none;
}

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

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