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

	3F exhibition next

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


/* format
===========================================================*/
h1{ margin:0;} /* title */

.img_cap{
	font-size:10px;
	line-height:12px;
	color:#666666;
	padding-top:5px;
}

.font_note{
	font-size:11px;
	line-height:18px;
	color:#CC0000;
	margin-bottom:0.3em;
}


/* layout
===========================================================*/
#main{
	position: relative;
}
#maincontainer{
	width:720px;
	background:url(image/expo_bg_btm.gif) no-repeat bottom;
	padding-bottom:10px;
}

#maincontainer .expoImage{
	position: absolute;
	right: 29px;
	top:8px;
	width:355px;
}

div.contBoxInner {
	background:url(image/bg_body_inner.gif) repeat 0 0;
	padding: 17px 20px 20px 20px;
	margin-bottom: -1px;
}

div.contBox {
	margin-bottom: 10px;
	padding:20px 0 30px;
	background:url(image/expo_bg.gif) repeat-y;
}

div.contBox  h2 {
	padding: 19px 0 32px 0;
}
div.contBoxIn{
	background:url(image/bg_img.gif) repeat-y;
}
div.contBox  h2.mHeadBlock {
	padding: 0;
	margin:0;
}

div.contBox  h2.mHead {
	padding: 15px 0 7px 0;
}

div.contBox dl dd ul.contBoxImg2 li {
	float: left;
	list-style-type: none;
}

span.imgCap {
	padding-left: 10px;
	
}

.imgCap {
	color: #AB4D00;
    display: block;
    font-size: 10px;
    line-height: 14px;
    padding-top: 3px;

}

#contents_left_01{
	float:left;
	width:340px;
	display:inline;
}

#contents_left_02{
	float:left;
	width:415px;
	margin:0 0 10px 40px;
	display:inline;
}

#contents_right{
	float:right;
	margin-right:9px;
	display:inline;
	background:url(image/bg_img.gif) repeat-x;
	padding-bottom:30px;
}

#contents_note{
	clear:both;
	border-top:1px solid #BBBBBB;
	padding-top:1em;
	margin:0 20px 10px 40px ;
}

#photo_01{
	width:225px;
	margin-bottom:15px;
}

#photo_01 .img_cap{ padding:5px 0 3px 3px; }

.img-left100px{
	float:left;
	width:100px;
}
.img-left180px{
	float:left;
	display:inline;
	width:180px;
}

.img-right95px{
	float:right;
	width:95px;
	margin:0 0 15px 15px;
}

.img-right100px{
	float:right;
	width:100px;
}
.img-right170px{
	float:right;
	width:170px;
	display:inline;
}

.img-box220px{
	width:220px;
	margin:0 0 15px 2px;
}

.img-box220px:after{  /* clearfix */
	visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }

#mainfooter{
	clear:both;
	height:20px;
	background:url(image/expo1109_ft.gif) no-repeat;
}



div.contentsLeft {
	float: left;
	width: 400px;
	margin-left: 40px;
	margin-bottom: 30px;
	padding-top: 30px;
}

div.lectureArea {
	background: url(image/bg_blue_top.gif) top left no-repeat;
	padding-top: 20px;
	width: 390px;
	clear: both;
}


div.lectureAreaWrap {
	background: url(image/bg_blue_bottom.gif) bottom left no-repeat;
	padding: 0 10px 20px 20px;
	width: 360px;
}

div.lectureAreaWrap dl dt {
	font-size: 14px;
	margin-bottom: 10px;
}


div.lectureAreaWrap dl dd ul li {
	list-style-type: none;
	font-size: 12px;
	margin-bottom: 10px;
}

div.lectureAreaWrap dl dd ul li span {
	padding-left: 8em;
}

div.lectureAreaWrap p.btn {
	text-align: center;
}

p.textBlock,
p.text {
	font-size: 12px;
}

p.textBlock {
	padding: 0px 20px 0px 40px;
	width:300px;
	line-height:1.8;
}

p.textOther {
	font-size: 10px;
}
.expoImage .text{
	padding:20px 20px 10px 0;
	color:#734338;
}
.infoBox{
	margin:20px 0 0 20px;
	border-top:1px dotted #999;
	padding:20px 0 0 0;
}
.infoBox dl{
	float:left;
	display:inline;
	width:195px;
	font-size:12px;
	margin:0 10px 0 20px;
	line-height:1.6;
}
.infoBox dt{
	font-weight:bold;
	color:#dc0000;
	margin-bottom:10px;
}

/* bt-top
===========================================================*/
#bt-top{ float:right; width:92px; margin:0 30px 20px 0;}