@charset "shift_jis";
/* -----------------------------------------------------------
CSS Information

 File name:     news_tab.css
 Author:        cruise
 Style Info:    newsタブ使用時のみ
----------------------------------------------------------- */
#news .tabPanel ul {
	padding:0 7px;
	margin-top:2px;
	height:250px;
	overflow:auto;
	margin-top:0px;
	/*_padding-top:15px;*/
	margin-left:3px;
}
#members #news .tabPanel ul {
	height:380px;
}
#news .tabPanel li {
	display:block;
	background:url(/img/news/li_bg.jpg) top repeat-x;
	/*height:25px;*/
	padding:15px 15px 5px 10px;
	padding:15px 15px 5px 15px\9;
	*padding:15px 15px 5px 15px;
	font-size:95%;
	border-right:1px #ccc solid;
	border-left:1px #ccc solid;
	/*_margin-top:-15px;*/
}
/*body:nth-of-type(1) #news .tabPanel li {padding:15px 15px 5px 7px;}*/
#news .tabPanel li img {
	vertical-align:middle;
	margin:-2px 0 0 0;
	float:none;
}
#members #news .tabPanel li img {
	vertical-align:middle;
	margin:2px -5px 0 -10px;
	float:left;
	*float:none;
	float:none\9;
	*margin:0 0 0 -2px;
	margin:-2px 0 0 -2px\9;
}
#news .tabPanel .bottom_bd {
	height:1px;
	padding:0;
	margin:0;
	background:url(../img/news/li_bd.jpg) repeat-x;
	*margin-top:-14px;
	_margin-top:0px;
	*border-right:1px #fff solid;
	*border-left:1px #fff solid;
}
#members .tabPanel .bottom_bd {
	height:1px;
	padding:0;
	margin:0;
	background:url(../img/news/li_bd.jpg) repeat-x;
	*margin-top:-14px;
	_margin-top:0px;
	*border-right:1px #fff solid;
	*border-left:1px #fff solid;
}
/*#news li:last-child {border-bottom:1px #ccc solid;}*/
#news .tab {
	height:33px;
	_height:30px;
	width:520px;
	margin-bottom:3px;
}
#news .tab li {
	float:left;
	background:none;
	border:none;
	padding:0;
	margin:0;
	padding-right:0px;
}
#gaikoku #news {height:295px;}
#gaikoku #news .tabPanel ul {height:255px;}
/*-----------------------------------------------------------
#tabchange
----------------------------------------------------------- */
ul#tabchange {
	width: 500px; /*タブ全体の幅*/
	*zoom: 1; /*forIE6,7*/
}
ul#tabchange:after {
	content: "";
	display: block;
	clear: both;
}
ul#tabchange li {
	width: 100px; /*タブひとつの幅*/
	float: left;
	text-align: center;
}
ul#tabchange li a { /*タブのスタイル*/
	display: block;
	background-color: #666;
	border-right: 1px solid #333;
	border-left: 1px solid #999;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}
ul#tabchange li a:hover { /*ホバー時のタブのスタイル*/
	background-color: #999;
	border-right: 1px solid #666;
	border-left: 1px solid #ccc;
}
ul#tabchange li a.activeBox { /*表示コンテンツのタブのスタイル*/
	background-color: #333;
	border-right: 1px solid #000;
	border-left: 1px solid #333;
	cursor: default;
}
ul#tabchange li a.activeBox:hover { /*ホバー時の表示コンテンツのタブのスタイル*/
	background-color: #333;
	border-right: 1px solid #000;
	border-left: 1px solid #333;
}
div#tabchangeContents {
	width: 500px; /*コンテンツの幅*/
	postion: relative;
}
div#tabchangeContents div.tabchangeBox { /*コンテンツのスタイル*/
	width: 480px; /*コンテンツの幅*/
	background-color: #333333;
	padding: 10px;
}
div#tabchangeContents div.tabchangeBox p {
	color: #fff;
}