@charset "euc-jp";

/* CSS Document PHP NEW (2010/09)
/index Center
***************************************************************************/

@import url(/share/basics.css);
@import url(/share/leyout.css);
@import url(/share/style.css);

/* Center  width:586px; ---------------------------------------*/

	/* →トップトピックス width:560px */

* html	#center .uppertopicsBox {
		width:560px; 
		float:left;
margin:20px 4px 0 5px;
}

	#center .uppertopicsBox {
		width:560px; 
		float:left;
margin:20px 6px 0 5px;
}

* html	#center .uppertopicsBox h2 {
		width:560px;
		height:15px;	
		padding: 8px 10px 8px 10px;		
		background:url(../img/index/topix/titlebox_green_upper.gif) no-repeat;
		color:#000000;
		font-weight:bold;
		font-size:16px;
		line-height:1.1em;}

	#center .uppertopicsBox h2 {
		width:560px;
		height:15px;	
		padding: 8px 15px 8px 12px;		
		background:url(../img/index/topix/titlebox_green_upper.gif) no-repeat;
		color:#000000;
		font-weight:bold;
		font-size:16px;
		line-height:1.1em;}

	#center .uppertopicsBox table { width:90px; height:90px; float:left; border:1px solid #cccccc; float:left; padding:0; margin:9px 8px 5px 0; background:#f2f2f2;}
	#center .uppertopicsBox table tr td { vertical-align:middle; text-align:center;}	
	#center .uppertopicsBox .subtitle { padding:9px 4px 10px 0; margin:0 0 10px 0; color:#663300; background:url(../img/index/topix/subtitle_border.gif) repeat-x; background-position:bottom;}	
	#center .uppertopicsBox .article { padding:0 4px 0 0; line-height:1.3em; color:#444444;}	
	#center .uppertopicsBox .article a { color:#663300; text-decoration:none;}
	#center .uppertopicsBox .article a:hover { font-weight:bold;}

	/* →トピックス width:280px */
* html	#center .topicsBox {
		width:275px; 
		float:left;
margin:20px 4px 0 5px;
}

	#center .topicsBox {
		width:280px; 
		float:left;
margin:20px 6px 0 5px;
}

* html	#center .topicsBox h2 {
		width:260px;
		height:26px;	
		padding: 8px 10px 8px 10px;		
		background:url(../img/index/topix/titlebox_green.gif) no-repeat;
		color:#000000;
		font-weight:bold;
		font-size:13px;
		line-height:1.1em;}

* html	#center .topicsBox h3 {
		width:260px;
		height:26px;	
		padding: 8px 10px 8px 10px;		
		background:url(../img/index/topix/titlebox_brown.gif) no-repeat;
		color:#000000;
		font-weight:bold;
		font-size:13px;
		line-height:1.1em;}

	#center .topicsBox h2 {
		width:260px;
		height:26px;	
		padding: 8px 15px 8px 12px;		
		background:url(../img/index/topix/titlebox_green.gif) no-repeat;
		color:#000000;
		font-weight:bold;
		font-size:13px;
		line-height:1.1em;}

	#center .topicsBox h3 {
		width:260px;
		height:26px;	
		padding: 8px 15px 8px 12px;		
		background:url(../img/index/topix/titlebox_brown.gif) no-repeat;
		color:#000000;
		font-weight:bold;
		font-size:13px;
		line-height:1.1em;}

	#center .topicsBox table { width:90px; height:90px; float:left; border:1px solid #cccccc; float:left; padding:0; margin:9px 8px 5px 0; background:#f2f2f2;}
	#center .topicsBox table tr td { vertical-align:middle; text-align:center;}	
	#center .topicsBox .subtitle { padding:9px 4px 10px 0; margin:0 0 10px 0; color:#663300; background:url(../img/index/topix/subtitle_border.gif) repeat-x; background-position:bottom;}	
	#center .topicsBox .article { padding:0 4px 0 0; line-height:1.3em; color:#444444;}	
	#center .topicsBox .article a { color:#663300; text-decoration:none;}
	#center .topicsBox .article a:hover { font-weight:bold;}


	/* →過去のトピックス width:280px */
	#center .topicsBox2 {
		width:560px;}


	#center .topicsBox2 h2 {
		width:540px;
		height:26px;	
		padding: 8px 10px 8px 10px;		
		background:url(/img/index/topix/titlebox_green2.gif) no-repeat;
		color:#000000;
		font-weight:bold;
		font-size:13px;
		line-height:1.1em;}

	#center .topicsBox2 table { width:90px; height:90px; float:left; border:1px solid #cccccc; float:left; padding:0; margin:9px 8px 5px 0; background:#f2f2f2;}
	#center .topicsBox2 table tr td { vertical-align:middle; text-align:center;}	
	#center .topicsBox2 .subtitle { padding:9px 4px 10px 0; margin:0 0 10px 0; color:#663300; background:url(../img/index/topix/subtitle_border.gif) repeat-x; background-position:bottom;}	
	#center .topicsBox2 .article { padding:0 4px 0 0; line-height:1.3em; color:#444444;}	
	#center .topicsBox2 .article a { color:#663300; text-decoration:none;}
	#center .topicsBox2 .article a:hover { font-weight:bold;}

		
	/* →バックナンバーリンク width:580px */
	/**html#center .topicsBN { width:580px; height:22px; background:url(../img/index/topix/topixbn.gif) no-repeat; background-position:top -5px; padding:0 0 20px 30px;} */
	#center .topicsBN { width:575px; height:22px; background:url(/img/index/topix/topixbn.gif) no-repeat; background-position:top right; padding:0 0 5px 0px;}
	#center .topicsBN .link { width:130px; height:22px; float:right;}
	#center .topicsBN .link a { width:130px; height:22px; display:block;}	
	#center .topicsBN .link a span { display:none;}	
	

	/* →Contents 注目コンテンツ width:370px */
	* html #center #contents { 
		width:370px;
		float:left;
		padding:15px 0 0 0px;}

	#center #contents { 
		width:370px;
		float:left;
		padding:15px 0 0 0px;}
	
	#center #contents .title { 
		width:370px; 
		height: 26px;
		background:url(/img/index/contents_title.gif) no-repeat; }
	
	#center #contents .box {
		width:350px;
		background:url(../img/index/contents_bg.gif) repeat-y;
		padding:10px 10px 0px 10px;}
		
	#center #contents .box .contents { width:350px; padding:0 0 15px 0; }
	#center #contents .box .contents table { width:60px; height:60px; float:left; text-align:center; vertical-align:middle; border:1px solid #cccccc;}
	#center #contents .box .contents table tr td { text-align:center; vertical-align:middle;}
	#center #contents .box .contents .detail { width:280px; float:left; margin:0 0 0 10px; }	
	#center #contents .box .contents .detail .det1 a { color:#663300; text-decoration:underline; line-height:1.2em;}
	#center #contents .box .contents .detail .det1 a:hover { text-decoration:none;}
	#center #contents .box .contents .detail .det2 { padding:6px 0 0 0; line-height:1.2em;}
	#center #contents .box .contents .detail .det2 a { color:#333333; text-decoration:underline;}
	#center #contents .box .contents .detail .det2 a:hover { text-decoration:none;}
	
	#center #contents .bottom { width:370px; height:8px; background:url(../img/index/contents_bottom.gif) no-repeat; background-position:bottom;}

		
	/* →News 更新情報 width:190px */
	#center #news {
		width:190px;
		float:left;
		padding:15px 0 0 15px;}

	#center #news .title { 
		width:190px; 
		height:26px; 
		padding: 0 0 10px 0;
		background:url(../img/index/news_title.gif) no-repeat;}
	
	#center #news .day { 
		width:180px; 
		background:url(../img/index/news_pt.gif) no-repeat;
		background-position:0 2px;
		padding:0 0 6px 10px;
		color:#000000; }	
	
	#center #news .news {
		width:180px; 
		padding:0 0 13px 10px;}	
	
	#center #news p a { color:#663300;}
	#center #news p a:hover { text-decoration:none;}