/* ======================= designfestagallery.com/about/index.php =============================== */


h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px;
     text-indent: 0px;
	 }

h6 { font-size: 12px; }

.style1 {color: #FF3300;}

.aboutinfo-top{margin: 6px;}

.about-headings{
	color: #003300;
	margin: 14px 0;}
	


ul.about-listed-imgs {margin: 10px 0;}

/* ====================================================== */
/* 出展の楽しみ方 */

ul.about-listed-imgs li{
	float: left;
	list-style: none;
	width: 165px;
	margin:2px 3px 20px 1px;
	height: 260px;
	
}

ul.about-listed-imgs {
	margin: 10px 0;
}

/* 来場の楽しみ方 */
ul.about-listed2-imgs li{
	float: left;
	list-style: none;
	width: 165px;
	margin:2px 3px 18px 1px;}

ul.about-listed2-imgs {margin: 10px 0;}

ul.about-listed2-imgs table{ margin:0px 0px 0px 10px; padding:0px;}
ul.about-listed2-imgs td{
	font-size:12px;
	padding: 0px 0px 0px 0px;
	line-height:0;
	letter-spacing:0px;
}



/* 日本語 */


/* ------------------staff main-img--------------------- */
#staff-img {
	background-image:url(../../about/img/staff_main.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 694px;
	height: 425px;
	margin: 0px 0px 20px 0px;
	
}

#staff-img-en {
	background-image:url(../../about/img/staff_main_en2.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 694px;
	height: 440px;
	margin: 0px 0px 20px 0px;
	
}


#about-img p { height: 70px; padding: 5px; line-height:9px;}
#about-img-text-wast  {
	float: left;
	width: 325px;
	height:70px;
	margin: 315px 2px 0px 10px;
	padding: 0px;
	
}
#about-img-text-east  {
	float: right;
	width: 325px;
	height:90px;
	margin: 315px 2px 0px 15px;
	padding: 0px
}



/* ------------------exhibitorメインイメージ--------------------- */
#exhibitor-img {
	float: left;
	width: 694px;
	height: 217px;
	margin: 0px 0px 20px 0px;
}

#visitor-img {
		float: left;
	width: 694px;
	height: 217px;
	margin: 0px 0px 20px 0px;
}


.dfg-about {
	width: 700px;
	margin-bottom: 18px;
}
.dfg-about table tr td p {line-height: 19px; }
.dfg-about h2 {
	font-size: 16px;
	font-weight:bold;
	color: #009900;
	margin: 14px 0;
}

.box{
	width: 700px;
	height:410px;
	margin: 18px 0px 15px 0px;
}

.box table td{
text-align:center;
line-height:13px;
}

	 
.exhibitorbox{
	width: 700px;
	height:850px;
	margin: 0px 0px 35px 0px;
	padding: 5px 0px 0px 8px;
}

.visitorbox{
	width: 696px;
	height:540px;
	margin: 15px 0px 35px 0px;
	padding: 5px 0px 0px 8px;
}	 


/* ----- New info ----- 

.box-1{float: left; background-image:url(../../about/img/box-1.jpg); width: 168px; height:156px; margin: 0px 8px 0px 0px ;}
.inbox-text1{width: 148px;  margin: 50px 0px 0px 8px ;}
.inbox-img1{
	float: left;
	width: 168px;
	height:28px;
	margin: 10px 0px 0px 0px;
}

.box-2{float: left; background-image:url(../../about/img/box-2.jpg); width: 168px; height:156px; margin: 0px 8px 0px 0px ;}
.inbox-text2{width: 148px;  margin: 50px 0px 0px 8px ;}
.inbox-img2{
	float: left;
	width: 168px;
	height:28px;
	margin: 25px 0px 0px 0px;
}

.box-3{float: left; background-image:url(../../about/img/box-3.jpg); width: 168px; height:156px; margin: 0px 8px 0px 0px ;}
.inbox-text3{width: 148px;  margin: 50px 0px 0px 8px ;}
.inbox-img3{
	float: left;
	width: 168px;
	height:28px;
	margin: 25px 0px 0px 0px;
}

.box-4{float: left; background-image:url(../../about/img/box-4.jpg); width: 168px; height:156px; margin: 0px 0px 0px 0px ;}
.inbox-text4{line-height: -1em width: 148px;  margin: 50px 0px 0px 8px ;}
.inbox-img4{
    float: left;
	width: 168px;
	height: 28px;
	margin: 25px 0px 0px 0px;
}


/* ====================================================== */



/* ----- New info ----- 

.info { background-image:url(../../about/img/infobg.gif); width: 362px; height: 164px; padding: 5px 10px 5px 10px;}
.info p { line-height: 1.5em; }
.info_en { background: #BFE48D; width: 680px; height: 105px; margin: 15px 0px 10px 10px ; padding: 5px 10px; margin-bottom: 7px; font-weight:bold; font-size: 11px }
.info_en p { line-height: 1.6em }*/




/* ====================================================== */


/* 日本語 */
#about-west-img { float: left; border: solid 1px #000; width: 345px; height: 425px; margin: 8px 2px 14px 0; }
#about-west-img p { height: 70px; padding: 7px }
#about-east-img { float: left; border: solid 1px #000; width: 345px; height: 425px; margin: 8px 0 14px }
#about-east-img p { height: 70px; padding: 7px }

/* 英語 */
#about-west-img_en { float: left; border: solid 1px #000; width: 345px; height: 535px; margin: 8px 2px 14px 0 }
#about-west-img_en p { height: 80px; padding: 7px; line-height: 1.3em }
#about-east-img_en { float: left; border: solid 1px #000; width: 345px; height: 535px; margin: 8px 0 14px }
#about-east-img_en p { height: 80px; padding: 7px; line-height: 1.3em }

/* 韓国語 */
#about-west-img_kr { float: left; border: solid 1px #000; width: 345px; height: 420px; margin: 8px 2px 14px 0; }
#about-west-img_kr p { height: 70px; padding: 7px }
#about-east-img_kr { float: left; border: solid 1px #000; width: 345px; height: 420px; margin: 8px 0 14px }
#about-east-img_kr p { height: 70px; padding: 7px }

/* English visitor / exhibitor images pink and green 英語のビジター／出展者画像　グリーン　ピンク */
p.e-listed-img-label { height: 75px; border-left: 2px solid #00A551; border-bottom: 2px solid #00A551; border-right: 2px solid #00A551; padding: 5px }
p.e-listed-img-label_en { height: 75px; border-left: 2px solid #00A551; border-bottom: 2px solid #00A551; border-right: 2px solid #00A551; padding: 5px; font-size: 11px }
p.e-listed-img-label_ch { height: 85px; border-left: 2px solid #00A551; border-bottom: 2px solid #00A551; border-right: 2px solid #00A551; padding: 5px; font-size: 11px }
p.listed-img-label { line-height: 17px;
	height: 75px;
	padding: 4px;
}
p.listed-img-label_ch { height: 60px; /*border-left: 2px solid #E72A6C; border-bottom: 2px solid #E72A6C; border-right: 2px solid #E72A6C;*/ padding: 4px;}

p.listed-img-label small { font-size:9px;}

/* ----- グリーンバーinfo ----- */
.greenbar { background: #BFE48D; width: 695px; height: 30px; margin-bottom: 7px; }
.explanation { font-size: 12px; font-weight: bold; position: relative; top: 7px; left: 7px; }
.button { position: absolute; left: 550px }
div#greenbar-info { background: #BFE48D; width: 680px; height: 90px; padding: 5px 10px; margin-bottom: 7px; font-weight:bold }
#greenbar-info p { line-height: 1.5em }
div#greenbar-info_en { background: #BFE48D; width: 680px; height: 105px; padding: 5px 10px; margin-bottom: 7px; font-weight:bold; font-size: 11px }
#greenbar-info_en p { line-height: 1.6em }

/* ----- ホテル ----- */
.pinkbar { background: #F29C9F; width: 700px; height: 30px; margin-bottom: 7px; }
.explanation-left { font-size: 12px; font-weight: bold; position: relative; top: 7px; left: 7px; }
.explanation-right {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 846px;
	left: 658px
}





/* ====================================================== */

/* ----- 買い物しよう!! ----- */
#info .favorite { margin: 7px 0 }
#info .place { float: right; margin: 0 0 10px 5px; width: 180px }
#info .original { float: left; width: 502px; font-size: 18px; font-weight: bold; color: #F60; border-left: solid 3px #666; padding: 5px 0 5px 10px; margin: 15px 0 }
#info .original p { font-size: 14px; color: #222; margin-top: 10px; font-weight: normal }
#info .photo { float: left; width: 169px; margin: 0 8px 8px 0 }
#info .photo2 { float: left; width: 169px; margin-bottom: 8px }
#info .explanation2 { float: left; font-weight: bold; font-size: 14px; line-height: 1.4em; color: #222; width: 640px }
#info .akira { float: right; margin: 3px 0 0 5px }