/*--------------------------------------------------------------
3rd Detail Page
--------------------------------------------------------------*/

html {
	background-image: url(../../images/common/bg-html.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body {
	background-image: url(../../images/common/bg-body_common.gif);
	background-repeat: repeat-x;
	background-position: top;
}


/*----  Primary  ----*/
.primary {
	float: left;
	width: 710px;
}

.primary article#MainBox{
	float: left;
	width: 500px;
	overflow:hidden;
}
.primary aside#SideBox{
	float: right;
	width: 190px;
}



/*--------------------------------------------------------------
Side
--------------------------------------------------------------*/

/*----  secondary  ----*/
.secondary {
	float: right;
	width: 190px;
}

/*----  Side Banner  ----*/
.side-ir a{
	width: 190px;
	height: 58px;
	display: block;
	background: url(../images/side-ir.gif) no-repeat left top;
	text-indent:-9999px;
	outline: 0;
}


.side-ir a:hover {
	background-position: left bottom;
}




h1.tit-News {
	width: 710px;
	height: 58px;
	background: url(../images/tit-news.gif) no-repeat;
	text-indent:-9999px;
	outline: 0;
	margin: 0 0 40px;
}

/*--------------------------------------------------------------
nav
--------------------------------------------------------------*/


#newsArea { margin-bottom:	20px; 
}

#newsArea ul { float: left; 
}
#newsArea ul li {
 float: left;
}
#newsArea ul li a{
 background: url(../../images/news/nav-news.gif) no-repeat;
 display: block;
 height: 56px;
 text-indent: -9999px;
 outline: 0;
}
#newsArea ul li#news a {
 background-position: 0 0;
 width: 119px;
}
#newsArea ul li#press a {
 background-position: -119px 0;
 width: 118px;
}
#newsArea ul li#products a {
 background-position: -237px 0;
 width: 118px;
}
#newsArea ul li#exhibition a {
 background-position: -355px 0;
 width: 118px;
}
#newsArea ul li#corporate a {
 background-position: -473px 0;
 width: 118px;
}
#newsArea ul li#other a {
 background-position: -591px 0;
 width: 119px;
}

#newsArea ul li#news a:hover,
#newsArea ul li#news.active  a { background-position: 0 bottom;}
#newsArea ul li#press a:hover,
#newsArea ul li#press.active a { background-position: -119px bottom;}
#newsArea ul li#products a:hover,
#newsArea ul li#products.active a { background-position: -237px bottom;}
#newsArea ul li#exhibition a:hover,
#newsArea ul li#exhibition.active a { background-position: -355px bottom;}
#newsArea ul li#corporate a:hover,
#newsArea ul li#corporate.active a	{ background-position: -473px bottom;}
#newsArea ul li#other a:hover,
#newsArea ul li#other.active a { background-position: -591px bottom;}

/*--------------------------------------------------------------
form
--------------------------------------------------------------*/
form {
 float:right;
}
form select {
 width: 120px;
 margin-bottom: 10px;
}

/*--------------------------------------------------------------
page-nav
--------------------------------------------------------------*/
ul#page-nav {
 margin-top: 50px;
 text-align: center;
}
ul#page-nav li {
 font-size: 1.2em;
}
ul#page-nav li span.current_page {
 background-color: #0068b7;
 border: 1px solid #0068b7;
 padding: 3px 5px;
 color: #FFF;
 margin-right:5px;
 display: inline-block;
}
ul#page-nav li a.link_page {
 background-color: #FFF;
 padding: 3px 5px;
 border: 1px solid #0068b7;
 color: #333;
 margin-right:5px;
 display: inline-block;
}
ul#page-nav li a.link_page:hover {
 color:#0068b7;
 text-decoration: none;
}
ul#page-nav li a.link_before {
 background: url(../../images/common/icon-arrow3-left.gif) no-repeat 0 50%;
 padding-left: 15px;
 margin-right: 15px;
}
ul#page-nav li a.link_next {
 background: url(../../images/common/icon-arrow3.gif) no-repeat 100% 50%;
 padding-right: 15px;
 margin-left: 10px;
}


/*--------------------------------------------------------------
news
--------------------------------------------------------------*/
.news-area-wrapper {
	clear:both;
	width: 710px;
	background: url(../../images/common/bg-w710_bottom.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

.news-area {
	padding: 10px 20px;
	background: url(../../images/common/bg-w710_top.gif) no-repeat top left;
 min-height: 200px;
}

.nonews{
 text-align: center;
 margin: 60px 0;
 font-size: 1.4em;
}

.news-area dl {
	float: left;
	width: 668px;
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 180%;
	border-top: 1px dotted #cacaca;
	zoom:1;
}

.news-area dl a {
	color: #333;
}

.news-area dl a:hover {
	color: #0068b7;
}

.news-area dl.news-area-first {
	border: none;
}

.news-area dl:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.news-area dt {
	float: left;
	width: 190px;
	
}

.news-area dt img {
	padding-left: 10px;
}

#news-area dd {
	float: left;
	width: 462px;
	white-space: pre-wrap;
}

.news-area dd img {
	margin: 0 5px;
}

/*--------------------------------------------------------------
news-tit
--------------------------------------------------------------*/
h2.tit-news-txt  {
 background-color: #999;
 padding: 8px;
 color: #FFF;
 font-weight: bold;
 font-size: 1.6em;
 margin-bottom:	20px;
}
p.news-day {
 font-size: 1.2em;
 text-align: right;
 margin-bottom: 30px;
}

/*--------------------------------------------------------------
news-content
--------------------------------------------------------------*/
.news-area-cont {
 min-height: 310px;
 margin-bottom: 30px;
}
.news-area-cont p {
 font-size: 1.2em;
 line-height: 180%;
}
.news-content {
 margin-bottom: 30px;
}
.news-content .img-area {
 width: 348px;
 float: left;
 margin-right:20px;
}

.news-content .img-area ul.img-list li {
 float: left;
 margin-right: 8px;
}
.news-content .img-area ul.img-list li.right {
 margin-right: 0;
}

.news-content p {
 overflow: auto;
 zoom: 1;
}

/*--------------------------------------------------------------
table
--------------------------------------------------------------*/
.news-area-cont h3 {
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom:	10px;
}

.news-area-cont table {
 clear: both;
 margin-bottom:	40px;
}
.news-area-cont table {
	border-left: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
 font-size: 1.2em;
 line-height: 180%;
 width: 710px;
}
.news-area-cont table tr {
}
.news-area-cont table tr th {
 padding:	10px	15px;
 border-top: 1px solid #eeeeee;
 border-right: 1px solid #eeeeee;
 font-weight: bold;
 background-color: #F9F9F9;
 text-align:left;
}
.news-area-cont table tr td {
 padding:	10px	15px;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

.sidewaysTable th {
 padding:	10px	15px;
 border-top: 1px solid #eeeeee;
 border-right: 1px solid #eeeeee;
 font-weight: bold;
 background-color: #F9F9F9;
 text-align:center;
}
.sidewaysTable td {
 padding:	10px	15px;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
 text-align:center;
}
.news-area-cont td.txtLeft{
 text-align:left !important;}



.news-area-cont table ul.list-table {
 list-style-type: disc;
 margin-left: 18px;
 margin-bottom:30px;
}
.news-area-cont ul.list-table li {
}
.news-area-cont ul.supplementTxt {
 list-style-type: disc;
 margin-left: 18px;
 font-size:1.2em;
 line-height: 180%;
 margin-bottom:30px;
}

.news-area-cont a{
    color: #0068B7;
    text-decoration: underline;
}
.news-area-cont a:hover {
    text-decoration: none;
}
/*--------------------------------------------------------------
btn
--------------------------------------------------------------*/
.more-btn {
 background: url(../../images/news/bg-news-more.gif) no-repeat;
 width: 710px;
 height: 57px;
 margin-bottom: 30px;
 padding: 5px;
}
.more-btn a {
 background: url(../../images/news/btn-news-more.gif) no-repeat left	top;
 width: 167px;
 height: 28px;
 display:	block;
 padding: 10px;
 text-indent: -9999px;
 outline: 0;
 margin: 5px auto;
}
.more-btn a:hover {
 background-position: left bottom;
}



p.back-btn a {
 background: url(../../images/news/btn-news-top.gif) no-repeat;
 width: 412px;
 height: 55px;
 display: block;
 text-indent: -9999px;
 outline: 0;
 margin: 0 auto;
}
p.back-btn a:hover {
 background-position: left bottom;
}