@charset "utf-8";

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

	[ファイル名]	news.css
	
	[概要]			新着情報 記事詳細 専用
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



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

								clearFix
								
------------------------------------------------------------------------------*/
body#news div#sec_news dl:after,
body#news div.article2 div.articleContent2:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html body#news div#sec_news dl,
*:first-child + html body#news div.article2 div.articleContent2
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html body#news div#sec_news dl,
* html body#news div.article2 div.articleContent2
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
body#news div#sec_news dl,
body#news div.article2 div.articleContent2
{
	display: inline-table;
}
/* End Mac IE */



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

							テキスト画像代替
							
------------------------------------------------------------------------------*/
body#news div#sec_news dd em.new
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



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

								非表示部
								
------------------------------------------------------------------------------*/
body#news div.article2 p.h2 span
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}



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

							pageHeader画像指定（上書き）
							
------------------------------------------------------------------------------*/
body#news div#pageHeader{
	background-image: url(../../news/images/page_header.jpg);
}





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

								h2（上書き）
								
------------------------------------------------------------------------------*/
body#news div.article h2{
	background-image: url(../../news/images/news_h2.gif);
}



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

								新着情報
								
------------------------------------------------------------------------------*/
/*----- dt -----*/
body#news div#sec_news dl{
	;
}

/*----- dt -----*/
body#news div#sec_news dt{
	clear: left;
	float: left;
	width: 7.5em;
	padding-left: 1em;
	background: url(../../images/common/icon_arrow_gray.gif) no-repeat 7.3em 1em;
}

* html body#news div#sec_news dt{
	width: 8.5em;
}

/*----- dd -----*/
body#news div#sec_news dd{
	line-height: 1.2em;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 8.5em;
	background: #fffcf5 url(../../images/common/news_even.gif) repeat-x left top;
}

body#news div#sec_news dd.even{
	background-color: #ffffff;
	background-image: url(../../images/common/news_odd.gif);
}

/*----- dd a -----*/
body#news div#sec_news dd a{
	;
}

body#news div#sec_news dt,
body#news div#sec_news dd{
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	
}



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

								h2（上書き）
								
------------------------------------------------------------------------------*/
body.new_release div.article h2{
	background-image: url(../../products/images/new_release_h2.gif);
}



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

								article2 p.h2
								
------------------------------------------------------------------------------*/
body#news div.article2 div.articleContent2{
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 15px 0px 10px;
}



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

								article2 p.h2
								
------------------------------------------------------------------------------*/
body#news div.article2 p.h2{
	width: 604px;
	height: 48px;
	margin-bottom: 10px;
	background: url(../../news/images/news_h2.gif) no-repeat left bottom;
}

body#news div.article2 p.h2 a{
	float: right;
	min-height: 16px;
	margin-top: 10px;
	margin-right: 6px;
	margin-left: 6px;
	padding-left: 16px;
	background: url(../../images/common/icon_list.gif) no-repeat left top;
	font-size: 80%;
}

* html body#news div.article2 p.h2 a{
	margin-right: 3px;
	margin-left: 3px;
	height: 16px;
}

body#news div.article2 p.h2 a.rss{
	background-image: url(../../images/common/icon_rss.gif);
}



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

									h1
									
------------------------------------------------------------------------------*/
body#news div#news_detail h1{
	position: relative;
	width: 559px;
	margin-bottom: 10px;
	padding: 7px 12px;
	background: #fff6e1 url(../../news/images/detail_h1_bg.gif) repeat-y left top;
	color: #333333;
	border: 1px solid #e8e1d9;
	font-size: 135%;
	font-weight: bold;
}

* html body#news div#news_detail h1{
	width: 585px;
	padding-top: 9px;
}



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

								h1 span
								
------------------------------------------------------------------------------*/
body#news div#news_detail h1 span{
	position: absolute;
	top: 8px;
	right: 8px;
	font-weight: bold;
	font-size: 80%;
}

* html body#news div#news_detail span{
	top: 10px;
}



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

								h1 span
								
------------------------------------------------------------------------------*/
body#news div#news_detail h1 img.icon_new{
	vertical-align: top;
	margin: 0;
	padding-top: 4px;
}

/*----- IE 7 -----*/
*:first-child + html body#news div#news_detail h1 img.icon_new{
	vertical-align: middle;
	padding-top: 0;
}

/*----- IE 6 -----*/
* html body#news div#news_detail h1 img.icon_new{
	vertical-align: middle;
	padding-top: 0;
}



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

								h2
								
------------------------------------------------------------------------------*/
body#news div#news_detail h2{
	margin-bottom: 10px;
	padding: 6px 8px;
	background: #fff6e1 url(../../news/images/detail_h2_bg.gif) repeat-x left bottom;
	border-left: 5px solid #009944;
	color: #333333;
	font-size: 125%;
	font-weight: bold;
}



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

								h3
								
------------------------------------------------------------------------------*/
body#news div#news_detail h3{
	margin-bottom: 10px;
	padding: 5px 8px;
	background: url(../../images/common/dotted_line_gray.gif) repeat-x left bottom;
	color: #333333;
	border-left: 5px solid #009944;
	font-weight: bold;
	font-size: 115%;
}



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

									h4
									
------------------------------------------------------------------------------*/
body#news div#news_detail h4{
	border-bottom: 3px solid #7fcca1;
	margin-bottom: 10px;
	padding: 2px 0px;
	color: #333333;
	font-size: 105%;
	font-weight: bold;
}



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

								h5
								
------------------------------------------------------------------------------*/
body#news div#news_detail h5{
	margin-bottom: 10px;
	padding: 2px 0px;
	border-bottom: 3px solid #cccccc;
	color: #333333;
	font-weight: normal;
	font-size: 105%;
}



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

									h6
									
------------------------------------------------------------------------------*/
body#news div#news_detail h6{
	margin-bottom: 10px;
	padding: 2px 0px;
	background: url(../../images/common/dotted_line_gray.gif) repeat-x left bottom;
	color: #333333;
	font-weight: normal;
	font-size: 105%;
}



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

								img.mt-image-left
								
------------------------------------------------------------------------------*/
body#news div#news_detail img{
	margin: 5px;
}



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

								img.mt-image-left
								
------------------------------------------------------------------------------*/
body#news div#news_detail img.mt-image-left{
	float: left;
}



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

								img.mt-image-right
								
------------------------------------------------------------------------------*/
body#news div#news_detail img.mt-image-right{
	float: right;
}



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

								img.mt-image-center
								
------------------------------------------------------------------------------*/
body#news div#news_detail img.mt-image-center{
	display: block;
	clear: both;
	margin: 0 auto;
}



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

								p
								
------------------------------------------------------------------------------*/
body#news div#news_detail p{
	margin-bottom: 10px;
}



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

								ul/ol
								
------------------------------------------------------------------------------*/
body#news div#news_detail ol,
body#news div#news_detail ul{
	margin-bottom: 10px;
}



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

								ul
								
------------------------------------------------------------------------------*/
body#news div#news_detail ul li,
body#news div#news_detail ul li ol li ul li{
	background: url(../../news/images/list_icon.gif) no-repeat 0px 2px;
	padding-left: 10px;
}

body#news div#news_detail ul li ol li,
body#news div#news_detail ul li ol li ul li ol li{
	background-image: none;
	padding-left: 0;
}



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

									ol
									
------------------------------------------------------------------------------*/
body#news div#news_detail ol li,
body#news div#news_detail ol li ul li ol li{
	list-style-type: decimal;
	list-style-position: inside;
}

body#news div#news_detail ol li ul li,
body#news div#news_detail ol li ul li ol li ul li{
	list-style-type: none;
}



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

								li li
								
------------------------------------------------------------------------------*/
body#news div#news_detail li li{
	margin-left: 10px;
}



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

								table
								
------------------------------------------------------------------------------*/
body#news div#news_detail table,
body#news div#news_detail table tr,
body#news div#news_detail table th,
body#news div#news_detail table td{
	color: #333333;
	border: 1px solid #999999;
	border-collapse: collapse;
}

body#news div#news_detail table{
	margin-bottom: 10px;
}

body#news div#news_detail table caption{
	padding-bottom: 2px;
	font-weight: bold;
	text-align: left;
}

body#news div#news_detail table th,
body#news div#news_detail table td{
	padding: 4px 16px;
	text-align: center;
}

body#news div#news_detail table th{
	background-color: #ecf3dd;
	font-weight: bold;
}

body#news div#news_detail table thead th{
	background-color: #b5dda5;
}

body#news div#news_detail table td{
	background-color: #fffbf0;
}



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

								br
								
------------------------------------------------------------------------------*/
body#news div#news_detail br{
	letter-spacing:0;
}



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

								blockquote
								
------------------------------------------------------------------------------*/
body#news div#news_detail blockquote{
	font-weight: bold;
	margin-bottom: 10px;
}



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

									a
									
------------------------------------------------------------------------------*/
body#news div#news_detail a{
	font-weight: bold;
}



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

									u
									
------------------------------------------------------------------------------*/
body#news div#news_detail u{
	text-decoration: underline;
}



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

									strong
									
------------------------------------------------------------------------------*/
body#news div#news_detail strong{
	font-weight: bold;
	color: #000000;
}



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

								strike
								
------------------------------------------------------------------------------*/
body#news div#news_detail strike{
	text-decoration: line-through;
}



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

								i
								
------------------------------------------------------------------------------*/
body#news div#news_detail i{
	font-style: italic;
}



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

								font
								
------------------------------------------------------------------------------*/
body#news div#news_detail font{
	;
}



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

									pre
								
------------------------------------------------------------------------------*/
body#news div#news_detail pre{
	width: 585px;
	overflow: auto;
	overflow-y: visible;
	margin-bottom: 10px;
	padding: 5px;
}