@charset "UTF-8";


/*========================================================*/
/* タイトルエリア  */
#titleArea {
	background:url(../../img/pagetitle.jpg) no-repeat left top;
}


/*========================================================*/
/*========================================================*/
/* contentsArea Structure */
.episode_index h3 { 
	height:180px;
	background:url(../img/episode_top1.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:30px;
}
.hidden { 
  display:none;
}
.episode-box { 
  padding-bottom:30px;
	border-bottom:1px dotted #cfccc8;
}
.episode-box li { 
	float:left;
	overflow:hidden;
}
.episode-box li.episode-send a {
  display:block;
  width:375px;
	height:50px;
  text-indent:-9999px;
	background:url(../img/episode_top2.gif) no-repeat;
}
.episode-box li.episode-read a {
  display:block; 
  width:375px;
	height:50px;
  text-indent:-9999px;
	background:url(../img/episode_top3.gif) no-repeat;
	margin-left:30px;
}
.episode-box li.episode-send a:hover {
	background-position:right;
}
.episode-box li.episode-read a:hover { 
	background-position:right;
}
.episode_index h4{
    background:url(../img/episode_top4.gif) no-repeat;
	text-indent:-9999px;
	margin-top:30px;
	height:40px;
}
.episode-name th {
    padding-top:10px;
	padding-bottom:20px;
	font-size:93%;
	font-weight:bold;
	line-height:150%;
	color:#2a2a2a;
}
.episode-name td {
    padding-top:10px;
	padding-bottom:10px;
	font-size:93%;
	line-height:120%;
	border-bottom:1px dotted #cfccc8;
}
.episode-name td a {
    font-size:108%;
	line-height:120%;
    color:#00bbf2;
}
.send-date {
    width:110px;
	padding-right:10px;
	color:#5c5c5c;
}
.episode-title,
.auther-name {
	padding-right:10px;
}
.episode-title {
    width:190px;
}
.auther-name { 
    width:130px;
	color:#5c5c5c;
}
.episode-content {
    width:320px;
	color:#969696;
	font:93%;
	line-height:120%;
}
#btn-mail {
	height:19px;
	margin-top:50px;
	margin-bottom:30px;
}
#btn-mail a {
	display:block;
	height:19px;
	width:181px;
	text-indent:-9999px;
	background:url(../img/btn-mail.jpg) no-repeat left;
	float:right;
}
#btn-mail a:hover {background:url(../img/btn-mail.jpg) no-repeat right;}


/*利用規約*/
body.page_kiyaku {
}
.page_kiyaku #container {
  width:auto;
  margin:0 auto;
}
.kiyaku {
  padding:0 0 1px;
	width:650px;
	margin:0 auto;
}
.page_kiyaku h3 { 
  background:url(../img/episode_kiyaku1.gif) no-repeat center;
  height:80px;
	text-indent:-9999px;
	padding:25px 0 30px;
}
.page_kiyaku h4 {
  color:#00baf2;
  font-weight:bold;
	font-size:100%;
	line-height:1;
	padding:4px 0 0;
}
.page_kiyaku p,
.page_kiyaku ol {
  color:#5f5f5f;
	font-size:93%;
	line-height:150%;
}
.page_kiyaku p {
	padding-top:27px;
	padding-bottom:2px;
}
.page_kiyaku ol {
}
.page_kiyaku ol li {
  padding:18px 0 0 2em;
	text-indent:-2em;
}
.page_kiyaku ol li ul {
}
.page_kiyaku ol li ul li {
  padding:0 0 0 0;
	text-indent:0;
  padding-left:1em;
	text-indent:-1em;
}
.btn-close {
  padding-top:30px;
	padding-bottom:30px;
	float:right;
}
.btn-close a {
  display:block;
	height:20px;
	width:64px;
	text-indent:-9999px;
	background:url(../img/episode_kiyaku2.gif) no-repeat left;
	overflow:hidden;
}
.btn-close a:hover {
  background:url(../img/episode_kiyaku2.gif) no-repeat right;
}
.page_kiyaku #contentsArea {
  width:650px;
  margin:0 auto;
}
.page_kiyaku #footerArea {
  width:100%;
  margin:0 auto;
}
.page_kiyaku #footer-Copy {
  width:650px;
	padding:10px 0 80px;
	margin:0 auto;
}