@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #00000;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	background:url(images/bg.gif) repeat center top;
}

a img { border: none;}

a:link {color: #C30;text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; color:#FF6600;}

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


/*
=====================================================================
*
*    Reset
*
* =================================================================== 
*/

html,a,form,area,div,table,dl,dt,dd,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}
img		{ border:none; }
table		{ font-size:100%; border-collapse:collapse; border-spacing:0; text-align:left; }
ul,li		{ list-style: none; }



/*
=====================================================================
*
*    class
*
* =================================================================== 
*/
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.flL{float:left;}
.flR{float:right;}

.mgB20{ margin-bottom: 20px !important; }

.sectionS		{ margin-bottom: 20px; }
.section			{ margin-bottom: 40px; }
.sectionL		{ margin-bottom: 60px; }



/*
=====================================================================
*
*    common
*
* =================================================================== 
*/
#Wrapper{ background:url(images/bg-text.png) no-repeat center 20px; }

.container {
	width: 1010px;
	background: #FFFFFF;
	margin: 0 auto; 
}

.title{
	margin-bottom: 20px;
	font-size:170%;
	background:url(images/bg-title.gif) no-repeat left top;
	height:76px;
	line-height:82px;
	padding-left:40px;
	color:#FF832B;
}
.subtitle {
	padding-left: 25px;
	background: url(../images/common/bg-subtitle.gif) no-repeat left top;
	line-height: 20px;
	height: 20px;
	color: #FF4100;
	font-weight: bold;
	margin-bottom: 10px;
		font-size:140%;
	/*
	color:#4d4d4d;
	border-bottom:1px dotted #4d4d4d;
	padding-bottom: 10px;
	text-align: center;
	background-image:none;
	*/
}

.subtitleEx {
	line-height: 20px;
	height: 20px;
	color: #FF4100;
	font-weight: bold;
	margin-bottom: 10px;
	font-size:140%;
	text-align: center;
}

.box{ border:3px solid #ff7f50; padding:50px 50px 30px; }
.box h3{
	line-height: 20px;
	height: 20px;
	color: #ff7f50;
	font-weight: bold;
	margin-bottom: 20px;
	font-size:150%;
	text-align: center;
}

/*
.subtitle{
	padding-left:25px;
	line-height:20px;
	height:20px;
	color:#FF4100;
	background:url(images/bg-subtitle.gif) no-repeat left top;
	font-size:120%;
	font-weight: bold;
	margin-bottom:20px;
}
*/

.shizai{font-size:110%; color:#F06; font-weight:bold; margin-bottom:15px; height:10px;}

.socialBtn{ /* width:1000px; */ }

#menu{text-align:right; padding:5px 0; font-size:larger; background:url(images/bg.gif) repeat center top; }
	p.menuLinks{ font-size: 85%; }

#top-img{
	width:1010px;
	height:716px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(images/33osaka_posterA2_comp_tokusetu.jpg) no-repeat center top;
	/* display: none; */
}

h1.enTitle{ font-size:70%; }

#Keyvisual{ width:960px; margin:20px auto 0; }

#content{ width:960px; margin:20px auto;}
#main{width:720px; float: left;}
#main p{ margin-bottom: 12px; }

a.link{ background:url(../images/common/icon-outlink.gif) no-repeat right top; padding-right: 20px; }

/* table */
#Yokoku table,
#Exhibit table,
#ExhibitForm table{ font-size:90%; border-collapse:collapse; border-spacing:0; text-align:left; }

#Yokoku table th,
#Yokoku table td,
#Exhibit table th,
#Exhibit table td,
#ExhibitForm table th,
#ExhibitForm table td{ vertical-align: top; text-align: left; }


/* -----------------------------------------------------------------
	side
------------------------------------------------------------------ */
#side{width:220px; float:right; margin-top:20px; }

#Materials{ margin-top: 15px; }
#Materials h2{
	padding-left:25px;
	line-height:20px;
	height:20px;
	color:#FF4100;
	background:url(images/bg-subtitle.gif) no-repeat left top;
	font-size:105%;
	font-weight: bold;
	margin-bottom:5px;
}

#Materials ul li{  }

.bnr{ margin-bottom:10px; }
.bnr a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#button{ width:220px; height:90px; margin:5px 0 5px 0;}
#button a:hover,#icon a:hover{opacity:0.5;}

#footer{background-color:#C30; width:1010px; font-size:10px; color:#FFF; text-align:center; padding:5px 0;}


/* -----------------------------------------------------------------
　太陽大感謝祭とは?
------------------------------------------------------------------ */
div.bgBlack{ background-color:#000; margin-bottom: 30px; text-align: center; }

.timeTable th,
.timeTable td{ padding:10px 10px 10px 10px; border-top:1px solid #CCC; 	}
.timeTable	{ border-bottom:1px solid #CCC; margin-bottom: 15px; }

.access th,
.access td,
.accessEn th,
.accessEn td{ padding:10px 10px 10px 10px; border-top:1px solid #CCC; 	}
.access,
.accessEn	{ border-bottom:1px solid #CCC; margin-bottom: 15px;	}

.access th	{ width:60px; }
.accessEn th{ width:100px; }



/* Program */
div#Program .column{ border:3px solid #ff7f50; padding:15px 30px; /* background-color:#ffffe5; */ margin-bottom: 20px; }
div#Program .sectionS{ margin-bottom: 50px; border-bottom:3px solid #ff7f50; }
	div#Program .sectionS.last{  margin-bottom: 0px; border-bottom:none; }
	
div#Program .sectionSS{ padding-top: 8px; margin-bottom: 20px; border-top:1px solid #ff7f50; }
	
div#Program .subSubTitle{
	border-bottom:1px solid #ff7f50;
	text-align: center;
	/* background:#ff7f50 url(images/bg-subsubtitle.gif) no-repeat center center; */
	margin-bottom: 15px;
	padding-bottom: 15px;
	 color:#333;
}

	div#Program .subSubTitle h4{ font-weight: bold; font-size:140%; color:#ff7f50; }
	div#Program .subSubTitle span.num	{ display: block; font-size: 90%; }
	div#Program .subSubTitle span.sub	{ display: block; font-size: 90%; }
	div#Program .time{ font-size:105%; }

	div#Program .box	{ margin-top: 15px; background-color:#f8f8ff; padding: 18px 20px; }
		div#Program h5	{ margin-bottom: 5px; color:#ff7f50; }
ul.shopList		{ width:190px; float:left; display: inline; margin-right: 20px; border-top:1px solid #CCC;}
ul.shopList li	{ font-size: 90%; border-bottom:1px solid #CCC; padding:5px 0; }

/* -----------------------------------------------------------------
　出展者募集について
------------------------------------------------------------------ */

#Exhibit,
#ExhibitForm  {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;
	font-size:95% !important;
	line-height:1.5 !important;
	color:#333333 !important;
}

#Exhibit .notice{ font-size: 90%; }

#Exhibit h4{ margin-bottom: 15px; }
	#Exhibit h4 span{ padding:8px; background-color:#E8FF8D; }
	
#Exhibit h5{ margin-bottom: 5px; font-size:100%; }

#Exhibit p{ margin-bottom: 10px; }

/* 値段表 */
#Exhibit table.fee{ border-left:1px solid #CCC; border-top:1px solid #CCC; width:500px; margin: 15px auto; }
#Exhibit table.fee th,
#Exhibit table.fee td{ padding: 10px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; text-align: center; }

#Exhibit table.fee th{ background-color:#c7f9c7; }

#Exhibit table.fee strong{ font-size: 110%; }

.appElement{ border:1px solid #CCC; padding: 10px; line-height: 2; margin-bottom: 15px; }

#Gaiyo h4{ margin-bottom: 20px; }
#Gaiyo div.text	{ width:400px; }
#Gaiyo div.photo	{ width:300px; }

#Gaiyo div.text	{ float:left; }
#Gaiyo div.photo	{ float:right; }

.table01 th,
.table01 td{ padding: 10px; font-size: 110%; }

.table01{ width:400px; margin:0 auto 20px; }
	.table01 th		{ width:110px; border-bottom:1px solid #000; /* background-color:#E8FF8D; */ }
		.table01 thead th	{ border-top:1px solid #000; }
	.table01 td		{ border-bottom:1px solid #cccccc; }
		.table01 thead td	{ border-top:1px solid #cccccc; }

.table02	{ }
	.table02 th,
	.table02 td{ padding-bottom: 10px; font-size: 115%; line-height: 1.7; border:1px solid #cccccc; padding: 10px; }
	.table02 th{ width:100px; background-color:#F6FFD2; }
	
table.shimekiri	{ width:700px; margin: 20px auto; border:4px solid #333; }
table.shimekiri th,
table.shimekiri td{ font-size:140%; padding: 10px; font-weight: bold; }
table.shimekiri th{ width:130px; }

table.shimekiri .notice{ font-size: 80% !important; font-weight: normal; }

table.account	{ width:600px; margin: 20px auto; border:1px solid #000; }
table.account th,
table.account td{ padding: 10px; font-weight: bold; }
table.account th{ background-color:#000; color:#FFF; text-align:center; }


ul.ulBasic		{ margin-left: 20px; }
ul.ulBasic li	{ list-style-type: disc !important; margin-bottom: 5px; }

/* -----------------------------------------------------------------
　サンサンワークショップ
------------------------------------------------------------------ */

#Workshop .columnL{ width:500px; float:left; }
#Workshop .columnR{ width:200px; float:right; text-align: right; }

#Workshop h3.subtitle {
	padding-left: 0px;
	background-image:none;
	line-height: 20px;
	height: 20px;
	color: #FF4100;
	font-weight: bold;
	margin-bottom: 20px;
	font-size:140%;
	/*
	color:#4d4d4d;
	border-bottom:1px dotted #4d4d4d;
	padding-bottom: 10px;
	text-align: center;
	background-image:none;
	*/
}

#Workshop table{ width:500px; border-left:1px solid #CCC; border-top:1px solid #CCC;}
	#Workshop table th,
	#Workshop table td{ font-size: 90%; vertical-align: top; text-align: left; padding-bottom: 5px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding: 7px;}
	#Workshop table th{ width:100px; }
	
#Workshop div.article{ margin-bottom: 40px; }

/* -----------------------------------------------------------------
　フォーム
------------------------------------------------------------------ */

/*
=====================================================================
*
*    Fancybox
*
* =================================================================== 
*/
#Fancybox		{ padding:50px; text-align: left; }
	#Fancybox h1{ color:#FF832B; margin-bottom: 10px; font-size:120%; }
	#Fancybox p	{ margin-bottom: 10px; }
	#Fancybox h2 { color: #FF4100; margin-bottom: 10px; font-size:110%; }

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