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


/*=======================================

	マジクエストについて
	body id howto

========================================*/

#magi{
	background:url(../img/magi_01.jpg) no-repeat top left;
	width:630px;
	height:210px;
	position:relative;
}
#magitxt{
	position:absolute;
	top:70px;
	left:230px;
	width:410px;
}

#magi02{
	background:url(../img/magi_02.jpg) no-repeat top left;
	width:640px;
	height:213px;
	position:relative;
}

#magitxt02{
	position:absolute;
	top:40px;
	left:70px;
	width:410px;
}
#magitxt p,#magitxt02 p{
	font-size:0;
	line-height:0;
	padding-bottom:10px;
}

div.section{
	width:620px;
	margin:10px 10px 20px;
}

h3{margin:20px 10px 0;}

.imgphoto{
	float:left;
	width:180px;
}

.txtbox{
	float:right;
	width:440px;
}

.txtbox p{
	line-height:1.5em;
	padding-bottom:10px;
	font-size:108%;
}

#pagelink{
	width:618px;
	margin:20px 10px 30px;	
}

#pagelink li{
	float:left;
	padding:0;
	line-height:0;
	font-size:0;
	height:59px;
	width:120px;
	text-align:left;
    padding-right:5px;
	background:url(../img/arrow_step.gif) no-repeat 97% 60%;
}

#pagelink li a{
}

#pagelink li.last{
	background:none;
	padding:0;
	margin:0;
	width:110px;
}
/*=======================================

	9-9.clearfix Module

========================================*/

#pagelink:after,
.section:after{
    content: ".";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}

/*\*/
* html #pagelink,
* html .section {
    height: 1em;
	overflow: visible;
}
/**/