@charset "utf-8";

@import url('common.css');

body { background-color:#EFEFEF; }


#popWrap {
	width:670px;
	margin:10px auto;
	padding:10px;
	background-color:#FFF;
}

.printPage {
	text-align:right;
	font-size:12px;
	margin-bottom:10px;
}

.companyName {
 background-color:#D5EAFF;
 padding: 10px 10px 10px 15px;
 font-weight: bold;
 font-size: 20px;
 margin-bottom: 10px;
}
.companyName span {
	float:right;
}

h5 {
 font-size:16px;
 margin:0 0 15px;
 padding:0;
 line-height:1.0;
 border-left:4px solid #55B3D9;
 padding-left:5px;
}

#tblBl table {
	border-top:1px solid #C6C7C8;
	border-left:1px solid #C6C7C8;
	margin:10px 0 20px;
	width:100%;
	font-size:12px;
}

#tblBl th, #tblBl td {
	border-right:1px solid #C6C7C8;
	border-bottom:1px solid #C6C7C8;
	background-color:#FFF;
	padding:5px;
	line-height:150%;
	vertical-align:middle;
}

#tblBl td { vertical-align:top; }

#tblBl th {
	width:20%;
	background-color:#EFEFEF;
	border-top:1px solid #FFF;
	vertical-align:middle;
	text-align:left;
}

#tblBl th.booth, #tblBl th.area { background-color: #75BAFF; 
}

.relList { margin: 0 10px; font-size:12px; }
.relList li {
	display:block;
	width:300px;
	float:left;
	margin-bottom:5px;
	background:url(../images/lt_arw_pink.png) 0 3px no-repeat;
	padding:0 0 2px 10px;
}

.presenDate {
	background:url(../images/lt_arw_green.png) 0 3px no-repeat;
	padding-left:10px;
	margin-bottom:5px;
	font-weight:bold;
}

.presenTtl {
	margin: 0 0 10px 10px;
	font-size:14px;
}

/* 
	mobile style
------------------------------------------------  */

@media screen and (max-width:640px) {

#popWrap {
    width: 100%;
    padding: 0;
}

#tblBl table {
 width: 100%;
}
 
#tblBl th, #tblBl td {
 width: auto;
 display:block;
}

#tblBl th img, #tblBl td img {
max-width:100%;
}