/* *********************************************************



ビルケンシュトックジャパン

2010年2月以降使用・NEWS&TOPICSページ用css

更新日：2010/02/08



********************************************************* */







/* *********************************************************

ページ全体の設定（#news-topics）

********************************************************* */

body#news-topics {}







/* *********************************************************

メイン部分の設定（#main）

********************************************************* */

#main { width: 100%; padding: 0; }



	#main_ins {

		width: 920px;

		margin: 0 auto;

		text-align: left;

		background-image: url(../../topics/images/news_topics_main_bg.gif);

		background-repeat: repeat-y;

		background-position: top left;

	}



		#main_top,

		#main_bottom {

			width: 920px;

			height: 30px;

			background-repeat: no-repeat;

			background-position: top left;

		}

		#main_top { background-image: url(../../topics/images/news_topics_main_top.gif); }

		#main_bottom { background-image: url(../../topics/images/news_topics_main_bottom.gif); }



		#main_left { float: left; width: 178px; }



		#main_right { float: right; width: 721px;  }



			#main_right_ins { padding: 0 21px 0 0; }







/* *********************************************************

メイン左部分・ナビの設定

********************************************************* */

#main_left ul { padding: 0 0 0 13px; }



	#main_left ul li { padding: 0 0 25px 0; }



		#main_left ul li a,

		#main_left ul li a:link {

			display: block;

			width: 165px;

			height: 40px;

			background-position: 0 -80px;

			background-repeat:no-repeat;

		}

			#navi_btn_news a { background-image: url(../../topics/images/btn_label_news.gif); }

			#navi_btn_topics a { background-image: url(../../topics/images/btn_label_topics.gif); }

		#main_left ul li a:hover { background-position: 0 -40px; }

		#main_left ul li.active_btn a,

		#main_left ul li.active_btn a:link,

		#main_left ul li.active_btn a:hover { background-position: 0 0; }



			#main_left ul li a span {

				display:none;

				font-size:0;

				line-height:0;

				margin:0 0 0 -99999px;

			}







/* *********************************************************

記事ボックスの設定（.report_box）

********************************************************* */

#news-topics .report_box { padding: 0 0 40px; font-size: 12px; }



	#news-topics .report_box h3 {

		padding: 0 0 0 30px;

		font-size: 12px;

		line-height: 34px;

		height: 34px;

		background-image: url(../../topics/images/foot_icon.gif);

		background-color: #eaeaea;

		background-repeat: no-repeat;

		background-position: top left;

		color: #333333;

	}



	#news-topics .report_box .report_date { text-align: right; color: #cc0000;}



	#news-topics .report_box .report_box_ins { padding: 10px; }



		#news-topics .report_box_ins .report_img { margin: 0 0 1.4em; }



			#news-topics .report_img img { border: 0px; }



		#news-topics .report_box_ins .report_txt { margin: 0 0 1.4em; line-height:140%; }



	#news-topics .report_box .to_page_top { 

		text-align: right;

		font-size: 10px;

	}



		#news-topics .report_box .to_page_top span.triangle { font-size: 9px; }







/* *********************************************************

他の記事へのジャンプ（#to_other_report）

********************************************************* */

#to_other_report { text-align: right; }