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



#exhibit{
	width: 800px;
	margin-left: 100px;
}

#exhibit h3{
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #F60;
	text-align: center;
	padding: 10px;
	width: 800px;
	margin:10px auto 20px;
	border-radius: 10px;
}

#exhibit .bg_yegree{
	background-color:#82bf40;
}

#exhibit .bg_lightblue{
	background-color:#14b6df;
}

#exhibit .bg_pink{
	background-color:#e26c9f;
}

#exhibit .bg_emegr{
	background-color:#31b3a0;
}

#exhibit .bg_purple{
	background-color:#7f4b8d;
}


#exhibit h3 img{
	vertical-align:middle;
}

img#gaiyozu{
	margin: 0px;
	padding: 0px;
	width: 800px;
}

p{
	/*font-size: 90%;*/
}

.zoneTitle{
	clear: both;
	width: 100%;
	margin-top: 40px;
	height: 105px;
}


.zoneTitle img{
	float: left;
	margin: 0px 10px;
}

.zoneTitle ul{
	float: right;
	width: 50%;
	background-color: #FFF;
	border-radius: 10px;
	margin-bottom: 40px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 10px;
	margin-right: 20px
}


.zoneTitle ul li{
	font-size:85%;
}

#zoneagri{
	background-image: url(images/zoneagribg.png);
	background-repeat: no-repeat;
}

#zonefood{
	background-image: url(images/zonefoodbg.png);
	background-repeat: no-repeat;
}

#zoneagri ul{
	border: 2px solid #090;
}

#zonefood ul{
	border: 2px solid #FF8600;
}

#zoneagri ul li.visitor{
	font-weight: bold;
	color: #090;
}

#zonefood ul li.visitor{
	font-weight: bold;
	color: #FF8600;
}


#zoneagri ul li span{
	font-size:70%;
	margin-right: 4px;
	color: #090;
}

#zonefood ul li span{
	font-size:70%;
	margin-right: 4px;
	color: #F90;
}

	
.twoline{
	clear: both;
	width: 100%;
	margin-bottom: 35px;
}

.exbox{
	width: 80%;
	margin:20px auto;
	/*float: left;*/
}

.exboxleft{
	width: 47%;
	float: left;
}

.exboxright{
	width: 47%;
	float: right;
}


div.zonename img{
	float: left;
}

div.zonename h2{
	float: left;
	margin-left: 0px;
	font-size:110%;
	margin-top: 20px;
}

.twoline div.exwaku{
	clear: both;
}

.twoline ul{
	width: 48%;
	margin-right: 5px;
	float:left;
	margin-bottom:20px;
}

.twoline ul.onebox{
	width: 100%;
	margin-bottom:20px;
}

.twoline li{
	font-size: 85%;
	background-image: url(images/maru.png);
	background-repeat: no-repeat;
	background-position: left 0.3em;
	padding-left: 15px;
}



#zonetop01 {
	padding-top: 7px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #4CA535;
}


#syutyu{
	background-color:#FFFAE1;
	margin-bottom:20px;
	border: 2px solid #14b6df;
}

#syutyu h5{
	color:#FFF;
	background-color:#14b6df;
	padding: 2px 10px;
	margin-bottom: 4px;
}

#syutyu .zonename{
	padding: 0px 10px
}


#syutyu .zonename h2#zone01{
		color: #14b6df;
}

#syutyu .zonename h2#zone01 img{
	vertical-align:middle;
	
}

#zonetop02 {
	padding-top: 7px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ED7510;
}



#zonetop01 h2 {
	color: #00843C;
}

#zonetop02 h2 {
	color: #FF8600;
}






/* cost style -------------------------------------------*/


.cost{
	width: 800px;
	margin-left: 100px;
	margin-top: 50px;
}

.cost .sub_list{
}

.cost .sub_list{
	margin-top:30px;
	margin-left:40px;
}

.cost .sub_list li{
	/*display:inline;*/
	margin-right:20px;
	background:url(images/icon_arro_orange.png) no-repeat;
	padding-left:20px;
}

.cost h2{
	background-color: #ef801b;
	color: #FFF;
	font-weight:bold;
	padding: 5px 15p 5px 15px;
	border-radius: 5px;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	clear: both;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.cost table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 780px;
}

.cost table th{
	padding: 5px;
	border: 1px solid #999;
	background-color: #EAEAEA;
	font-size: 85%;
}

.cost table td{
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-size: 85%;
	background-color: #FFF;
}

/*.cost p{
	font-size: 85%;
}*/

.cost p.costcaution{
	font-size: 75%;
	line-height: 1.3em;
	margin-top:4px;
	margin-left:10px;
}



table#kaiin{
	margin-top: 8px;
	margin-left: 10px;
}

table#kaiin th{
	width: 20%;
}

table#kaiin td{
	text-align: left;
	line-height: 1.5em;
	padding: 5px 10px;
	font-size: 75%;
}

.cost #apply{
	float: left;
	width: 60%;
	margin-top: 20px;
}


.cost h4{
	font-weight: bold;
	color: #090;
}

.cost h4#food{
	font-weight: bold;
	color: #F60;
}
.cost #apply p{
	margin-left: 15px;
}

.cost p.deadline{
	font-size: 110%;
	font-weight: bold;
	background-color: #F00;
	border-radius: 5px;
	float: right;
	width: 35%;
	padding: 5px 10px 5px 10px;
	color:#FFF;
	text-align: center;
	margin-top: 30px;
}


.cost h3{
	font-weight: bold;
	color: #EF801B;
	background-color: #FFF;
	margin-top:20px;
	border: 1px solid #EF801B;
	border-radius: 5px;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	clear: both;
}

.cost .h3_green{
	color: #090;
	border: 1px solid #090;
	
}


.cost div#booth{
	float: left;
	width: 450px;
	margin-top: 10px;
}

.cost div#booth p{
	margin-left: 15px;
}

.cost p.kome{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 75%;
	line-height: 1.5em;
}
	
.cost img#boothimage{
	float: right;
	margin-top: 10px;
}


.cost table.costhyou{
	width: auto;
	font-size: 90%;
	margin-top: 10px;
}


.cost table.costhyou th{
	padding: 3px 10px;
}

.cost table.costhyou td{
	padding: 3px 10px;
}

/*.cost #schedule{
	background-color: #FFDB99;
	overflow:auto;
	padding: 15px 20px;
	border-radius: 15px;
}

.cost #schedule dl{
	float: left;
	width: 130px;
	border: solid 2px #F38C7A;
}

.cost #schedule dl dt{
	font-size: 80%;
	font-weight: bold;
	background-color: #EE5C42;
	text-align: center;
	color:#FFF;
	padding:5px 0px;
}

.cost #schedule dl dd{
	text-align: center;
	vertical-align: middle;
	height: 250px;
	padding: 10px;
	font-weight: bold;
	background:#FFF;
}

.cost #schedule dl dd span{
	font-size: 70%;
	line-height:1.3em;
	font-weight: normal;
	text-align:left;
}

.cost #schedule img{
	float:left;
}*/

.cost #schedule p{
	font-size: 80%;
	line-height: 1.5em;
	border: solid 1px #EE5C42;
	padding:10px;
	background:#FFF;
	margin-top:10px;
	float: left;
	border-radius: 10px;
	width: 96%;
}


.cost div.sponsor{
	margin: 10px;
	clear: both;
	width: 780px;
	border:solid 1px #0B1F8E;
	overflow:auto;
}

.cost div.sponsor div{
	float:left;
	width: 530px;
	margin: 10px 20px;
}


.cost div.sponsor h3{
	border: none;
	color: #0B1F8E;
	text-align: left;
	padding: 0px;
	margin: 5px 5px 5px 0px;
}

.cost div.sponsor p {
	font-size: 80%;
	padding-left: 3em;
	text-indent: -3em;
	line-height: 1.5em;
}

.cost div.sponsor img{
	float:right;
	margin: 10px 10px 10px 0px;
}

.cost div.option{
	width: 780px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom:30px;
}

.cost div.option p span{
	font-size: 110%;
	color: #214078;
	font-weight: bold;
}

.cost div.option div.leftposition{
	float: left;
	width: 380px;
	margin-top: 10px;
}

.cost div.option div.rightposition{
	float: right;
	width: 380px;
	margin-top: 10px;
}


.cost div.option div.leftposition02{
	float: left;
	width: 460px;
	margin-top: 10px;
}

.cost div.option div.rightposition02{
	float: right;
	width: 300px;
	margin-top: 10px;
}

.cost div.option dl{
	clear: both;
	width: 380px;
	margin-bottom: 10px;
	overflow:auto;
}

.cost div.option dl dt{
	color: #FFF;
	background-color: #999;
	font-size: 80%;
	font-weight: bold;
	width: 80px;
	text-align: center;
	float: left;
	margin-right: 10px;
	border-radius: 10px;
	line-height: 1.3em;
	padding: 3px 0px;
}


.cost div.option dl dd{
	font-size: 80%;
	width: 270px;
	float: left;
	line-height: 1.5em;
}

.cost div.option dl dd ul li{
	padding-left: 1em;
	text-indent: -1em;
}


.cost div.option div.rightposition02 dl{
	clear: both;
	width: 300px;
	margin-top: 10px;
	overflow:auto;
}

.cost div.option div.rightposition02 dl dt{
	color: #FFF;
	background-color: #999;
	font-size: 80%;
	font-weight: bold;
	width: 80px;
	text-align: center;
	float: left;
	margin-right: 10px;
	border-radius: 10px;
	line-height: 1.3em;
	padding: 3px 0px;
}


.cost div.option div.rightposition02 dl dd{
	font-size: 80%;
	width: 190px;
	float: left;
	line-height: 1.5em;
}





.cost table#sempro{
	margin-top: 10px;
	border: 1px solid #999;
}

.cost table#sempro th{
	font-size: 80%;
	padding: 3px;
	border-bottom-style: none;
}

.cost table#sempro td{
	font-size: 80%;
	padding: 2px 10px;
	text-align:left;
	border-bottom-style: dotted;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


/*application style
------------------------*/

#apphead {
	margin-top: 30px;
	margin-left: 40px;
}

#apphead p {
	float: left;
	margin-right: 15px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 30px;
}


.appliBox{
	width: 800px;
	border: 5px solid #E0E0E0;
	background-color: #FFF;
	clear: both;
	overflow: auto;

}


.appliBox dt{
	float: left;
	padding: 10px 20px 10px 40px;
}

.appliBox dd{
	float: left;
	padding: 10px;
	font-size: 90%;
}

.appliBox dd span{
	font-weight: bold;
	color: #CA0000;
}

#caution{
	width: 100%;
	margin-top: 10px;
}





/* jyosei style -------------------------------------------*/


.jyosei{
	width: 800px;
	margin-left: 100px;
	margin-top: 50px;
}


.jyosei h2{
	font-size: 120%;
}

.jyosei p#bun{
	font-size: 85%;
	margin-top: 15px;
}

.jyosei h3{
	font-size: 100%;
	background-color: #CCC;
	margin-top: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.jyosei p.linkbun{
	font-size: 90%;
	margin-top: 10px;
}




/* setsumeika style -------------------------------------------*/


.setsumeikai{
	width: 800px;
	margin-left: 100px;
	margin-top: 50px;
}


.setsumeikai div#gaiyo dl{
	clear: both;
	width: 100%;
}

.setsumeikai div#gaiyo dl dt{
	font-weight: bold;
	color: #FFF;
	background-color: #FF9D5B;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 10%;
	font-size: 80%;
}




.setsumeikai div#gaiyo dl dd{
	float: left;
	width: 88%;
	margin-left:2%;
	font-size: 90%;
	padding-top: 4px;
	margin-bottom: 20px;
}

.setsumeikai div#gaiyo dl dd img#building{
	float: left;
	margin-bottom:20px;
}

.setsumeikai div#gaiyo dl dd h5{
	font-size: 100%;
	font-weight: normal;
}

.setsumeikai div#gaiyo dl dd p{
	float: left;
	margin-left:10px;
}

.setsumeikai h3{
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	font-size: 110%;
}
/*en_exhibit
------------------------*/
.twoline dl dt{
	float:left;
	width:10px;	
}
.twoline dl dd{
	margin-left:20px;	
	padding-bottom:15px;
}
.twoline .left{
	float:left;
	width:48%;
}
.cost #schedule table{
	width:90%;
	margin:0 auto;
}
.cost #schedule table .year{
	background:#930;
	color:#fff;
	font-weight:bold;
}
.cost #schedule table .month{
	background:#d8824f;	
	color:#fff;
}
.cost #schedule table .date{
	background:#edd0b1;	
}
.cost #schedule table .desc{
	text-align:left;
	padding-left:20px;
}
.cost #others p{
	width:90%;
	margin:20px auto;
	line-height:130%;
}
.cost .sub{
	font-size:120%;
	color:red;
	font-weight:bold;
}
.cost .cancel{
	border:1px solid #F00;
	width:90%;
	margin:20px auto;
	padding:10px 20px;
}
.email{
	border:2px solid #C00;
	padding:10px;
	width:400px;
	margin:10px auto 100px;
	text-align:center;
}

#schedule .greyout {
	background-color: #ccc;
}

.exhibit__append {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #4B4B4B;
}

.schedule__strong {
	color: red;
	font-weight: bold;
}