@charset "EUC-JP";

/* topics（Whats newや各ページのindexなど）
---------------------------------------------------- */
ul.ic_list, #topics, .topics {
	margin: 0;
	padding: 0 0 4px 0;
	width: 100%;
	list-style: none;
	border-top: 1px solid #cccccc;
}
.ic_list li , #topics li, .topics li {
	display: block;
	margin: 0;
	padding: 8px 8px 6px 4px;
	font-size: 90%;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background: url(/images/common/bg_section.gif) repeat top left;
}
.ic_list li:hover,#topics li:hover, .topics li:hover {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #f4f4f4;
}
h3.topicshead {
	margin: 1em 0 0;
	padding: 0px;
	border: none;
}
h3.topicshead a,
h3.topicshead span {
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #224455;
	border-left: 12px solid #668899;
	font-weight: bold;
	text-decoration: none;
}
h3.topicshead a:hover,
h3.topicshead span:hover {
	background-color: transparent;
/*	background-color: #eeeeff; */
}
.ic_list li h4,#topics li h4, .topics li h4,
.ic_list li p,#topics li p, .topics li p {
	margin: 0;
	padding: 0 0 0 24px;
	min-height: 20px;
	border: none;
}
.ic_list li h4 .date,#topics li h4 .date, .topics li h4 .date {
	padding-left: 0.5em;
	font-size: 80%;
	color: #888888;
	font-weight: normal;
}
.ic_list li p,#topics li p, .topics li p {
	padding: 0 0 0 24px;
	text-indent: 0;
	line-height: 1.4em;
	font-size: 95%;
}
.ic_list li.hr,#topics li.hr, .topics li.hr, 
.ic_list li.hr:hover,#topics li.hr:hover, .topics li.hr:hover {
	display: block;
	margin: 6px 0 0 0;
	text-indent: -9999px;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	background-color: #ffffff;
}

/* リスト用アイコン指定 */
.ic_list li.ic_info,#topics li.ic_info, .topics li.ic_info {
	background: url(/c/images/icon/info.gif) no-repeat 4px 7px;
}
.ic_list li.ic_store,#topics li.ic_store, .topics li.ic_store {
	background: url(/c/images/icon/store.gif) no-repeat 4px 7px;
}
.ic_list li.ic_shopping,#topics li.ic_shopping, .topics li.ic_shopping {
	background: url(/c/images/icon/shopping.gif) no-repeat 4px 7px;
}
.ic_list li.ic_foodservice,#topics li.ic_foodservice, .topics li.ic_foodservice {
	background: url(/c/images/icon/foodservice.gif) no-repeat 4px 7px;
}
.ic_list li.ic_travel,#topics li.ic_travel, .topics li.ic_travel {
	background: url(/c/images/icon/travel.gif) no-repeat 4px 7px;
}
.ic_list li.ic_book,#topics li.ic_book, .topics li.ic_book {
	background: url(/c/images/icon/book.gif) no-repeat 4px 7px;
}
.ic_list li.ic_event,#topics li.ic_event, .topics li.ic_event {
	background: url(/c/images/icon/event.gif) no-repeat 4px 7px;
}
.ic_list li.ic_career,#topics li.ic_career, .topics li.ic_career {
	background: url(/c/images/icon/career.gif) no-repeat 4px 7px;
}
.ic_list li.ic_pay,#topics li.ic_pay, .topics li.ic_pay {
	background: url(/c/images/icon/pay.gif) no-repeat 4px 7px;
}
.ic_list li.ic_important,#topics li.ic_important, .topics li.ic_important {
	background: url(/c/images/icon/important.gif) no-repeat 4px 7px;
}
.ic_list li.ic_newlife,#topics li.ic_newlife, .topics li.ic_newlife {
	background: url(/c/images/icon/newlife.gif) no-repeat 4px 7px;
}
.ic_list li.ic_document,#topics li.ic_document, .topics li.ic_document {
	background: url(/c/images/icon/note.png) no-repeat 4px 7px;
}
.ic_list li.ic_hour,#topics li.ic_hour, .topics li.ic_hour {
	background: url(/c/images/icon/hour.png) no-repeat 4px 7px;
}

