@charset "utf-8";
/* -------------------------------------------------------
	 contents 
	 ------------------------------------------------------- */
a{
	display:block;
}

/* contents */
#contents_wrapper {
	background:url(../img/contents_top_bg.jpg) 50% 0 no-repeat;
	height:100%;
	_height:700px; /* cssハック IE6だけ反映 (個人的には非推奨) ちなみに画像の高さ*/
}
#contents{
	overflow:auto;
} 
#contents_top {
	position:relative;
	width:900px;
	margin:0 auto;
}
#con_left {
	float:left;
	width:240px;
	padding:0 30px 0 0;
}
#con_right {
	width:630px;
	float:left;
}
/*  */
#contents_bg {
	height:327px;
	width:900px;
	margin-right: auto;
	margin-left: auto;
	z-index:1;
}
#detail {
	position: absolute;
	width:206px;
	top:240px;
	left:550px;
	z-index:2;
}
.mainimage {
	z-index:1;
	position:absolute;
	top:16px;
	margin:0 auto;
}
#link {
	margin:10px auto 0;
	padding:10px 0 0 0;
	height:79px;
}
#link li.first{
	display: inline; /* IE6 margin2倍バグ回避 */
	margin:0 0 0 22px;
}
#link.three{
	background:url(../img/main_contents_bg.png) 50% 0 no-repeat;
	padding:0 0 0 130px;
}
#link{
	background:url(../img/main_contents_four_bg.png) 0 0 no-repeat;
	padding:10px 0 0 0;
}
#link li{
	margin:0 0 0 5px;
}

#link.three li{
	margin:10px 5px 0 0;
}
#link li {
	float:left;
}
#contents_bottom {
	width:900px;
	margin:25px auto 0 auto;
	height:auto;
}
#news {
	border-collapse:collapse;
	margin:0 0 10px 0;
}
#news .new_bar {
	width:482px;
	background:url(../img/contents_news_bar.gif) no-repeat;
}
#news .new_bar p {
	padding:0 0 0 5px;
}
/* -------------------------
	tabs
	-------------------------*/
#tabs {
	clear:both;
	/*height:200px;*/
	height:auto;
	font-size:85%;
	letter-spacing: 0.05em;
}
#tabs td{
	height:30px;
	vertical-align:middle;
}
#tabs .date {
	margin:0 0 0 3px;
	width:20px;
}
/*可変タブコンテンツ*/
#container #contents_wrapper #contents_bottom #con_right .top {
	/*height:320px;*/
	height:auto;
}
#tab1_top {
	height:6px;
	background:url(../img/tabs01_top.gif) 0 0 no-repeat;
	font-size:1px;/* IE6ホワイトスペースバグ回避 */
}
#tab1_middle {
	width:400px;
	height:auto;
	padding:5px 0 5px 0;
	background:url(../img/tabs01_middle.gif) repeat-y;
}
#tab1_bottom {
	height:13px;
	background:url(../img/tabs01_bottom.gif) 0 100% no-repeat;
	font-size:1px;/* IE6ホワイトスペースバグ回避 */
}
#tab2_top {
	height:9px;
	background:url(../img/tabs02_top.gif) 0 0 no-repeat;
	font-size:1px;/* IE6ホワイトスペースバグ回避 */
}
#tab2_middle {
	height:auto;
	padding:5px 0 5px 0;
	background:url(../img/tabs02_middle.gif) repeat-y;
}
#tab2_bottom {
	height:13px;
	background:url(../img/tabs02_bottom.gif) 0 100% no-repeat;
	font-size:1px;/* IE6ホワイトスペースバグ回避 */
}
/*-------------------*/
#tabs td {
	height:auto;
	padding:2px 10px 2px 0;
}
.dates{
	width:50px;
}
.icons{
	width:40px;
}
.topics{
	width:240px;
}
.imp_arr{
	min-width:15px;
}
.imp_topics{
	min-width:150px;
}
#tabs .sep {
	height:1px;
}
.tabPanel {
	padding:0 0 0 26px;
}
#tabArea01 {
	width:400px;
	float:left;
	margin:0 0 0 -5px;
}
#tabArea01 ul{
	margin:0 0 0 1px;
}
#tabArea02 {
	width:230px;
	float:left;
	margin:0 0 0 5px;
}
.tabPanelGroup01 table {
	width:360px;
}
.tabPanelGroup02 table {
	width:200px;
}
.tabPanelGroup02 td.tab2_arrow {
	background:url(../img/tabs02_arrow.jpg) 2px 4px no-repeat;
}
.tab li {
	float:left;
	height:23px;
}
#tab2-1 {
	width:195px;
}
.tabPanelGroup01 {
	clear:both;
}
.tabPanelGroup02 {
	clear:both;
}
/* ----------------------

	----------------------*/
.bottom {
	clear:both;
}
.bottom ul{
	margin:15px 0 0 0;
}
.bottom li {
	width:204px;
	background:url(../img/contents_box_bg.gif) no-repeat;
	float:left;
	height:165px;
	margin:0 7px 0 0;
}
.bottom li p {
	margin:0 15px 0 15px;
	font-size:85%;
}
.bottom li.adj {
	margin:0px;
}