@import "../../css/common.css";

/*==================================================================*/
/* topics css */
/*==================================================================*/
#topics{margin:0 auto 3em;}

/* h1 */
h1#title{
	margin:0 auto 1em;
	padding:0;
}

/* head-area */
/* ------------------------------------------- */
#topics .head-area *{margin:0;padding:0;}

#topics .head-area{
	width:650px;
	margin:0 auto;
}

/* clear hack */
#topics .head-area{zoom:1;}
#topics .head-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/* left */
#topics .head-area .left{
	width:500px;
	float:left;
}

/* right */
#topics .head-area .right{
	width:145px;
	float:right;
}

/* h2 */
#topics .head-area h2{
	margin:0 auto 1em;
}

#topics .head-area p{
	width:490px;
	margin:0 auto 0.6em;
}

/* TOPICS�ꗗ */
/* ------------------------------------------- */
#topics .list *{margin:0;padding:0;}

/* h3 */
#topics .list h3{
	width:658px;
	height:34px;
	margin:30px auto 0.6em;
	padding:0;
	background:url('./../image/year_back.gif') no-repeat 0 0;
}

#topics .list h3 span{
	color:#fff;
	display:block;
	font-size:24px;
	line-height:1;
	margin:0 0 0 18px;
	padding:2px 0 0 0;
	font-family:Georgia,Arial,Helvetica,sans-serif;
}

#topics .list{
	width:658px;
	margin:0 auto 3em;
}

#topics .list dl{
	padding:0 0 0 20px;
	background:url('./../image/list_back.gif') no-repeat 0 0;
}

/* clear hack */
#topics .list dl{zoom:1;}
#topics .list dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#topics .list dl dt{
	float:left;
	width:130px;
	font-size:1.1em;
	padding:14px 0;
	font-weight:bold;
	color:#6a3906;
	font-family:Georgia,Arial,Helvetica,sans-serif;
}

#topics .list dl dd{
	float:right;
	width:500px;
	padding:14px 0;
}

/* link */
#topics .list dl dd a					{color:#7b5a08;text-decoration:underline;}
#topics .list dl dd a:hover		{color:#997211;text-decoration:underline;}


/* TOPICS�ڍ� */
/* ------------------------------------------- */
#topics .detail{
	width:660px;
	margin:0 auto 2em;
}

#topics .topics-title{border-bottom:1px solid #8b5913;}

#topics .topics-title h2{
	width:590px;
	margin:0 auto;
	padding:0;
	font-size:1.2em;
	background:url('./../image/ic_title.gif') no-repeat 0 10px;
}

#topics .topics-title h2 span{
	display:block;
	color:#704810;
	padding:12px 0 6px 20px;
}

#topics .detail .date{
	margin:0;
	padding:0 0 3px 8px;
	font-size:1.6em;
	font-family:Georgia,Arial,Helvetica,sans-serif;
}

#topics .detail .middle{
	border-left:1px solid #c7bf6d;
	border-right:1px solid #c7bf6d;
	background:url('./../image/topics_detail_middle.gif') no-repeat left bottom #fdfce3;
}

#topics .detail .middle p{
	width:550px;
	line-height:1.6;
	margin:0 auto;
	padding:5px 0;
}

#topics .detail .bottom{
	height:28px;
	background:url('./../image/topics_detail_bottom.gif') no-repeat 0 0;
}

#topics p.btn-return{
	width:670px;
	margin:0 auto;
	text-align:right;
}

/* --------------------------------------------------------------- */