@charset "utf-8";
/* ===================================================================
CSS information

 file name  :rader.css
 author     :syouji
 style info :レーダー一覧ページ用
=================================================================== */

/* =====================================================================
*
*    INDEX
*
*    1. 共通
*	 2. #contents_area
*	 3. #contents_main
*
* =================================================================== */

/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */

div.container {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* ----- clearfix */

#contents_main .column:after,
#contents_main .column h2 li a:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* IE6 */
* html #contents_main .column,
* html #contents_main .column h2 li a {
	zoom: 1;
} 

/* IE7 */
*:first-child+html #contents_main .column,
*:first-child+html #contents_main .column h2 li a {
	zoom: 1;
}

/* -----------------------------------------------------------
	#contents_main
----------------------------------------------------------- */

/* ----- pagenav */
#contents_main .pagenav {
	color: #999;
	text-align: right;
	margin-bottom: 6px;
}

#contents_main .pagenav li {
	font-size: 93%;
	display: inline;
	margin-left: -0.4em;
}


/* ----- column */
#contents_main .column {
	border: 1px solid #cfcfe1;
	background: #fff url(../../../download/img/cmn_box_bg.gif) no-repeat;
	padding: 20px 0 10px 20px;
	margin-bottom: 30px;
}

#contents_main .column h2 {
	margin-bottom: 18px;
}

#contents_main .column li {
	float: left;
	width: 675px;
	margin-bottom: 18px;

}

#contents_main .column li a {
	display: block;
	width: 667px;
	height: 92px;
	text-decoration: none;
}

#contents_main .column li a:hover,
#contents_main .column li a:active {
	color: #2996dc;
	text-decoration: underline;
	background: #e5f1f8;
}

#contents_main .column li a p.pic {
	float: left;
	width: 83px;
}

#contents_main .column li a p.pic img {
	border: 1px solid #d9d9e7;
}

#contents_main .column li a p.date {
	float: left;
	width: 580px;
	font-size: 93%;
	color: #666;
}

#contents_main .column li a:hover p.date,
#contents_main .column li a:active p.date {
	color: #2996dc;
	text-decoration: underline;
}

#contents_main .column li a p.txt {
	float: left;
	width: 532px;
	font-size: 93%;
	padding-left: 8px;
	background: url(/common/img/link_arrow_black.gif) no-repeat 0 0.4em;
}

#contents_main .column li a:hover p.txt,
#contents_main .column li a:active p.txt {
	color: #2996dc;
	text-decoration: underline;
}