@charset "utf-8";

@import "common.css";



/* Top Style
---------------------------------------------------- */
#mainImg {
	border: #513930 solid 1px;
	background: #785f55;
}


#topContents {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	_zoom:1;
}

#topContents #topics,
#topContents #column {
	float: left;
	width: 443px;
	background: #fff;
	border: #a9a9a9 solid 1px;
	border-top: #4a332b solid 2px;
	padding-bottom: 1px;
}

#topContents #column {
	margin-left:10px;
	background: url(/img/top/bg_column.jpg) no-repeat #fff right bottom;
}




/* タイトル */

#topContents .ttl {
	background: url(/img/top/bg_contents.jpg) repeat-x;
	padding: 5px;
	overflow: hidden;
	_zoom:1;
	width: 433px;
}

#topContents .ttl dt {
	float: left;
}

#topContents .ttl dd {
	float: right;
}



/* リスト */

#topContents .listArea {
	overflow: auto;
	overflow-x:hidden;
	height: 280px;
}

#topContents .listArea dl {
	overflow: hidden;
	_zoom:1;
	width: 423px;
	margin: 15px 10px;
	border-bottom: #9d9d9d dotted 1px;
	padding-bottom: 5px;
}

#topContents .listArea dl dt {
	float: left;
	width: 100px;
}

#topContents .listArea dl dd {
	float: left;
	width: 300px;
	background: url(/img/share/icon_arrow01.gif) no-repeat left 5px;
	padding-left: 20px;
}

#topContents .listArea dl dd a {
}



* html #topContents .listArea dl  { /* for ie6 */
	width: 390px;
}

* html #topContents .listArea dl dd { /* for ie6 */
	width: 270px;
}