@CHARSET "UTF-8";

/**
 * ニュース一覧・ニュース詳細画面のタブとアイコンのスタイルシート
 */

/* -----↓ニュースカテゴリ追加 @EXCEED-----*/
/* ↓レイアウト */
div.news_cells
{
	position: relative;
}
div.news_details
{
	width: 90%;
}

div.news_icons
{
	position: absolute;
	right: 0; bottom: 0;
}
/* ↑レイアウト */

/* ↓ニュースカテゴリアイコン */
p.news_category_icon
{
	width:35px;
	height:35px;
	display: table;
	font-size:10px;
	text-align:center;
	padding:4px 2px 4px 2px;
	margin-right:10px;
	border:1px solid;
}

p.news_category_icon span
{
	display: table-cell;
	vertical-align: middle;
	word-wrap:break-word;
}

p.note span.news_categoryDetail_icon {
	display:inline-block;
	text-align:center;
	border-radius:3px 3px;
	border-width: 1px;
	border-style:solid;
	min-width:80px;
	margin-left:10px;
	margin-bottom:4px;
	font-size: 10px;
}
/* ↑ニュースカテゴリアイコン */

/* ↓ニュースカテゴリタブ */
div#news_category_tab
{
	margin-bottom: 0px;
	position: relative;
	z-index: 0;
}

div#news_category_tab:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#news_category_tab ul
{
	padding:0px 10px 0 0;
	margin-top:10px;
}
div#news_category_tab ul li
{
	padding: 0px !important;
	font-size:14px;
	float:left;
	background: #DDDDDD;
	border: 1px solid;
	border-color: #cacaca;
	border-bottom: 0;
	margin-left:-1px;
	position: relative;
	z-index: 2;
}

div#news_category_tab ul li:hover,
div#news_category_tab ul li.active
{
	color: #000;
	background: #fff !important;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

div#news_category_tab ul li span
{
	color:#666666;
	height: 15px;
	display: block;
	padding: 6px 11px 7px;
	font-weight: normal;
	text-decoration:none;
}

div#news_category_tab ul li:hover span,
div#news_category_tab ul li.active
{
	color:#000 !important;
	background:#fff;
}

div#news_category_tab ul li.active
{
	margin-top:-6px;
	border-bottom:0px;
}

div#news_category_tab ul li.active span
{
	color: #000;
	padding: 7px 10px 11px;
	position:relative;
	top:1px;
	left:0;
	border-bottom:1px solid #fff;
	position: relative;
	z-index: 1;
}

p.thumbsnail
{
	position: relative;
	z-index: 2;
	word-break:break-all;
}

h4
{
	word-break:break-all;
}
/* ↑ニュースカテゴリタブ */
/* -----↑ニュースカテゴリ追加 @EXCEED-----*/