@charset "utf-8";



/* ----- Body
========================================*/

html {
background-color: #ffffff;
}


body {
width: 1020px;
background-color: #ffffff;
background-image: url(../img/c_bk.jpg);
background-repeat: repeat-y;
margin: 0 auto;
padding: 0;
text-align: left;
font-size: 15px;
font-weight: normal;
line-height: 150%;
color: #333333;
font-family:Helvetica, Arial, Verdana, sans-serif;
/* font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
/* font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */

/* border-left: solid 1px #afafaf; */
/* border-right: solid 1px #afafaf; */
}



#wrapper_1 {
width: 960px;
height: 750px;
margin: 0 auto;
background-color: #c8c5c3;
background-image: url(../img/i_back.jpg);
background-repeat: no-repeat;
font-size:1px;
line-height:0; 
position: relative;
}

#wrapper_1 img {
margin: 0px 0 0 0px ;
}

#wrapper_1 img.i_image4 {
position: absolute;
 top: 0px;
 left: 0px;
}


#wrapper {
width: 960px;
margin: 0 auto;
background-color: #ffffff;
}

/* .opc {
filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;
}
 */


/* ----- Header
========================================*/

#header {
width: 960px;
height: 100px;
margin: 0 auto;
line-height:0;
font-size:0;
background-color: #ffffff;
position: relative;
}

#header img {
border: 0px;
margin: 0px;
}

#header img.title_c {
position: absolute;
 top: 10px;
 left: 5px;
}

#header img.entry{
position: absolute;
 top: 10px;
 left: 780px;
/*
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
*/
}

#header img.exhibitors{
position: absolute;
 top: 60px;
 left: 780px;
}



#header a:hover {
filter:alpha(opacity=50);
opacity:0.5;  
outline:none;
}







/* ----- Contents_left
========================================*/

#content_l {
width: 615px;
background-color: #ffffff;
margin: 5px 0px 5px 0px;
float: left;
/* border-right: solid 2px rgb(222,227,236); */
}

#content_l img.title {
margin: 5px 0px 0px 20px;
}

#content_l2 {
width: 960px;
background-color: #ffffff;
margin: 0px 0px 5px 0px;
float: left;
}


.content_l_topics {
width: 570px;
border: solid 1px rgb(222,227,236);
background-image: url(../img/pickup_bk.png);
background-repeat: repeat-x;
margin: 10px 10px 40px 35px;
padding: 0;
text-align: left;
font-size: 15px;
line-height: 140%;
}

.content_l_topics ul {
list-style-image: url(../img/mark.gif);
}

.content_l_topics li a:link {
color: rgb(97,165,211);
text-decoration: none;
}

.content_l_topics li a:visited {
color: rgb(97,165,211);
}

.content_l_topics li a:hover {
background-color: #adcaec;
color: #ffffff;
}

.content_l_topics li a:active {
background-color: #adcaec;
color: #ffffff;
}


.content_l_contents {
width: 320px;
background-color: #ffffff;
margin: 0px 5px 10px 35px;
float: left;
}

#content_l h2 {
font-size: 36px;
font-weight: bold;
text-align: left;
line-height: 150%;
color: #000000;
border-bottom :solid 7px #000000;
margin-bottom: 20px;
vertical-align: top;
/* vertical-align : bottom; */
/* font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
}


.content_l2_contents {
width: 240px;
background-color: #ffffff;
margin: 0px 15px 10px 0px;
float: right;
}

.content_l2_pickup {
width: 230px;
margin: 0 auto;
padding: 0;
text-align: left;
font-size: 15px;
line-height: 140%;
background-color: #ffffff;
}

.content_l2_pickup img.pickup {
float: right;
margin-left: 2px;
}

ul.r_pickup{
width: 230px;
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
margin: 0 auto;
padding: 0;
}

ul.r_pickup li {
list-style: none;
border-bottom: dotted 1px #181818;
padding: 10px;
background-color: #ffffff;
}

ul.r_pickup li:last-child {
border: none;
}

ul.r_pickup li a:link {
color: #231816;
background-color: #b3aa79;
text-decoration: none;
}

ul.r_pickup li a:visited {
color: #231816;
background-color: #b3aa79;
text-decoration: none;
}

ul.r_pickup li a:hover {
background-color: #adcaec;
color: #ffffff;
}

ul.r_pickup li a:active {
background-color: #adcaec;
color: #ffffff;
}


/*
#content_l2 h2 {
font-size: 18px;
font-weight: bold;
text-align: left;
line-height: 170%;
color: rgb(97,165,211);
border-bottom :solid 1px rgb(97,165,211);
margin-bottom: 15px;
vertical-align: top;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
*/

.flleft {
float: left;
}

.flright {
float: right;
}

.flright img {
margin-left: 15px;
margin-right: 15px;
}

.flright_logo {
float: right;
}

.flright_logo img {
margin-left: 20px;
margin-bottom: 50px;
}


/* floatクリア */
.clear {
clear: both;
}

.clear hr {
display:none;
}

br.clear {
clear: both;
}

.back_to {
font-size: 11px;
line-height: 140%;
color: #47443d;
text-align: right;
margin-top: 25px;
margin-bottom: 25px;
padding-left: 25px;
padding-bottom: 1px;
}

.back_to a:link {
color: #47443d;
text-decoration: none;
}

.back_to a:visited {
color: #47443d;
text-decoration: none;
}

.back_to a:hover {
background-color: #ead189;
}

.back_to a:active {
color: #47443d;
background-color: #ead189;
text-decoration: none;
}


/* ----- Table（ご協賛社一覧）
========================================*/

#content_l22 {
width: 615px;
background-color: #ffffff;
margin: 0px 0px 5px 0px;
float: left;
}

.content_l3_contents {
width: 530px;
background-color: #ffffff;
margin: 0px 15px 10px 35px;
float: left;
}

.content_l3_contents h3 {
font-size: 30px;
font-weight: bold;
text-align: left;
line-height: 150%;
color: #000000;
border-bottom :solid 7px #000000;
margin-left: 30px;
margin-bottom: 20px;
vertical-align: top;
/* vertical-align : bottom; */
/* font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
}

.tbl_support {
border-collapse: collapse;
border-spacing: 0px;
width: 500px;
margin-left: 30px;
}

.tbl_support a {
text-decoration: none;
border: none;
background-color: #ffffff;
}

.tbl_support_data_img {
border: none;
text-align: center;
vertical-align: middle;
width: 250px;
background-color: #ffffff;
}

.tbl_support_data_img a {
text-decoration: none;
border: none;
background-color: #ffffff;
}





/* ----- Contents_right
========================================*/

#content_r {
width: 320px;
background-color: #ffffff;
margin: 0px 15px 5px 0px;
float: right;
position: relative;
}

.content_r_contents {
width: 300px;
margin: -5px 15px 5px 0px;
padding: 0;
text-align: left;
font-size: 15px;
line-height: 140%;
float: right;
position: relative;
background-color: #ffffff;
}

.content_r_contents a:hover {
filter:alpha(opacity=50);
opacity:0.5;  
outline:none;
}

.content_r_contents #messagek {
position: absolute; top: 55px; left: 40px;
font-size: 38px;
font-weight: bold;
color: #ffffff;
text-align: center;
line-height: 125%;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.content_r_contents #messageh {
position: absolute; top: 210px; left: 185px;
font-size: 38px;
font-weight: bold;
color: #ffffff;
text-align: center;
line-height: 125%;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.content_r_contents #messages {
position: absolute; top: 353px; left: 38px;
font-size: 38px;
font-weight: bold;
color: #ffffff;
text-align: center;
line-height: 125%;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.content_l4_contents #messagekk {
position: absolute; top: 180px; left: 55px;
font-size: 38px;
font-weight: bold;
color: #ffffff;
text-align: center;
line-height: 125%;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}





.cl {
width: 250px;
margin: 0 auto;
padding: 5px;
border: solid 1px ffffff;
background: #ffffff;
border-top: solid 7px #181818;
float: right;
}


.cl2 {
width: 250px;
margin: 40px 30px 10px auto;
float: right;
text-align: right;
}



.cl h2{
border-bottom: solid 3px #181818;
font-size: 15px;
font-weight: bold;
}


.content_r_pickup {
width: 300px;
margin: 0 auto;
padding: 0;
text-align: left;
font-size: 15px;
line-height: 140%;
}




/* ----- Table（開催概要）
========================================*/

.content_l4_contents {
width: 200px;
background-color: #ffffff;
margin: 0px 5px 10px 35px;
float: left;
position: relative;
}

.fixed{
    position:fixed;
    top:0px;/*固定させたい位置*/
}

.content_l5_contents {
width: 635px;
background-color: #ffffff;
margin: 0px 25px 10px 0px;
float: right;
}

.tbl_smr {
border-collapse: separate;
border-spacing: 0px;
width: 630px;
text-align: left;
margin-top: 25px;
margin-bottom: 35px;
}

.tbl_smr th {
padding: 5px;
font-size: 15px;
font-weight: bold;
width: 150px;
border-bottom: solid 2px #3b312f;
padding: 5px;
}

.tbl_smr td {
padding: 5px;
font-size: 15px;
font-weight: normal;
border-bottom: solid 2px #3b312f;
padding: 5px;
}


.tbl_smr a:link {
color: rgb(97,165,211);
text-decoration: none;
}

.tbl_smr a:visited {
color: rgb(97,165,211);
}

.tbl_smr a:hover {
background-color: #adcaec;
color: #ffffff;
}

.tbl_smr a:active {
background-color: #adcaec;
color: #ffffff;
}



/* ----- Table（タイムテーブル）
========================================*/


.tbl_timetable {
border-collapse: separate;
border-spacing: 0px;
width: 630px;
text-align: left;
margin-top: 25px;
margin-bottom: 35px;
}

.tbl_timetable th {
border-right: solid 2px #ffffff;
border-bottom: solid 2px #3b312f;
background: #fff0c5;
padding: 5px;
font-size: 15px;
font-weight: bold;
text-align: center;
width: 100px;
}

.tbl_timetable td {
border-left: solid 2px #ffffff;
border-bottom: solid 2px #3b312f;
background: #fff0c5;
padding: 5px;
}

.tbl_timetable div.timetable_category {
padding: 2px;
font-weight: bold;
font-size: 16px;
text-align: left;
margin-left: 3px;
margin-bottom: 3px;
}

#timetable_title {
font-weight: bold;
font-size: 16px;
margin-left: 3px;
margin-top: -2px;
}

#timetable_title .timetable_panelist {
font-size: 15px;
margin-left: 3px;
margin-top: 12px;
}


#timetable_title dt{
cursor:pointer;
width: 380px;
margin-top: 5px;
}


#timetable_title dt img{
vertical-align: top;
margin-top: 2px;
margin-left: 3px;
margin-right: 3px;
}


#timetable_title dd{
font-weight: normal;
font-size: 14px;
margin-left: 20px;
margin-top: 15px;
margin-right: 10px;
padding-top: 5px;
border-top: dotted 1px #1f1412;
}



.tbl_timetable_break {
text-align: center;
vertical-align: middle;
background-color: #eaeaea;
}


.clear{
clear: both;
}



/* ----- Table（展示内容）
========================================*/

.tbl_exhi {
border-collapse: separate;
border-spacing: 0px;
width: 630px;
text-align: left;
margin-top: 25px;
margin-bottom: 35px;
vertical-align: top;
padding: 5px;
}

.tbl_exhi th.client {
border-bottom: solid 1px #969090;
background: #ffffff;
padding: 5px;
font-size: 15px;
font-weight: bold;
}

.tbl_exhi th{
vertical-align: top;
padding: 5px;
}

.tbl_exhi td{
vertical-align: top;
padding: 10px;
}

.memo_t {
margin-top: 8px;
font-size: 12px;
}


/* ----- Footer
========================================*/

#footer { 
width: 960px;
margin: 0 auto;
}

#footer img {
border:0px;
}


/*
#footer ul {
background-image: url(../img/footer_menu_on.png);
background-repeat: no-repeat;
list-style: none;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 15px;
padding: 0;
width: 800px;
}


#footer ul li {
margin-left: 0px;
list-style: none;
float: left;
display: block;
}

#footer ul li a {
display: block;
height: 35px;
}

#footer ul li a:hover {
background-color:transparent;
display: block;
}

#footer ul li a:hover img{
visibility: hidden;
}

#footer ul li .activesheet {
background-color:transparent;
}

#footer ul li .activesheet img{
visibility: hidden;
}
*/
