/* CSS Document */


/* ***********************************************************
 *
 * Since:     2014-12-28
 * Editor:    contents
 * Modified:  2014-12-28
 *
 * ***********************************************************
 */



/* ///////////////////////////////////////////////////////////////////
	Topics
/////////////////////////////////////////////////////////////////// */

#contents .topi_all{
	float:right;
	margin-top:8px;
}

#topics{
	width:730px;
	margin: 10px 0px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
  }
  
#topics ul{
	margin: 4px auto 4px auto;
	}
	
#topics ul li{
		  border-top:1px dotted #000;
		  padding:12px 10px 12px 14em;
		  text-indent:-14em;
	  }
	  
#topics ul li img{
		vertical-align: text-top;
		margin:0 10px;
	}
	
#topics ul li:first-child{
		  border-top:none;
	  }
	  
	  	
#topics ul li span{
			padding:0px 5px 0px 5px;
		}
	



#topics .ttl{
		padding:15px 0;
		border-bottom:1px dotted #000000;
	margin-bottom:20px;
		}

#topics .ttl h4{
		padding:15px 0;
		font-size:150%;
		}

#topics .ttl img{
		padding:0 15px;
		vertical-align:middle;
		}
		

#topics #kakikae{
		margin:20px 0;
		line-height:1.8em;
		}

/*---------------------------------------------------------
topiLink
---------------------------------------------------------*/ 


.topiLink ul li{
	background: url(/manabi/common/gl_arw.gif) no-repeat 200px center;
		  border-bottom:1px dotted #000;
		  padding:10px 10px 10px 15px;
	  }


.topiLink ul li a{
			width:220px;
			display:table-cell;
			/display:block;
			vertical-align:middle;
		}
		
		
.topiLink ul li:hover{
		background:#eee url(/manabi/common/gl_arw.gif) no-repeat 200px center;
		}
		

.topiLink .n01 a{
		background: url(/manabi/topics/img/n01.gif) no-repeat left center;
		padding-left:15px;
	  }

.topiLink .n02 a{
		background: url(/manabi/topics/img/n02.gif) no-repeat left center;
		padding-left:15px;
	  }
.topiLink .n03 a{
		background: url(/manabi/topics/img/n03.gif) no-repeat left center;
		padding-left:15px;
	  }
.topiLink .n04 a{
		background: url(/manabi/topics/img/n04.gif) no-repeat left center;
		padding-left:15px;
	  }
.topiLink .n05 a{
		background: url(/manabi/topics/img/n05.gif) no-repeat left center;
		padding-left:15px;
	  }  
	  
.topiLink .n06 a{
		background: url(/manabi/topics/img/n06.gif) no-repeat left center;
		padding-left:15px;
	  }  

 /* 
kakikae
---------------------------------------------------------------------- */

#topics #kakikae p{
		margin:20px 0;
		line-height:1.8em;
		}

#topics #kakikae p.txt{
		margin:0px;
		line-height:1.8em;
		}
/* ---------- ÎÄ×ÖÅäÖà ----------- */


#kakikae .left{
	width:100%;
	margin:0 auto;
	text-align:left;
}

#kakikae .center{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#kakikae .right{
	width:100%;
	margin:0 auto;
	text-align:right;
}

/* ---------- ÒŠ³ö¤· ----------- */

#kakikae h1{
	font-size:240%;
	line-height:1.5;
}

#kakikae h2{
	font-size:180%;
	line-height:1.5;
	margin:0;
}

#kakikae h3{
	font-size:140%;
	line-height:1.5;
}

#kakikae h4{
	font-size:120%;
	line-height:1.5;
}

#kakikae h5{
	font-size:100%;
	line-height:1.5;
}

#kakikae h6{
	font-size:82%;
	line-height:1.5;
}

/* ---------- ¥ê¥¹¥È ----------- */

#kakikae ol li{
	list-style:decimal;
	list-style-position:inside; 
}

#kakikae ul li{
	list-style:disc;
	list-style-position:inside; 
}


/* ---------- ¥¤¥ó¥Ç¥ó¥È ----------- */

#kakikae blockquote {
	padding-left:1em;
}

/* ---------- ¥Æ©`¥Ö¥ë ----------- */

#kakikae table{
	font-size:100%;
}

#kakikae table th,
#kakikae table td{
  border:1px solid #B5B5B5;
}

/* ---------- ¾€ ----------- */

#kakikae hr{
	display:block;
}

/* ¥¤¥¿¥ê¥Ã¥¯ */
#kakikae em {
	font-style: oblique;
	font-style: italic;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3";
}

/* Ì«ÎÄ×Ö */
#kakikae strong{
	font-weight:bold;	
}

/* ¥¤¥¿¥ê¥Ã¥¯Ì«ÎÄ×Ö */

#kakikae em strong, 
#kakikae strong em {
	font-style: oblique;
	font-style: italic;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3";
	font-weight:bold;	
}

/* ---------- ¥Æ¥ó¥×¥ì¥Õ¥©©`¥Þ¥Ã¥È ----------- */

    
/* ttl */
#topics h5.tit{
	/*background: url(/manabi/common/h4_bg.jpg) no-repeat top left;
	padding: 13px 15px 0px 15px;
	font-weight: normal;
	font-size: 133.4%;
	height:35px;
  margin-top:18px;*/
	    color: #333;
    font-size: 116.7%;
    background-color: #FFEDEF;
    border-left: #F4B3B9 solid 4px;
    padding: 8px 8px 8px;
    margin: 10px 0px 10px;
    font-weight: normal;
}

#topics h6.tit02{
  /*background: #FEEEEF;
  padding:13px 10px 12px 10px;
	font-size: 116.7%;
  border-top:2px solid #D57A9B;
  margin-bottom:10px;
  margin-top:20px;*/
	font-size: 17px;
	color: #555;
	font-weight:normal;
	width: 700px;
	margin: 20px auto 18px;
	position: relative;
	padding-left: 18px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #bbb;
}


#topics h6.tit02::before{
	width: 4px;
	height: 4px;
	border: 3px solid #D57A9B;
	content: "";
	display: block;
	left: 0;
	top: 7px;
	position: absolute;
}

/* tbl01 */

.tbl01{
	border-collapse:collapse;
	margin:5px auto 5px auto;
}

.tbl01 th{
	border: 1px solid #ccc;
	padding: 11px 15px;
	width: 140px;
	font-weight: normal;
	text-align: center;
	color: #333;
	background-color: #f7f7f7;
  }
  
.tbl01 td{
	  border:1px solid #ccc;
		padding: 11px 15px;
		line-height:1.8em;
  }
 
 #topics #kakikae .tbl01 td .day{
  background: #FEEEEF;
  padding:4px 8px;
  margin-top:0px;
  margin-bottom:10px;
  color: #C44D79;
  font-weight:bold;
  }
  
#topics .topicsBtn{
  position:relative;
  background: #EEEEEE;
  padding:18px;
  text-align:center;
  margin-bottom:30px;
}

#topics .topicsBtn .pdf{
  position:absolute;
  top:10px;
  right:20px;
  display: block;
  width:150px;
  text-align:right;
  padding-top:0px;
	margin-top:0px;
}

#topics .topicsBtn .pdf a{
  padding-left:17px;
  text-decoration:underline;
  background: url(/manabi/common/arw_circle.gif) no-repeat 0px 2px;
}
  

/*---------------------------------------------------------
pagenation
---------------------------------------------------------*/ 
.pagenation ul {
	margin-top:20px;
	text-align: center;
}

.pagenation ul li {
	display: inline-block;
	margin-right: 8px;
	padding: 0;
}

.pagenation ul li a {
	display: inline-block;
	margin-bottom: 5px;
	padding:6px 15px;
	/*border: 1px solid #CCC;*/
	text-decoration: none;
	vertical-align: bottom;
	background:#EEEEEE;
}

.pagenation ul li a.now {
	background: #F079A9;
	color:#FFF;
}

.pagenation ul li a:hover {
	background: #F079A9;
	color: #FFF;
}

.pagenation ul li#prev a,
.pagenation ul li#next a{
	text-decoration: none;
	text-align: center;
	border: none;
	text-decoration:underline;
}

.pagenation ul li#prev a:hover,
.pagenation ul li#next a:hover{
	color:#343E7E;
}

.pagenation ul li#prev a{
	background: url(/manabi/common/page_arrow_l.gif) no-repeat left center;	
	padding: 6px 0px 6px 15px;
	margin-right: 10px;
}

.pagenation ul li#next a{
	background:url(/manabi/common/page_arrow_r.gif) no-repeat right center;	
	padding: 6px 15px 6px 0px;
	margin-left: 4px;
}

.back #prev{
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	padding:0px 20px;
}

.back ul li#prev a{
	padding-top:0px;
	padding-bottom:0px;
}

.back{
	border-top: 1px dotted #B3B3B3;
	padding-top: 5px;
	margin-top: 25px;
}