/* -------------------------------------------------------
	[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-bottom:1px solid #f8f8f8;
	padding-bottom:2px;
}


#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.png) 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;
	padding: 10px 0 10px 15px;
}

#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;
}


.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.png') center top no-repeat; 
	width: 180px;
    height: 167px;
	margin-bottom: 10px;
}

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

#visitor-sum ul li {
	width: 159px;
	height: 22px;
	text-align:center;
	border-bottom: 1px dotted #CCC;
	padding: 0px;
	margin: 0px;
}

#visitor-sum p {
	text-align: center;
	padding: 2px 0 0 0;
}


#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;
}





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


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


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

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

#left #top-seminar-table td.td-top01 {
	padding: 8px 2px 8px 8px;
}

#left #top-seminar-table td.td-top01 img {
	margin-bottom: 4px;
}

#left #top-seminar-table span {
	
}

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

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

.block-cat02 {
	width: 265px;
	margin: 5px 0 6px 0;
}

* html .block-cat02 {
	width: 265px;
	margin: 5px 0 2px 0;
}

#zizen {
	 background: url('../../img/banner_zizen_bg.png') no-repeat; 
	 padding: 5px 0 6px 4px;
	 height:90px;
	 margin-bottom:0;
}

.btn-showall {
	width: 536px;
	background-color: #EFEFEF;
	text-align: right;
	margin-right: 0px;
	margin-top: 5px;
}

.btn-showall-en {
	width: 536px;
	background-color: #EFEFEF;
	text-align: right;
}

.btn-showall-en img {
	margin: 4px 2px 2px 0px;	
}

.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;
}

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

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


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

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

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

#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 {
	 width: 180px; 
	 /*height: 100px;*/
	 padding-bottom: 8px;
    background:url(../../img/line.png) no-repeat center bottom;
}

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

#newsrelease ul li {
	text-align: center;
	margin-bottom: 2px;
}


.border01 {
	border: 1px solid #6EAB23;
	padding: 10px;
	font-size: 90%;
}

.border02 {
	border: 1px solid #754784;
	padding: 10px;
	font-size: 90%;
}

.border01 img,
.border02 img {
	padding: 10px 0 0 12px;
	margin: 0px 0 14px 0;
}


/* 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 {
	 margin: 0px 0 6px 14px;
}

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


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

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

#top-category {
	clear: both;
	position: relative;
	width: 540px; 
	height: 170px; 
	background: url('../../img/top_category.png') left top no-repeat; 
	margin-bottom: 6px;
}

.zoning-block {
	position: absolute;
	top: 10px;
	right: 10px;
}

.margin-r4 {
	margin-right:4px;
}

.fontbold {
	font-weight: bold;
	font-size: 110%;
}


/* 2011 0606 added
----------------------------*/

#omimai {
	width: 540px;
	font-size: 12px;
	text-align: center;
	background: url(../../img/bg-middle-omimai.png) center top repeat-y;
	/*border: 2px solid #CCC;*/
	margin: 0 0 10px 0;
}

#omimai p {
	padding: 10px;
}

.bg-top-omimai {
	width: 540px;
	height: 6px;
	background: url(../../img/bg-top-omimai.png) center top no-repeat;	
}

.bg-bottom-omimai {
	width: 540px;
	height: 6px;
	background: url(../../img/bg-bottom-omimai.png) center bottom no-repeat;	
}


#block-report {
	border: 2px solid #CCC;
}

#block-report h3 {
	width: 536px;
	height: 43px;
	background: url(../../img/title-report2011.png) left top no-repeat;
	text-indent: -9999px;
}

#block-report h4 {
	width: 536px;
	height: 40px;
	background: #F6F6F6 url(../../img/subtitle-visitor-report.png) 20px 8px no-repeat;
	text-indent: -9999px;
}

#vr-01,
#vr-02,
#vr-03,
#vr-04 {
	width: 536px;
	height: 30px;
	text-indent: -9999px;
	margin: 10px 0 0 20px;
	padding: 0px 0 0 0px;
}

#block-graphs p {
	border-bottom: 1px solid #EFEFEF;
	padding: 6px 0 10px 20px;
}

#vr-01 {
	background: url(../../img/title-graph1.png) left top no-repeat;
}

#vr-02 {
	background: url(../../img/title-graph2.png) left top no-repeat;
}

#vr-03 {
	background: url(../../img/title-graph3.png) left top no-repeat;
}

#vr-04 {
	background: url(../../img/title-graph4.png) left top no-repeat;
}


.top-report-banners {
	float: right;
	width: 199px;
	margin-top: 10px;
	margin-right: 10px;
	/*padding-right: 10px;*/
}

*:first-child+html .top-report-banners {
	float: right;
	width: 199px;
	margin-right: 4px;
	padding-top: 4px;
}

* html .top-report-banners {
	float: right;
	width: 199px;
	margin-right: 0px;
	padding-top: 4px;
}

.top-report-banners li {
	height: 64px;
	margin: 10px 15px 0 0;
}

*:first-child+html .top-report-banners li {
	height: 64px;
	margin: 4px 15px 0 0;
}

* html .top-report-banners li {
	height: 64px;
	margin: 4px 10px 0 0;
}

.top-report-banners li a {
	display: block;
	width: 199px;
	
}

.banner-motion01-bg {
	clear:both;
	width: 540px;
	height: 86px;
	background: url(../../img/banner-sokuhou-bg.png) left top no-repeat;
	margin-bottom: 10px;
	margin-top: 10px;
}

.banner-motion01 {
	clear: both;
	display:block;
	float: right;
	width: 260px;
	height: 45px;
	background: url(../../img/banner-sokuhou-btn-hover.png) left top no-repeat;
	margin: 10px 18px 0 0px;
	_margin: 10px 10px 0 0px;
}

.banner-motion01 a {
	display: block;
	width: 260px;
	height: 45px;
	background: #000 url(../../img/banner-sokuhou-btn.png) left top no-repeat;
	text-indent: -9999px;
}

.banner-motion01 a:hover {
	background: none;
}


#right-sub-menu {
	padding-bottom:11px;
	background:url(../../img/line.png) no-repeat center bottom;
}



/* 2012 0109 added
----------------------------*/


#top-seminar{
	background:#f8f8f8;
	margin-bottom:20px;
	}

p.to-seminar{
	text-align:right;
	padding-top:7px;
	margin-top:5px;
	padding-right:7px;
	}

#top-seminar table{
	background:url(../../img/bg-line-semi.png) repeat-x bottom;
	}

#top-seminar th{
	padding:13px 0 0 0;
	text-align:left;
	vertical-align:top;
	}


#semi-day1 td{
	vertical-align:top;
	padding:0 0 15px 0;
	margin:0;
	}

#top-organizer{
	padding:10px 0 20px 0;
	}

#top-organizer img{
	padding-bottom:10px;
	}

#top-zone{
	background:#f8f8f8;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
	}

#top-zone img{
	padding-bottom:20px;
	}