@charset "UTF-8";

/* basic styles
------------------------------------------------------------*/

body {
  margin:0;
  padding:0; /* Be kind to Opera */
  background-image:url(../images/bg.gif);
  font-size: 12px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ P ゴシック", sans-serif;
  line-height: 1.7;
  color: #630;
}
* html body {
  /* for WinIE6*/
  font-family: Verdana, sans-serif;
  font-size: 75%;
}
*:first-child+html body {
  /* for WinIE7*/
  font-family: 'メイリオ', Meiryo, Verdana, sans-serif;
  font-size: 75%;
}
* html td,
* html th { font-size: 90%; /* for WinIE6*/ }

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
	　
/* IE 7 and MacIE*/
.clearfix {
display: inline-block;
}
	　
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 



/* テキスト回り込み解除 */
.clearleft	{ clear:left; }
.clearright	{ clear:right; }

#wrapper {
 	width:760px;
 	margin:0 auto;
	padding:0;
	background:#fff;
	border-right:1px solid #F90;
	border-left:1px solid #F90;
}

/* ヘッダー */
#header {
margin:0;
padding:0;
width:760px;
height:80px;
background:url(../images/ttl.gif) no-repeat;
position:relative;
}
#header h1	{
margin:0;
padding:0;
position:absolute;
left:30px;
height:70px;
top:5px;
width:360px;
text-indent:-9999px;
}
#header h1 a	{
text-decoration::none;
display:block;
height:70px;
}

/* グローバルナビ */
#header_navbar	{	background:#8AB724;	}
#header_nav ul	{
margin:0;
padding:4px 30px;
list-style:none;
}
#header_nav li	{
float:left;
margin:0 10px 0 0;
padding:0 0 0 18px;
background:url(../images/nav_bar_icon.gif) left no-repeat;
}
#header_nav li#guide	{
background:url(../images/nav_bar_guide.gif) left no-repeat;
}
#header_subnavbar	{	background:#F3EEE2;	}
#header_subnav ul	{
margin:0;
padding:4px 30px;
list-style:none;
}
#header_subnav li	{
float:left;
margin:0 10px 0 0;
padding:0 0 0 18px;
background:url(../images/nav_subbar_icon.gif) left no-repeat;
}

/* キャッチイメージ */
#ind_ttlbg	{
margin:0;
padding:0;
width:760px;
background:url(../images/ttl_bg.jpg) left top no-repeat;
}

/* メルマガエリア */
#ind_mailmag	{
margin:0 0 0 560px;
padding:0;
width:199px;
border-top:1px solid #f60;
border-left:1px solid #f60;
border-bottom:1px solid #f60;
background:#FFC;
}
#mailmag_form	{
padding:5px;
font-size:12px;
line-height:1.3;
}

/* トップメインコンテンツ-------------------- */
#ind_cont	{
clear:right;
margin:0;
padding:10px 20px;
background:url(../images/bg_indcont.gif) repeat-y;
border-bottom:1px dotted #6C3;
}
/* メイン左---------- */
#ind_contsub	{
float:left;
margin:0;
padding:0;
width:280px;
}
/* コンセプト */
#ind_concept	{
margin:0;
padding:20px 20px 0;
border:2px solid #B3D465;
background:#FFF url(../images/concept.gif) top no-repeat;
}
#ind_concept p	{ color:#77B60A; line-height:1.3; }
/* アクセス */
#ind_access	{
margin:20px 0 0 0;
padding:35px 20px 0;
border:2px solid #D8C3A7;
background:#FFF url(../images/access.gif) top no-repeat;
}
#ind_access p	{ line-height:1.3; }
/* メイン右---------- */
#ind_contmain	{
float:left;
margin-left:20px;
padding:0;
width:420px;
}
/* リンクバナー */
#ind_banner img#left	{ float:left; }
#ind_banner img#right	{ float:right; }
/* What's New */
#ind_whatsnew	{
clear:both;
margin-top:0;
padding:0;
width:420px;
}
#ind_whatsnew h2	{ margin:0; padding:0; height:30px; text-indent:-9999px; background:url(../images/ttls_whatsnew.gif) bottom left no-repeat; }
#ind_whatsnew ul	{ 
width: 420px; 
height:105px;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
overflow: auto;
list-style:none;
}
#ind_whatsnew li	{
margin:0;
padding:2px 0; 
border-bottom:1px dotted #6C0;
}
#ind_whatsnew .date	{ font-size:10px; color:#6C0; }
/* イベント */
.ind_detail	{
margin-top:20px;
padding:0;
}
.ind_detail h2	{
background:url(../images/ttls_bg.gif) top left no-repeat;
margin:0;
padding:4px 30px 0;
font-size:120%;
font-weight:bold;
}
.ind_detail img	{ float:left; }
.ind_detail p { float:left; margin:0 0 0 10px; padding:0; width:310px; }


/* ページ下インフォメーション------------------- */
#ind_info	{
clear:both;
margin:0;
padding:10px 20px;
color:#6C0;
}
/* 主催・協賛 */
#ind_by	{
float:left;
margin:10px 0 0 0;
padding:130px 0 0 0;
width:280px;
background:url(../images/index_carnival.jpg) top no-repeat;
}
#ind_by p	{ margin:0; padding:0; line-height:1.5 }
#ind_by .ttl	{ color:#F90; font-weight:bold: }

/* PRバナー */
#ind_pr	{
float:left;
margin-left:20px;
padding:0;
width:420px;
}
#ind_pr p	{ line-height:1.3; }
#ind_pr .code	{ color:#630; font-size:80%; line-height:1.2; }
#ind_pr img	{ margin:5px 0; }


/* 詳細ページメインコンテンツ-------------------- */
#content	{
margin:0 auto;
padding:10px 20px 20px;
}
#content_main	{
margin:0 auto;
padding:0 20px;
}


/* 出展のご案内-------------------- */
#apply#content h3	{ margin:0; padding:0; }

/* 割引券ダウンロード-------------------- */
/* 会場アクセス */
#discount h3	{ margin:0; padding:0; color:#FF6600; font-weight:bold; }
#discount_access	{
margin-left:0;
padding:5px 0;
border-top:2px solid #F93;
border-bottom:2px solid #F93;
}
#discount_access p	{ line-height:1.3; }

/* 開催概要-------------------- */
#gaiyou table	{ width:500px; margin:0 auto; padding:0; background:#E5F0CB; }
#gaiyou table th	{ text-align:left; padding:1em; width:6em; border-bottom:1px solid #FFF; }
#gaiyou table td	{ padding:4px; border-bottom:1px solid #FFF; }



a img {
	border:none;
	}

/* 出展一覧-------------------- */

.list_index table	{ float:left; width:45%; margin-right:5%; margin-bottom:20px; border-collapse:collapse; border-left:1px solid #B28850; border-bottom:1px solid #B28850; }
.list_index th,.list_index td	{ width:50%; padding:4px; border-right:1px solid #B28850; border-top:1px dotted #B28850; vertical-align:top; }
.list_index th	{ background:url(../list/images/list_index_bg.jpg) right bottom; text-align:left; border-top:4px solid #77B60A; }
.list_index td.top	{ border-top:4px solid #77B60A; }

.booth	{ color:#C36; font-size:1.1em; }
.booth_info	{ line-height:1.2em; }
#list h3	{ font-weight:bold; width:100%; padding:4px; margin:30px auto 0; color:#C36; font-size:1.4em; border-top:4px solid #77B60A; border-bottom:1px solid #77B60A; background:url(../list/images/list_index_bg.jpg) left top; }
#list h4	{ font-size:1.2em; color:#360; float:left; margin:0 1em 0 0; padding:0; }
.list_info	{ width:95%; margin:0 auto; padding:10px; border-bottom:1px dotted #77B60A; }
.icon	{ margin-right:2em; }
.icon ul	{ margin:0; list-style:none; }
.icon li	{ width:48px; height:18px; float:left; margin:0 0 0 4px; padding:0; text-indent:-9999px; }
li#display	{ background:url(../list/images/icon_display.gif) no-repeat; }
li#sell	{ background:url(../list/images/icon_sell.gif) no-repeat; }
li#demo	{ background:url(../list/images/icon_demo.gif) no-repeat; }
li#lesson	{ background:url(../list/images/icon_lesson.gif) no-repeat; }
li#order	{ background:url(../list/images/icon_order.gif) no-repeat; }
.list_info p	{ clear:left; }
.list_info dl	{ margin:0; }
.list_info dt	{ float:left; font-size:0.9em; text-align:center; color:#FFF; width:6em; padding:0.2em; clear:both; }
.list_info dt.site	{ background:#F60; }
.list_info dt.taiken	{ background:#963; }
.list_info dd	{ margin-left:6em; padding:0.2em; }
.list_info p.pagetop	{ text-align:right; font-size:10px; color:#CCC; margin:0; padding:0; }
.kome	{ color:#F60; font-weight:bold; }


#Accordion1,#Accordion2,#Accordion3,#Accordion4 {
	width:300px;
	margin-left:10px;
	margin-top:10px;
	float:left;
}

/* 講習会案内 */
#seminar_table table	{
	padding:0;
	margin:10px 0;
	border-top:1px solid #6C0;
	border-left:1px solid #6C0;
	border-collapse:collapse;
	line-height:1.5;
	}
#seminar_table caption	{
	color:#360;
	font-weight:bold;
	text-align:left;
	}
#seminar_table th, #seminar_table td	{
	padding:4px;
	border-right:1px solid #6C0;
	border-bottom:1px solid #6C0;
	}
#seminar_table th.time	{
	background:#6C0;
	color:#FFFFFF;
	text-align:left;
	}
#seminar_table th.room	{
	background:#9F6;
	}
#seminar_table td	{
	color:#F60;
	width: 220px;
	}
#seminar_table .ttl	{
	font-weight:bold;
	}
#seminar_table .sponsor	{
	font-size:smaller;
	}
.TabbedPanels p.gotop {
	margin:0;
	padding:2px;
	text-align:right;
	font-size:80%;
	}
.TabbedPanelsContent p.time {
	color:#360;
}
.TabbedPanelsContent p.title {
	font-weight:bold;
}
.TabbedPanelsContent .by {
	font-weight:normal;
	color:#F60;
}
.TabbedPanelsContent a.apply {
	text-align:center;
	display:block;
	font-weight:bold;
	padding:2px 1em;
	border:1px solid #F60;
	color:#F60;
}