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


 /*--------------------------
    #top-pic
-----------------------------*/
#top-pic{
 	margin-left:auto;
 	margin-right:auto;
	width:1300px;
}

img.top-pic{
	/*position: relative;*/
 }

#button-middle{
	position: relative;
	top:-50px;
	float:left;
	display:block;
	width:1000px;
	left: 200px;
}

#icon01 a{
margin-right:30px;
	background-image:url(../img/menu01.png);
	background-repeat:repeat;
	height:104px;
	width:280px;
	display:block;
	float:left;
}

#icon01 a:hover{
margin-right:30px;
	background-image:url(../img/menu01_on.png);
	height:104px;
	width:280px;
	background-repeat:repeat;
	float:left;
}


#icon02 a{
margin-right:30px;
	background-image:url(../img/menu02.png);
	background-repeat:repeat;
	height:104px;
	width:280px;
	display:block;
	float:left;
}

#icon02 a:hover{
margin-right:30px;
	background-image:url(../img/menu02_on.png);
	background-repeat:repeat;
	height:104px;
	width:280px;
	float:left;
}

#icon03 a{
	background-image:url(../img/menu03.png);
	background-repeat:repeat;
	height:104px;
	width:280px;
	display:block;
	float:left;
}

#icon03 a:hover{
	background-image:url(../img/menu03_on.png);
	background-repeat:repeat;
	float:left;
}



 /*--------------------------
    #navi
-----------------------------*/	
#navi{
	margin-left:auto;
	margin-right:auto;
	width:1300px;
	padding-top: 90px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#navi p{
	text-align:center;

 }


p.navi-01{
	font-size:20px;

	}
	
p.navi-02{
	color:#333;
	font-size:15px;
	text-align:center;
	line-height:40px;
}
	
span.title{

	color:#d72e2e;
	font-size:24px;
}


/*--------------------------
    #wrap02
-----------------------------*/
#wrap02{

	margin:0 ;
	padding:0 ;
	background-color:#ececec;
	
}

/*--------------------------
    #page01
-----------------------------*/
#page01{
	margin-left:auto;
 	margin-right:auto;
	width:900px;
	background-color:#FFF;
}
	
	
	
	
#page01-topi{
       margin:0;
	   padding:0;

 }
	
	
#page01-topi p{
 	margin:0;
 	padding:20px 30px 10px 30px;
 }	
	
#pic-topi01{
	margin-left:auto;
 	margin-right:auto;
 	height:150px;
	width:900px;

 }
 
 #pic-topi02{
	margin-left:auto;
 	margin-right:auto;
 	height:250px;
	width:900px;

 }		
	
	
img.pic01{
 float:left;
 margin-right:30px;
  }	
	
	
p.topi01{
 padding:10px 30px;
 }	
	
	
	
/*-------------------------
    #page02
-----------------------------*/	
	
#page02{
	margin-left:auto;
 	margin-right:auto;
	width:900px;
	margin-top:30px;
	background-color:#FFF;
	}
	
#page02-topi{
       margin:0;
	   padding:0;
	   }
	
#page02-topi p{
 	margin:0;
 	padding:20px 30px 10px 30px;
 }	


#pic-topi03{
	margin-left:auto;
 	margin-right:auto;
 	height:230px;
	width:900px;

 }
 
 #pic-topi04{
	margin-left:auto;
 	margin-right:auto;
 	height:250px;
	width:900px;

 }	
		
	
img.pic02{
 float:right;
 margin-left:30px;
  }	
  
 /*-------------------------
    #page03
-----------------------------*/	
	
#page03{
	margin-left:auto;
 	margin-right:auto;
	width:900px;
	margin-top:30px;
	background-color:#FFF;
	}
	
#page03-topi{
       margin:0;
	   padding:0;
	   } 
	   
#page03-topi p{
 	margin:0;
 	padding:20px 30px 10px 30px;
 }	



 /*-------------------------
    #page04
-----------------------------*/	
	
#page04{
	margin-left:auto;
 	margin-right:auto;
	width:900px;
	margin-top:30px;
	background-color:#FFF;
	}
	
#page04-topi{
       margin:0;
	   padding:0;
	   } 
	   
#page04-topi p{
 	margin:0;
 	padding:20px 30px 10px 30px;
 }
 
 #pic-topi05{
	margin-left:auto;
 	margin-right:auto;
	width:900px;

 }	 	   
 span{
 	color:#d72e2e;
 	font-weight:bold;
 	font-size:18px;
 }
 	
img.pic03{
 	float:left;
 	margin-right:30px;
	margin-bottom:30px;
  }