@charset "utf-8";
/* **************************************************

Name: add.css

Description: Setting of Expo2012 Speial Class

Create: 2008.09.16
Update: 2008.88.88

Copyright 2007 Hitachi, Ltd. 

***************************************************** */

/* [-] common class
=========================================================================================== */

h2 {
	border:0 none;
}
h2 span {
	background:transparent url(/image/expo2012/h2_bg.gif) no-repeat scroll 0 0;
	border:0 none;
	border-right:1px solid #e2e2e2;
	padding:6px 5px 9px 24px;
}
h2 span a {
	padding:6px 5px 9px 0px;
}
h2 span.TopSpec {
	background:transparent url(/image/expo2012/h2_grey_bg.gif) no-repeat scroll 0 0;
	border:0 none;
	border-right:1px solid #e2e2e2;
	padding:6px 5px 9px 24px;
}
h2 span.TopSpec a {
	padding:6px 5px 9px 0px;
}
ul.ListStyle1 li {
	background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 1px;
}
ul.ListStyle2 li {
	background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 1px;
}
/* [-] special class
=========================================================================================== */
div.TopOration {
	margin:-10px 0 0 -0;
	width:375px;
	height:152px;
	background:transparent url(/image/expo2012/oration_bg1.gif) no-repeat scroll 0 0;
	overflow:hidden;
}
div.TopOration dl {
	clear: both;
	overflow: auto;
	margin: 10px 0 0;
	padding: 0 15px;
}
div.TopOration dl dt span {
	display: none;
}
div.TopOration dl dt {
	width: 90px;
	height: 20px;
	float: left;
}
div.TopOration dl.title1 dt {
	background:transparent url(/image/expo2012/oration_organization.gif) 0 0 no-repeat;
}
div.TopOration dl dd {
	width: 250px;
	float: right;
}
div.TopOration dl dd p {
	width: 150px;
	float: left;
	font-weight: 900;
	font-size: 90%;
	line-height: 1.5;
}
div.TopOration dl dd ul {
	float: right;
	margin: 0;
}
div.TopOration dl.title2 {
	clear: both;
	margin: 20px 0 0;
	padding: 0 15px;
}
div.TopOration dl.title2 dd {
	width: 345px;
	clear: both;
	float: none;
}
div.TopOration dl.title2 dt {
	background:transparent url(/image/expo2012/oration_supporter.gif) 0 0 no-repeat;
	margin: 0 0 5px;
}
div.TopOration dl.title2 dd p {
	width: 250px;
}

p.TopSummaryRemark {
	margin-top:-9px;
}
div.ImgW120SetStyle p.TopThumbImg {
	float: left;
    margin: 0;
    padding: 0 0 15px;
    width: 120px;
}
p.thumbImg img, p.TopThumbImg img {
	padding-bottom:12px;
	background:transparent url(/image/expo2012/top_thumbimg_bottom.gif) repeat-x scroll 0 100%;
}
ul.TopExpoMoreUl {
	margin:-15px 0 1px!important;
	margin:-15px 0 0;
}
ul.TopSpeechMoreUl {
	margin:-15px 0 1px;
}
div.TopRegisterBox {
	margin-top:-11px;
	padding:14px 13px 0 0;
	border:1px solid #e2e2e2;
}
div.TopEnvirmentBox {
	margin-top:-11px;
	padding:12px 10px 0;
	border:1px solid #e2e2e2;
}
div.TopRelatedBox {
	margin-top:-11px;
	padding:10px 0 14px 5px;
	border:1px solid #e2e2e2;
}
p.TopRegisterContent {
	padding:10px 15px 0 17px;
}
ul.TopEnvirMoreUl {
	margin:-10px 0 12px 8px;
}
textarea.TextStyle1 {
	font-size: 90%;
	line-height: 1.35;
}
table.TableStyleAdd th, table.TableStyleAdd td {
	font-size: 90%;
	line-height: 1.35;
}
table.TableStyleAdd th {
	width:20%;
	background-color:#e2f0e0;
	font-weight:bold;
	vertical-align:text-top;
}
dl.ExpoIntro dt {
	background:url(/image/expo2012/expo/expo_title_bg.gif) 0 top no-repeat;
	font-size:83%;
	font-weight:bold;
	margin:15px 0 0;
	padding:14px 5px 13px 25px;
}
dl.ExpoIntro dd {
	background:url(/image/expo2012/expo/expo_main_bg.gif) 0 bottom no-repeat;
	padding:17px 18px 25px 20px;
}
dl.AccessList {
	margin: 0 0 10px;
}
dl.AccessList dt {
	margin: 0 0 10px;
	font-size: 90%;
	line-height: 1.35;
	font-weight:bold;
}
dl.AccessList dd {
	margin: -1.9em 0 5px 8em;
	font-size: 90%;
	line-height: 1.35;
}
p.MarginTop0 img {
	margin-top:0!important;
}
p.TextStyleLarge {
	margin-bottom:10px;
	font-size: 100%;
	line-height:1.6;
}
p.TextStyleLarge span {
	font-size:90%;
}
p.TextStyleLarge strong {
	font-size: 103%;
}
p.TextStyleLarge strong.emphasize {
	color:#890000;
}
div#InquireInfo {
	display:none;
}
div.Hlist {
	margin:0 0 10px;
}
div.Hlist li {
	display: inline;
	margin: 0 5px;
	padding: 0 0 15px;
	font-size: 90%;
	line-height: 1.2;
}
div#PrivacyFrame {
	border:1px solid #7f9db9;
	margin:0 auto 15px;
	padding:5px;
	width:558px;
}
div.MustItem {
	font-size:83%;
	color:#890000;
	font-weight:bold;
	margin:10px 0 10px;
}
input.BtnDisagree {
	width:124px;
	height:51px;
	background:url(/image/expo2012/register/register_noagree.gif) 0 0 no-repeat;
	border:none;
}
input.BtnAgree {
	width:158px;
	height:51px;
	background:url(/image/expo2012/register/register_agree.gif) 0 0 no-repeat;
	border:none;
}
.Column2-1-1 {
	float: left;
	margin: 0;
}
.Column2-1-1 p, .Column2-2-2 p {
	margin: 0 0 12px;
	font-size:0;
}
.Column2-2-2 {
	float: left;
	margin: 0 0 2px 14px;
	font-size:0;
}
.expoPhoto {
	clear:both;
	margin:0 0 14px;
	font-size:0;
}
div.Grid4 div.Column2 div.ImgW120SetStyle div.ImgSet {
	width: 250px;
}

#Semi {
	width: 720px;
	height: 1071px;
	background:url(/image/expo2012/semi/bg.png) 0 0 no-repeat;
	padding: 0 0 0 45px;
}
#Semi div.day {
	width: 360px;
	float: left;
	font-size: 79%;
}
#Semi div.agenda {
	clear: both;
}
#Semi .meetingA div.agenda {
	background:url(/image/expo2012/semi/bg_day.gif) 0 0 repeat-y;
}
#Semi div.agenda * {
	color: #FFF;
}
#Semi div.day strong {
	display: block;
	clear: both;
	padding: 0 0 0 10px;
	line-height: 1.5;
}
#Semi .meetingA, #Semi .meetingB {
	width: 180px;
	float: left;
}
#Semi .meetingA strong {
	display: block;
	height: 30px;
	border-bottom: 5px solid #80bd4b;
}
#Semi .meetingA {
	border-bottom: 5px solid #80bd4b;
}

#Semi .meetingB strong {
	display: block;
	height: 30px;
	border-bottom: 5px solid #2d74af;
}
#Semi .meetingB {
	border-bottom: 5px solid #2d74af;
}

#Semi .meetingA .AM strong,
#Semi .meetingA .PM strong,
#Semi .meetingB .AM strong,
#Semi .meetingB .PM strong {
	border: 0;
	line-height: 1.2;
	height: 5px;
	padding: 0;
}

#Semi .AM {
	display: block;
	height: 468px;
	*height: 465px;
}
#Semi .PM {
	display: block;
	height: 543px;
	border-top: 1px solid #000;
}
#Semi .meetingB .AM {
	*height: 467px;
}
#Semi .lastday .meetingB .AM {
	*height: 465px;
}


#Semi .meetingA .AM div, #Semi .meetingA .PM div {
	background: #80bd4b;
	padding: 5px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#Semi .meetingB .AM div, #Semi .meetingB .PM div {
	background: #4fa2e6;
	padding: 5px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#Semi .meetingA div.deep{
	background: #3e8151;
}
#Semi .meetingB div.deep {
	background: #2e75b0;
}

#Semi .meetingA div.Gray, #Semi .meetingB div.Gray {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*IE8*/  
    filter:alpha(opacity=75);  /* IE6，IE7*/  
    opacity: .75;  /*Opera9.0+，Firefox1.5+，Chrome*/  
	cursor: pointer;
}
#Semi .sub {
	position: absolute;
}
#Semi .sub p {
	line-height: 1.2;
	width: 169px;
}
#Semi .sub p span {
	line-height: 1.2;	
}
#Semi .sub.A1 {
	margin-top: 17px;
}
#Semi .sub.A2 {
	margin-top: 92px;
}
#Semi .sub.A3 {
	height: 45px;
	margin-top: 133px;
}
#Semi .sub.A4 {
	height: 65px;
	margin-top: 189px;
}
#Semi .sub.A5 {
	margin-top: 150px;	
	height: 140px;
}
#Semi .sub.A6 {
	margin-top: 92px;
	height: 64px;
}
#Semi .sub.A7 {
	margin-top: 167px;
	height: 65px;
}
#Semi .sub.A8 {
	margin-top: 0;	
	height: 140px;
}
#Semi .sub.A9 {
	margin-top: 180px;
}
#Semi .sub.B1 {
	margin-top: 150px;	
	height: 140px;
}
#Semi .sub.B2 {
	margin-top: 330px;	
	height: 140px;
}
#Semi .sub.B3 {
	margin-top: 167px;	
	height: 140px;
}
#Semi .sub.B4 {
	height: 140px;
}
#Semi .sub.B5 {
	margin-top: 180px;
	height: 140px;
}
h3 span {
	line-height: 1.4;
}
h3 span small {
	font-weight: 100;
}

dl.dataStyle {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 10px;
}
dl.dataStyle dt {
	width: 70px;
	float: left;
	clear: left;
	font-size: 83%;
	font-weight: 900;
	line-height: 1.2;
}
dl.dataStyle dd {
	width: 90%;
	float: left;
	margin: 0 0 5px;
	font-size: 83%;
	line-height: 1.2;
}

div.ThreeColumn div.Section {
	float: left;
	width: 170px;
	margin: 0 20px 0 0;
}
div.ThreeColumn div.part1 {
	width: 190px;	
}
div.ThreeColumn div.part2 {
	width: 200px;	
}
div.ThreeColumn div.part3 {
	width: 140px;
	margin: 0;
}

div.ShowColumn div.Section {
	float:left;
    margin-left:5px;
}
div.ShowColumn div.part1{
	margin-left:0px;
}
div.ShowColumn div.fullWidth{
	margin:-10px 0 0;
}
#UtilityTools {
	display: none;
}