@charset "UTF-8";

/*base.css読み込み*/
@import url("reset.css");
@import url("base.css");
@import url("lightbox.css") ;
@import url("print.css") print;


/********************************/
/****** 上下左右の空き設定 ******/
/********************************/

.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:30px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top53{margin-top:53px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}
.top95{margin-top:95px;}
.top180{margin-top:180px;}
.bottom5{margin-bottom:5px;}
.bottom10{margin-bottom:10px;}
.bottom15{margin-bottom:15px;}
.bottom30{margin-bottom:30px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.leftp10{margin-left:10px;}
.leftp15{margin-left:15px;}
.leftp40{margin-left:40px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right165{margin-right:165px;}

/********************************/
/********** ワイド設定 **********/
/********************************/

.w190{width:190px;}
.w200{width:200px;}
.w220{width:220px;}
.w270{width:270px;}
.w300{width:300px;}
.w370{width:370px;}
.w400{width:400px;}
.w420{width:420px;}
.w475{width:475px;}
.w500{width:500px;}
.w535{width:535px;}
.w550{width:550px;}
.w585{width:585px;}
.w600{width:600px;}
.w650{width:650px;}

/********************************/
/*** 矢印付リンク（共通使用） ***/
/********************************/

.link a{
	height:15px;
	line-height:15px;
	padding-left:15px;
	background-image:url(../img/base/arrow_g.jpg);
	background-position:0% 25%;
}

.link a:hover{
	background-image:url(../img/base/arrow_b.jpg);
	background-position:0% 25%;
	text-decoration:underline;
}

.b_link a{color:#3366CC;}

.b_link a:hover{text-decoration:underline;}

/********************************/
/*** メールリンク（共通使用） ***/
/********************************/

.mail a{
	height:auto;
	font-weight:bold;
	line-height:15px;
	padding-left:18px;
	background-image:url(../img/base/mail.gif);
	background-position:0% 50%;
}

.mail a:hover{
	background-image:url(../img/base/mail.gif);
	background-position:0% 50%;
	text-decoration:underline;
}

/************************************/
/** ダウンロードボタン（共通使用） **/
/************************************/

#main .dlbtn a{
	display:block;
	width:150px;
	height:21px;
	line-height:21px;
	text-align:center;
	text-indent:1em;
}

#main .dlbtn a:link, #main .dlbtn a:visited{
	background-image:url(../img/base/download_link.gif);
}

#main .dlbtn a:hover{
	background-image:url(../img/base/download_hover.gif);
	color:#aaaaaa;
}

/******************************************************** メイン設定 ********************************************************/

#common{width:940px;}

#right{
	display:block;
	width:750px;
	float:right;
}

#main{
	width:750px;
	line-height:1.8em;
}

#main h2{
	font-size:1.5em;
	font-weight:bold;
	color:#ffffff;
	line-height:34px;
	background-image:url(../img/base/h2.gif);
	text-indent:10px;
}

#main h3{
	font-size:1.6em;
	line-height:1em;
	margin:25px 0 10px 0;
	padding-top:3px;
	text-indent:5px;
	font-weight:bold;
	color:#999;
	border-left:5px solid #85A4CF;
}

#main h4{
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
	margin:20px 0 5px 0;
	color:#3399FF;
}

#main h5{
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0 0 0;
	color:#376AB3;
}

.title_a, .title_b, .title_c, .title_d, .title_e{
	font-size:1.6em;
	font-weight:bold;
	margin:30px 0 5px 0;
	color:#376AB3;
	text-indent:25px;
	background-position:left top;
}

.title_a{background-image:url(../img/base/a.gif);}
.title_b{background-image:url(../img/base/b.gif);}
.title_c{background-image:url(../img/base/c.gif);}
.title_d{background-image:url(../img/base/d.gif);}
.title_e{background-image:url(../img/base/e.gif);}

.left{float:left;}

.right{float:right;}

.center{text-align:center;}

.border_top{background-image:url(../img/base/border_r_top.gif); height:6px; width:690px; margin-top:15px; background-position:bottom left;}

.border_middle{border-left:1px solid #999999; border-right:1px solid #999999; padding:10px; width:668px;}

.border_bottom{background-image:url(../img/base/border_r_bottom.gif); height:6px; width:690px;}

/********************************/
/*** フォント・カラー・バック ***/
/********************************/

.green{color:#376AB3; font-weight:bold; font-size:1.3em;}
.enji{color:#BB3645; font-weight:bold; font-size:1.3em;}

/********************************/
/************ 準備中 ************/
/********************************/

.ucr{
	display:block;
	width:689px;
	height:298px;
	background-image:url(../img/base/underconstruction.jpg);
}

.ucr_resist{
	display:block;
	width:689px;
	height:298px;
	background-image:url(../img/base/underconstruction_resist.jpg);
	position:relative;
}

.ucr_resist p{
	position:absolute;
	top:130px;
	right:50px;
	font-size:2em;
	line-height:normal;
}

.btn_ucr a{
	display:block;
	width:161px;
	height:30px;
	background-image:url(../img/base/btn_past.gif);
	line-height:30px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	position:relative;
	top:175px;
	left:438px;
}

/***************************************************** index ********************************************************/

/******************/
/*ニューステーブル*/
/******************/

.news_table{
	float:left;
	width:440px;
}

.news_table a, .allnews_table a{
	color:#0099FF;
}

.news_table a:hover, .allnews_table a:hover{
	text-decoration:underline;
}

.designclick_table{
	float:left;
	width:235px;
	margin-left:15px;
}

.news_mid{
	background-image:url(../img/index/news_mid.gif);
	background-repeat:repeat-y;
	padding:8px 15px;
}

.designclick_mid{
	background-image:url(../img/index/designclick_mid.gif);
	background-repeat:repeat-y;
	padding:8px 15px;
}

.allnews_mid{
	background-image:url(../img/index/allnews_mid.gif);
	background-repeat:repeat-y;
	padding:8px 15px;
}

.date{
	font-weight:bold;
	margin-top:0px;
	text-indent:13px;
	background-image:url(../img/index/triangular.gif);
	background-position:left 50%;
}

.title{font-size:1.2em; color:#376AB3; font-weight:bold;}

.border_dot{
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

/********************/
/** ブログテーブル **/
/********************/

ul#dc_rss li{
	margin-bottom:10px;
	padding-top:5px;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

ul#dc_rss li p.entryDate{
	padding-left:13px;
	background-image:url(../img/index/triangular.gif);
	background-position:left 50%;
	font-weight:bold;
}

ul#dc_rss li p.entryTitle{
	margin-bottom:5px;
}

ul#dc_rss li p.entryTitle a{
	color:#0099FF;
	text-decoration:underline;
}

/***************************************************** ごあいさつ ********************************************************/

/******************************************/
/*************** ごあいさつ ***************/
/******************************************/




/***************************************************** 開催要項 ********************************************************/

/********************************/
/*********** 開催要項 ***********/
/********************************/

/*#summary{float:left;}*/

#summary .c1{
	display:block;
	float:left;
	width:8em;
}

#summary .c2{
	display:block;
	float:left;
	width:53em;
}

/***************************************************** 出展のご案内 ********************************************************/

/********************************/
/** 出展のご案内／来場のご案内 **/
/********************************/

.for_visit td{
	padding:10px;
	vertical-align:top;
	padding-left:0px;
	padding-bottom:0px;
}

.visit{
	width:620px;
	border:1px solid #999;
	padding:15px;
	margin:10px 0;
	background-image:url(../img/exh_info/bg.gif);
	background-position:top center;
}

.products{
	width:620px;
	border:1px solid #999;
	padding:15px;
	margin:10px 0;
	background-image:url(../img/exh_info/bg_botom.gif);
	background-position:bottom center;
}

.products strong{font-size:1.1em;}

.visit .v_title, .products .v_title{
	font-size:1.8em;
	font-weight:bold;
	color:#376AB3;
}

.visit .v_sabtitle, .products .v_sabtitle{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	color:#0099FF;
}

.visit table, .products table{
	float:left;
	background-color:#ffffff;
	border:1px solid #999;
	margin-top:15px;
}

.visit td, .products td{
	vertical-align:top;
	font-size:0.9em;
	line-height:1.65em;
}

.visit .t_sabtitle, .products .t_sabtitle{
	width:300px;
	height:25px;
	color:#FFFFFF;
	background-image:url(../img/exh_info/visiter_titleback.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	font-size:1.4em;
}

div.p_visitor table{width:690px;}

div.p_visitor .num{
	width:60px;
	text-align:center;
	background-color:#376AB3;
	color:#ffffff;
	font-weight:bold;
}

div.p_visitor .name{
	text-indent:10px;
}

div.p_visitor .figure{
	width:60px;
	text-align:center;
}

div.p_visitor .figure p{text-align:center;}

div.p_visitor .num, div.p_visitor .name, div.p_visitor .figure{border:1px solid #999999;}

.blue{color: #990000;}

/********************************/
/*********** 出展料金 ***********/
/********************************/

.fee_end{
	font-size:1.5em;
	font-weight:bold;
	color:#FF7F00;
}

.fee_c1{
	font-weight:bold;
	font-size:1.2em;
}

.fee_c2{
	font-weight:bold;
	font-size:1.2em;
	color:#376AB3;
	padding-right:1em;
}

.fee_c3{
	margin-top:1em;
}

.fee_c3 a{
	display:block;
	width:229px;
	height:37px;
	text-indent:-1000px;
	background:url(../img/fee/btn_rsg.gif) left top no-repeat;
}

.fee_c3 a:hover{
	background:url(../img/fee/btn_rsg.gif) left bottom no-repeat;
}

.disc{
	list-style-type:disc;
	margin-left:15px;
	font-size:85%;
	line-height:1.5em;
}

.dammy{
	display:block;
	height:100px;
	width:100px;
	float:left;
	background-color:#cccccc;
	margin-right:20px;
	text-align:center;
}

/*ブース紹介*/
.imgbox{
	border:1px solid #999999;
	padding:5px;
	float:left;
}

.booth{padding:15px;}

.year{color:#376AB3;}

/********************************/
/******** 開催までの流れ ********/
/********************************/

.flowtable{
	width:650px;
	line-height:1.3em;
}


.box_d{
	width:152px;
	background-color:#e5e5e5;
	text-align:center;
	font-size:1.2em;
	border:1px solid #999999;
}

.box_e{
	padding:5px;
	border:1px solid #999999;
}

.sabtitle{
	font-size:1.2em;
	padding:8px 0 3px 8px;
	color:#376AB3;
	font-weight:bold;
}

.sabtitle_bk{
	padding:8px 0 3px 8px;
	color:#333333;
}

.comments{padding:3px 0 3px 8px;}

.box_e li{
	margin-left:10px;
}

.box_e .comments li{
	margin-left:18px;
	list-style-type:disc;
}

.l{font-size:1.2em;}

.small{font-size:0.9em;}

/********************************/
/****** 来場プロモーション ******/
/********************************/

.graybox{
	padding:15px;
	border:1px solid #999999;
	width:620px;
}

.promo_copy{
	font-size:1.3em;
	font-weight:bold;
	color:#555;
	line-height:1.5em;
}

.promo_title{
	font-size:1.2em;
	font-weight:bold;
	margin-top:5px;
	color:#376AB3;
}

/********************************/
/************** Q&A *************/
/********************************/

.q{
	font-size:1.2em;
	color:#376AB3;
	font-weight:bold;
	margin-top:15px;
}

.a{
	padding:20px 10px 10px 10px;
	margin:3px 0 5px 0;
	border:1px solid #999;
	background-image:url(../img/q&a/answer.gif);
	background-position:top 50%;
}

.faq li{
	margin-left:40px;
	list-style-type:decimal;
}

/**********************************/
/************* ARTISAN*************/
/**********************************/

#artisan{width:690px;}

#artisan .about{border:1px solid #999;}

#artisan .about p{padding:10px;}

#artisan h3{border-left:5px solid #00A99D;}

#artisan .flow_box{
	border:1px solid #999;
	text-align:center;
	padding:5px;
	font-weight:bold;
}
/************************************************* プロモーションツール ****************************************************/

#promo_tool{
	margin-top:20px;
	width:650px;
}

#promo_tool .c1{
	padding:10px;
	margin:5px 0;
	width:630px;
	background-color:#E5E5E5;
	border:1px solid #999;
}

#promo_tool .c2{
	font-weight:bold;
	font-size:1.3em;
	color:#3399FF;
	margin-top:5px;
}

#promo_tool table{
	width:650px;
	margin:5px 0;
}

#promo_tool td{
	border:1px solid #999;
	padding:3px 5px;
	text-align:center;
}

#promo_tool .c3{
	background-color:#3664A6;
	font-weight:bold;
	color:#FFF;
}

#promo_tool .c4{
	text-align:left;
}

#promo_tool .c5{
	font-weight:bold;
	font-size:1.1em;
}

#promo_tool .image td{
	border:0px;
	vertical-align:top;
	text-align:left;
	padding-right:5px;
	padding-top:5px;
}

#promo_tool .c6{
	width:125px;
}

#promo_tool .c7{
	padding-top:10px;
}

#promo_tool .c8{

}

#promo_tool .web_option td{
	border:0px;
	vertical-align:top;
	text-align:left;
	padding:0px;
}

/***************************************************** 来場のご案内 ********************************************************/

/********************************/
/*********** 会場図面 ***********/
/********************************/

.for_visit .c1{
	font-weight:bold;
	color:#376AB3;
}

/********************************/
/*********** 会場図面 ***********/
/********************************/

#floorlayout{
	border:1px solid #999;
	width:650px;
}

#floorlayout .title_flo{
	float:left;
	width:20em;
	height:21px;
	line-height:21px;
	margin-top:2px;
}

#floorlayout .download_flo a{
	float:right;
	width:150px;
	height:21px;
	line-height:21px;
	text-indent:23px;
	margin-right:10px;
}

#floorlayout .download_flo a:link, #floorlayout .download_flo a:visited{
	background-image:url(../img/base/download_link.gif);
}

#floorlayout .download_flo a:hover{
	background-image:url(../img/base/download_hover.gif);
	color:#aaaaaa;
}

#floorlayout .size_flo{
	float:right;
	width:7em;
	height:21px;
	line-height:21px;
}

/********************************/
/*********** 特別企画 ***********/
/********************************/

#highlights{
	width:690px;
}

#highlights .highlightsbox{
	border:1px solid #999;
	padding:15px;
}

#highlights .highlightsbox p.title{
	border-bottom:1px solid #999;
	padding-bottom:10px;
	margin-bottom:10px;
}

#highlights .highlightsbox p.sabtitle{
	padding-bottom:10px;
	padding-left:0px;
}

#highlights .highlightsbox p.sabtitle .japanese, #highlights .highlightsbox p.title .japanese{
	font-size:0.8em;
	display:block;
}

#highlights .highlightsbox p{
	padding-bottom:10px;
}

#highlights .highlightsbox td{
	vertical-align:top;
	padding:5px 5px 0 0;
}

#highlights .highlightsbox .salondate{
	width:50px;
	color:#FF6600;
	font-weight:bold;
}

#highlights .highlightsbox .salontime{
	width:90px;
}

#highlights .highlightsbox .salontitle{
	font-weight:bold;
	font-size:1.1em;
	padding:0px;
	color:#3764b3;
}

#highlights .highlightsbox .c1{
	color:#3764b3;
}


#highlights .pagetop{
	text-align:right;
	margin:5px 0;
}

/********************************/
/********* 宿泊のご案内 *********/
/********************************/

.number{
	margin:0.5em 0 0 2em;
	border:1px solid #999;
	padding:3px 10px;
	display:inline-block;
}

.cancel{margin:5px 0;}

.cancel td{
	border:1px solid #999;
	padding:3px 10px;
}

.cancel th{
	border:1px solid #999;
	background-color:#e5e5e5;
	text-align:center;
}

.hotel table{margin-top:5px;}

.hotel a:hover, .application a:hover{text-decoration:underline;}

.hotel td,.hotel th{
	padding:5px;
	border:1px solid #999999;
}

.hotel th{background-color:#e5e5e5;}

.hotel .zone{width:60px;}
.hotel .zone p,.hotel .account p,.hotel .money p,.hotel th p{text-align:center;}


.hotel .account{width:120px;}
.hotel .h_name{width:220px;}
.hotel .money{width:90px;}

/***************************************************** プレスリリース ********************************************************/

/********************************/
/********** プレスの方へ ********/
/********************************/

#press{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	width:688px;
}

#press .presstable{
	padding:15px 15px 7px 15px;
}

#press .date_pre{
	float:left;
	width:100px;
	text-indent:11px;
	background-image:url(../img/index/triangular.gif);
	background-position:0% 50%;
	margin:3px 0;
}

#press .title_pre{
	float:left;
	width:280px;
	margin:3px 0;
	font-size:1.3em;
}

#press .download_pre a{
	float:right;
	width:150px;
	height:21px;
	text-indent:23px;
	margin:3px 10px 3px 0;
	background-image:url(../img/base/download_link.gif);
}

#press .download_pre a:hover{
	background-image:url(../img/base/download_hover.gif);
	color:#aaaaaa;
}

#press .size_pre{
	float:right;
	width:70px;
	margin:3px 0;
}

/*プレスキット用*/
#press_kit{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	width:688px;
}

#press_kit .presstable{
	padding:15px 15px 7px 15px;
}

#press_kit .date_pre{
	float:left;
	width:100px;
	text-indent:11px;
	background-image:url(../img/index/triangular.gif);
	background-position:0% 50%;
	margin:3px 0;
}

#press_kit .title_pre{
	float:left;
	width:280px;
	margin:3px 0;
	font-size:1.3em;
}

#press_kit .download_pre a{
	float:right;
	width:150px;
	height:21px;
	text-align:center;
	margin:3px 10px 3px 0;
	background-image:url(../img/base/download_kit_link.gif);
}

#press_kit .download_pre a:hover{
	background-image:url(../img/base/download_kit_hover.gif);
	color:#aaaaaa;
}

#press_kit .size_pre{
	float:right;
	width:70px;
	margin:3px 0;
}

.clear_border{
	clear:both;
	border-bottom:1px dotted #999999;
	padding-bottom:5px;
	margin-bottom:5px;
}

/********************************/
/********* 関連リンク集 *********/
/********************************/

#link{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	width:688px;
}

#link .linktable{
	padding:15px 15px 7px 15px;
}

#link .title_pre a{
	float:left;
	text-indent:11px;
	color:#0099FF;
	background-image:url(../img/link/triangular_a.gif);
	background-position:0% 50%;
	margin:3px 0;
}

#link .title_pre a:hover{
	background-image:url(../img/link/triangular_b.gif);
	color:#0066CC;
}

.clear_border{
	clear:both;
	border-bottom:1px dotted #999999;
	padding-bottom:5px;
	margin-bottom:5px;
}

.h3_sub{
	font-size:0.6em;
	font-weight:normal;
	padding-left:1em;
}

/***************************************************** 掲載メディア ********************************************************/

/********************************/
/********* 掲載メディア *********/
/********************************/

#magazine table{
	width:675px;
}

#magazine td{
	vertical-align:top;
}

.magazine{border-left:1px solid #999999; border-right:1px solid #999999; width:688px;}

#magazine .bookimg{
	width:50px;
	padding:5px 0 5px 15px;
}

#magazine .bookspace{
	width:15px;
}

#magazine .booktitle{
	height:12px;
	padding-top:5px;
}

#magazine .booktitle a{
	display:block;
	font-size:1.5em;
	font-weight:bold;
	border-bottom:1px solid #999;
	padding-bottom:3px;
	color:#376AB3;
}

#magazine .booktitle a:hover{
	color:#BBE47A;
}

#magazine .bookbody{
	height:auto;
}

/***************************************************** 2008年開催レポート ********************************************************/

/********************************/
/****** 2008年開催レポート ******/
/********************************/

td.p_summary{
	padding-right:15px;
}

div.p_exh table{width:650px;}

div.p_exh .num{
	width:60px;
	text-align:center;
	background-color:#376AB3;
	color:#ffffff;
	font-weight:bold;
}

div.p_exh .name{
	text-indent:10px;
}

div.p_exh .figure{
	width:60px;
	text-align:center;
}

div.p_exh .figure p{text-align:center;}

div.p_exh .num, div.p_exh .name, div.p_exh .figure{border:1px solid #999999;}

.interview p{
	border:1px solid #999999;
	padding:10px;
	width:630px;
}

div.coming td{border:1px solid #999999; text-align:center; width:108px;}

.date_com{
	color:#ffffff;
	text-align:center;
	background-color:#376AB3;
	font-weight:bold;
}

.com{
	text-align:center;
	background-color:#EEEEEE;
	font-weight:bold;
}

div.gyoushu table{width:655px;}

div.gyoushu td{border:1px solid #999999;}

.gyoushu_t{
	text-align:center;
	background-color:#376AB3;
	color:#ffffff;
	font-weight:bold;
	width:70%;
}

.gyoushu td p{text-align:center;}

.gyoushu td.gyoushu_c p{text-indent:10px;}

td.gyoushu_c p{text-align:left;}


/********************************/
/********* 前回特別企画 *********/
/********************************/

.special_thanks td{padding-right:15px;}

/***************************************************** サイトマップ ********************************************************/

/********************************/
/********* サイトマップ *********/
/********************************/

.sitemap li a{
	display:block;
	width:148px;
	text-indent:15px;
	background-image:url(../img/base/arrow_g.jpg);
	background-position:0% 50%;
	margin-left:5px;
}

.sitemap li a:hover{
	background-image:url(../img/base/arrow_b.jpg);
	background-position:0% 50%;
}

.sitemap ul{
	margin-left:15px;
}

.sitemap li.small a{font-size:8px;}

.border{border-top:1px solid #CCCCCC; height:1px ; padding-top:5px; margin-top:5px;}