@charset "utf-8";

/*リセット*/
body,div,h1,h2,h3,h4,p,ul,img{
	margin:0;
	padding:0;
}

img{
	border:none;
}


.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

div#wrapper{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:840px;
	margin:0 auto;
	border-left:#F90 1px solid;
	border-right:#F90 1px solid;
	border-bottom:#F90 1px solid;
	font-size:90%;

}


/*見出し１：メインビジュアル*/
h1{
	border-bottom:#F90 1px solid;
}

/*ナビゲーション*/
ul#nav{
}

.bgNav{
	background:#F60;
}

ul#nav li{
	float: left;
	background: #F60;
	border-right: #FFF 1px solid;
	text-align: center;
	display: inline;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}

ul#nav li a{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 105%;
}

ul#nav li a:hover{
	color:#FFC;
	text-decoration:underline;
}

/*メインコンテンツ*/
div#main{
	padding:10px 10px 10px 10px;
	clear:both;
}

/*見出し２*/
#main h2{
	font-size:123%;
	letter-spacing:0.2em;
	font-weight:bold;
	text-align: center;
	border: 1px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	width: 100%;
	margin:10px auto 0 auto;
	padding:10px 0px 5px 0px;
}

/*ボタン：ダウンロード*/
#main .btnDownload{
	font-size: 105%;
	line-height: 40px;
	margin: 0 auto 20px auto;
	text-align: center;
	border: 1px solid #F63;
	width:80%;
}

#main .btnDownload img{
	vertical-align: text-bottom;
	padding: 2px;
	height: 30px;
	width: 30px;
}


#main .btnDownload a{
	color: #333;
	text-decoration: none;
	display: block;
	background-color: #FFCC66;	
}

#main .btnDownload a:hover{
	text-decoration: underline;

}

/*ボタン：事前登録*/
#main .btnEntry{
	font-size: 105%;
	line-height: 1.2em;
	text-align: center;
	padding: 5px;
	border: 1px solid #060;
	background: #E2FFA6;
	margin:0 auto 20px auto;
	width:79%;
}

#main .btnEntry img{
	vertical-align:text-bottom;
	padding:2px;
}


#main .btnEntry a{
	color:#333;
	text-decoration:none;
	display:block;
	
}

#main .btnEntry a:hover{
	color:#360;
	text-decoration:underline;
}

/*ボタン：事前アポイント*/
#main .btnAppoint{
	font-size: 105%;
	line-height: 1.2em;
	text-align: center;
	padding: 5px;
	border: 1px solid #36F;
	margin: 0 auto 20px auto;
	width: 79%;
	background-color: #66CCFF;
}

#main .btnAppoint a{
	color: #000;
	text-decoration: none;
	display: block;
}
.text_smal {
	font-size: 80%;
}


#main .btnAppoint a:hover{
	color: #036;
	text-decoration: underline;
}

/*ボタン：来年の告知*/
#main .btnNextYear{
	font-size: 105%;
	line-height: 1.2em;
	text-align: center;
	padding: 5px;
	border: 1px solid #639;
	margin: 0 auto 20px auto;
	width: 79%;
	background-color: #EFE8F7;
}

#main .btnAppoint a{
	color: #000;
	text-decoration: none;
	display: block;
}
.text_smal {
	font-size: 80%;
}


#main .btnAppoint a:hover{
	color: #036;
	text-decoration: underline;
}


/*段落書式(1)トップページ　にて使用*/
#main p.txt01{
	font-size:100%;
	font-weight:bold;
	line-height:1.7em;
	padding:10px 0px 0px 30px;
	margin: 0px 0px 15px 0;
}

/*段落書式(2)開催のねらい　にて使用*/
#main p.txt02{
	font-size:100%;
	font-weight:normal;
	line-height:1.7em;
	padding:10px 15px 0px 15px;
	margin: 0px 0px 10px 0;
}


/*会場ご案内(index)*/
#main #info{
	overflow:hidden;
	margin:0 0 30px 0;
}

#main #info #map,
#main #info #access{
	width:400px;
	float:left;
	font-size:95%;
}

#main #info #map{
	padding:5px 10px 5px 0;

}

#main #info #access{
	padding:5px 0 5px 5px;
	margin-left:5px;
}

#main #info #map p,
#main #info #access p{
	margin:0 0 10px 10px;
	font-size:90%;
	line-height:1.5em;
}

/*見出し３*/
#main #info #map h3,
#main #info #access h3{
	font-weight:bold;
	font-size:130%;
	background-color:#e0ebaf;
	overflow: hidden;
	padding:5px 0px 5px 5px;
	margin:0px 0px 7px 0px;
}

/*見出し３ 所要時間*/
#main #info #map h3.bgTime{
	background:#FFE6E6;
}

/*見出し４*/
#main h4{
	font-size:110%;
	font-weight:bold;
	line-height:130%;
	text-align:center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding:5px 0px 5px 0px;
	margin:0 0 10px 0;
}

/*リスト設定*/
#main ul{
	margin:0 0 0 20px;

}

#main ul li{
}


/*リンク設定*/
#main a{
	color:#333;
	text-decoration:none;
}

#main a:hover{
	text-decoration:underline;
}


/*テーブル設定(1)　開催概要*/
#main table.tblGaiyo{
	border:1px #006600 solid;
	border-bottom:none;
	width:95%;
	margin:20px auto 0 auto;
}

#main table.tblGaiyo td,
#main table.tblGaiyo th{
	border-bottom:1px #006600 solid;
}

#main table.tblGaiyo td{
	border-left:1px #006600 solid;
	background:#EAF4DF;
}


#main table.tblGaiyo th{
	background:#AFEB8F;
}

#main table.tblGaiyo td p,
#main table.tblGaiyo th p{
	font-size:100%;
	font-weight:normal;
	line-height:1.7em;
	padding:8px 15px 8px 15px;
	margin: 0;
}

#main table.tblGaiyo th p{
	font-weight:bold;
}

/*テーブル設定(2)　企画・実行委員*/
#main table.tblKikaku{
	border:none;
	width:95%;
	margin:20px auto 0 auto;
}

#main table.tblKikaku .bgColor01{
	background:#EAF4DF;
}

#main table.tblKikaku td p,
#main table.tblKikaku th p{
	font-size:100%;
	font-weight:normal;
	line-height:1.7em;
	padding:3px 15px 3px 15px;
	margin: 0;
}

#main table.tblKikaku th p{
	font-weight:bold;
	text-align:right;
}

/*テーブル設定(3)　出展企業一覧*/
#main table.tblCompany{
	border:none;
	width:95%;
	margin:10px auto 40px auto;
}

#main table.tblCompany td p,
#main table.tblCompany th p{
	font-size:100%;
	font-weight:normal;
	line-height:1.7em;
	padding:3px 15px 3px 15px;
	margin: 0;
}

#main table.tblCompany th p{
	font-weight:bold;
	text-align:center;
}




#main table.tblCompany th{
	border:#CCC 1px solid;
	background:#eee;
}

/*テーブル設定(4)　セミナープログラム*/
#main table.tblSeminar{
	border:none;
	width:95%;
	margin:20px auto 0 auto;
}

#main table.tblSeminar .bgColor01{
	background:#EAF4DF;
}

#main table.tblSeminar th{
	background:#063;
	color:#FFF;
	text-align:left;
}

#main table.tblSeminar td{
	border-bottom:1px #006600 solid;	
}

#main table.tblSeminar td p{
	font-size:100%;
	font-weight:normal;
	line-height:1.7em;
	padding:5px 15px 5px 15px;
	margin: 0;
}
.text_1up {
	font-size: 114%;
}


#main table.tblSeminar th p{
	font-size: 130%;
	font-weight: bold;
	line-height: 1.7em;
	padding: 8px 15px 8px 15px;
	margin: 0;
}

/*セミナーで使用*/
.seminarDate{
	font-weight: bold;
	color: #000000;
	background: #ffffff;
	float: left;
	text-align: center;
	border: 1px solid #c0c0c0;
	font-size: 120%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 21px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 180px;

}

.seminarBooth{
	font-weight: bold;
	color: #ffffff;
	background: #003399;
	width: 100px;
	float: left;
	text-align: center;
	padding: 5px 0 5px 0;
	margin: 0;
	border: 1px solid #003399;
	border-left: none;
	font-size: 120%;
}

/*セミナー　ページ内ナビ*/
#main ul#seminarNav{
	margin:5px 0 20px 0;
}

#main ul#seminarNav li{
	font-weight: bold;
	list-style: none;
	width: 195px;
	display: inline;
	float: left;
	text-align: center;
	background: #039;
	padding: 5px;
	color: #FFF;
	font-size: 120%;
}

#main ul#seminarNav li a{
	color:#FFF;
	text-decoration:none;
}

#main ul#seminarNav li a:hover{
	color:#FFF;
	text-decoration:underline
}



/*汎用クラス*/
.clear{
	clear:both;
}


.noBoder{
	border:none !important;
}

#main .txtCenter{
	text-align:center !important;
}

#main .txtRight{
	text-align:right !important;
}

#main .noMargin{
	margin:0;
}

#main .margin20{
	margin-bottom:20px !important;
}

#main .margin40{
	margin-bottom:40px !important;
}

#main .marginLeft20{
	margin-left:20px;
}

#main .marginLeft40{
	margin-left:40px;
}

#main .paddingLeft40{
	padding-left:40px;
}

/*文字色変更太字*/
#main .txtStyle01{
	font-weight:bold;
	color:#F00;
}

#main .txtStyle02{
	color:#F63;
}


/*フッター*/
#footer{
	clear:both;
	text-align:center;
}


#footer p#copyright{
	font-weight:normal;
	text-align:center;
	color:#999;
	font-size:90%;
	padding:20px 0 15px 0;
}

#footer p#copyright a{
	color:#999;
	text-decoration:none;
}

#footer p#copyright a:hover{
	color:#777;
	text-decoration:underline;
}
#wrapper #main .ryokai {
	float: left;
	padding-left: 10px;
	font-size: 90%;
	padding-top: 10px;
}

/*2015/11/27　追加：過去の開催実績ボタン*/
#wrapper #btnInv{
	text-align:right;
	padding:10px 0 0 0;
	font-size:125%;
	vertical-align:text-top;
}

#wrapper #btnInv img{
	margin:5px 5px 0 0;
	vertical-align:bottom;
}
