/**********************
	base
**********************/

* {
	
	margin:0px;
	padding:0px;
}

html {

	position:relative;
	width:100%;
	height:100%;
	min-height:520px;
	
}

body{

	background:#000;
	font-family:"Futura","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	font-size:14px;
}

img {
	border:0px;
}

a,a:hover,a:active,a:visited {
	text-decoration:none;
	color:#fff;
}
a:hover {
	text-decoration:none;
	color:#ccc;
}

h1,h2,h3,h4,h5{
	
}

h2 { 
	font-size:18px; font-weight:normal;
    font-family: "Futura","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "?¼­?¼³ ?¼°ã‚´ã‚·ãƒ?ク", "MS PGothic", sans-serif;
}

h3 { font-size:14px }

table,tr,td{
	border:0px;
}
td {
	vertical-align:top;
	padding:5px;
}

li {
	padding:0px;
	list-style:none;
}

address {
	display:inline-block;
	font-style:normal;
}

/**********************
	common style
**********************/

.v-margin {
	margin:10px 0px;
}
.b-margin {
	margin-bottom:20px;
}

.indent {
	display:inline-block;
	margin-left:20px;
}

.pointer {
	
	cursor:pointer;
}

.clear {
	
	clear:both;
}


.button {
	display:inline-block;
	margin:5px 0px;
	padding:2px 10px;
	border:1px solid #fff;
	cursor:pointer;
}
.button:hover {
	background:#fff;
	color:#000;
}

/**********************
	id
**********************/

#background{
	
	z-index:0;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
}

#video,#tubular-container {
	
	position:absolute;
	top:0px;
	left:50% !important;
	margin-left:-446px;
	min-height:310px;
	height:669px;
	z-index:-1;
}

.bg-image {

	background-image: url(../images/bg-mobile.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#contents{
	
	position:absolute;
	z-index:10;
	overflow: auto;
	height:580px;
	background-image: url("../images/bg_image.jpg");
    background-size: 100%;
}

#bt-play {	
	text-align: center;
	margin:0px auto;
	margin-top:10px;
}

#bt-sound {

	display:none;
}

#menu {
	
	display:block;
	width:100%;
	margin-top: 83px;
	position: absolute;
    bottom: 75px;
}

#menu li {
	
	display:block;
	list-style:none;
	width:100%;
	margin:0px;
	padding:20px 0px;
	cursor:pointer;
	border-bottom:1px solid rgba(100,100,100,1);;
	
}
#menu li:last-child {
	margin-bottom:0px;
}
#menu li div{
    letter-spacing: 0.1em;
	margin-left: 20px;
	font-family: "Futura","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "?¼­?¼³ ?¼°ã‚´ã‚·ãƒ?ク", "MS PGothic", sans-serif;
}

#menu li a{

	display: block;
	width:100%;
	height:100%;
}

#menu ul>br {

	display:none;
}



#menu li:hover, #menu li.active{
	
}

#menu .caption{
	position:absolute;
	display:none;
	opacity:0;
	
}


#right-close-block {
	
	display:none;
	position:fixed;
	z-index=:8;
	width:0px;
	right:0px;
	height:100%;
	background:url(../images/close-right.png) no-repeat 20px center;
	opacity:0;
}


#logo {
	
	margin:5%;
	width:90%;
}

#info-img {
	
	margin:20px;
	width:90%;
	margin-top: 5px;
	display:none;
}


/**********************
	info page
**********************/


#info-page {
	
	position:absolute;
	z-index:200;
	top:0px;
	left:0px;
	width:100%;
	min-height: 100%;
	
	background:rgba(0,0,0,0.5);
}

#info-page .inner{
	
	position:relative;
	top:30px;
	margin:0px 30px 100px 30px;
}

#info-close-bt {
	
	position:fixed;
	z-index: 1000;
	bottom:0px;
	left:0px;
	width:100%;
	height:30px;
	padding:15px 0px;
	background:#222;
	text-align: center;
}

#info-page header {
	
	width:100%;
	height:60px;
}


#info-page .page{
	
	position:relative;
	display:none;
	width:100%;
}



.sentence {
	
	width:100%;
	text-align:justify;
	line-height:2em;
}
.sentence p {
}




/* outline */


table.outline-info {
	
	width:100%;
	margin-top:-18px;
}
.outline-info td{
	padding:10px 0px;
	line-height:2em;
}
.outline-info td img{
	width: 90px;
    margin-top: 10px;
}
.outline-info .subject {
	width:80px;
	padding-right:10px;
	letter-spacing:0.5em;
	text-align:justify;
	text-justify:inter-ideograph;
}

.outline-date {
	
	font-size:24px;
}
.outline-date .small{
	
	font-size:16px;
}


/* exhibitors */

.exhibitor-list {
	
	width:200px;
	float:left;
}
.exhibitor-list li{
	
	margin:5px 0px;
}

.exhibitor-list li>a {
	margin-left:20px;
	font-size:12px;
}



/*  access  */

#shinko-image {
	
	width:100%;
	margin-bottom:20px;
}


/**********************
	footer
**********************/

#footer {

    position: absolute;
    bottom: 0px;
    background-color: black;  
    width: 100%;
    padding-top: 10px;

}

#tw-bt{
	width:80px;
	margin-left: 20px;
	float:left;
}
#fb-bt{
	width:120px;
	margin-left: 10px;
	float:left;
}
#fb-bt iframe{
	width:120px;
}
.fb_iframe_widget{
    margin-left:5px;
}
#copy{
	clear:both;
	margin:30px 20px 10px 20px;
	color:#fff;
	font-size:10px;
	font-family: "Futura","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "?¼­?¼³ ?¼°ã‚´ã‚·ãƒ?ク", "MS PGothic", sans-serif;
}