/* -------------------------------------------------------
	[info]
	name : top.css
	desc : CSS
	
	00. class, clearfix
	01. Base
	02. Header
	03. menu
	04. Main Contents  -right, left-
	05. Footer
-------------------------------------------------------- */

/*--------------------------------------------------
	00. class
--------------------------------------------------*/


/*paragraph*/
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}


/*---------------------------
	clearfix
---------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix{height:1%;}

*:first-child+html .clearfix {
	display: inline-block;
}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/

/*--------------------------------------------------
	01. Base
--------------------------------------------------*/
html {
	background:url(../img/bg.gif) repeat-x #fff;
}


body {
	width:830px;
	margin:0 auto;
	text-align:center;
	background:url(../img/border.gif) repeat-x #f0f0f0;
	position: relative;
}

#wrapper {
	width:828px;
	margin:0 auto;
	text-align:left;
	border-bottom:1px solid #f0f0f0;
	background:#fff;
}

#container {
	width:790px;
	margin:0 auto;
}

/*--------------------------------------------------
	02. header
--------------------------------------------------*/
#header {
}


/*--------------------------------------------------
	03. menu
--------------------------------------------------*/
#menu {
	margin:10px 0 20px 0;
	position:relative;
}

#menu ul li {
	height:52px;
	float:left;
}

#menu ul li ul#menu_01,
#menu ul li ul#menu_02,
#menu ul li ul#menu_03,
#menu ul li ul#menu_04 {
	display:none;
	position:absolute;
	top:52px;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #ccc;
	overflow: hidden;
}
#menu ul li ul#menu_01 {left:87px;}
#menu ul li ul#menu_02 {left:263px;}
#menu ul li ul#menu_03 {left:439px;}
#menu ul li ul#menu_04 {left:615px;}

#menu ul li ul li {
	height:38px;
	float:none;
	border-bottom:2px solid #ccc;
}
#menu ul li ul li img {
	vertical-align:bottom;
}

#menu ul li ul#menu_01 li {width:170px;}
#menu ul li ul#menu_02 li {width:170px;}
#menu ul li ul#menu_03 li {width:170px;}
#menu ul li ul#menu_04 li {width:170px;}




/*--------------------------------------------------
	04. main contents
--------------------------------------------------*/
#contents {
	width:760px;
	margin:0 10px 50px 20px;
}


/*-------------------
	left
--------------------*/
#contents #left {
	width:540px;
	float:left;
}

#contents #left #news {
	margin-bottom:15px;
}


#contents #left #news-frame {
	margin-bottom: 20px;
	border: none;
}


#contents #left dl {
	width:500px;
	margin:0 auto 20px;
}


#contents #left dt {
	width:140px;
	float:left;
	margin-bottom:5px;
	padding-left:13px;
	background:url(../img/icon_01.gif) no-repeat left center;
}

#contents #left dd {
	width:400px;
	float:left;
	margin-bottom:5px;
	padding-left:22px;
	background:url(../img/icon_02.gif) no-repeat left 5px;
}



/*-------------------
	right
--------------------*/
#contents #right {
	width:180px;
	float:right;
}

/*--------
	search
---------*/

#contents #right .search, #contents #right #u_line {
	padding-bottom:11px;
	background:url(../../img/line.gif) no-repeat center bottom;
}

#contents #right .search #area {
	width:141px;
	height:31px;
	float:left;
	background:url(../img/s_area.png) no-repeat;
}

#contents #right .search #area input {
	width:103px;
	height:14px;
	margin:8px 0 0 23px;
	padding-top:1px;
	border:none;
	line-height:1em;
}

* html #contents #right .search #area input {
	width:103px;
	height:12px;
	margin:6px 0 0 23px;
	padding-top:3px;
	border:none;
	line-height:1em;
}

*:first-child+html #contents #right .search #area input {
	width:102px;
	height:13px;
	margin:6px 0 0 23px;
	padding-top:2px;
	border:none;
	line-height:1em;
}

#contents #right .search #btn {
	float:right;
}



/*--------------------------------------------------
	05. footer
--------------------------------------------------*/
#footer {
	margin-bottom:15px;
}

#footer .pagetop {
	float:right;
}



/*--------------------------------------------------
	06. Added on 2009 10
--------------------------------------------------*/


#past-exhibit {
	float: left; 
	clear: none; 
	width: 304px;
}

#flash-container {
	float: left; 
	width: 304px;
}

#exhibitor {
	width: 190px; 
	float: right; 
	margin-right: 0px;
	margin-top: 20px;
	}
.forgotpass {
	padding: 2px;
	font-size: 80%;
	}


#news-frame {
	_width: 530px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#left #top-seminar-table {
	width: 536px;
	border: 1px solid #CCC;
	font-size: 70%;
}
#left #top-seminar-table td {
	padding: 5px;
	border: 1px solid #CCC;
	vertical-align: top;
}

#left #top-seminar-table span {
	font-weight: bold;	
}

#organizer-section {
	margin-top: 20px;
}

#top-company-banner li {
	float: left;
	width: 176px;
	margin-left: 3px;
}


#zizen {
	 background: url('../../img/banner_zizen_bg.jpg') no-repeat; 
	 padding: 26px 0 6px 8px;
}

.btn-showall {
	float: right; 
	margin-right: 4px;
}


.banner-hover1{
  width:540px;
  height:29px;
  display:block;
}

.banner-hover2{
  width:176px;
  height:20px;
  display:block;
}

a.banner-hover1 img,
a.banner-hover2 img{
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

a.banner-hover1:hover img,
a.banner-hover2:hover img {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.top-topics {
	 background: url("../../img/top_topics_bg.jpg") left top no-repeat; 
	 height: 148px; 
	 padding: 20px 0 0 10px;
}


#visitor-sum {
	background: url('../../img/visitor-sum-bg.gif') center top no-repeat; 
	width: 180px;
    height: 167px;
}

#visitor-sum ul { 
	padding: 34px 0 0 14px;
}

#visitor-sum ul li {
	height: 23px;
	text-align:center;
	padding: 0px;
	margin: 0px;
}


#sokuhou {
	background: url('../../../img/btn-bg.gif') center top no-repeat; 
	width: 180px; 
	height: 80px;
}

#sokuhou ul {
	padding: 6px 0 0 0px; 
	margin: 0px;
}

#sokuhou ul li{
    text-align:center; 
    margin-bottom: 4px;
}

/*
 2010 0205 added
--------------------------*/

#enex-text {
	padding: 3px 10px; 
	font-size: 80%; 
	line-height: 12px;
}

#visitor-sum {
	background: url('../../img/visitor-sum-bg.gif') center top no-repeat; 
	width: 180px;
    height: 167px;
}

#visitor-sum ul { 
	padding: 34px 0 0 14px;
}

#visitor-sum ul li {
	height: 23px;
	text-align:center;
	padding: 0px;
	margin: 0px;
}

#zizen-blk {
	 background: url('../../img/banner_zizen_bg.gif') center top no-repeat; 
	 width: 180px; 
	 height: 150px;
}

#zizen-blk ul{
	padding-top: 10px; 
	margin: 0px 0 0 0px;
}

#zizen-blk ul li{
    text-align:center; 
    margin-bottom: 4px;
}

#sokuhou {
	background: url('../../img/btn-bg.gif') center top no-repeat; 
	width: 180px; 
	height: 80px;
}

#sokuhou ul {
	padding: 6px 0 0 0px; 
	margin: 0px;
}

#sokuhou ul li{
    text-align:center; 
    margin-bottom: 4px;
}

#newsrelease {
	 background: url('../../img/nr-btn-bg2.gif') left top repeat-y; 
	 width: 180px; 
	 height: 110px;	
}

#newsrelease ul {
     padding: 8px 0 0 0px; 
	 margin: 0px;
}

#newsrelease ul li {
	text-align: center;
}



/* 2010 0409 added
--------------------*/

#sokuhou-new {
	 border-top: 1px dotted #CCC; 
	 border-bottom: 1px dotted #CCC; 
	 padding: 14px 0px; 
	 margin: 8px 0;
}


#holder-wrapper2010 {
	background-color: #E1EBEC;
	 /*background: url('../../img/holder2010-middle.png') center top repeat-y;*/
}

#holder-top2010 {
	 width: 539px; 
	 height: 10px;
	 background:url('../../img/holder2010-top.png') center top no-repeat;
}

#holder-bottom2010 {
	clear:both;
	width: 539px; 
	height: 10px; 
	background:url('../../img/holder2010-bottom.png') center bottom no-repeat;
}

#holder-wrapper2010 h3 {
	 margin-left: 10px;
}

.white-bg {
	float: left;
	width: 303px;
	/*background-color: #FFF; */
	margin: 10px 10px;
}

.data-holder {
	 padding: 20px 10px
}

.data-holder .padding-l {
	padding-left: 8px;
}

.top-banner04 {
	margin: 10px 0 6px 14px;
}

.top-banner04b {
	float: right;
	margin: 10px 10px 0px 0px;
	_margin: 10px 5px 0px 0px;
}

.top-banner04c {
	 margin: 10px 0 6px 14px;
}

#right-banner-area li {
	margin: 0 0 5px 0;
}