@charset "UTF-8";
@import url("../css/default.css");
@import url("../css/font.css");
@import url("../css/common.css");

/* CSS Document */


/*==========================================
コンテントボトムエリアの設定 
============================================*/
#contentsBottom{
	width:960px;
	margin:0 auto 200px;
    padding-top:55px;
}


/*==========================================
メインコンテントエリアの設定 
============================================*/
#mainContents{
	   float:left;
	   width:670px;
	   	   
}


/*ページエリア*/
	

#mainContents ul.pageArea{
	border-top:1px #bebebe solid;
        border-bottom:1px #bebebe solid;
		padding:15px 0;

   text-align: center; 
   margin-bottom:50px;
  

}
	

#mainContents ul.pageArea li{
	display: inline-block; /* 横並びに */
  margin: 0 5px 0 0;
  font-size:109%;


}

#mainContents ul.pageArea li+li a{
	border-left:1px solid #bebebe;
	padding-left:10px;
	color:#436da9;
		text-decoration:underline;

}



#mainContents ul.pageArea li+li a:hover
{
	  	color:#ef7723;
}

/*ボイスエリア*/

#mainContents .voice_box{
	margin-bottom:70px;
	
}

#mainContents .voice_box .student1{
	float:left;
	width:90px;
	padding:5px 5px 0 5px;
	border:1px solid #bebebe;	
}

#mainContents .voice_box .student2{
	float:right;
	width:90px;
	padding:5px 5px 0 5px;
	border:1px solid #bebebe;	
}

#mainContents .voice_box .voice_box_right{
	float:left;
	width:538px;
	margin-left:30px;
}


#mainContents .voice_box .voice_box_left{
	float:left;
	width:538px;
}

#mainContents .voice_box .s_ttl1,
#mainContents .voice_box .s_ttl2{
	padding-bottom:10px;
	border-bottom:1px solid #bebebe;
}


#mainContents .voice_box .s_ttl1+p,
#mainContents .voice_box .s_ttl2+p
{
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
}

#mainContents .voice_box .txt{
	overflow:auto; zoom:1; /*zoomはIE対策*/
	width:538px;
	line-height:1.5;
}