/*パラリーガル CSS
index.htmlのみに使用。*/

/*コンテンツエリア
-----------------------------------------------------------------------------------------*/
#index_content_area{
 width:605px;
	margin:0 0 0 0;
	padding:0;
	float:right;
}
#index_content_area img{
	margin:0;
	padding:0;
}
/*中央エリア
-----------------------------------------------------------------------------------------*/
#center_area{
 width:375px;
 margin:0;
 padding:0 20px 0 20px;
	float:left;
} 	 
/*講座紹介*/
#kouza{
 margin:15px 0;
 padding:0;
 width:375px;
 background: url(../images/kouza_bg.gif) repeat-y left top;
}
#kouza h2{
 margin:0;
 padding:4px 10px 3px 10px;
	border-top:#CCC solid 1px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	background:#06C;
	font-size:80%;
	line-height:100%;
	color:#FFF;
}
#kouza h3{
	margin:7px 0 5px 15px;
	padding:1px 2px;
	background-color:#cccccc;
	background-image:none;
	font-weight:normal;
	color:#8A8A00
}
#kouza ul{
 margin:0;
 padding:0 0 0 15px;
}				
#kouza li{
 margin :7px 0 0 0;
 padding :0 0 5px 15px;
 border-bottom:1px dotted #CCC;
 font-size:80%;
 line-height:100%;
 background:url(../common_img/link.gif) no-repeat left top;
}
#kouza li p{
 margin:2px 0 0 0;
 padding:0;
 line-height:100%;
}
/*トピックス*/
.topics{
 width:375px;
 margin:0 0 10px 0;
 padding:0;		
}
.topics h2{
 margin:0 0 10px 0;
 padding:3px 5px 1px 5px;
 border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 2px solid #06C;
	font-size:80%;
 font-weight:bold;
 line-height:100%;
	color:#666;
	background-color:#EAEFFA;
	background-image:none;
}		
/*リンク*/
.topics ul{
 margin:5px 0 10px 0;
 padding:0;
}
.topics li{
 list-style: none;
 margin:0 0 10px 0;
 padding:0 0 0 15px;
 vertical-align: top;
	font-size:80%;
 line-height:110%;
 background: url(../common_img/link.gif) no-repeat left top;
}
#topics li .date{
font-size:80%;
}
/*右エリア
-----------------------------------------------------------------------------------------*/
#right_area{
 width:190px;
 margin:0;
 padding:0;
 float:left;
}
/*おすすめランキング*/
#special{
	margin:0 0 10px 0;
	padding:0px 0 0 0;
	background:url(../images/osusume.gif) no-repeat top;
}
h2.special_ttl{
	margin:0;
	padding:5px;
    border:none;
	color:#FFF;
	font-size:80%;
	font-weight:bold;
	line-height:100%;
}
#special_box{
	margin:0 0 10px 0;
	padding:0;
	border-left:solid 1px #C5D4F1;
	border-right:solid 1px #C5D4F1;
	border-bottom:solid 1px #C5D4F1;
	background:#EAEFFA;
}
#special_box dl{
 margin:10px 5px;
 padding:0;
 line-height:100%;
}
#special_box dt{ 
 margin:0 0 5px 0;
 padding:0 0 0 12px;
 background: url(../common_img/mk.gif) no-repeat left top;
	list-style: none;
	font-size:80%;
}
#special_box dd{
 margin:0 0 10px 12px;
 padding:0;
 font-size:80%;
	line-height:100%;
}			
#special_box ul{
 margin:7px 5px;
 padding:0;
 font-size:80%;
 line-height:110%;
}
#special_box li{
 list-style: none;
 margin:0 0 5px 0;
 padding:0 0 0 12px;
 vertical-align: top;
 background: url(../common_img/mk.gif) no-repeat left top;
}
#special_box li p{
 margin:2px 0 0 0;
 padding:0;
 line-height:100%;
}	
/*以下、ライトコラムボックス*/
.rc_box{
 border:solid 1px #CCC;
 margin:0 0 10px 0;
 padding:0;
 width:190px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:188px;
}
.rd_box{
 border:solid 1px #CCC;
 margin:0 0 10px 0;
 padding:0;
 width:190px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:188px;
}
h3.rc_ttl{
 margin:0;
 padding:4px 0 3px 5px;
	border-bottom:solid 1px #CCC;
	background: url(../images/grade_gray.jpg) repeat-x left top;
 display: block;
	font-size:80%;
 font-weight:bold;
 line-height:100%;
 color:#666;			
}
.rc_subtitle{
 line-height: 100%;
 color:#993;
 margin:5px;
 padding:0;
 background: url(../common_img/dot.gif) repeat-x #FFF bottom;
}
.rc_box dl{
 margin:10px 5px;
 padding:0;
}
.rc_box dt{ 
 margin:0 0 5px 0;
 padding:0 0 0 12px;
 background:url(../common_img/mk.gif) no-repeat left top;
 font-size:80%;
}
.rc_box dd{
 margin:0 0 10px 12px;
 padding:0;
 font-size:80%;
 line-height:100%;
}			
.rc_box ul{
 margin:8px 5px;
 padding:0;
 font-size:80%;
 line-height:110%;
}
.rc_box li{ 
 margin:0 0 5px 0;
 padding:0 0 0 12px;
 background: url(../common_img/mk.gif) no-repeat left top;
	list-style: none;
}
.rc_box li p{
 margin:2px 0 0 0;
 padding:0;
 line-height:100%;
}		
/*バナーのマージン指定
-----------------------------------------------------------------------------------------*/
#right_area img{
 margin:0 0 5px 0;
}