@charset "Shift_jis";

body{
	font:80%/1em Arial, Helvetica, sans-serif;
	line-height:20px;
	background-color:#EAEAEA;
	margin:0;
	padding:0;
}

#body{
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background-color:#FFFFFF;
}

#head{		/* インタビューページのみ使用 */
	width:760px;
}

#head:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ロゴ
-----------------------------------------------------------------------------------*/
#logo{
	margin:0;
	padding:0;
	width:254px;
	height:80px;
	background:url(../img/logo.jpg) no-repeat;
	text-indent:-10000px;
	float:left;
}

#logo a{
	height:80px;
	display:block;
	text-decoration:none;
	outline-width:0;
}

/* ナビゲーションボタン1 (インフォメーション、コンセプト、出展、アクセス) 
-----------------------------------------------------------------------------------*/
#navi_1{
	margin:0;
	padding:0;
	width:760px;
	height:50px;
	float:left;
}

#navi_1:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#navi_1 ul{
	position:relative;
	margin:0;
	padding:0;
	width:760px;
	height:50px;
	background:url(../img/navigation_1.jpg) no-repeat;
}

#navi_1 li{
	position:absolute;
	margin:0;
	padding:0;
	height:30px;
	list-style:none;
	text-indent:-10000px;
	display:block;
}

#navi_1 a{
	height:30px;
	display:block;
	text-decoration:none;
	outline-width:0;
}


/* ナビゲーションボタン1 表示する位置 */
#info{width:152px; left:29px; top:10px;}
#conc{width:152px; left:231px; top:10px;}
#exhi{width:152px; left:415px; top:10px;}
#acce{width:152px; left:595px; top:10px;}


/* ナビゲーションボタン2 (サイトマップ、コンタクト)
-----------------------------------------------------------------------------------*/
#navi_2{
	margin:0;
	padding:0;
	width:506px;
	height:80px;
	float:left;
}

#navi_2 ul{
	position:relative;
	margin:0;
	padding:0;
	width:506px;
	height:80px;
	background:url(../img/navigation_2.jpg) no-repeat;
}

#navi_2 li{
	position:absolute;
	margin:0;
	padding:0;
	height:17px;
	list-style:none;
	text-indent:-10000px;
	display:block;
}

#navi_2 a{
	height:17px;
	display:block;
	text-decoration:none;
	outline-width:0;
}

/* ナビゲーションボタン2 表示する位置 */
#sitemap{width:77px; left:319px; top:59px;}
#contact{width:81px; left:401px; top:59px;}


/* コンテンツ
-----------------------------------------------------------------------------------*/

/* 共通部分 */
.content{
	width:760px;
}

.content_middle{
	margin:0;
	padding:10px 50px;
	background:url(../img/content_middle.gif) repeat-y;
	width:660px;
}

.content_middle a{
	color:#0066FF;
}
.content_middle a:hover{
	color:#0066FF;
	text-decoration:none;
}

.content_middle:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.content_bottom{
	margin:0;
	padding:0;
	background:url(../img/content_bottom.gif) no-repeat;
	width:760px;
	height:24px;
	text-indent:-10000px;
}

.content_bottom:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* 挨拶 */
.content_top_salu{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_salutation.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* お知らせ */
.content_top_info{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_information.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* 更新情報 */
.content_top_upda{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_update.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* コンセプト */
.content_top_conc{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_concept.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* コウサ展の雰囲気 */
.content_top_atmo{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_atmosphere.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* 出展 */
.content_top_exhi{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_exhibits.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* 出展者インタビュー */
.content_top_inte{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_interview.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* アクセス */
.content_top_acce{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_access.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* サイトマップ */
.content_top_site{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_sitemap.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* お問い合わせ */
.content_top_cont{
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/content_top_contact.gif) no-repeat;
	width:760px;
	height:35px;
	text-indent:-10000px;
}

/* 出展者一覧ページ
-----------------------------------------------------------------------------------*/
.exhibitor_page{
	padding:0 10px;
	width:640px;
	text-align:right;
}

.exhibitor_page a{
	text-decoration:underline;
	color:#0092FF;
}

.exhibitor_page a:hover{
	text-decoration:none;
	color:#0092FF;
}

#exhibitor_left{
	padding:10px;
	width:310px;
	float:left;
}

#exhibitor_right{
	padding:10px;
	width:310px;
	float:right;
}

.box{
	margin-bottom:20px;
	border-top:1px solid #aaa;
	width:310px;
	height:220px;
}

.box:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.box_left{
	padding:10px 5px 2px 5px;
	width:190px;
	float:left;
}

.box_right{
	padding:10px 5px 2px 5px;
	width:100px;
	float:right;
}

.box_bottom{
	padding:0 5px;
	width:300px;
	float:left;
}

/* インタビューページへのリンクボタン */
.interview{
	background:url(../img/button.jpg) no-repeat;
	text-indent:-10000px;	
	width:89px;
	height:16px;
}

.interview a{
	background:url(../img/button.jpg) no-repeat;
	text-indent:-10000px;
	width:89px;
	height:16px;
	display:block;
	outline-width:0;
	text-decoration:none;
}

.interview a:hover{
	background:url(../img/button_hover.jpg) no-repeat;
	text-indent:-10000px;
	width:89px;
	height:16px;
}

/* インタビューページ
-----------------------------------------------------------------------------------*/
#exhibit_title{
	margin:0 0 20px 0;
	padding:0 10px;
	width:640px;
	border-bottom:1px solid #aaa;
}

#exhibit_title p{margin:5px 0;}

#exhibit_title h4{margin:5px 0;}

#exhibit_title:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#interview{			/* インタビュー記事 */
	margin:0 0 30px 0;
	padding:0 10px;
	width:640px;
}

#interview p{margin:0;}

#interview p.title{
	margin:0;
	color:#4BA1F7;
}

/* copyright
-----------------------------------------------------------------------------------*/
#copyright{
	margin:0;
	padding:20px 0 30px 0;
	text-align:center;
	width:760px;
}

/* 詳細設定
-----------------------------------------------------------------------------------*/
img{border:0;}

.top10{padding-top:10px;}
.top20{padding-top:20px;}

.text_right{
	float:right;
}
.color_red{
	color:#FF0000;
}



/* ***
-----------------------------------------------------------------------------------*/
#xxx{
	padding:50px;
	width:660px;
}

#xxx .gray{
	color:7C7C7C;
	font-size:large;
	font-weight:bold;
}

#xxx a{
	color:#ABDB26;
}

#xxx a:hover{
	color:#aaa;
	text-decoration:none;
}

#xxx .text{
	margin-bottom:30px;
	padding:0 0 0 20px;
	width:640px;
}

#xxx .underline{
	border-bottom:1px solid #7c7c7c;
}
