@charset "utf-8";

/* ---------------------------------------------------------
   topics
   ---------------------------------------------------------*/

.topicsNone{
	padding:10px 20px;
}

.topicsListNewBox{
	width:667px;
	background:url(../../topics/images/topics_newbox_bg_02.jpg) repeat-y;
	clear:both;
	margin:0 auto 30px auto;
}

.topicsListNewBox .topicsListNewBoxBg01{
	background:url(../../topics/images/topics_newbox_bg_01.jpg) no-repeat;
}

.topicsListNewBox.topicsNew .topicsListNewBoxBg01{
	background:url(../../topics/images/topics_newbox_bg_01_new.jpg) no-repeat;
}

.topicsListNewBox .topicsListNewBoxBg02{
	background:url(../../topics/images/topics_newbox_bg_03.jpg) 0 bottom no-repeat;
	padding:45px 15px 15px 15px;
}


.topicsListNewBoxTitle{
	width:630px;
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
	margin-bottom:15px;
}


.topicsListNewBoxTitle dt{
	width:100px;
	padding-right:85px;
	padding-left:10px;
	line-height:23px;
	float:left;
	font-weight:bold;
	font-size:86%;
}

.topicsListNewBoxTitle dt.topicsCateIcon01{background:url(../images/topics_cateico_01.png) right 0 no-repeat;}
.topicsListNewBoxTitle dt.topicsCateIcon02{background:url(../images/topics_cateico_02.png) right 0 no-repeat;}
.topicsListNewBoxTitle dt.topicsCateIcon03{background:url(../images/topics_cateico_03.png) right 0 no-repeat;}
.topicsListNewBoxTitle dt.topicsCateIcon04{background:url(../images/topics_cateico_04.png) right 0 no-repeat;}

.topicsListNewBoxTitle dd{
	width:330px;
	float:right;
	padding-right:85px;
}

.topicsListNewBox.noImg .topicsListNewBoxTitle dd{
	width:415px;
	padding-right:0px;
}

.topicsListNewBoxInner{
	clear:both;
}

.topicsListNewBoxLeft{
	width:390px;
	float:left;
}

.topicsListNewBox.noImg .topicsListNewBoxLeft{
	width:auto;
	float:none;
	padding-right:10px;
}

.topicsListNewBoxLeft .topicsListNewBoxText{
	margin-bottom:30px;
	padding-left:10px;
	line-height:200%;
}


.topicsListNewBoxLeft .topicsListNewBoxMore{
	text-align:right;
}


.topicsListNewBoxRight{
	width:216px;
	float:right;
}

.topicsListNewBoxRight .topicsImg{background:url(../../topics/images/topics_imgbox_bg_02.jpg) repeat-y; margin-bottom:10px;}
.topicsListNewBoxRight .topicsImgInner{background:url(../../topics/images/topics_imgbox_bg_01.jpg) no-repeat;}

.topicsListNewBoxRight .topicsImg dl{
	background:url(../../topics/images/topics_imgbox_bg_03.jpg) 0 bottom no-repeat;
	padding:8px 8px;
}

.topicsListNewBoxRight .topicsImg dt{
	font-size:0;
	line-height:0;
	margin-bottom:0px;
}

.topicsListNewBoxRight .topicsImg .caption{
/*	width:160px;*/
/*	float:left;*/
	padding:5px 5px 0 5px;
}

.topicsListNewBoxRight .topicsImg .zoomBtn a{
	text-indent:-9999px;
	display:block;
	width:30px;
	height:30px;
	background:url(../images/btn_zoom.png) 50% 50% no-repeat;
	float:right;
}



/* ---------------------------------------------------------
   topicsList
   ---------------------------------------------------------*/



.topicsList {
	width:630px;
	clear:both;
	margin:0 auto 40px auto;
}

.topicsList dl{
	border-bottom:1px dotted #999;
	padding:15px 10px;
}



.topicsList dt{
	width:100px;
	padding-right:85px;
	line-height:23px;
	float:left;
	font-weight:bold;
	font-size:86%;
}

.topicsList dt img{
	vertical-align:middle;
	padding-left:22px;
}

.topicsList dt.topicsCateIcon01{background:url(../images/topics_cateico_01.png) right 0 no-repeat;}
.topicsList dt.topicsCateIcon02{background:url(../images/topics_cateico_02.png) right 0 no-repeat;}
.topicsList dt.topicsCateIcon03{background:url(../images/topics_cateico_03.png) right 0 no-repeat;}
.topicsList dt.topicsCateIcon04{background:url(../images/topics_cateico_04.png) right 0 no-repeat;}



.topicsList dd{
	width:400px;
	float:right;
}

.topicsList dd img{
	vertical-align:middle;
	padding-left:5px;
}

.topicsTitleArea{
	width:630px;
	height:35px;
	position:relative;
	clear:both;
	margin-bottom:20px;
}

.topicsTitleArea .listBtn{
	width:100px;
	position:absolute;
	right:0;
	bottom:0;
}

.topicsTitleArea .listBtn a{
	width:100px;
	height:24px;
	display:block;
	background:url(../images/list_btn.html) no-repeat;
	text-indent:-9999px;
}


/* ---------------------------------------------------------
   topicsDetail
   ---------------------------------------------------------*/

.topicsDetailTitle{
	width:660px;
	clear:both;
	border-top:2px solid #F2F2F2;
	border-bottom:2px solid #F2F2F2;
	margin:0 auto 20px auto;
}

.topicsDetailTitle h3{
	font-weight:normal;
	font-size:100%;
}

.topicsDetailTitle dl{
	padding:15px 0;
}

.topicsDetailTitle .topicsCateIcon01{background:url(../images/topics_cateico_01.png) 0 13px no-repeat;}
.topicsDetailTitle .topicsCateIcon02{background:url(../images/topics_cateico_02.png) 0 13px no-repeat;}
.topicsDetailTitle .topicsCateIcon03{background:url(../images/topics_cateico_03.png) 0 13px no-repeat;}
.topicsDetailTitle .topicsCateIcon04{background:url(../images/topics_cateico_04.png) 0 13px no-repeat;}

.topicsDetailTitle dt{
	float:right;
	width:100px;
	font-weight:bold;
	font-size:86%;
	text-align:center;
}

.topicsDetailTitle dt img{
	vertical-align:middle;
	padding-top:3px;
}

.topicsDetailTitle dd{
	width:440px;
	padding-left:90px;
	float:left;
}



.topicsDetail{
	width:630px;
	clear:both;
	padding-top:20px;
}

.topicsDetailBox01{
	width:380px;
	float:left;
	padding-left:10px;
}

.topicsDetailBox01.noImg{
	width:600px;
	float:none;
}

.topicsDetailBox01 .topicsText{
	margin-bottom:30px;
	line-height:200%;
}

.topicsDetailBox01 .topicsData li{
	list-style-type:none;
	background:url(../images/ico_02.png) 0 5px no-repeat;
	padding-left:20px;
	margin-bottom:5px;
}

.topicsDetailBox01 .topicsData li img{
	padding-left:5px;
	vertical-align:middle;
}

.topicsDetailBox02{
	width:216px;
	float:right;
}

.topicsDetailBox02 .topicsImg{background:url(../../topics/images/topics_detail_imgbox_bg_02.jpg) repeat-y; margin-bottom:10px;}
.topicsDetailBox02 .topicsImgInner{background:url(../../topics/images/topics_detail_imgbox_bg_01.jpg) no-repeat;}

.topicsDetailBox02 .topicsImg dl{
	background:url(../../topics/images/topics_detail_imgbox_bg_03.jpg) 0 bottom no-repeat;
	padding:8px 8px;
}

.topicsDetailBox02 .topicsImg dt{
	font-size:0;
	line-height:0;
	margin-bottom:0px;
}

.topicsDetailBox02 .topicsImg .caption{
	width:160px;
	float:left;
	padding:5px 0 0 5px;
}

.topicsDetailBox02 .topicsImg .zoomBtn a{
	text-indent:-9999px;
	display:block;
	width:30px;
	height:30px;
	background:url(../images/btn_zoom.png) 50% 50% no-repeat;
	float:right;
}

.topicsEntryBtn{
	clear:both;
	margin:30px auto 0;
	width:508px;
	height:88px;
	background:url(../../topics/images/topics_entry_btn.jpg) 0 bottom no-repeat;
}

.topicsEntryBtn a{
	display:block;
	width:508px;
	height:88px;
	background:url(../../topics/images/topics_entry_btn.jpg) no-repeat;
	text-indent:-9999px;
}

.topicsEntryBtn a:hover{
	background:url(../../topics/images/topics_entry_btn.jpg) 0 bottom no-repeat;
}