@charset "UTF-8";
/* CSS Document */

/*=======================================
お知らせ一覧
=======================================*/
/* 3-1.カテゴリータブ */
#news_tab {
	list-style-type: none;
	border-bottom: 3px solid #e62658;
	margin-top: 15px;
	margin-bottom: 10px;
}

#news_tab li {
	display: inline-block;
	padding: 8px 25px;
	margin-right: 10px;
	cursor: pointer;
	color: #fff;
	background: #ccc;
}

#news_tab_all.news_tab_on,
#news_tab_all:hover {
	background: #e62658;
}

#news_tab_announce.news_tab_on,
#news_tab_announce:hover {
	background: #F90;
}

#news_tab_brand.news_tab_on,
#news_tab_brand:hover {
	background: #06C;
}

#news_tab_recruit.news_tab_on,
#news_tab_recruit:hover {
	background: #C03;
}

/* 3-2.一覧 */
.whatNews {
	padding: 12px 0;
	border-bottom: 3px double #ddd;
}

.whatNews dt,
.whatNews dd {
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}
.whatNews:before {
	display: inline-block; 
	width: 65px;
	font-size: 0.9em;
	text-align: center;
	padding: 3px 0px;
	color: #fff;
	margin-right: 10px;
}

.whatNews dt {
	margin-right: 10px;
	width: 90px;
}

.whatNews dd {
	width: 650px;
}

.whatNews dd a {
	text-decoration: underline;
	color: #5A3232;
}
.whatNews dd a:hover {
	color: #CA2121;
}

.news_brand:before{
	content: "商品";
	background: #06C;
}

.news_recruit:before{
	content: "採用";
	background: #C03;
}

.news_announce:before{
	content: "お知らせ";
	background: #F90;
}

.new dd:after {
	content: "new";
	font-size: 0.9em;
	color: red;
	margin-left: 5px;
}

.news_brand,
.news_recruit,
.news_announce {
	display: block;
}