@charset "utf-8";

/*
	news css file
	create : 080612
	update : 080623
*/

/* -------------------------------------------------- localNavi elements */
div#localNavi div#searchForm p#searchTitle { margin-bottom: 5px; }

/* -------------------------------------------------- heading */
div#mainContents div.heading {
	padding-bottom:10px;
	margin-top: 20px;
	margin-bottom:10px;
	background-image:url(/common/images/2010/heading1_bg.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div#mainContents div.heading p.date { text-align: right;font-size:80%;margin-bottom:10px; color:#663300; }
div#mainContents div.heading p{font-size:95%;margin-bottom:0;}
div#mainContents div.heading h1 {
	min-height: 18px;
	margin: 0 10px 5px 10px;
	padding-left: 0;
	background-image: none;
	font-weight: bold;
	font-size: 125%;
}

/* -------------------------------------------------- elements */
/* dl.newsMonths */
div#mainContents dl.newsMonths {
	margin-bottom: 20px;
	border-bottom: 1px solid #FF9493;
}

div#mainContents dl.newsMonths dt,
div#mainContents dl.newsMonths dd {
	float: left;
	height: 23px;
}

div#mainContents dl.newsMonths dt {
	width: 63px;
	line-height: 0;
	text-align: center;
}

div#mainContents dl.newsMonths dd {
	margin-right: 1px;
	margin-bottom: -1px;
}

* html div#mainContents dl.newsMonths dd { position: relative; }

/* div.productsImage */
div#mainContents div.productsImage { text-align: center; margin-top:0;padding-top:10px; }

div#mainContents div.productsImage dl {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

div#mainContents div.productsImage div.column3A dl { width: 144px; }

div#mainContents div.productsImage dl dt {
	margin-bottom: 10px;
	text-align: center;
}

/* 2016 new_emplate : productsImage*/
/*.column
-----------------------------*/
.news_column2,
.news_column3,
.news_column4,
.news_column5 {
	padding: 20px 10px 0 !important;
	letter-spacing: -0.4em;
}
div#mainContents .news_column1 dd,
div#mainContents .news_column2 .productsImage dd,
div#mainContents .news_column3 .productsImage dd,
div#mainContents .news_column4 .productsImage dd,
div#mainContents .news_column5 .productsImage dd{
	margin-top: 10px;
	margin-bottom: 20px;
}
.news_column2 dl,
.news_column3 dl,
.news_column4 dl,
.news_column5 dl {
	display: inline-block !important;
	text-align: center;
	letter-spacing: normal;
	vertical-align: top;
}
.news_column2 dt,
.news_column3 dt,
.news_column4 dt,
.news_column5 dt { text-align: center; }

.productsImage dt img{
	width: auto;
	height: auto;
}
/*.news_column1
-----------------------------*/
div#mainContents div.productsImage dl.news_column1 {
	width: 400px;
	text-align: center;
	padding: 10px 0 0;
	margin-bottom: 0;
}
.productsImage dl.news_column1 dt{
	margin-bottom: 0 !important;
}
.productsImage dl.news_column1 dt img{
	max-width: 400px;
}

/*.news_column2
-----------------------------*/
div#mainContents div.news_column2 dl{
	width: 330px;
	margin:0 0 0 20px;
}
div#mainContents div.news_column2 img{
	max-width: 330px;
}
/*.news_column3
-----------------------------*/
div#mainContents div.news_column3{
	text-align: center;
}
div#mainContents div.news_column3 dl{
	width: 213px;
	margin:0 0 0 20px;
}
div#mainContents div.news_column3 img{
	max-width: 213px;
}

/*.news_column4
-----------------------------*/
div#mainContents div.news_column4 dl{
	width: 330px;
	margin:0 0 0 20px;
}
div#mainContents div.news_column4 img{
	max-width: 330px;
}

/* 2016 new_emplate : productsImage end*/

/* -------------------------------------------------- table elements */
div#mainContents table { width: auto; }

div#mainContents table tbody th,div#mainContents table tbody td{
	text-align:center;
}

/* table newsList */
div#mainContents table.newsList {
	border: none;
	background: none;
}

div#mainContents table.newsList thead th {
	border: none;
	background-color: #FFF;
	text-align: center;
}
div#mainContents table.newsList th{
	text-align: center;
	color:#670003;
}
div#mainContents table.newsList td{
	padding:10px 6px;
	text-align: left;
}

div#mainContents table.newsList td a,div#mainContents table.newsList td a:link{color:#003399;}
div#mainContents table.newsList td a:visited {text-decoration:none;color:#336699;}
div#mainContents table.newsList td a:hover {text-decoration:underline;color:#0066CC;}


div#mainContents table.newsList td.img{
	text-align: right;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}
div#mainContents table.newsList td.img img.icon{
	margin:0;
}
div#mainContents table.newsList td.title{
}
div#mainContents table.newsList td ul.links{
	margin:0;
}
div#mainContents table.newsList td ul li.pdf{
	background-image:url(/common/images/2010/marker-arrow.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	margin-left:4px;
	padding-left:11px;
	text-indent:0;
}

div#mainContents table.newsList thead th.date {
	width: 134px;
	white-space: nowrap;
	background:#F8F6EF;
}

div#mainContents table.newsList thead th.title { width: 490px; background:#F8F6EF; }
div#mainContents table.newsList thead th.pdf { width: 56px; }
div#mainContents table.newsList thead th.site { width: 60px; background:url(/company/news/images/news_table_th_bg.gif) repeat-y left top;}

div#mainContents table.newsList tbody th,
div#mainContents table.newsList tbody td {
	border: none;
	border-bottom: 1px dashed #CCC;
	background-color: #FFFFFF;
}

div#mainContents table.newsList tbody td.pdfLink { font-size: 70%; }

div#mainContents .txtAL{text-align:left;}
div#mainContents .txtAC{text-align:center;}
div#mainContents .txtAR{text-align:right;}
div#mainContents .txtAT{vertical-align:top;}
div#mainContents .txtAM{vertical-align:middle;}
div#mainContents .txtAB{vertical-align:bottom;}

/* -------------------------------------------------- icon elements */

div#mainContents table.newsList tbody td div {
	height:56px;
	width: 56px;
	border: 1px solid #CCC;
	text-align: center;
	margin:0;
	display:table-cell;
	vertical-align:middle;
	padding:auto;
}

* html div#mainContents table.newsList tbody td div img{
	margin:auto;
}

div#mainContents table.newsList img.icon {
	border: 1px solid #CCC;
}

/* 2010 renew */
div#mainContents table.news tbody th {
	background-color:#FFF1F1;
}
div#mainContents  p.newsTop{
	text-align:right;
	margin-top:20px;
}
.searchResult {
	background:#F8F8F8 none repeat scroll 0 0;
	border:1px solid #A0A0A0;
	margin-bottom:20px;
	padding-top:10px;
}
.searchFormBox {
	background:#F5F5F0 none repeat scroll 0 0;
	padding:20px 10px 5px;
	margin:0 10px;
}
.searchFormBox input {
	vertical-align:middle;
}
.searchFormBox .search-indent-box p {
	font-weight:bold;
}
.searchFormBox input.text {
	margin-right:10px;
	width:430px;
}
#mainContents .btnAreaCenter {
	text-align:center;
	/*margin-bottom:10px;*/
}

div#mainContents p.list span {
	white-space:nowrap;
}

div.linkArea {
	color:#333;
	font-size:83%;
	font-weight:bold;
}

div.linkArea span {
	display:-moz-inline-box;
	display:inline;
	zoom:1;
	font-weight:normal;
}
div.linkArea span {
	display:inline-block;
	margin:0 3px;
	padding:5px 2px;
}
div.linkArea span em{
	font-weight:bold;
	color:#F00;
}
div.linkArea a {
	display:-moz-inline-box;
	display:inline;
	zoom:1;
}
div.linkArea a {
	display:inline-block;
	margin:0 3px;
	font-weight:normal;
	padding:5px 2px;
}
div.linkArea span.back {
	padding:5px 5px 5px 5px;
}
div.linkArea span.next {
	padding:5px 5px 5px 5px;
}

.borderTop{
	border-top:1px solid #CCC;
	padding-top:5px;
	margin-top:10px;
}
div#mainContents dl.numList{
	margin:0;
}

div#localNavi div#searchForm .newsSearch{
	background:url(/common/images/2010/ln_dotline.gif) repeat-x left bottom;
	margin:0 0 10px;
	padding:0 0 10px;
}

div#mainContents p.dot {
	border: 1px dashed #939393;
	padding:3px 2px 2px 3px;
}
div#mainContents p.bor {
	border: 1px solid #939393;
	padding:3px 2px 2px 3px;
}
body.news div#mainContents h2 a:link {
	text-decoration:none;
}
/* EOF */

