@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: 225px;
	margin-bottom: 8px;

}

#contents_main .column li a {
	display: block;
	width: 217px;
	height: 66px;
	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: 74px;
}

#contents_main .column li a p.pic img {
	border: 1px solid #d9d9e7;
}

#contents_main .column li a p.date {
	float: left;
	width: 140px;
	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: 132px;
	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;
}

#contents_main .column .dr {
	clear:both;
	margin:25px 0 0 0;
	}
	#contents_main .column .dr.line {
		border-top:1px solid #ddd;
		margin:25px 0 0 0;
		padding:25px 0 0 0;
		}
	#contents_main .column .dr h3 {
		font-weight:bold;
		font-size:16px;
		padding:0 0 0 20px;
		margin:0 0 20px 0;
		background: url(/common/img/title_icon_gray.gif) no-repeat left center;
		}

#contents_main .column ul.dr_soft {
	float:right;
	padding-top:2px;
	}
	#contents_main .column ul.dr_soft li {
		float: left;
		width: auto;
		margin:0 20px 0 0;
		}
		#contents_main .column ul.dr_soft li a {
			display: block;
			width: auto;
			height: auto;
			padding:0 0 0 12px;
			text-decoration:underline;
			background: url(/common/img/link_arrow_black.gif) no-repeat left center;
			}
		#contents_main .column ul.dr_soft li a:hover {
			opacity:0.6;
			}
			#contents_main .column ul.dr_soft li a.on {
				color:#999;
				text-decoration:none;
				}
			#contents_main .column ul.dr_soft li a.on:hover {
				opacity:1;
				}