@charset "UTF-8";
/* CSS Document */

#sponsor{
	width: 960px;
	min-width: 960px;
	min-height:640px;
	margin: 50px auto 50px auto;
	padding:0 20px;
	text-align:center;
}

#sponsor h2{
	color:#00479d;
	font-size:27px;
	margin: 0 0 40px 0;
	padding:0;
	line-height:1.25;
	letter-spacing:0.1em;
	position: relative;
	text-align: center;
	font-weight:700;
}
#sponsor h2:before {
	border-top: 1px solid #2096d5;
	content: "";
	position: absolute;
	top: 47.5%;
	left: 0;
	width: 100%;
}
#sponsor h2 span {
	background-color: #fff !important;
	display: inline-block;
	padding:0 10px;
	position: relative;
}
#sponsor #subtitle{font-size:16px;color:#00479d; text-align: right;font-weight:700; margin-top: -50px;}
#sponsor h3{
	background-color: #2096d5;
	color:#fff;
	font-weight:700;
	-moz-border-radius: 10px 15px 0 10px;
	-webkit-border-radius: 10px 15px 0 10px;
	border-radius: 10px 15px 0 10px;
	font-size:18px;
	float:left;
	padding:5px 10px;
	margin:0 0 20px 0;
}

#sponsor h4{
	font-size:17px;
	border-bottom:2px solid #f3f2f0;
	margin-bottom:20px;
	text-align:left;
}
#sponsor h4 span{
	position:relative;	
	top:3px;
	display:inline-block;
	padding:0.1em 0px;
	border-bottom:2px solid #00479d;
	color:#00479d;
	font-weight:700;
}
#sponsor h4 a{ text-decoration: none;}

#sponsor h5 {
	font-size:15px;
	position: relative;
	color:#00479d;
	font-weight:400;
	margin-bottom:10px;
	text-align: left;
	
}
#sponsor h5:before {
	width: 100%;
	border-top: 1px solid #2096d5;
	content: "";
	position: absolute;
	top: 52%;
	left: 0;
}
#sponsor h5 span {
	background-color: #fff;
	display: inline-block;
	padding-right: 12px;
	position: relative;
	font-style: italic;
}



/* section01
--------------------------------------------------------------------------------------*/


#sponsor table.zero{
	width:100%;
	margin: 0;
	padding: 0;
	font-size:100%;
	text-align:left;
}

#sponsor .zero th{
	width:1%;
	margin:0px;
	padding:2px 5px 2px 0;
	text-align:left;
	font-weight:400;
	white-space:nowrap;
	vertical-align:top;
}

#sponsor .zero td{
	width:auto;
	margin: 0;
	padding:2px 0;
	text-align:left;
	vertical-align:top;
}

#sponsor table.one{
width:100%;
	margin: 0;
	padding: 0;
	font-size:100%;
	text-align:left;
	color: #444;
	border-collapse: collapse;
	border-bottom:2px solid #63aac2;
}

#sponsor .one caption{text-align:left; margin: 1% 0;}
#sponsor .one th{
	padding:5px 8px 5px 8px;
	color: #0e4493;
	text-align:center;
	font-weight:400;
	vertical-align:top;
	border-bottom:2px solid #63aac2;
}

#sponsor .one td{
width:auto;
margin: 0;
padding:12px 12px 12px 12px;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #63aac2;
}

#sponsor .one th.bg,
#sponsor .one td:nth-child(2n){
	background-color:#dcecf0;
}
#sponsor .one .bord{border-bottom:1px solid #333;}
#sponsor .one .alignL{ text-align: left;}

#sponsor .borderTop{ border-top:2px solid #63aac2;
}

#sponsor .one th.width10{ width: 10%;}
#sponsor .one th.width15{ width: 15%;}
#sponsor .one th.width20{ width: 20%;}
#sponsor .one th.width22{ width: 22.5%;}
#sponsor .one th.width30{width: 30%;}
#sponsor .one th.width45{width: 45%;}
.maruL{ font-size: 150%;}
ul.lists{}
.lists li{
padding: 0px 0px 0px 14px;
text-align: left;
display: block;
}
.lists li.circle{background: url(../img/common/circle.png)  no-repeat 0 8px; background-size:7px 7px;}
.lists li.dot{background: url(../img/common/dot.png)  no-repeat 4px 11px; background-size:4px 4px;}
.lists li.ar{background: url(../img/common/ar.png)  no-repeat 3px 8px; background-size:5px 9px;}

.exhibition_logo{
	width: 20%;
}

.exhibition_logo img{
	width: 100%;
}
.exhibition_name{
	width: 75%;
}

/* section01
--------------------------------------------------------------------------------------*/

.switchDetail{
    display: none;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
	position:relative;
	float:left;
	text-align:left;
}
.switchDetail p{
	text-align:left;
}
.switchHat {width:3.5em;background:url(../img/common/arrowD.png) no-repeat 8px 8px; background-size:10px 8px; padding-left:20px !important; background-color: #000;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; color: #fff; margin-top: 5px; margin-bottom: 5px;float:right;}
.nowOpen {width:3.5em;background:url(../img/common/arrowU.png) no-repeat 8px 8px; background-size:10px 8px; padding-left:20px !important; background-color: #ccc;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;color: #000; margin-top: 5px; margin-bottom: 5px;float:right;}
.closeBtnHat{ display:none !important;}



/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/


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

#sponsor{
	width: 90%;
	min-width:90%;
	min-height:inherit;
	margin: 5%;
	padding: 0;
}
#sponsor #section01,
#sponsor #section02,
#sponsor #section03 {
	width: 100%;
	margin: 0;
	padding: 0;
	clear:both;
}

#sponsor h2{
	color:#00479d;
	font-size:27px;
	margin: 0 0 40px 0;
	padding:0;
	line-height:1.25;
	letter-spacing:0.1em;
	position: relative;
	text-align: center;
	font-weight:700;
}
#sponsor h2:before {
	border-top:none !important;
	content: "";
	position: absolute;
	top: 47.5%;
	left: 0;
	width: 100%;
}
#sponsor h2 span {
	background-color: #fff !important;
	display: inline-block;
	padding:0 10px;
	position: relative;
}
#sponsor h3{
	background-color: #2096d5;
	color:#fff;
	font-weight:700;
	-moz-border-radius: 10px 15px 0 10px;
	-webkit-border-radius: 10px 15px 0 10px;
	border-radius: 10px 15px 0 10px;
	font-size:18px;
	float:left;
	padding:5px 10px;
	margin:0 0 20px 0;
}
/*
#sponsor h4 {
	font-size:15px;
	position: relative;
	color:#00479d;
	font-weight:400;
	margin-bottom:10px;
}
#sponsor h4:before {
	width: 100%;
	border-top: 1px solid #2096d5;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
}
#sponsor h4 span {
	background-color: #fff;
	display: inline-block;
	padding-right: 12px;
	position: relative;
}
*/

/* section01
--------------------------------------------------------------------------------------*/

#sponsor .scroll{
width:100% !important;
z-index:1 !important;
margin: 0 0 30px 0;
overflow: auto;
white-space: nowrap;
}

.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}

#sponsor table.one{
width: 150%;
margin: 0;
padding: 0;
text-align: left;
border-collapse:collapse;
}
	
.exhibition_logo{
	width: 100%;
}

.exhibition_logo img{
	width: 60%;
	margin: 0 20%;
}
.exhibition_name{
	width: 100%;
	margin-bottom: 2%;
}
}