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


#mainWrap #fla {
	margin: 0 0 30px 0;
	width: 650px;
	height: 210px;
	padding: 0px;
}
#mainWrap #topic_t {
	margin: 10px 0 0 0;
	width: 650px;
	height: 25px;
	background-image: url(../images/top-event_t.gif);
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 25px;
}
#mainWrap #topic_main {
	margin: 2px 0 0 0;
	width: 644px;
	padding: 2px;
	font-size: 12px;
	border: solid 1px #666;
}
#mainWrap #topic_main:after{
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #mainWrap #topic_main{
    height: 1em;
    overflow: visible;
}
/**/
#mainWrap #topic_main img {
	float: left;	
}

#mainWrap #topic_main ul { list-style:none;}
#mainWrap #topic_main li {
   background-repeat:no-repeat;
   background-position:left center;
                   }
#mainWrap #topic_main li.site {
	background-image:url(../images/top-event_site.gif);
	margin-left: 90px;
	padding-left: 60px;
	color: #000000;
}
#mainWrap #topic_main li.period {
	background-image:url(../images/top-event_period.gif);
	margin-left: 90px;
	padding-left: 60px;
	color: #000000;
}
#mainWrap #topic_main p{
	margin-left: 90px;
	border-top: 10px;
	padding-left: 60px;
}
#mainWrap #topic_main p a{
	text-decoration:underline;
	color: #B33422;
}
#mainWrap div#information{
	width: 650px;
	padding-top: 10px;
}
#mainWrap div.new{
	border-left-color: #B33422;
	border-left-style: solid;
	border-left-width: 4px;
	font-size: 12px;
	color: #333333;
	float: left;
	padding-left: 5px;
}
#mainWrap div.newcontent{
	font-size: 12px;
	color: #333333;
	width: 650px;
}

#mainWrap div.newcontent ul.news{
	list-style:none;
}
#mainWrap div.newcontent ul.news li{
                    background-repeat:no-repeat;
                    background-position:left center;
                   }
#mainWrap div.newcontent ul.news li.newmark{
	background-image:url(../images/top-event_arrow.gif);
	padding-left: 10px;
	margin-left: 100px;
                   }
#mainWrap div.newcontent ul.news li.newmark a{
	text-decoration:underline;
	color: #B33422;
                   }

#link {
	margin:20px 0 0 0;
	padding:0;
	width:650px;
} 
#linklist a { 
	text-decoration:none; 
}   
#linklist {
	margin:0;
	width:650px;
	height:100px;
	overflow:hidden;
}  
#linklist li {
	list-style:none;
	font-size: 9px;
	float: left;
	line-height: 11px;
	height: 48px;
	padding-right: 9px;
	 }  
#linklist li a {
	text-align:left;
	color:#666;
}
#linklist li.anz {
	list-style:none;
	font-size: 9px;
	float: left;
	line-height: 11px;
	height: 48px;
	padding-right: 9px;
	text-indent: -9999px;
	 }  
#linklist li.anz a {
	text-align:left;
	color:#666;
}   
#maincontent p.pankuzu {
	width:700px;
	margin: 0px;
	padding: 2px 0 2px 10px;
}
#maincontent p.pankuzu a {
	text-decoration: underline;
	font-size: 10px;
}
#maincontent p.sitelink {
	width:700px;
	margin: 0px;
	padding: 20px 0 2px 10px;
}
#maincontent p.sitelink a {
	text-decoration: underline;
	font-size: 12px;
	color: #000000;
}
#maincontent div.subtitle {
	border: solid 1px #999;
	margin: 10px 0 0 0;
}
#maincontent div.contenthead {
	background-image: url(../images/maincon-arrow.gif);
	background-repeat:no-repeat;
	margin-left: 10px;
	padding-left: 20px;
	background-position: left center;
	font-size: 15px;
	margin-top: 20px;
	color: #000000;
}
#maincontent p.box {
	margin-left: 0px;
	padding-left: 10px;
	font-size: 13px;
}
#maincontent p.box:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #maincontent p.box {
    height: 1em;
    overflow: visible;
}
/**/
#maincontent p.box img {
	float: left;
	padding-right: 10px;
}
#maincontent div.box {
	font-size: 13px;
	padding: 10px 0 20px 10px;
}
#maincontent div.box:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #maincontent div.box {
    height: 1em;
    overflow: visible;
}

/*
テーブル
--------------------------*/
table.past-company {
	border-collapse: collapse;
}

table.past-company th {
	border: 1px solid #b43522;
	margin: 5px 30px 5px 30px　;
	text-align: center;
}
table.past-company tr {
	border: 1px solid #b43522;
}
table.past-company td {
	border: 1px solid #b43522;
	padding: 7px;
}
table.past-company td.white {
	color: #FFFFFF;
	border: 1px solid #ffffff;
}
table.past-company td.red {
	color:  #b43522;
	border: 1px solid  #b43522;
}
table.past-company td a {
	text-decoration: underline;
	color: #000000;
}

/*
物産展出展企業一覧
----------------------------------*/
table#bussanten_list tr{
	border: 1px solid #b43522;
}

table#bussanten_list td {
	border: 1px solid #b43522;
}

table#bussanten_list .bussan_company{
	font-weight:bold;
	color:#322;
}

table#bussanten_list .web_link{
	text-align:center;
}

table#bussanten_list td a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

table#bussanten_list #tr_th{
	border:0;
	font-size:90%;
}

table #tr_th td{
	background:#fff;
	border:0;
	color:#333;
}

/*
一行おきに色変え
------------------*/
tr.tr_bg td {
	background-color: #fff8f8;
	color:#333;
}

/*---見出しはいろかえない---*/
table#bussanten_list tr .red{
	background:#b43522;
	color:#fff;
}

#maincontent div.innerwrap {
	width: 710px;
}
#maincontent div.innerwrap div.innerwrapleft {
	margin: 0;
	padding: 0;
	float: left;
}
#maincontent div.innerwrap div.innerwrapright {
	margin: 0;
	padding: 0;
	float: right;
}

#maincontent div.pageNav {
	margin: 10px 0 30px 10px;
}
#maincontent div.pageNav:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #maincontent div.pageNav {
    height: 1em;
    overflow: visible;
}
/**/ 

#maincontent div.pageNav div.retrievalboxleft {
	background: url(../images/member-kind-t.gif) left top no-repeat;
	width: 390px;
	float: left;
} 
#maincontent div.pageNav div.retrievalboxleft-region {
	background: url(../images/member-region-t.gif) left top no-repeat;
} 
#maincontent div.pageNav div.retrievalbox {
	width:150px;
	float:left;
}

#maincontent div.pageNav ul.retrieval {
	list-style-image: url(../images/triangle.gif);
	padding-left: 20px;
}
#maincontent div.pageNav ul.retrieval-button {
	list-style-image: url(../images/triangle.gif);
	padding-left: 230px;
}

#maincontent div.pageNav ul li a {
	font-size: 13px;
	color: #000000;
	} 

#maincontent div.boxform {
	padding: 30px 0 30px 0;
	margin: 0;
	overflow: hidden;
}

#maincontent div.boxform:after{
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #maincontent div.boxform{
    height: 1em;
    overflow: visible;
}
/**/
#maincontent div#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}
#maincontent div.center {
	text-align: center;
}
#maincontent p.center {
	text-align: center;
}
#maincontent table.qa {
	width: 690px;
	margin-left: 10px;
}
#maincontent table.qa td {
	padding-left: 10px;
}
#maincontent table.qa td.line {
	height: 11px;
	background-image: url(../images/inquiry-qa-line.gif);
}
#maincontent table.qa td span.red {
	color: #b43522
}
#maincontent div.inq-caution {
	font-size: 12px;
	margin: 10px 0 10px 20px;
	color: #000000;
}
#maincontent table.qa td a {
	color: #000000;
	text-decoration: underline;
}

#maincontent span.red {
	color: #b43522
}
#maincontent div.eventname {
	font-size: 14px;
	margin: 20px 0 0 10px;
	color: #000000;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
}
#maincontent div.box ul {
	list-style:none;
 }
#maincontent div.box li {
    background-repeat:no-repeat;
    background-position:left center;
                   }
#maincontent div.box li.site {
	background-image:url(../images/top-event_site.gif);
	padding-left: 60px;
	color: #000000;
}
#maincontent div.box li.site a {
	color: #b43522;
}
#maincontent div.box li.period {
	background-image:url(../images/top-event_period.gif);
	padding-left: 60px;
	color: #000000;
}

#maincontent div.appearance {
	width: 700px;
	padding: 0;
	margin-top: 50px;
	margin: 10px 0 0 10px;
}
#maincontent div.appearance:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #maincontent div.appearance {
    height: 1em;
    overflow: visible;
}
/**/
#maincontent div.appearance div.ph {
	width: 244px;
	float: left;
}
#maincontent div.appearance div.ph div.bigimages {
	width: 162px;
	float: left;
	margin-right: 2px;
}
#maincontent div.appearance div.ph div.smallimages {
	width: 80px;
	float: left;
}
#maincontent div.appearance div.ph div.smallimages img.under {
	padding-top: 2px;
}
#maincontent div.appearance div.details {
	width: 440px;
	float: right;
}


#maincontent div.appearance div.details p.constructionname{
	font-size: 18px;
	color: #000000;
	padding-bottom: 20px;
}

/*////////////////////////////////////////////////////////////////////////////////
物産展最新情報
////////////////////////////////////////////////////////////////////////////////*/
#container #inner #maincontent #event_info{
	background:url('../images/back_eventname.jpg');
	display:block;
	padding:20px;
	margin-top:20px;
	border:1px dotted #333;
}

/*---物産展名---*/
#container #inner #maincontent #event_info #e_name{
	background-color:#fefefe;
	border:1px solid #ccc;
	margin:0;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	font-size:14pt;
	color:#333;
}

/*---開催場所・期間情報---*/
#container #inner #maincontent #event_info .box{
	padding-top:0;
	margin-top:20px;
	padding-bottom:0;
}

/*---物産展の模様---*/
#container #inner #maincontent #event_info #e_state{
	border-top:1px dotted #666;
	margin-top:20px;
	padding-top:20px;
	background-position:left 82%;
}

/*---物産展の模様段組み---*/
#container #inner #maincontent #event_info div.ph{
	display:block;
	width:620px;
}

#container #inner #maincontent #event_info div.ph .bigimages{
	display:block;
	float:left;
	width:174px;
	margin-right:20px;
}

#container #inner #maincontent #event_info div.ph .smallimages{
	display:block;
	float:left;
	width:388px;
}

/*---写真アリ---*/
#container #inner #maincontent #event_info div.ph a{
	display:block;
	float:left;
	width:162px;
	display:block;
	padding:5px;
	background:#fff;
	border:1px solid #999;
	margin-right:20px;
}

/*---写真ナシ---*/
#container #inner #maincontent #event_info div.ph .no_images{
	display:block;
	float:left;
	width:174px;
	margin-right:20px;
}

/*--detail--*/
#container #inner #maincontent #event_info .details{
	display:block;
	clear:both;
	float:none;
	padding-top:10px;
}

/*////////////////////////////////////////////////////////////////////////////////
物産展最新情報ここまで
////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////

過去の物産展
////////////////////////////////////////////////////////////////////////////////*/
/*---件数---*/
.data_record{
	padding-left:30px;
	margin-bottom:20px;
}

.data_record strong{
	font-size:140%;
}

#container #inner #maincontent .past_event{
	 border:0px solid #999;
	 margin-bottom:0px;
	 padding:0px 20px 20px 20px;
	 background:url('../images/back_eventname.jpg');
	 width:668px;
	 overflow:hidden;
}

#container #inner #maincontent #box_first{
	padding-top:20px;
}

/*--物産展名--*/
#container #inner #maincontent .past_event .e_outer .eventname{
	margin:0;
	padding:8px;
	background:#eee;
	border:1px solid #ccc;
	overflow:auto;
	height:38px;
	_height:56px;
}

/*---物産展名段組み---*/
#container #inner #maincontent .past_event .eventname p{
	 display:block;
	 float:left;
	 width:360px;
	 _width:305px;
	 margin-top:3px;
}

#container #inner #maincontent .past_event .eventname span{
	display:block;
	float:left;
	text-align:right;
	width:280px;
	font-size:85%;
	color:#666;
}

/*
アコーディオン
-------------------------*/
#container #inner #maincontent .past_event .accordion{
	clear:both;
	margin:0;
	padding:0;
}

#container #inner #maincontent .past_event .accordion .box{
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
}

/*--開催場所リセット--*/
#container #inner #maincontent .past_event ul .site .eventname{
	background:none;
	padding:0;
	margin:0;
	border:0;
}

/*--～～の模様ですリセット--*/
#container #inner #maincontent .past_event .details .eventname{
	background:none;
	padding:0;
	margin:0;
	border:0;
}

/*--物産展の様子--*/
#container #inner #maincontent .past_event .contenthead{
	margin:0;
	border-top:1px dotted #999;
	margin-left:10px;
	padding-top:20px;
	background-position:left 80%;
	margin-top:20px;
}

/*
物産展の模様段組み
---------------------------------*/
#container #inner #maincontent .past_event .appearance div.ph{
	display:block;
	width:620px;
}

#container #inner #maincontent .past_event .appearance .ph .bigimages{
	display:block;
	width:174px;
	margin-right:20px;
	float:left;
}

#container #inner #maincontent .past_event .appearance .ph .bigimages a{
	display:block;
	padding:5px;
	background:#fff;
	border:1px solid #999;
}

#container #inner #maincontent .past_event .appearance .ph .smallimages{
	display:block;
	width:388px;
	float:left;
}

/*
smallimages内段組み
--------------------------*/
#container #inner #maincontent .past_event .appearance .ph .smallimages a{
	display:block;
	width:162px;
	padding:5px;
	background:#fff;
	border:1px solid #999;
	float:left;
	margin-right:20px;
}

#container #inner #maincontent .past_event .appearance .ph a:hover{
	border:1px solid #000;
}

/*
--の様子です
------------------------------*/
#container #inner #maincontent .past_event div.appearance .details{
	display:block;
	clear:both;
	float:none;
	margin:0px 0 0px 0;
	padding:10px 0 0 0;
	text-align:left;
}

/*
サイドメニュー選択中
------------------------------*/
#navi ul.includeNav .sel{
	background:#ffebed url('../images/icon_nav_linkmark-on.gif') left center no-repeat;
	color:#b43522;
}
/*////////////////////////////////////////////////////////////////////////////////
過去の物産展ここまで
////////////////////////////////////////////////////////////////////////////////*/

/*
ページの上部に戻る
------------------------------*/
.return_top{
	display:block;
	clear:both;
	text-align:right;
}


/*---footer---*/
#footer{
	clear:both;
	display:block;
}
