@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	background: url(../../img/bg.gif) repeat-y 50% 0;
	text-align: center;
	color: #333427;
	font-family: "Meiryo", "メイリオ","MS PGothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",sans-serif ;
	font-size: 12px;
	line-height: 1.5em;
}

th, td, caption, input, select, textarea {
	color: #333427;
	font-size: 12px;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, li, ul, ol, div, form, map, area, hr, img, span {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}


form {
	margin: 0;
}

img { 
	border:0px none;
	vertical-align: middle;
}

br { 
	letter-spacing:0px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* リンク
---------------------------------------------------- */
a:link {
	color: #8E2B2B;
	background: transparent;
	text-decoration: none;
}

a:visited {
	color: #A41E37;
	background: transparent;
	text-decoration: none;
}

a:hover, a:active {
	color: #AA091C;
	background: transparent;
	text-decoration: underline;
}


/* ヘッダ
---------------------------------------------------- */
#header {
	width: 780px;
	height: 54px;
	margin: 0 auto;
}

#header #logo {
	float: left;
}

#header ul { /* ---右上、小さいメニュー--- */
	float: right;
	margin-top: 5px;
	list-style-type: none;
}

#header ul a {
	display: block;
	height: 20px;
	text-decoration: none;
}

#header ul li {
	float: left;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9000px;
	display: inline;
	overflow: hidden;
}

#header #mnsHome a {
	width: 50px;
	background: url(../img/menuss_home.gif) no-repeat;
}

#header #mnsPrivacy a {
	width: 78px;
	background: url(../img/menuss_privacy.gif) no-repeat;
}

#header #mnsColumn a {
	width: 118px;
	background: url(../img/menuss_column.gif) no-repeat;
}

#header #mnsContact a {
	width: 74px;
	background: url(../img/menuss_contact.gif) no-repeat;
}

#header #mnsPress a {
	width: 112px;
	background: url(../img/menuss_press.gif) no-repeat;
}


/* 上部メインメニュー
---------------------------------------------------- */
#mainMenu {
	clear: both;
	width: 780px;
	height: 30px;
	margin: 0 auto;
}

#mainMenu ul {
	list-style-type: none;
}

#mainMenu ul a {
	display: block;
	height: 30px;
	text-decoration: none;
}

#mainMenu ul li {
	float: left;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9000px;
	display: inline;
	overflow: hidden;
}


#mmnAbout a {
	width: 156px;
	background: url(../img/menu_about.gif) no-repeat;
}
#mmnAboutHere a { /* ---現在地の場合--- */
	width: 156px;
	background: url(../img/menu_about.gif) no-repeat 0 100%;
}

#mmn2009info a {
	width: 156px;
	background: url(../img/menu_info.gif) no-repeat;
}
#mmn2009infoHere a {
	width: 156px;
	background: url(../img/menu_info.gif) no-repeat 0 100%;
}

#mmnList a {
	width: 156px;
	background: url(../img/menu_list.gif) no-repeat;
}
#mmnListHere a {
	width: 156px;
	background: url(../img/menu_list.gif) no-repeat 0 100%;
}

#mmnExibitor a {
	width: 156px;
	background: url(../img/menu_exibitor.gif) no-repeat;
}
#mmnExibitorHere a {
	width: 156px;
	background: url(../img/menu_exibitor.gif) no-repeat 0 100%;
}

#mmnPress a {
	width: 156px;
	background: url(../img/menu_press.gif) no-repeat;
}
#mmnPressHere a {
	width: 156px;
	background: url(../img/menu_press.gif) no-repeat 0 100%;
}

#mmnInquiry a {
	width: 156px;
	background: url(../img/menu_inquiry.gif) no-repeat;
}
#mmnInquiryHere a {
	width: 156px;
	background: url(../img/menu_inquiry.gif) no-repeat 0 100%;
}

#mmnBuyer a {
	width: 156px;
	background: url(../img/menu_buyer.gif) no-repeat;
}
#mmnBuyerHere a {
	width: 156px;
	background: url(../img/menu_buyer.gif) no-repeat 0 100%;
}



#mmnAbout a:hover, , #mmn2009info a:hover, #mmnList a:hover, #mmnExibitor a:hover, #mmnPress a:hover, #mmnInquiry a:hover, #mmnBuyer a:hover {
	background-position: 0 -28px;
}

#mainMenu #mmnDummy1, #mainMenu #mmnDummy2 { /* ---メニューの余白--- */
	float: left;
	display: inline;
	height: 28px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9000px;
}

#mainMenu #mmnDummy1 {
	width: 111px;
	background: url(../img/menu_dummy1.gif) no-repeat;
}

#mainMenu #mmnDummy2 {
	width: 222px;
	background: url(../img/menu_dummy2.gif) no-repeat;
}


/* フッタ
---------------------------------------------------- */
#footer {
	clear: both;
	width: 780px;
	border-top: 5px solid #ee720f;
	margin: 10px auto 0 auto;
}

#copyright {
	font-size: 11px;
	color: #0f4009;
	font-family: Arial,sans-serif;
	padding: 5px 0;
	text-align: left;
}

#copyright a:link, #copyright a:visited {
	color: #0f4009;
}

#copyright a:hover, #copyright a:active {
	color: #FAE314;
}

#footer #toPageTop { /* ---（出展詳細にも使う）--- */
	float:right;
	padding: 5px 0;

}

.toPageTop2{ /* ---（出展詳細にも使う）--- */
	margin-left: 720px;
	padding: 2px 0;
	background: url(../img/pagetop_footer.gif) no-repeat 0 2px;
}

#footer #toPageTop a, .toPageTop2 a {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9000px;
	display: block;
	width: 68px;
	height: 16px;
	text-decoration: none;
	background: url(../img/pagetop_footer.gif) no-repeat;
}



/* トップページ向け
---------------------------------------------------- */
#topWrapper {
	clear: both;
	width: 796px;
	margin: 5px auto 20px auto;
}

#topWrapper #mainImage { /* ---メインイメージ--- */
	margin-bottom: 10px;
}

#topWrapper .block { /* ---下部、横１列--- */
	clear: both;
	width: 796px;
	height: 146px;
	margin-top: 8px;
	text-align: left;
}

#topWrapper .block .box1 {
	float: left;
	width: 302px;
	height: 146px;
	background: url(../img/box302x146.gif) no-repeat;
}

#topWrapper .block .box2 {
	float: right;
	width: 484px;
	height: 146px;
	background: url(../img/box484x146.gif) no-repeat;
}


#topWrapper .block2 { /* ---下部blockに替わる初期状態（縦１行・左⇒大）--- */
	width: 796px;
	height: 200px;
	text-align: left;
}

#topWrapper .block2 .box3 { 
	float: left;
	width: 402px;
	height: 200px;
	background: url(../img/box402x260.gif) no-repeat;
	margin-top: 8px;
}

#topWrapper .block2 .box4Wrap {
	float: right;
	width: 384px;
}

#topWrapper .block2 .box4Wrap .box4 {
	height: 126px;
	background: url(../img/box384x126.gif) no-repeat;
	margin-top: 8px;
}

/* ---下部blockに替わる↑↑↑ここまで--- */

.topContents { /* ---boxの中--- */
	padding: 19px 19px 10px 19px;
}

#topWrapper .block2 .box3 .topContents h2 { /* ---box左上　紹介文--- */
	color: #A00404;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding-bottom: 2px;
	margin-bottom: 6px;
	border-bottom: 1px solid #A00404;
}



#topWrapper .block2 .box3 .topContents h3 {
	font-size: 12px;
	font-weight: normal;
	color:#000000;
}

.topContents #whatsNew h3 { /* ---What'sNewのタイトル--- */
	font-size: 18px;
	line-height: 20px;
	height: 23px;
	border-bottom: 1px solid #A00404;
	margin-bottom: 5px;
}

.topContents #whatsNew #dlWrap { /* ---What'sNewスクロール--- */
	height: 36px;
	overflow: auto;
	scrollbar-track-color: #FFF;
	scrollbar-face-color: #BDBFC7;
	scrollbar-highlight-color: #BDBFC7;
	scrollbar-darkshadow-color: #BDBFC7;
	scrollbar-3dlight-color: #8B8D96;
	scrollbar-shadow-color: #8B8D96;
	scrollbar-arrow-color: #60646C;
}

.topContents #whatsNew dt { /* ---What'sNewの日付--- */
	clear: left;
	float: left;
	display: block;
	width: 75px;
	font-size: 11px;
	font-family: Arial,sans-serif;
}

.topContents #whatsNew dd { /* ---What'sNewの本文--- */
	display: block;
	padding:5px 0 5px 75px;
	border-bottom:1px dotted #ccc;
	text-indent: -3px;
	margin-bottom:5px;
}

.topContents #whatsNew dd a {
	background: url(../img/arrow_wht.gif) no-repeat 100% 100%;
	padding-right: 18px;
}

.topContents dd a:link, .topContents dd a:visited {
	color: #333427;
}

.topContents dd a:hover, .topContents dd a:active {
	color: #AA091C;
	text-decoration: underline;
}

.topContents #credit dt { /* ---右下クレジット--- */
	clear: left;
	float: left;
	display: block;
	width: 75px;
	color: #A00404;
}

.topContents #credit dd {
	display: block;
	margin-left: 68px;
	padding-left: 7px;
	text-indent: -3px;
	border-left: 1px solid #DEA724;
	margin-bottom:15px;
}




/* 内部ページ全体向け
---------------------------------------------------- */
#wrapper { /* ---横全体に白背景枠１つの場合--- */
	clear: both;
	width: 780px;
	margin: 15px auto;
}


#wrapper #content {
	border: 3px solid #ccc;
	padding:10px;
	width: 754px;
	text-align: left;
}

#wrapper #content h1 { /* ---メインタイトル（画像使用）各背景画像はページで指定--- */
	width: 730px;
	background: url(../img/h1_bk.gif) repeat-x ;
	padding:8px 10px;
	margin: 0 23px 0 5px;
	font-size: 18px;
	display: block;
	border: 1px solid #ccc;
}

#wrapper #content h2 {
	font-size: 16px;
	color: #A00404;
	border-top: 2px solid #DEA724;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
	padding: 15px 0 5px 0;
	margin-bottom: 10px;
	margin-top: 40px;
}

#wrapper #content h6 { /* ---リード文--- */
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0 0 0;
}

#wrapper #content p {
	margin-bottom: 10px;
}

.arrow a:link, .arrow a:visited, .arrow a:hover, .arrow a:active { /* ---リンクの後ろに矢印をつける--- */
	background: url(../img/arrow_wht.gif) no-repeat 100% 100%;
	padding-right: 18px;
	font-weight: bold;
}

.hplink a:link, .hplink a:visited, .hplink a:hover, .hplink a:active { /* ---リンクの後ろにHPをつける--- */
	background: url(../img/icon_hp.gif) no-repeat 100% 100%;
	padding-right: 25px;
	font-weight: bold;
}

#content .toPageTop{
	float:right;
}

#content .toPageTop a {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9000px;
	display: block;
	width: 68px;
	height: 16px;
	text-decoration: none;
	background: url(../img/pagetop.gif) no-repeat;
}

.small { /* ---小さい--- */
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}

.normal {
	font-weight: normal;
}

.attention {
	color: #FF1800;
	font-weight: bold;
}

.phleft { /* ---写真左側--- */
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

.phright { /* ---写真右側--- */
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
}

.clear {
	clear:both;
	line-height: 1px;
}

.issue {
	text-align: right;
	margin: 10px 0 30px 0;
}


.frame { /* ---四方枠線で囲む--- */
	border:1px solid #DEA724;
	padding:20px;
	margin:20px 0;
}

.sectionLine {
	border-top: 2px solid #DEA724;
	padding-top: 20px;
}

table.frametable{ /* ---枠線で囲む表--- */
	margin:20px 0;
	border-collapse: collapse;
	border:1px solid #DEA724;
}

.frametable td, .frametable th {
	padding: 5px 8px;
	border:1px solid #DEA724;
}

.frametable th {
	background-color: #F6EEDB;
	text-align: center;
}




/* フードセレクションとは？ページ向け
---------------------------------------------------- */
#about {
	margin: 20px 23px 0 48px;
}

#about .nmbr { /* ---大きい数字--- */
	font-size: 42px;
	line-height: 42px;
	font-family: 'Arial Black', Arial, sans-serif;
	color: #F2DCA7;
	float: left;
	display: block;
	width: 37px;
	height: 42px;
	margin-top: 25px;
}

#about h3 {
	font-size: 16px;
	margin: 45px 0 10px 37px;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#about p {
	margin-left: 40px;
}

#about h4 {
	font-size: 12px;
	margin-left: 40px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
	padding: 5px 0;
}

#about .txtbox {
	border:1px solid #fff;
}



#about .colm1 { /* --- 3段組み左側 --- */
	float: left;
	width: 220px;
	display: block;
}

#about .colm2 { /* --- 3段組み真ん中 --- */
	float: left;
	margin-left:20px;
	width: 220px;
	display: block;
}

#about .colm3 { /* --- 3段組み右側 --- */
	margin-left: 480px;
	width: 220px;
	display: block;
}

#about .colm1 h3, #about .colm1 p, #about .colm1 h4, #about .colm2 h3, #about .colm2 p, #about .colm2 h4 ,#about .colm3 h3, #about .colm3 p, #about .colm3 h4{
	margin-left: 0px;
}


.frametable  td { /* ---年次規模比較表--- */
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka","Meiryo", "メイリオ", Verdana,"MS PGothic",sans-serif ;
}

.frametable strong {
	color: #8E2B2B;
}



/* 2009開催概要向け（dlは出展の申込み案内も）
---------------------------------------------------- */
#af2009info {
	margin: 20px 23px 0 48px;
}



#af2009info dt, #exibitorApply dt { /* ---項目--- */
	clear: left;
	float: left;
	display: block;
	width: 75px;
	color: #A00404;
	font-weight: bold;
}

#af2009info dd, #exibitorApply dd {
	display: block;
	margin-left: 75px;
	padding-left: 12px;
	text-indent: -3px;
	border-left: 2px solid #DEA724;
	margin-bottom:40px;
}

#af2009info .bankList1 { /* ---問合せ銀行左列--- */
	float: left;
	display: block;
	width: 370px;
}

#af2009info .bankList2 { /* ---問合せ銀行右列--- */
	float: right;
	display: block;
	width: 350px;
}

#af2009info h4 { /* ---銀行名--- */
	font-size: 12px;
	width: 345px;
	margin: 25px 0 10px 0;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#af2009info .bankList1 p, #af2009info .bankList2 p {
	width: 345px;
}

#af2009info .office, #inquiry .office { /* ---仮問合せページ：事務局名--- */
	font-weight: bold;
	margin: 25px 0 10px 0;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}


/* 出展のご案内ページ向け
---------------------------------------------------- */
#exibitor {
	margin: 20px 23px 0 28px;
}

#exibitor h5, #inquiry h5, #buyer h5 {
	font-size: 14px;
	margin: 10px 0 20px 0;
}

#exibitor .process { /* ---申し込み方法--- */
	margin: 5px 0;
	background: url(../img/process_arrow.gif) no-repeat 70px 90%;
	padding-bottom: 15px;
}

#exibitor dd h4 { /* ---基本仕様のところ--- */
	font-size: 12px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#exibitor ul {
	margin-left: 20px;
	margin-bottom: 10px;
	list-style-type: square;
}

#exibitor ul li {
	padding: 2px 0 3px 2px;
}



/* プライバシーポリシー向け
---------------------------------------------------- */
#privacy {
	margin: 20px 48px 0 48px;
}

#privacy .nmbr { /* ---数字--- */
	font-size: 24px;
	line-height: 24px;
	font-family: 'Arial Black', Arial, sans-serif;
	color: #F2DCA7;
	clear: left;
	float: left;
	display: block;
	width: 37px;
	height: 24px;
	margin-top: 20px;
}

#privacy .firstSection {
	margin-top: 0;
}
*html #privacy .firstSection {
	margin-top: 10px;
}

#privacy h3 {
	font-size: 12px;
	margin: 35px 0 10px 37px;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#privacy p {
	margin-left: 40px;
}

#privacy ul {
	margin-left: 60px;
	margin-bottom: 10px;
	list-style-type: square;
}

#privacy ol {
	margin-left: 60px;
	margin-bottom: 10px;
	list-style-type: decimal;
}

#privacy ul li, #privacy ol li {
	padding: 3px 0 3px 3px;
}


/* プレスリリース向け（dlは出展社へのお知らせも）
---------------------------------------------------- */
#press {
	margin: 20px 23px 0 48px;
}

#press dl, #exibitorInfo {
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
	margin: 30px 0;
}

#press dt, #exibitorInfo dt { /* ---リスト日付--- */
	clear: left;
	float: left;
	display: block;
	width: 90px;
	font-size: 12px;
	font-family: Arial,sans-serif;
	padding: 10px 0;
	background: url(../img/dot_ylw.gif) repeat-x;
}

#press dd, #exibitorInfo dd { /* ---リスト本文--- */
	display: block;
	margin-left: 90px;
	text-indent: -3px;
	padding: 10px 0;
	background: url(../img/dot_ylw.gif) repeat-x;
}

#press dd a:link, #press dd a:visited, #press dd a:hover, #press dd a:active, #exibitorInfo dd a:link, #exibitorInfo dd a:visited, #exibitorInfo dd a:hover, #exibitorInfo dd a:active { /* ---リンクの後ろにPDFアイコンをつける--- */
	background: url(../img/icon_pdf_s.gif) no-repeat 100% 100%;
	padding: 4px 24px 0 0;
}

/* 問合せフォームページ向け
---------------------------------------------------- */
#inquiry {
	margin: 20px 23px 0 48px;
}

#inquiry dt { /* ---項目--- */
	clear: left;
	float: left;
	display: block;
	width: 210px;
	color: #A00404;
	font-weight: bold;
	text-align: right;
}

#inquiry dd {
	display: block;
	margin-left: 220px;
	padding-left: 15px;
	text-indent: -3px;
	border-left: 2px solid #DEA724;
	margin-bottom:30px;
	line-height: 2em;
}

#inquiry dd p {
	line-height: 1.5em;
}

#inquiry input, #inquiry select, #inquiry textarea {
	margin-bottom: 5px;
	vertical-align: middle;
}

#inquiry form {
	margin: 20px 0;
	padding-top: 15px;
	background: url(../img/dot_ylw.gif) repeat-x;
}

#inquiry .btnBlock {
	margin: 30px auto;
	text-align: center;
	padding-top: 15px;
	background: url(../img/dot_ylw.gif) repeat-x;
}

#inquiry .btnBlock p {
	text-align: left;
}

#inquiry .formunder { /* ---フォーム内見出し区切り線--- */
	font-weight: bold;
	font-size: 12px;
	margin: 40px 0px 10px 0px;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#inquiry .formundertop { /* ---フォーム内一番上の見出し--- */
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#sslCertificate { /* ---SSL証明書表示--- */
	border: 1px solid #BDBFC7;
	padding: 10px;
	margin: 20px 0;
	height: 55px;
}

#sslCertificate #seal { 
	float: left;
	padding-right: 20px;
}



/* ご来場の皆様へ向け
---------------------------------------------------- */
#buyer {
	margin: 20px 23px 0 48px;
}

#buyer .nmbr { /* ---大きい数字--- */
	font-size: 42px;
	line-height: 42px;
	font-family: 'Arial Black', Arial, sans-serif;
	color: #F2DCA7;
	clear: left;
	float: left;
	display: block;
	width: 37px;
	height: 42px;
	margin-top: 25px;
}

#buyer h3 {
	font-size: 16px;
	margin: 45px 0 10px 37px;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#buyer p {
	margin-left: 40px;
}

#buyer h4 {
	font-size: 12px;
	margin-left: 40px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
	padding: 5px 0;
}

#buyer dt { /* ---項目--- */
	clear: left;
	float: left;
	display: block;
	width: 210px;
	color: #A00404;
	font-weight: bold;
	text-align: right;
}

#buyer dd {
	display: block;
	margin-left: 220px;
	padding-left: 15px;
	text-indent: -3px;
	border-left: 2px solid #DEA724;
	margin-bottom:30px;
	line-height: 2em;
}

#buyer dd p{
	line-height: 1.5em;
}

#buyer input, #buyer select, #buyer textarea {
	margin-bottom: 5px;
	vertical-align: middle;
}

#buyer form {
	margin: 20px 0;
	padding-top: 15px;
	background: url(../img/dot_ylw.gif) repeat-x;
}

#buyer .btnBlock {
	margin: 30px auto;
	text-align: center;
	padding-top: 15px;
	background: url(../img/dot_ylw.gif) repeat-x;
}

#buyer .btnBlock p {
	text-align: left;
}

#buyer .formunder { /* ---フォーム内見出し区切り線--- */
	font-weight: bold;
	font-size: 12px;
	margin: 40px 0px 10px 0px;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#buyer .formundertop { /* ---フォーム内一番上の見出し--- */
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}

#buyer .sLine {
	clear: both;
	margin-bottom: 6px;
	margin-right: 35px;
	line-height: 7px;
	background: url(../img/dot_ylw.gif) repeat-x 0 100%;
}


/* ポップアップ小ウィンドウ向け
---------------------------------------------------- */
#smlwin body {
	background: #A00404;
}

#smlWrapper {
	margin: 0 auto;
	width: 400px;
	background: url(../img/logo.gif) no-repeat;
	padding-top: 60px;
}

#smlwin #footer {
	width: 400px;
}

#smlwin #closeBtn{
	clear: both;
	text-align: center;
	margin: 20px auto;
}