@charset "utf-8";
/* ===================================================================
 file name  :top.css
 style info :トップページ固有スタイル
=================================================================== */

/*----------------------------------------------------
	#topics-bnr
----------------------------------------------------*/
#topics-bnr {
}

div.main-topics-bnr {
	float:left;
	width:530px;
	height:240px;
	padding:10px;
	background-color:#FFF;
}

div.sub-topics-bnr {
	float:right;
	text-align:right;
}

div.sub-topics-bnr ul li {
	line-height:0;
	font-size:1%;
	margin-bottom:10px;
}

div.sub-topics-bnr ul li a {
	line-height:normal;
}

div.sub-topics-bnr ul li img {
	vertical-align: bottom;
}


/*----------------------------------------------------
	#entry-link-area
----------------------------------------------------*/
#entry-link-area {
}

#entry-link-area h2 {
	display:none;
}

/*----------------------------------------------------
	#entry-list
----------------------------------------------------*/

/* ----------------------------------
>>>>>---entry-list-type1
-----------------------------------*/
#entry-link-area ul.entry-list-type1 li {
	float:left;
	width:250px;
	height:4.5em;
	margin-left:10px;
	margin-bottom:4px;
	padding-bottom:8px;	
}

#entry-link-area ul.entry-list-type1 li.resetmargin {
	margin-left:0;
} 

#entry-link-area ul.entry-list-type1 li div.image-area {
	float:left;
	text-align:center;
}

#entry-link-area ul.entry-list-type1 li img {
	padding:1px;
	border:1px solid #DEDEDE;
	background-color:#FFF;
}

#entry-link-area ul.entry-list-type1 li a:hover img {
	border:1px solid #FF00FF;
}

#entry-link-area ul.entry-list-type1 li span.entry-date {
	color:#FF00FF;
	line-height:1;
}

#entry-link-area ul.entry-list-type1 li div.text-area {
	float:right;
	width:200px;
}

#entry-link-area ul.entry-list-type1 li div.text-area h4 {
	margin-bottom:.5em;
}

#entry-link-area ul.entry-list-type1 li div.text-area p{
	font-size:95%;
}

#entry-link-area ul.entry-list-type1 span.ch-name {
	padding:2px;
	font-size:.9em;
}

#entry-link-area ul.entry-list-type1 span.ch-name a{
	padding:0 4px;
	text-decoration:none;
	color:#2478CA;
	background-color:#DEDEDE;
}

#entry-link-area ul.entry-list-type1 span.ch-name a:hover {
	background-color:#FFF;
}

/* ----------------------------------
>>>>>---entry-list-type2
-----------------------------------*/
ul.entry-list-type2 li {
	float:left;
	width:380px;
	margin-bottom:4px;
	padding-bottom:8px;	
	position:relative;
}

ul.entry-list-type2 li.odd {
	margin-right:10px;
}

ul.entry-list-type2 li  h4 {
	margin-bottom:.2em;
	padding:5px;
	background-color:#E0E0E0;
	line-height:1;
}

ul.entry-list-type2 li  h5 {
	margin-bottom:.2em;
}

ul.entry-list-type2 li div.image-area {
	float:left;
}

ul.entry-list-type2 li div.image-area img {
	padding:1px;
	border:1px solid #DEDEDE;
	background-color:#FFF;
}

ul.entry-list-type2 li div.image-area a:hover img {
	border:1px solid #FF00FF;
}

ul.entry-list-type2 li p.entry-date {
	margin-top:6px;
	font-size:90%;
	color:#FF00FF;
	line-height:1;
	text-align:center;
}

ul.entry-list-type2 li div.text-area {
	float:right;
	width:285px;
}

ul.entry-list-type2 li p.entry-date {
	font-size:90%;
	color:#FF00FF;
}

ul.entry-list-type2 li div.text-area p{
	font-size:95%;
}

ul.entry-list-type2 p.more-link {
	position:absolute;
	top:1px;
	right:0;
	padding:2px;
	font-size:.9em;
	text-align:right;
}

ul.entry-list-type2 p.more-link a{
	padding:0 4px;
	text-decoration:none;
	color:#2478CA;
}

ul.entry-list-type2 p.more-link a:hover {
	background-color:#FFF;
}

/*----------------------------------------------------
	#ranking-area
----------------------------------------------------*/
#ranking-area {
	margin-bottom:1em;
}

#ranking-area h4 {
	margin-bottom:.3em;
}

#ranking-area .left-col {
	float:left;
}

#ranking-area .right-col {
	float:right;
}

#ranking-area .left-col,
#ranking-area .right-col {
	padding:10px;
	width:360px !important;
	border:none !important;
	background-color:#FFF;
}

#ranking-area ul li {
	margin-bottom:4px;
	padding-left:12px;
	background:url('../img/parts/listmark_en_black.gif') no-repeat left center;
}