@charset "utf-8";
@import url("default.css");
@import url("common.css");

h1{
	padding:10px 0 5px;
}
/* 共通
------- */
.sound_list,
.select_list{
	float:left;
}
.scroll{
	background:#fff;
	text-align:left;
	overflow:auto;
	border:2px #e5b43a solid;
	border-top:none;
	border-bottom:none;
}
	.scroll .list{
		margin:10px;
	}
		.scroll .list li{
			width:100%;
			border-bottom:1px dotted #ddd;
			padding-bottom:5px;
			margin-bottom:5px;
			line-height:2;
		}
			.scroll .list li:after{content:"";display:block;clear:both;}
/* scroll_nav none
------------------ */
#eng_title{width:100%;}
#eng_title:after{content:"";display:block;clear:both;}
#chn_title{width:100%;}
#chn_title:after{content:"";display:block;clear:both;}
/* select_list
-------------- */
.select_list{}
	.select_list .list{}
		.select_list .list a{
			/*display:block;*/
			width:100%;
			text-decoration:none;
		}
			.select_list .list a:link,
			.select_list .list a:visited{
				color:#8c5c05;
			}
		 	.select_list .list a.on,
			.select_list .list a:hover,
			.select_list .list a:active{
				color:#8c5c05;
				background:#ffc221;
				text-decoration:none;
			}
	
/* sound_list
-------------- */
.sound_list{}
	.sound_list .scroll{}
		.sound_list .scroll .list{
				text-align:right;
			}
			.sound_list .scroll .list li{
				text-align:right;
			}
				.sound_list .scroll .list li p span.rgy{
					padding:6px 10px 6px 8px;
					background:#fff2d4;
					font-family:Charis SIL,Doulos SIL,"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
				}
				.sound_list .scroll .list li p a.play{
					width:36px;
					height:26px;
					line-height:26px;
				}
				.sound_list .scroll .list li p a.play img{
					vertical-align:top;
				}
				/*
					.sound_list .scroll .list li p a.play span{
						padding:5px;
					}
					.sound_list .scroll .list li p a.play span img{
						text-align:center;
						vertical-align:middle;
					}
					*/
	
/* body_area
--------------------------- */
.body_area{}
	.body_area h1{
		text-align:left;
		color:#fff;
		font-size:125%;
		padding-left:0.5%;
		padding-top:5px;
		float:left;
	}
	.body_area h2{
		text-align:right;
		color:#fff;
		font-size:125%;
		padding-right:0.5%;
		padding-top:5px;
		float:right;
	}
	
	.body_area .sound_list{
		width:100%;
	}
	.body_area .select_list{
		width:100%;
	}
	
/* body_sentence
--------------------------- */
.body_sentence{}
	.body_sentence h1{
		text-align:left;
		color:#fff;
		font-size:125%;
		padding-left:0.5%;
		padding-top:5px;
		float:left;
	}
	.body_sentence h2{
		text-align:right;
		color:#fff;
		font-size:125%;
		padding-right:0.5%;
		padding-top:5px;
		float:right;
	}
	.body_sentence .sound_list{
		width:100%;
	}
	.body_sentence .select_list{
		width:100%;
	}

/* body_contributor
--------------------------- */
.body_contributor{}
	.body_contributor h1{
		text-align:left;
		color:#fff;
		font-size:125%;
		padding-left:0.5%;
		padding-top:5px;
	}
	.body_contributor .contributor_list{
		width:100%;
		text-align:center;
	}
	.body_contributor .contributor_list table{
		width:90%;
		margin:0 auto;
	}
	.body_contributor .contributor_list table td{
		border-bottom:dotted 1px #ddd;
	}