@charset "Shift_JIS";

/* -------------------------------------

RESET ELEMENTS

-------------------------------------- */

*{ 
margin:0; 
padding:0;
}



/* -------------------------------------

GENERAL SETTING

-------------------------------------- */

html>body{ font-size: 80%; }
* html { font-size: 80%; }
*:first-child+html body{ font-size: 75%;}
body{ 
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:100%;

line-height:1.8;
color:#000;
background-color:#F0F0F0;
background:url(bg_nvRepeat.jpg) left 140px repeat-x;
}
h1, h2, h3, h4, h5, h6, table, p, dt{ 
font-size: 100%;
}

strong{ 
font-weight: bold;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{ 
border:0;
}

a{
outline: none;
}
a:link { 
color: #666;
text-decoration:none;
}
a:visited { 
color:#666;
text-decoration:none;
}
a:hover{
color:#353990;
text-decoration:none;
}

.clear { 
clear:both;
}

.fleft{
float:left;
}

.fright{
float:right;
}

ul li{
list-style:none;
}

/***  CLEARFIX  ***/
.clearfix:after{ content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.clearfix{ display:inline-block;}
/*Hide from IE-mac\*/
*html .clearfix{ height:1%;}
.clearfix{ display:block;}
/*End hide form IE-mac*/


/*****/
.ml30{margin-left:30px;}


/* -------------------------------------

FRAME

-------------------------------------- */

#wrapper{
border-top:3px solid #6C5579;
background:url(bg_footer.jpg) left bottom repeat-x;
}

#wrapper-set{
width:908px;
text-align:left;
margin:0 auto;
padding:0;
background:url(bg_zabuRepeat.jpg) 0 0 repeat-y;
}



/* -------------------------------------

HEADER

-------------------------------------- */

#header{
width:900px;
height:137px;
margin-left:4px;
background:url(bg_headder.jpg) left top repeat-x;
position:relative;
}

#header h1 a{
width:587px;
height:117px;
display:block;
text-indent:-9999px;
position:relative;
top:15px;
left:25px;
float:left;
background:url(h1_logo.jpg) 0 0 no-repeat;
}

#header ul{
position:absolute;
top:27px;
left:690px;
}

*html #header ul{
position:absolute;
left:675px;
}

#header ul li{
float:left;
display:block;
margin-left:15px;
}



/* -------------------------------------

NV

-------------------------------------- */

#nv{
width:908px;
height:46px;
background:url(bg_nvRepeat.jpg) left top repeat-x;
}

#nv ul{
margin-left:4px;
}

#nv ul li{
float:left;
text-align:center;
}

#nv ul li a{
width:180px;
height:45px;
line-height:45px;
color:#FFF;
font-weight:bold;
font-size:140%;
display:block;
background:url(bg_nv.jpg) 0 0 no-repeat;
}

#nv ul li a:hover,
#nv .onpage{
background:url(bg_nv_o.jpg) 0 0 no-repeat;
}

#nv .smaller{
font-size:100%;
}



/* -------------------------------------

TOP-AREA

-------------------------------------- */

#top-area{
width:900px;
margin-left:4px;
}

#top-area p{
width:890px;
height:300px;
display:block;
text-indent:-9999px;
margin:5px 5px 8px 5px;
background:url(img_top.jpg) 0 0 no-repeat;
}



/* -------------------------------------

MIDDLE-AREA

-------------------------------------- */

#middle-area_contents{
width:880px;
margin:0;
padding:0 5px 0 14px;;
padding-bottom:50px;
}
*html #middle-area_contents{
width:899px;
}

/***  MIDDLE-AREA_LEFT  ***/
#middle-area_left{
width:630px;
float:left;
}
*html #middle-area_left{
}

#middle-area_left .box{
margin:0 0 10px 0;
min-height:220px;
_height:220px;
border:1px solid #FF9900;
background-color:#FFFCCC;
}

#middle-area_left .box h2{
width:628px;
height:39px;
display:block;
text-indent:-9999px;
background: url(h2_holding.jpg) left top no-repeat;
}

#middle-area_left .box span,
#middle-area_left .box p{
padding:5px;
line-height:1.4em;
}

#middle-area_left .ttls{
font-size:120%;
font-weight:bold;
color:#F00;
}

#middle-area_left .boxs{
margin-top:36px;
}

#middle-area_left .boxs h3{
width:630px;
height:45px;
display:block;
margin-bottom:5px;
text-indent:-9999px;
}

#middle-area_left .boxs #h3_infomation{
background:url(h3_infomation.jpg) 0 0 no-repeat;
}
#middle-area_left .boxs #h3_exhibitor{
background:url(h3_exhibitor.jpg) 0 0 no-repeat;
}
#middle-area_left .boxs #h3_guest{
background:url(h3_guest.jpg) 0 0 no-repeat;
}

#middle-area_left .boxs dl{
line-height:1.2em;
padding:5px;
background-color:#F5F5F5;
border:1px solid #ccc;
}

#middle-area_left .boxs dl dt,
#middle-area_left .boxs dl dd{
padding:3px 0;
}

#middle-area_left .boxs dl dd.boxs-border{
border-bottom:1px dotted #CCC;
}

#middle-area_left .boxs  ul li{
float:left;
display:block;
margin-right:5px;
}

/***  MIDDLE-AREA_RIGHT  ***/

#middle-area_right{
width:220px;
float:right;
}

#middle-area_right ul{
margin-bottom:10px;
}

#middle-area_right ul li{
line-height:1.2em;
}

#middle-area_right ul li img{
margin-bottom:2px;
}

#middle-area_right p{
margin-top:24px;
text-align:center;
}



/* -------------------------------------

LEFTAREA 下階層コンテンツエリア

-------------------------------------- */

#fair-leftarea #contents{
width:630px;
margin:10px 0 50px 10px;
float:left;
}

#fair-leftarea #contents table p{
padding:3px;
}

#fair-leftarea #contents table img{
margin:3px;
border:1px solid #ccc;
display:block;
}

#fair-leftarea #contents table .smaller{
font-size:85%;
}

#fair-leftarea #contents .ttl{
width:630px;
height:45px;
display:block;
padding-bottom:10px;
line-height:45px;
text-indent:20px;
font-size:120%;
font-weight:bold;
background:url(bg_ttl.jpg) 0 0 no-repeat;
}
#fair-leftarea #contents .ttls{
color:#FF9900;
font-size:110%;
font-weight:bold;
line-height:1.6em;
padding:4px 0;
display: block;
}
#fair-leftarea #contents .ttlss{
text-indent:10px;
font-weight:bold;
display:block;
margin-bottom:5px;
border-left:3px solid #666;
border-bottom:2px solid #CCC;
line-height:20px;
}

#fair-leftarea #contents .txt-ble{
color:#6CF;
font-weight:bold;
line-height:1.6em;
}
#fair-leftarea #contents .txt-grn{
color: #9C6;
font-weight:bold;
line-height:1.6em;
}
#fair-leftarea #contents .txt-org{
color: #F90;
font-weight:bold;
line-height:1.6em;
}

#fair-leftarea #contents .box{
width:628px;
border:1px solid #FF9901;
background-color:#FFFFCC;
}
#fair-leftarea #contents .box table{
padding:5px;
}
#fair-leftarea #contents .boxs{
border:1px solid #CCC;
}

#fair-leftarea #contents .box-border{
line-height:5px;
border-bottom:1px solid #CCC;
}
#fair-leftarea #contents .box-border-org{
line-height:5px;
border-bottom:1px solid #FF9901;
}
#fair-leftarea #contents .txt-br-orj{
padding:3px;
display: block;
line-height:20px;

font-weight:bold;
text-indent:10px;
background-color:#FF812D;
}

#fair-leftarea #contents .arr-orj{
display:block;
line-height:1.2em;
padding:3px 0 2px 10px;
background:url(arrow_orj.jpg) 0 8px no-repeat;
}

.pagetop a{
padding:20px 0 10px;
float:right;
}



/* -------------------------------------

SUBNAVI 下階層サイドナビゲーション

-------------------------------------- */

#fair-subnavi{
width:230px;
float:right;
display:block;
margin-top:11px;
}

#subnavi {
width:220px;
float:left;
display:block;
}

#subnavi_title {
width:220px; 
height:50px;
margin-right:10px;
float:left;
line-height:50px;
background-image:url(sub-title-fair.jpg);
background-repeat:no-repeat;
font-size:100%;
text-indent:10px;
overflow:hidden;
margin-bottom:0px;
font-weight:bold;
}

#subnavi_title a{
width:220px; 
height:50px;
margin-right:10px;
line-height:50px;
text-align:left;
display:block;
text-indent:10px;
float:left;
text-decoration:none;
background-image:url(sub-title-fair.jpg);
font-weight:bold;
color:#FFF;
}

#subnavi_title a:hover {
text-decoration:underline;
background-image:url(sub-title-fair.jpg);
color:#FFF;
}

#subnavi_title.current a:hover {
text-decoration:underline;
background-image:url(sub-title-fair.jpg);
color:#FFF;
}

#subnavi ul {
padding-bottom:10px;
float:left;
}

#subnavi li {
list-style-type:none;
float:left;
}

#subnavi li a{
background-image:url(subnavi-fair.jpg);
background-repeat:no-repeat;
width:220px; 
height:45px;
line-height:45px;
text-indent:20px;
list-style-type:none;
display:block;
text-align:left;
text-decoration:none;
font-weight:normal;
color:# 666;
}

#subnavi ul li a:hover{
background-image:url(subnavi-fair.jpg);
background-repeat:no-repeat;
text-decoration:underline;
color:# 666;
}

#subnavi ul li.current a{
background-image:url(subnavi02-fair.jpg);
background-repeat:no-repeat;
font-weight:normal;
text-decoration:underline;
color:# 666;
padding-left:20px;
}

#subnavi ul li.current ul li a{
background-image:none; 
width:220px;
height:45px;
line-height:45px;
text-indent:30px;
display:block;
text-align:left;
text-decoration:none;
font-weight:normal;
color:# 666;
padding-left:12px;
background-image:url(subnavi02-fair.jpg);
}

#subnavi ul li.current ul li a:hover {
background-image:none;
font-weight:normal;
text-decoration:underline;
color:# 666;
padding-left:12px;
background-image:url(subnavi02-fair.jpg);
}

#subnavi ul li.current ul li.current a {
background-image:none;
font-weight:normal;
text-decoration:normal;
color:# 666;
padding-left:12px;
background-image:url(subnavi02-fair.jpg);
}


#fair-bnr{
width:230px;
float:right;
margin-top:11px;
}

#fair-bnr ul{
width:230px;
float:left;
list-style-type:none;
}

#fair-bnr ul li {
float:left;
width:220px;
margin-bottom:11px;
}

#fair-bnr ul li a{
margin-bottom:0px;
float:left;
}

#fair-bnr p{
margin-top:24px;
text-align:center;
float:left;
margin-left:32px;
display:inline;
}

a:hover img{
filter:Alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}



/* -------------------------------------

FOOTER

-------------------------------------- */

#footer{
height:90px;
color:#FFF;
background:url(bg_footer.jpg) 0 0 repeat-x;
}
*html #footer{
position: relative;
top:2px;
}

#footer #link-area{
text-align:center;
padding:10px 0;
}

#footer a,
#footer address{
color:#FFF;
font-size:90%;
}

#footer ul{
margin:15px 0 0 88px;
}

#footer ul li{
float:left;
display:block;
line-height:1.2em;
padding:2px 10px 1px 10px;
background:url(arrow_wt2.jpg) left 6px no-repeat;
}

#footer address {
float:right;
font-style:normal;
margin:0 30px 0 0;
}

#footer .arr_footer{
line-height:1.2em;
padding:0 0 0 10px;
background:url(arr_footer.jpg) 0 5px no-repeat;
}

#footer ul li{
margin-right:10px;
}