@import "/lib/cmn_css/component.css";
@import "/convention/css/convention_comp.css";

/* CSS Document */

.p_hallVi { background: url(/convention/hall/images/vi_piahall.jpg) top left no-repeat;}
.p_over200Vi { background: url(/convention/hall/images/vi_over200.jpg) top left no-repeat;}
.p_up200Vi { background: url(/convention/hall/images/vi_up200.jpg) top left no-repeat;}
.p_up100Vi { background: url(/convention/hall/images/vi_up100.jpg) top left no-repeat;}

#contents table.headShare {
	width: 100%;
}

#contents table.headShare th {
	text-align: left;
	vertical-align: text-bottom;
}

#contents table.headShare th p {
	text-indent: -22px;
	padding-left: 22px;
}

#contents table.headShare td {
	text-align: right;
	padding-left: 10px;
	vertical-align: text-bottom;
}

#contents p.hallBtn {
	background: url(/lib/cmn_img/bg_dott_brown.gif) left bottom repeat-x;
	clear: both;
	display: block;
	text-align: center;
	margin: 20px 0 5px 0;
	padding-bottom: 10px;
	width: 630px;
}

#contents p.hallBtn img.flBtn {
	margin-right: 10px;
}

#contents div.floorBox360 {
	background: url(/convention/hall/images/bg_floorbox_360.gif) left top repeat-y;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding: 5px 0;
	width: 360px;
}

#contents table.floorTable350 {
	margin: 0 5px;
	width: 350px;
}

#contents table.floorTable350 th,
#contents table.floorTable350 td {
	text-align: center;
	padding: 5px 0 0 0;
	vertical-align: top;
}

#contents table.floorTable350 th {
	background: url(/lib/cmn_img/bg_floortable_th.gif) left top no-repeat;
	border-bottom: 1px solid #8B8E97;
	padding-top: 7px;
	width: 75px;
}

#contents table.floorTable350 td.gryColor {
	background: url(/lib/cmn_img/bg_floortable_td.gif) left top no-repeat;
	border-bottom: 1px solid #CCCCCC;
	color: #192034;
	width: 75px;
}

#contents table.floorTable350 td.left {
	text-align: left;
	padding-left: 8px;
}

#contents div.hall3Blk {
	float: left;
	margin-right: 7px;
	width: 250px;
}

#contents div.hall3Blk2 {
	float: left;
	margin-right: 7px;
	width: 308px;
	text-align:center;
}

#contents div.hall3Blk2 div.floorBox {
margin:0 auto !important;
}

#contents div.hall3Blk2 div.floorBox table.floorTable {
margin:0 auto !important;
}


#contents div.hallInfoL2 {
	float: left;
	margin-right: 30px;
	width: 260px;
}

#contents div.hallInfoR2 {
	float: left;
	width: 340px;
}

#contents table.hall_detail {
	margin: 4px auto;
	background-color: #cccccc;
}

#contents table.hall_detail th,
#contents table.hall_detail td {
	vertical-align: middle;
}

#contents table.hall_detail th {
	padding: 3px;
	background-color: #e6e6fa;
	color: #20253d;
	font-weight: normal;
	text-align: center;
}

#contents table.hall_detail td {
	padding: 3px 6px;
	background-color: #ffffff;
	text-align: right;
}

.bdr_btm {
	background: url(/lib/cmn_img/bg_dott_brown.gif) left bottom repeat-x;
}

/* piahall */
div#detailBox {
	float: left;
	overflow: hidden;
	width: 630px;
	margin-bottom: 20px;
}

div#detailBox div#d_Box01 {
	float: left;
	width: 190px;
	margin-right: 30px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
	
div#detailBox div#d_Box02 {
	float: left;
	width: 190px;
	margin-right: 30px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

div#detailBox div#d_Box03 {
	float: left;
	width: 190px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

div#detailBox div#d_Box01 h5,
div#detailBox div#d_Box02 h5,
div#detailBox div#d_Box03 h5 {
	border-bottom: 1px solid #cccccc;
	padding: 4px 2px;
	color: #20253d;
}

div#detailBox div#d_Box01 p,
div#detailBox div#d_Box02 p,
div#detailBox div#d_Box03 p {
	padding: 4px 4px 16px 4px;
}