@charset "utf-8";

.exhibitionListArea {
	margin-top: 2em;
	margin-bottom: 2em;
}

.exhibitionListArea dl dd.buttonArea {
	text-align:center;
}

.exhibitionListArea dl {
	/*border-bottom:5px solid #efefef;*/
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	background: #efefef;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	border-radius: 15px;
}
.exhibitionListArea dl.exhibitionBlank {
	background: #ffffff;
}
.exhibitionListArea dl dt {
	/*background:linear-gradient(#ffffff, #dadade);*/
	font-size: 120%;
	font-weight: bold;
	background: #c9c9c9;
	border-bottom: 5px solid #333;
	padding: .5em 1em .25em 1em;
	margin-bottom: 1em;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.exhibitionListArea dl dd {
  margin-left: 2em;
}
.exhibitionListArea dl dd.productList ul {
	/*list-style:inside;*/
	margin-right: 1em;
  margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding:0;
}

.exhibitionListArea dl dd.productList ul li {
	margin-bottom:0.5em;
	padding-left:5px;
	background:url(../images/uldot_bl.png) no-repeat;
}

/*img.buttonArea_logo {
	margin:1.5em 1em 1em 0;
	width:90%;
	max-width:200px;
	height:auto;
}*/
a.buttonArea_logo {
	background-color: #FFFFFF;
  padding: 1em;
  display: inline-block;
  max-width: 200px;
  margin-bottom: 1em;
  line-height: 100%;
}
a.buttonArea_logo.bgNone {
	background: none;
  padding: 0em;
}
a.buttonArea_logo img {
	width: 100%;
	height: auto;
}

button.button__detail {
	border:1px solid #111;
	padding:.25em 1em;
	font-size:110%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:linear-gradient(#ffffff, #dadade);
	margin:0 1em 1em 1em;
}

.makerLogo {
  width: 200px;
  height: auto;
}
.makerLogo.logoSmall {
  width: 150px !important;
}
img.logoSmall {
  width: 70% !important;
}
.makerLogo.logoLarge {
  width: 250px !important;
}

@media only screen and (min-width:796px) {
	
.exhibitionListArea .table_tr{
	display:table;
	table-layout: fixed;
	width:100%;
	border-collapse:separate;
  border-spacing: 20px;
}

.exhibitionListArea dl {
	width: 48%;
	display:table-cell;
}

}


@media only screen and (max-width:500px) {
	.exhibitionListArea dl {
		float:none;
		width: 100%;
	}

}