/***************************************************************

* base.css

***************************************************************/

/* reset
***************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 
table {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 100%;
} 
fieldset,img {  
	border: 0; 
}
li img {
	vertical-align: top;
}
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal; 
} 
ol,ul { 
	list-style: none;
} 
 
caption,th { 
	text-align: left; 
} 

h1,h2,h3,h4,h5,h6 { 
	font-size: 100%; 
	font-weight: normal; 
} 
q:before,q:after { 
	content: ''; 
} 
abbr,acronym {
	border: 0; 
} 
 
 
 
 /* body
***************************************************************/
body {
	font-size: 12px;
	font-family		: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
    color: #313131;
	background: #000;
	text-align: center;
}
/* ie6 hack */
* html body {
	font-size: 75%;
	letter-spacing:0.1em;
	line-height: 1.6em;
}
/* ie7 hack */
*:first-child+html body {
	font-size: 75%;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}

/* clear
***************************************************************/
div{
    zoom:1;
}
div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
/* link
***************************************************************/
a{
	color:#C00;
	text-decoration: none;
	outline: none;
}

a:hover{
	color:#C00;
	text-decoration: underline;
	outline: none;
}
/* tooltip

***************************************************************/

#title-tip {
	width: 100px;
    background-color: #FFF;
    padding: 5px 10px;
    border: 1px solid #CCC;
    z-index:10000;
	text-align: left;

}

/* wrapper
***************************************************************/
#wrapper {
	background: url(../img/bg_content.gif);
}

#header {
	background-color: #000;
	position: absolute;
	width: 100%;
}
#header .wrap {
	width: 1000px;
	height: 132px;
	padding: 18px 0 0;
	margin: 0 auto;
}

#content {
	width: 760px;
	float: left;
	padding: 190px 0 50px;
	color: #b8b8b8;
	text-align: left !important;
}
.wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left !important;
}
#main {
	width: 500px;
	float: left;
}
#sidebar {
	width: 240px;
	float: right;
}
#sidebar p#date {
	margin: 0 0 20px;
}
#sidebar .banner li {
	margin: 0 0 10px;
}
 /* nav
***************************************************************/
#nav {
	width: 160px;
	float: right;
	background: #1b1b1b;
	padding: 0 20px 30px;
	position: relative;
	top: -600px;
	z-index:2;
}
#nav .lnav {
	margin: 0 -20px 20px;
}
#nav .lnav li {
	float: left;
}
#nav .lnav a {
	width: 100px;
	height: 25px;
	display: block;
	text-indent: -5000px;
	background-image: url(../img/lnav.gif);
}
#nav .lnav a:hover {
	background-image: url(../img/lnav_hover.gif);
}
#nav .lnav .ja a {
	background-position: 0 0;
}
#nav .lnav .en a {
	background-position: -100px 0;
}
#nav #ja .gnav {
	margin: 0 0 30px;
}
#nav #ja .gnav a {
	display: block;
	text-indent: -5000px;
	width: 159px;
	height: 30px;
	background-image: url(../img/nav_ja.gif);
}
#nav #ja .gnav a:hover,
#nav #ja .gnav a.current {
	background-image: url(../img/nav_ja_hover.gif);
}
#nav #ja .gnav .about a {
	background-position: 0 0;
}
#nav #ja .gnav .history a {
	background-position: 0 -30px;
}
#nav #ja .gnav .news a {
	background-position: 0 -60px;
}

#nav #ja .gnav .exhibitors a {
	background-position: 0 -90px;
}
#nav #ja .gnav .cars a {
	background-position: 0 -120px;
}
#nav #ja .gnav .event a {
	background-position: 0 -150px;
}
#nav #ja .gnav .access a {
	background-position: 0 -180px;
}
#nav #ja .gnav .ticket a {
	background-position: 0 -210px;
}
#nav #ja .gnav .products a {
	background-position: 0 -240px;
}

#nav #ja .gnav .gallery a {
	background-position: 0 -270px;
}

#nav #ja .snav {
	margin: 0 0 30px;
}
#nav #ja .snav a {
	display: block;
	text-indent: -5000px;
	height: 10px;
	line-height: 10px;
	background-image: url(../img/sub_nav_ja.gif);
	margin: 0 0 10px;
}
#nav #ja .snav a:hover,
#nav #ja .snav a.current {
	background-image: url(../img/sub_nav_ja_hover.gif);
}
#nav #ja .snav .press a {
	width: 58px;
	background-position: 0 0px;
}
#nav #ja .snav .entry a {
	width: 119px;
	background-position: 0 -20px;
	margin: 0 0 20px;
}
#nav #ja .snav .company a {
	width: 101px;
	background-position: 0 -50px;
}
#nav #ja .snav .term a {
	width: 76px;
	background-position: 0 -70px;
}
#nav #ja .snav .privacy a {
	width: 119px;
	background-position: 0 -90px;
}
#nav #ja .snav .contact a {
	width: 60px;
	background-position: 0 -110px;
}
#nav #ja p.copyright {
	width: 129px;
	height: 32px;
	text-indent: -5000px;
	background: url(../img/t_copryright_ja.gif);
}
#nav #ja .cnav {
	position: absolute;
	bottom: -31px;
	*bottom: -32px;
	left: 0;
	width: 200px;
}
#nav #ja .cnav li {
	float: left;
}
#nav #ja .cnav a {
	display: block;
	height: 30px;
	text-indent: -5000px;
	background: url(../img/cnav_ja.gif);
}
#nav #ja .cnav a:hover {
	background: url(../img/cnav_ja_hover.gif);
}
#nav #ja .cnav .home a {
	width: 100px;
	background-position: 0 0;
	margin: 0 1px 0 0;
}
#nav #ja .cnav .top a {
	width: 99px;
	background-position: -101px 0;
}


/* footer
***************************************************************/
#footer {
	padding: 50px 0;
	color: #FFF !important;
}
#footer .wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: url(../img/logo_f.png) no-repeat 530px 55px;
}
#footer h2 {
	margin: 0 0 20px;
}
#footer p.btn {
	position: absolute;
	top: 0;
	right: 240px;
}
#footer th {
	width: 100px;
	padding: 0  0 10px;
	vertical-align: top;
}
#footer td {
	padding: 0  0 10px;
}


/* Shadowbox
***************************************************************/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../img/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../img/shadowbox/close.png);}
#sb-nav-next{background-image:url(../img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}