@charset "UTF-8";
/* CSS Document */


/* page title */
#contents-pack #pack-left h3{
background-image: url(../images/title_page.gif);
height:45px;
}

/* tab --------------------------------------------------
------------------------------------------------------------------------ */
#fair-tab{
margin: 10px auto 0 auto;
padding: 0px 0 20px 0;
height: auto;
width: 510px;
text-align: left;
position: relative;
}
#fair-tab .ui-tabs-nav{
margin: 0px;
padding: 0px;
width: 510px;
}
#fair-tab .ui-tabs-nav li{
margin: 0px;
padding: 0px;
height: 25px;
width: 170px;
}
#fair-tab .ui-tabs-nav li a{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
overflow: hidden;
display: block;
height: 25px;
width: 170px;
}
#fair-tab .ui-tabs-nav li a:hover{
background-position: left center;
}
#fair-tab .ui-tabs-nav li.ui-tabs-selected a{
background-position: left bottom;
}
#fair-tab .ui-tabs-nav li a.tab1{
background-image: url(../images/tab_search01.gif);
}
#fair-tab .ui-tabs-nav li a.tab2{
background-image: url(../images/tab_search02.gif);
}
#fair-tab .ui-tabs-nav li a.tab3{
background-image: url(../images/tab_search03.gif);
}
#fair-tab #fair-set1 .ui-tabs-nav,#fair-tab #fair-set2 .ui-tabs-nav{
float:left;
}
#fair-tab #fair-set1 ul,#fair-tab #fair-set2 ul{
width:340px;
margin: 0px;
padding: 0px;
}
#fair-tab ul.tab-result{
float: left;
display: block;
height: 25px;
width: 170px;
}
#fair-tab ul.tab-result li{
margin: 0px;
padding: 0px;
height: 25px;
width: 170px;
}
#fair-tab ul.tab-result li a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/tab_search01.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
overflow: hidden;
display: block;
height: 25px;
width: 170px;
}
#fair-tab ul.tab-result li a:hover{
background-position: left center;
}
#fair-tab ul.tab-soon{
float: right;
display: block;
height: 25px;
width: 170px;
}
#fair-tab ul.tab-soon li{
margin: 0px;
padding: 0px;
height: 25px;
width: 170px;
}
#fair-tab ul.tab-soon li a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/tab_search03.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
overflow: hidden;
display: block;
height: 25px;
width: 170px;
}
#fair-tab ul.tab-soon li a:hover{
background-position: left center;
}


/* color of page bar */
#fair-tab #fair-search{
padding: 5px 0 0 0;
background-image: url(../images/obi_blue.gif);
background-repeat: repeat-x;
background-position: left top;
clear:both;
}
#fair-tab #fair-result{
padding: 5px 0 0 0;
background-image: url(../images/obi_green.gif);
background-repeat: repeat-x;
background-position: left top;
clear:both;
}
#fair-tab #fair-soon{
padding: 5px 0 0 0;
background-image: url(../images/obi_red.gif);
background-repeat: repeat-x;
background-position: left top;
clear:both;
}



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

#pack-left #box-search{
margin:20px 0 0 0;
}
#box-search h4{
font-size: 1px;
line-height: 1px;
background-image: url(../images/body_search.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 25px;
width: 336px;
}
#box-search table{
width:510px;
border-collapse: collapse;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #3063ce;
}
#box-search th{
	background-color: #e4f1f4;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3063ce;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3063ce;
}
#box-search th.cell-division{
width: 320px;
border-right-style: none;
}
#box-search td{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3063ce;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3063ce;
}
#box-search td.nb{
border-right-style: none;
}
/* result--------------------------------------------------
------------------------------------------------------------------------ */
#pack-left #box-result{
margin:20px 0 0 0;
}
#pack-left #box-result h5{
font-size: 14px;
padding:0 0 10px 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #69F;
background-image: url(../images/icon_lenz.gif);
background-repeat: no-repeat;
background-position: left top;
}

/* comingsoon --------------------------------------------------
------------------------------------------------------------------------ */
#pack-left #box-soon{
	margin:20px 0 0 0;
}
#box-soon h4.body-soon{
font-size: 1px;
line-height: 1px;
background-image: url(../images/body_soon.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 25px;
width: 510px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}

/* data-table --------------------------------------------------
------------------------------------------------------------------------ */
.pack-info{
margin:20px 0 0 0;
}
.pack-info h4{
font-size: 14px;
line-height: normal;
background-image: url(../images/icon_fairname.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding: 0 0 0 16px;
margin: 0 0 5px 0;;
}
.pack-info table{
font-size: 11px;
width: 100%;
margin:0px;
border-top-width: 1px;
border-top-style: solid;
}
.pack-info th{
font-weight: normal;
vertical-align: top;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
padding:5px;
width: auto;
}
.pack-info td{
vertical-align: top;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
padding:5px;
width: 160px;
}
.pack-info td a{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 15px;
width: 130px;
overflow: hidden;
margin:3px 0 0 0;
}
.pack-info td a:hover{
background-position: left bottom;
}

.pack-info .office a{
background-image: url(../images/btn_tobranch.gif);
}
.pack-info .hall a{
background-image: url(../images/btn_appearmap.gif);
}
.pack-info .reserve a{
background-image: url(../images/btn_toform.gif);
}


/* status --------------------------------------------------
------------------------------------------------------------------------ */
#fair-tab .display-number{
margin:10px 0 0 0;
padding: 0 0 6px 0;
}
.display-number p.now{
display: block;
float: left;
}
.display-number p.selector{
display: block;
float: right;
}
.display-number:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.display-number{ 
zoom: 100%;
}
.display-number { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .display-number { height: 1%;}
.display-number { display: block;}
/* End hide from IE-mac */

/* sort */
#fair-tab .sort-list{
padding: 0 0 6px 0;
margin:0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#fair-tab .sort-list h6{
font-size: 1px;
line-height: 1px;
background-image: url(../../../common/images/icon_sort.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 20px;
width: 95px;
overflow: hidden;
float:left;
}
#fair-tab .sort-list ul{
float:left;
padding:5px 0 0 0;
}
#fair-tab .sort-list li{
float:left;
padding: 0 5px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
}
#fair-tab .sort-list li a{
text-decoration: none;
}
#fair-tab .sort-list li a:hover{
text-decoration: none;
}
#fair-tab .sort-list li a.thisone{
text-decoration: none;
background-image: url(../../../common/icon_sort_active.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 12px;
}
.sort-list:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.sort-list{ 
zoom: 100%;
}
.sort-list { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .sort-list { height: 1%;}
.sort-list { display: block;}
/* End hide from IE-mac */

/* pagenumber */
#fair-tab .pagenumber{
padding: 10px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#fair-tab #fair-set1 .pagenumber ul,#fair-tab #fair-set2 .pagenumber ul{
width:510px;
}
#fair-tab .nowpage{
float: left;
font-size: 1px;
line-height: 1px;
background-image: url(../images/text_nowpage.gif);
background-repeat: no-repeat;
background-position: left center;
text-indent: -1000em;
display: block;
height: 13px;
width: 84px;
overflow: hidden;
}
.pagenumber .pagelink{
float: left;
}
.pagenumber .pagelink a,.pagenumber .pagelink a:visited{
text-decoration: none;
}
.pagenumber .pagelink a.thispage,.pagenumber .pagelink a:visited.thispage{
text-decoration: underline;
}

.pagenumber .nextpage{
float: right;
margin:0 5px 0 0;
}
.pagenumber .nextpage a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_nextpage.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 16px;
width: 68px;
overflow: hidden;
}
.pagenumber .nextpage a:hover{
	background-position: left bottom;
}
.pagenumber .prevpage{
float: right;
margin:0 5px 0 0;
}
.pagenumber .prevpage a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_prevpage.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 16px;
width: 68px;
overflow: hidden;
}
.pagenumber .prevpage a:hover{
	background-position: left bottom;
}

.pagenumber:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.pagenumber{ 
zoom: 100%;
}
.pagenumber { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .pagenumber { height: 1%;}
.pagenumber { display: block;}
/* End hide from IE-mac */

/* shadowbox */
#sb-container #sb-body,#sb-container #sb-body iframe#sb-content{
 height:480px !important;
}