@charset "utf-8";

/* CSS Document */

#news_frame{

	width:100%;

	background:url(../../company/img/bg.gif) left top repeat-x;

	padding-bottom:50px;

}



#news_frame h3{ display:block; padding:30px 0px 45px 0px; line-height:0; font-size:12px;}



#news_frame h4{

	border-top:1px solid #999;

	border-left:1px solid #999;

	border-right:1px solid #999;

	border-bottom:3px solid #D01619;

	display:block;

	padding:8px 10px;

	line-height:100%;

	font-size:14px;

	font-weight:bold;

	color:#666;

}



/* --------------------------------------------------------------------------------------

 サイドボタン

--------------------------------------------------------------------------------------- */

#news_frame .side_frame{

	width:194px;

	float:left;

	margin-top:18px;

}



#news_frame .side_frame h2{

	width:194px;

	height:47px;

	

}



#news_frame .side_frame .side_navi{}

#news_frame .side_frame .side_navi li{ width:194px; height:30px; line-height:0;}

#news_frame .side_frame .side_navi li a{

	display:block;

	width:194px;

	height:30px;

	background:url(../news/img/side_navi_off.gif) left top no-repeat;

}

#news_frame .side_frame .side_navi li a:hover{ background:url(../news/img/side_navi_on.gif) left top no-repeat;}



#news_frame .side_frame .side_navi .active{

	display:block;

	width:194px;

	height:30px;

	background:url(../news/img/side_navi_on.gif) left top no-repeat;

}



/* --------------------------------------------------------------------------------------

 本文

--------------------------------------------------------------------------------------- */

#news_frame .news_list_frame{

	width:720px;

	float:right;

}

#news_frame .news_list_frame h4{margin:10px 0px 15px 0px;}	/*-----------「年度」タイトル*/



#news_frame .news_list_frame dl.news{}

#news_frame .news_list_frame .news dt {	

	border-top: 1px solid #ccc;

	clear: left;

	float: left;

	width: 170px;

	padding:5px 5px 5px 10px;

}

#news_frame .news_list_frame .news dt img{ margin:2px 0px 0px 15px;}	/*------------ アイコン*/

#news_frame .news_list_frame .news dd {	/*------------ 本文*/

	border-top: 1px solid #ccc;

	margin-left:10px;

	line-height:22px;

	padding:5px 10px;

	font-size:11px;

}

#news_frame .news_list_frame .news dd span{

	padding-left:20px;

	font-size:12px;

	width:200px;

}

#news_frame .news_list_frame .news dd .kaigai{		/*------------ 海外展示会マーク*/

	width:100px;

	background-color: #36C;

	margin-left:2em;

	padding:1px 10px;

	font-size:11px;

	text-align:center;

	color: #FFF;



}



/* --------------------------------------------------------------------------------------

　展示会

--------------------------------------------------------------------------------------- */

/*------------ 展示会　近日開催分*/



#news_frame .news_exhi .exhi_top{width:700px;border:1px solid #999;padding:3px 3px 10px 3px;margin:5px 5px 15px 5px;}



#news_frame .news_exhi h4{

	border: none;

	border-bottom:3px solid #D01619;

	display:block;

	padding:6px 10px;

	margin-top:20px;

	line-height:100%;

	font-weight: normal;

	color:#666;

}

#news_frame .news_exhi .exhi_top h6{

	background-color:#999;

	font-size:14px;

	font-weight:bold;

	color:#FFF;

	padding:5px 0px 5px 30px;

	margin-bottom:10px;

	}

#news_frame .news_exhi .exhi_top ul.contents{ width:410px; float:left; margin-bottom:10px;}

#news_frame .news_exhi .exhi_top ul.contents li{ padding:3px; line-height:140%;}

#news_frame .news_exhi .exhi_top ul.contents li p.title{width:100px;  float:left; clear:left;}

#news_frame .news_exhi .exhi_top ul.contents li p.con{width:300px; margin-left:100px;}



#news_frame .news_exhi .exhi_top .banner{float:right; width:280px; text-align:center; margin-top:20px;}

#news_frame .news_exhi .exhi_top .url{clear:both;line-height:30px;text-align:right; padding-right:15px;}

#news_frame .news_exhi .exhi_top .url .btn a{

	width:190px;

	float:left;

	display: block;

	background-image:url(../products/tpl_img/btn_back_30px.jpg);

	background-repeat:repeat-x;

	padding:0; 

	margin:0px 15px 0px 15px;

	text-align: center;

	font-size:12px;

	font-weight:bold;

	line-height:30px;

	text-decoration: none;

	border:1px solid #c0c0c0;

}

#news_frame .news_exhi .exhi_top .url .btn  a:hover{text-decoration: none;color: #999;border:1px solid #C30;}

#news_frame .news_exhi .rem_frame{ margin-bottom:30px; padding-left:2em;}	/*-----------近日中の展示会なし*/



/*------------ 過去の展示会*/

#news_frame .news_exhi h5{	/*-----------「過去の展示会」タイトル*/

	border-bottom:1px solid #999;

	display:block;

	padding:8px 10px;

	line-height:100%;

	font-size:16px;

	font-weight:bold;

	color:#666;

	margin:10px 0px 15px 0px;

}

#news_frame .news_exhi .old_news{

	border-bottom: 1px solid #ccc;

}

#news_frame .news_exhi .old_news dt {	/*------------ 日付*/

	border-top: 1px solid #ccc;

	clear: left;

	float: left;

	width: 90px;

	font-size:12px;

	line-height:22px;

	padding:5px 10px 5px 10px;

}



#news_frame .news_exhi .old_news dd {	/*------------ 本文*/

	border-top: 1px solid #ccc;

	margin-left: 50px;

	line-height:22px;

	padding:5px 10px;

	font-size:12px;

}

#news_frame .news_list_frame .news dd span{

	padding-left:20px;

	font-size:12px;

	width:200px;

}

#news_frame .news_exhi .bottom_line{

	border-bottom: 1px solid #ccc;

}

/* --------------------------------------------------------------------------------------

　詳細

--------------------------------------------------------------------------------------- */

#news_frame .news_box{ width:400px; line-height:250px;}