/*****************
  TOPICS用CSS 
******************/

/* TOPICS表示エリア */
#topics {
	width	: 630px;
	margin 	: 0px;
	padding : 0px;
}

/* TOPICS内容表示エリア */
#topics_area {
	width	: 630px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #DDDDDD;
}

div.topics_row {
	width	: 630px;
	height	: 88px;
	margin 	: 0px;
	padding : 0px;
}

/* TOPICS一覧画像 */
div.topics_list_img_area {
	width	: 82px;
	height	: 88px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
div.topics_list_img {
	width	: 60px;
	height	: 60px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_list_img_top {
	width	: 82px;
	height	: 15px;
	margin 	: 0px;
	padding : 0px;
}
div.topics_list_img_side {
	width	: 11px;
	height	: 60px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_list_img_bottom {
	width	: 82px;
	height	: 13px;
	margin 	: 0px;
	padding : 0px;
}

/* 余白 横5px */
div.topics_center_border {
	width	: 5px;
	height	: 88px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}

/**
 TOPICS一覧
**/
div.topics_list_area {
	width	: 533px;
	height	: 88px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
div.topics_list_area_top {
	width	: 533px;
	height	: 15px;
	margin 	: 0px;
	padding : 0px;
}
/* TOPICSタイトル */
div.topics_list_title {
	width	: 533px;
	height	: 24px;
	margin 	: 0px;
	padding : 0px;
	
	vertical-align	: bottom;
	
	background-image	: url(../img_static/bg_list_title.gif);
	background-repeat	: no-repeat;
}
span.topic_title_font {
	color		: #3266CC;
	font-weight	: bold;
}
div.topics_list_title_space {
	width	: 10px;
	height	: 24px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_list_title_area {
	width	: 473px;
	height	: 18px;
	margin 	: 0px;
	padding : 0px;
	
	text-align	: bottom;
	
	float	: left;
}
div.topics_list_title_detail {
	width	: 50px;
	height	: 24px;
	margin 	: 0px;
	padding : 0px;
	
	text-align	: bottom;
	
	float	: left;
}
/* TOPICS本文 */
div.topics_list_content_top {
	width	: 533px;
	height	: 5px;
	margin 	: 0px;
	padding : 0px;
}
div.topics_list_content {
	width	: 533px;
	height	: 42px;
	margin 	: 0px;
	padding : 0px;
}
div.topics_list_content_space {
	width	: 10px;
	height	: 42px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_list_content_body {
	width	: 523px;
	height	: 42px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}

/* 区切り点線 */
div.topics_line {
	height	: 1px;
	width	: 630px;
	margin 	: 0px;
	padding : 0px;
	
	clear	: left;
}
div.topics_line_border {
	width	: 5px;
	height	: 1px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_line_side {
	width	: 5px;
	height	: 1px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
div.topics_line_area {
	width	: 610px;
	height	: 1px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	background-image	: url(../img_static/border_topics.gif);
	background-repeat	: repeat-x;
	
	float	: left;
}

/* データなし */
div.topics_nodata_area {
	width	: 630px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
}
div.topics_nodata_row {
	width	: 620px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
div.topics_nodata {
	width	: 610px;
	height	: 24px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}

/* バックナンバー表示 */
#topics_backnumber_area {
	width	: 630px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	text-align	: right;
	
	clear	: left;
}
#topics_backnumber {
	width	: 620px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_backnumber_border {
	width	: 5px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
.backnumber_form {
	font-size	: 10px;
	width		: 80px;
}
.backnumber_btn {
	font-size	: 10px;
	width		: 50px;
}


/**
 TOPICS詳細
**/
/* タイトル表示部  */
#topics_detail_title_area {
	width	: 630px;
	height	: 30px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
#topics_detail_title {
	width	: 620px;
	height	: 30px;
	margin 	: 0px;
	padding : 0px;
	
	vertical-align	: bottom;
	
	background-color	: #FAFAFA;
	background-image	: url(../img_static/bg_detail_title.gif);
	background-repeat	: no-repeat;
	
	float	: left;
}
div.topics_detail_border {
	width	: 5px;
	height	: 1px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
#topics_detail_area_top {
	width	: 620px;
	height	: 8px;
	margin 	: 0px;
	padding : 0px;
}
#topics_detail_title_inner {
	width	: 620px;
	height	: 18px;
	margin 	: 0px;
	padding : 0px;
}
div.topics_detail_title_space {
	width	: 20px;
	height	: 18px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_detail_title_ {
	width	: 590px;
	height	: 18px;
	margin 	: 0px;
	padding : 0px;
	
	text-align	: bottom;
	overflow	: hidden;
	
	float	: left;
}
/* 画像 */
#topics_detail_img_row {
	width	: 630px;
	height	: 160px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_detail_img_area {
	width	: 620px;
	height	: 160px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
div.topics_detail_img_each {
	width	: 156px;
	height	: 160px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_detail_img_top {
	width	: 156px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
}
div.topics_detail_img_side {
	width	: 18px;
	height	: 120px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_detail_img_bottom {
	width	: 156px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
}
div.topics_detail_img {
	width	: 120px;
	height	: 120px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
/* 本文 */
#topics_detail_content_area {
	width	: 630px;
	margin 	: 0px;
	padding : 0px;
	
	clear 	: left;
}
#topics_detail_content {
	width	: 620px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
div.topipcs_detail_content_space {
	width	: 10px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
#topics_detail_content_inner {
	width	: 600px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
#topics_detail_content_bottom {
	width	: 620px;
	height	: 10px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
div.topics_detail_bottom_area {
	width	: 630px;
	height	: 5px;
	margin 	: 0px;
	padding : 0px;
	
	clear 	: left;
}
div.topics_detail_bottom {
	width	: 620px;
	height	: 5px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
/* 前後移動エリア */
#topics_detail_move_area {
	width	: 630px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	clear	: left;
}
#topics_detail_move {
	width	: 620px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	background-color	: #FAFAFA;
	
	float	: left;
}
#topics_detail_prev {
	width	: 100px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	text-align	: left;
	
	position	: relative;
	top			: 50%;
	margin-top	: -5px;
	
	float	: left;
}
#topics_detail_back {
	width	: 420px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	text-align	: center;
	
	position	: relative;
	top			: 50%;
	margin-top	: -5px;
	
	float	: left;
}
#topics_detail_next {
	width	: 100px;
	height	: 20px;
	margin 	: 0px;
	padding : 0px;
	
	text-align	: right;
	
	position	: relative;
	top			: 50%;
	margin-top	: -5px;
	
	float	: left;
}
#topics_detail_prev img{
	vertical-align	: bottom;
}
#topics_detail_next img{
	vertical-align	: bottom;
}


/* 余白 縦5px */
div.topics_devide {
	width	: 630px;
	height	: 5px;
	margin 	: 0px;
	padding : 0px;
	
	clear	: left;
}
/* 余白 横5px */
div.topics_border {
	width	: 5px;
	height	: 88px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}
div.topics_border2 {
	width	: 5px;
	height	: 88px;
	margin 	: 0px;
	padding : 0px;
	
	float	: left;
}