@charset "utf-8";

/* 朗読者紹介 */


/*────────────────────────────── サイドナビゲーション */
#reader #sidenavi ul {
	margin: 0 0 auto auto;
	padding-top: 15px;
	width: 199px;
	height: 70px;
	background: url(../images/sn_reader.png) no-repeat;
}

#reader #sidenavi ul a {
	display: block;
	margin-left: 20px;
	padding-top: 28px;
	width: 179px;
	height: 0;
	background: url(../images/sn_reader.png) no-repeat 0 0;
	overflow: hidden;
}

#reader #sidenavi ul #item01 a { background-position: -20px -15px; }
#reader #sidenavi ul #item02 a { background-position: -20px -43px; }

#reader #sidenavi ul #item01 a:hover { background-position: -20px -104px; }
#reader #sidenavi ul #item02 a:hover { background-position: -20px -132px; }


/*────────────────────────────── 見出し要素 */
#content h1 {
	padding-top: 24px;
	width: 115px;
	height: 0;
	background: url(../images/03_h1.jpg) no-repeat;
	overflow: hidden;
	}


/*────────────────────────────── 朗読者名 */
.item h2 {
	padding-top: 20px;
	width: 290px;
	height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	}
	
#reader01 h2 { background-image: url(../images/03_name1.jpg); }
#reader02 h2 { background-image: url(../images/03_name2.jpg); }


/*────────────────────────────── 作品リスト */
li.items {
     margin-left: 20px;
     padding: 0;
     background: none;
     list-style: disc;
     color: #a62126;
     }

li.book {
     padding-left: 20px;
     background: url(../images/li_bookicon.jpg) no-repeat left top;
     list-style: none;
     color: #a62126;
     }

li.book:hover {
     background: url(../images/li_bookicon_hover.jpg) no-repeat left top;
     }


/*────────────────────────────── 独立系ナビゲーション */
/* コミュニケーション講座はこちら */
.commu_btn {
	position: absolute;
	top: 175px;
	}

.commu_btn a {
	display: block;
	margin-top: 1.5em;
	padding-top:61px;
	width: 150px;
	height: 0;
	background: url(../images/03_commu_btn2.jpg) no-repeat;
	overflow: hidden;
}

#reader05 .commu_btn  a { background: url(../images/03_commu_btn1.jpg) no-repeat; }
#reader01 .commu_btn  a { background: url(../images/03_commu_btn2.jpg) no-repeat; }

#reader05 .commu_btn a:hover,
#reader01 .commu_btn a:hover {
	background-position: 0 -70px;
}


/*────────────────────────────── その他オリジナル要素 */
.profile {
	width: 400px;
	line-height: 1.3em;
	}

.photo {
	position: absolute;
	}
	
.n_data {
	padding-top: 10px;
	padding-left: 162px;
	min-height: 182px;
	}

.red {
	margin: 1em 0 0.5em 0;
	}