@charset "UTF-8";

 /* -----------------------------------------------------------
	リセット
----------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

table, tr, th, td{
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
 /* -----------------------------------------------------------
	共通装飾等
----------------------------------------------------------- */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	line-height: 1.8em;
	color:#333;
	background-color:#00793E;
}

a{
	color:#00793E;
}
a:hover{
	color:#FF9326;
}
a img:hover{
	filter:alpha(opacity=70);
    opacity:0.70;
    }


/*=======================================================*/
/* float解除
/*=======================================================*/
.clearfix {
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

 /* margin*/
.mt_5 { margin-top: 5px;}
.mt_10 { margin-top: 10px;}
.mt_20 { margin-top: 20px;}
.mt_30 { margin-top: 30px;}
.mt_40 { margin-top: 40px;}
.mt_50 { margin-top: 50px;}

.ml_5 { margin-left: 5px;}
.ml_20 { margin-left: 20px;}
.ml_30 { margin-left: 30px;}
.ml_40 { margin-left: 40px;}
.ml_50 { margin-left: 50px;}
.ml_60 { margin-left: 60px;}
.ml_70 { margin-left: 70px;}
.ml_80 { margin-left: 80px;}

.mr_5 { margin-right: 5px;}
.mr_10 { margin-right: 10px;}
.mr_20 { margin-right: 20px;}
.mr_30 { margin-right: 30px;}
.mr_40 { margin-right: 40px;}
.mr_50 { margin-right: 50px;}

.mb_5 { margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px;}
.mb_20 { margin-bottom: 20px;}
.mb_30 { margin-bottom: 30px;}
.mb_40 { margin-bottom: 40px;}
.mb_50 { margin-bottom: 50px;}
.mb_60 { margin-bottom: 60px;}
.mb_70 { margin-bottom: 70px;}
 
 
/* -----------------------------------------------------------
	#container
----------------------------------------------------------- */
#container{
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header{
	background-color:#fff;
	height:465;
	text-align:center;
}

/* -----------------------------------------------------------
	#contentsArea
		コンテンツエリア
----------------------------------------------------------- */
#contentsArea{
	width:946px;
	margin:40px auto 0 auto;
	background-color:#fff;
	padding:22px 17px 10px 17px;
}

/*=======================================================*/
/* list
/*=======================================================*/
#contentsArea .list{
	border: 1px #00793E solid;
	margin: 50px 0 20px 0;
	width: 463px;
	float: left;
}
#contentsArea .list h2{
	background-color: #00793E;
	text-align: center;
	width: 463px;
	float: left;
	height: 94px;
	padding-top: 74px;
	margin-bottom: 20px;
}
#contentsArea .list ul{
	margin:20px 0 0 0;
}
#contentsArea .list li{
	float: left;
	margin-left: 50px;
	width: 121px;
	margin-bottom: 20px;
}
#contentsArea .recruiting{
	text-align:center;
	margin-bottom:50px;
	font-size:160%;
	font-weight:bold;
}

/*=======================================================*/
/* event
/*=======================================================*/
#contentsArea .event{
	border-bottom:5px #FF9326 solid;
	border-left:5px #FF9326 solid;
	border-right:5px #FF9326 solid;
	padding:30px 50px;
}
#contentsArea .event li{
	float:left;
}

/*=======================================================*/
/* 事業者一覧
/*=======================================================*/
#contentsArea.exhibit ul.list2{
	margin:25px 0 0px 25px;
}
#contentsArea.exhibit ul.list2 li{
	float:left;
	width:205px;
	line-height:0;
	margin-right:25px;
}
#contentsArea.exhibit ul.head{
	margin:15px 0 25px 0;
}
#contentsArea.exhibit ul.head li{
	float:left;
	margin-right:10px;
	width:30px;
	height:26px;
	text-align:center;
	vertical-align:middle;
	background-color:#eee;
	border:1px #ccc solid;
	padding-top:3px;
}
#contentsArea.exhibit ul.head li a{
	text-decoration:none;
	display:block;
}
#contentsArea.exhibit h3{
	margin-top:40px;
}
#contentsArea.exhibit h4{
	margin-bottom:15px;
}
#contentsArea.exhibit .box{
	position:relative;
	border-bottom:1px #ccc dotted;
	margin-bottom:20px;
	padding-bottom:15px;
}
#contentsArea.exhibit .box .photo{
	width:200px;
	float:left;
	margin-right:20px;
}
#contentsArea.exhibit .box .detail{
	float:left;
	width:710px;
}
#contentsArea.exhibit .box .detail h5{
	font-size:18px;
	font-weight:bold;
}
#contentsArea.exhibit .box .detail .homepage{
	position: absolute;
	top: 0px;
	right: 18px;
}
#contentsArea.exhibit .box .detail dl{
	margin-top:15px;
}
#contentsArea.exhibit .box .detail dd{
	padding-bottom:5px;
}
#contentsArea.exhibit .box .detail p.info{
	border-top:1px #333 dotted;
	padding-top:5px;
}

/*=======================================================*/
/* 出展事業者募集
/*=======================================================*/
#contentsArea.recruiting .t-center{
	text-align:center;
}
#contentsArea.recruiting p{
	margin-bottom:30px;
}
#contentsArea.recruiting h2{
	margin-bottom:20px;
}
#contentsArea.recruiting h3{
	background-color:#FF9326;
	color:#fff;
	padding:10px 0 10px 20px;
	font-size:130%;
	font-weight:bold;
	margin-bottom:10px;
}
#contentsArea.recruiting h4{
	border-bottom:1px dotted #000;
	border-left:5px #ccc solid;
	font-size:110%;
	padding:0 0 3px 10px;
	margin-bottom:10px;
}
#contentsArea.recruiting h5{
	font-weight:bold;
	margin-bottom:5px;
	color:#C51E11;
}
#contentsArea.recruiting ol{
	list-style-type:decimal;
	margin:0 0 35px 25px;
}
#contentsArea.recruiting li{
	margin-bottom:5px;
	font-size:100%;
}
#contentsArea.recruiting .f-red{
	color:#C51E11;
}
#contentsArea.recruiting .f-bold{
	font-weight:bold;
}
#contentsArea.recruiting .f-l{
	font-size:120%;
}
#contentsArea.recruiting .f-s{
	font-size:90%;
}
#contentsArea.recruiting .entry a{
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
background-image: -o-linear-gradient(top, #ffffff, #cccccc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));
background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
background-image: linear-gradient(top, #ffffff, #cccccc);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
border:1px #ccc solid;
color:#333;
width:80%;
text-align:center;
padding:15px 30px;
text-decoration:none;
font-size:200%;
font-weight:bold;
margin:10px auto 30px auto;
display:block;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}	

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer{
	border-top:1px #ccc solid;
	padding-top:10px;
	margin-top:50px;
}
#footer p{
	margin-top:20px;
}
#copyright{
	text-align:center;
	font-size:80%;
}

/*トップへ戻る
----------------------------------------*/
#pagetop {
	position: fixed;
	bottom:50px;
	right:3%;
	z-index:1000;
}
#pagetop a {
	display:block;
	background: url(../images/pagetop.png);
	width:59px;
	height:59px;
	overflow:hidden;
	text-indent: -9999px;
}
#pagetop a span{
	display:none;
}
#pagetop a:hover {
	filter: alpha(opacity=80); /* IE7以下用 */
	-ms-filter: “alpha(opacity=80)”; /* IE8用 */
	opacity:0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

#container #contentsArea .fb-page {
	width: 463px;
	float: right;
	margin-top: 50px;
}

.list p {
	margin-left: 30px;
	margin-bottom: 15px;
}