@charset "UTF-8";



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

	File Name   : exhibit.css

	Description : Exhibit Page Layout CSS

	Editors     : NS Sakurai

	Create Date : 2012/02/14



	Update Description :

		2012/02/14 Append - Basic Styles [Sakurai]

		2012/02/14 File Create

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



/*========== Style Contents ==========



	1. Individual Redefinition

	2. Outline

	3. Area

	   - Title Setting

	   - Area Area Common Setting

	   - Area Introduction

	   - Area Booth Individual Setting

	4. Sponcer

	   - Title Setting

	   - Sponcer

	   - Sponcer Limitation

	   - Sponcer Limitation Light

	   - Sponcer General

	5. 

	6. 

	7. Download Button

	*. Clear Release

	

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











/*===== ■1. Individual Redefinition =====*/

/* Global Navigation */

#GlobalNavi li#BtnExhibit a,

#GlobalNavi li#BtnExhibit a:hover {background-position: -300px -51px;}















/*===== ■2. Outline =====*/











/*===== ■3. Area =====*/

/* Title Setting */

.ExhibitArea h1 em {

	background: url(../img/ttl_exhibit-area.jpg) no-repeat;

	width: 862px;

	height: 30px;

}



/* Area Common Setting */

.ExhibitArea .Section {
	clear:both;
	position: relative;
	background:#f0f0f0;
	width:900px;
	color:#333333;
	padding-bottom:20px;
}

.ExhibitArea .Section a {
	color:#1051a5;
}

.ExhibitArea .Section > div {
	background:#e94959;
	padding:20px;
	margin-bottom:20px;
	position: relative;
}

.ExhibitArea #AreaGoods.Section > div {background:#ef7a00;}
.ExhibitArea #AreaSchool.Section > div {background:#63b73f;}
.ExhibitArea #AreaCyber.Section > div {background:#cea800;}
.ExhibitArea #AreaSmart.Section > div {background:#b0adac;}
.ExhibitArea #AreaDevice.Section > div {background:#18b1a3;}
.ExhibitArea #AreaCloudgame.Section > div {background:#4ac1f1;}
.ExhibitArea #AreaOtome.Section > div {background:#e95b95;}
.ExhibitArea #AreaFamily.Section > div {background:#8ca6d6;}
.ExhibitArea #AreaCosplay.Section > div {background:#ca7229;}
.ExhibitArea #AreaBusiness.Section > div {background:#6b57a3;}
.ExhibitArea #AreaAsia.Section > div {background:#6b57a3;}
.ExhibitArea #AreaMeeting.Section > div {background:#6b57a3;}
.ExhibitArea #AreaIndiegame.Section > div {background:#acae4c;}

.ExhibitArea .Section > div > span {
	padding:5px 10px;
	background:#ffffff;
	color:#e94959;
	margin-right:10px;
}

.ExhibitArea #AreaGoods.Section > div > span {color:#ef7a00;}
.ExhibitArea #AreaSchool.Section > div > span {color:#63b73f;}
.ExhibitArea #AreaCyber.Section > div > span {color:#cea800;}
.ExhibitArea #AreaSmart.Section > div > span {color:#b0adac;}
.ExhibitArea #AreaDevice.Section > div > span {color:#18b1a3;}
.ExhibitArea #AreaCloudgame.Section > div > span {color:#4ac1f1;}
.ExhibitArea #AreaOtome.Section > div > span {color:#e95b95;}
.ExhibitArea #AreaFamily.Section > div > span {color:#8ca6d6;}
.ExhibitArea #AreaCosplay.Section > div > span {color:#ca7229;}
.ExhibitArea #AreaBusiness.Section > div > span {color:#6b57a3;}
.ExhibitArea #AreaAsia.Section > div > span {color:#6b57a3;}
.ExhibitArea #AreaMeeting.Section > div > span {color:#6b57a3;}
.ExhibitArea #AreaIndiegame.Section > div > span {color:#acae4c;}

.ExhibitArea .Section h2 {
	position: relative;
	width:100%;
	font-size:180%;
	font-weight:bold;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #ffffff;
	color:#ffffff;
}

.ExhibitArea .Section .label {
	position:absolute;
	top:10px;
	right:20px;
}

.ExhibitArea .Section .label2 {
	position:absolute;
	bottom:20px;
	right:20px;
	color:#ffffff;
	font-size:150%;
	font-weight:bold;
}

.ExhibitArea .Section .label img {
	display:inline;
	margin-left:10px;
}

.ExhibitArea .Section strong {
	display:block;
	margin-bottom:20px;
	color:#ffffff;
}

.ExhibitArea .Section dl strong {
	color:#333333;
}

.ExhibitArea .Section > div > em {
	color:#000000;
}

.ExhibitArea .Section > div > em > span {
	display:block;
	margin-left:85px;
}

.ExhibitArea .Section dl {
	margin:0 20px;
}



.ExhibitArea .Section dl dt {
	float: left;
	padding: 0px 0px 5px;
	width: 415px;
}


.ExhibitArea .Section dl dt strong {
	display: block;
	float: left;
	width: 165px;
	font-size:90%;
}

.ExhibitArea .Section dl dt strong em {
	display: block;
	font-size:150%;
}


.ExhibitArea .Section dl dt ol {
	float: left;
}

.ExhibitArea .Section dl dt ol li {
	width: 250px;
}

.ExhibitArea .Section dl dt ol li img {
	float: left;
	padding: 0px 10px 10px 0px;
}

.ExhibitArea .Section dl dt span {
	display: block;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px 5px;
	font-size: 85%;
}

.ExhibitArea .Section dl dt ol li span {
	background: none;
	margin: 0px;
	padding: 5px 0px 0px;
	font-size: 116.6%;
	font-weight: bold;
}

.ExhibitArea .Section dl dt ol li.PriceMember span {
	color: #E53351;
}

.ExhibitArea .Section dl dd {
	float: right;
	width: 434px;
	padding: 0;
}

.ExhibitArea .Section dl dd img {
	display: inline;
	padding: 0px 0px;
}

.ExhibitArea .Section dl dd.CaptionTxt {
	clear: both;
	float: none;
	width: auto;
}

.ExhibitArea .Section dl dd.CaptionTxt p {
	background: none;
	margin: 0px 0px 0px;
	padding: 10px 0px 0px;
	width: auto;
	line-height: 1.3;
	font-size: 93%;
}





/* Area Introduction */

#AreaIntro p {

	background: none;

	padding: 0px 0px 10px;

	width: auto;

}



#AreaIntro ul {

	/*background: url(../../common/img/line_dotted-gray.jpg) repeat-x bottom;*/

	margin: 0px 0px 20px;

	padding: 5px 0px 20px;

}


#DocuNaviwrap {
	border-bottom:dotted 1px #666666;
	margin-bottom:18px;
}

ul#DocuNavi {
	padding-bottom:0px;
	position:relative;
	left:5px;
}

#AreaIntro ul#DocuNavi li {

	float: left;

	padding: 0px 14px 0px 0px;

}



#AreaIntro ul#DocuNavi li a {

	display: block;

	background: url(../img/btn_area.jpg) no-repeat;

	width: 211px;

	height: 60px;

}



#AreaIntro ul#DocuNavi li a#BtnDocu02 {background-position: -223px 0px;}

#AreaIntro ul#DocuNavi li a#BtnDocu03 {background-position: -444px 0px;}

#AreaIntro ul#DocuNavi li a#BtnDocu04 {background-position: -667px 0px;}



#AreaIntro ul#SubNavi {
	background: none;
	margin: 0px 0px 20px;
	padding: 5px 0px 20px;
	position:relative;
	left:5px;
}



#AreaIntro ul#SubNavi li {

	float: left;

	padding: 0px 14px 15px 0px;

}



#AreaIntro ul#SubNavi li a {

	display: block;

	background: url(../img/btn_area.jpg) no-repeat 0px -121px;

	width: 211px;

	height: 50px;

}



#AreaIntro ul#SubNavi li a#SubBtn02 {background-position: -223px -121px;}

#AreaIntro ul#SubNavi li a#SubBtn03 {background-position: -446px -121px;}

#AreaIntro ul#SubNavi li a#SubBtn04 {background-position: -669px -121px;}

#AreaIntro ul#SubNavi li a#SubBtn05 {background-position: 0px -182px;}

#AreaIntro ul#SubNavi li a#SubBtn06 {background-position: -223px -182px;}

#AreaIntro ul#SubNavi li a#SubBtn07 {background-position: -446px -182px;}

#AreaIntro ul#SubNavi li a#SubBtn08 {background-position: -669px -182px;}

#AreaIntro ul#SubNavi li a#SubBtn09 {background-position: 0px -245px;}

#AreaIntro ul#SubNavi li a#SubBtn10 {background-position: -223px -245px;}

#AreaIntro ul#SubNavi li a#SubBtn11 {background-position: 0px -307px;}

#AreaIntro ul#SubNavi li a#SubBtn12 {background-position: -223px -307px;}

#AreaIntro ul#SubNavi li a#SubBtn13 {background-position: -446px -307px;}

#AreaIntro ul#SubNavi li a#SubBtn14 {background-position: -446px -245px;}



#AreaIntro ul#DocuNavi li a:hover,

#AreaIntro ul#SubNavi li a:hover {

	opacity: 0.7;

	filter: alpha(opacity=70);

}



/* Area Booth Individual Setting */

#AreaGoods p strong {color: #EE7A00;}

#AreaGoods dl dt ol li.PriceMember span {color: #EE7A00;}

#AreaGoods dl dt ol li.PriceGeneral span {color: #333333;}

#AreaGoods dl dd.CaptionTxt {clear: none;float: left;}

#AreaGoods dl dd.CaptionTxt p {padding: 0px;}

	

#AreaSchool p strong {color: #63B73E;}

#AreaSchool dl dt ol li.PriceMember span {color: #63B73E;}



#AreaFamily h2 a {right: 370px;}

#AreaFamily p strong {color: #006DAE;}

#AreaFamily p strong span {float: none; padding: 0px 0px 0px;width: auto; font-size: 85%; line-height: 1.3; color: #333;}

#AreaFamily dl dt.OtherCorner ol {border: 1px dashed #CCCCCC;background: #F1FCFC;padding: 5px 5px 0px;}

#AreaFamily dl dt.OtherCorner ol li {width: 230px;}

#AreaFamily dl dt.OtherCorner ol li img {padding: 0px 10px 7px 0px;}

#AreaFamily dl dt.OtherCorner ol li span {padding: 8px 0px 0px;}

#AreaFamily dl dt ol li.PriceMember span,

#AreaFamily dl dt.OtherCorner ol li.PriceMember span {color: #006DAE;}

#AreaDevice p strong {color: #009679;}

#AreaDevice dl dt ol li.PriceMember span {color: #009679;}

#AreaDevice p strong span {float: none; padding: 0px 0px 10px;width: auto; font-size: 85%; line-height: 1.3; color: #333;}





#AreaAsia p strong {color: #68539F;}

#AreaAsia dl dt ol li.PriceMember span {color: #68539F;}

#AreaAsia dl dt ol li p {clear: both; background:none; width: auto; padding: 0px;}

#AreaAsia dl dt span {background: none;}





#AreaBusiness h2 a {right: 270px;}

#AreaBusiness p strong {color: #68539F;}

#AreaBusiness dl dt strong em {display: block;color: #68539F;}

#AreaBusiness dl dt ol li.PriceMember span {color: #68539F;}

#AreaBusiness dl dt {border: 1px solid #EDEAF4;padding: 10px 10px 0px;width: 390px;}

#AreaBusiness dl dt.BusinessOther {display: inline;margin: 0px 0px 0px 30px;background: #EDEAF4;}

#AreaBusiness dl dt ol li {width: 220px;}

#AreaBusiness dl dt span {background: none;}



#AreaCloud h2 a {right: 270px;}

#AreaCloud p {

	border: 2px solid #7FC8E8;

	background: none;

	margin: 10px 0px 20px;

	padding: 20px;

	width: 830px;

}



#AreaCloud p span{

	float: right;

	width: 371px;

}



#AreaCloud p em {

	float: left;

	padding: 30px 0px 0px;

	width: 400px;

}



#AreaSmart p strong {color: #000;}

#AreaSmart dl dt ol li.PriceMember span {color: #747170;}

#AreaSmart p strong span {float: none; padding: 0px 0px 10px;width: auto; font-size: 85%; line-height: 1.3; color: #333;}



#AreaCyber p strong {color: #BA9A1D;}

#AreaCyber dl dt ol li.PriceMember span {color: #BA9A1D;}

#AreaCyber p strong span {float: none; padding: 0px 0px 10px;width: auto; font-size: 85%; line-height: 1.3; color: #333;}





#AreaCloudgame p strong {color: #4BC1F1;}

#AreaCloudgame dl dt ol li.PriceMember span {color: #4BC1F1;}



#AreaOtome p strong {color: #E95B95;}

#AreaOtome dl dt ol li.PriceMember span {color: #E95B95;}



#AreaSmart p strong {color: #9B9794;}

#AreaSmart dl dt ol li.PriceMember span {color: #9B9794;}



#AreaCosplay p strong {color: #A75B1D;}




#AreaCosplay dl dt ol li.PriceMember span {color: #A75B1D;}


#AreaMeeting p strong {color: #68539F;}

#AreaMeeting dl dt ol li.PriceMember span {color: #68539F;}





#AreaMeeting dl dt.Border {

	border: 1px solid #E1DCED;

	width: 400px;

	padding: 10px 5px 10px 5px;

	margin: 0px 15px 0px 3px;

}



#AreaMeeting dl dt ol li {width: 220px; font-size: 85%;}





#AreaMeeting dl dt ol.OtherBooth {

	background: url(../img/bg_other-booth.jpg) no-repeat center top;

	width: 220px;

	padding: 10px 0px 0px 10px;

	margin: 0px 0px 0px -10px;

	border: 1px dotted #CCC;

}



#AreaMeeting dl span.TxtCaption {

	float: left;

	background: none;

	margin: 0px;

	padding: 20px 0px 0px;

}






#AreaMeeting dl span.TxtCaption {

	float: left;

	background: none;

	margin: 0px;

	padding: 10px 0px 0px;

}


#AreaMeeting dl#BasicTableBooth02 dt.TitleDT strong {

	width: 300px;

}



#AreaMeeting dl#BasicTableBooth02 dt.TitleDT {

	padding: 10px 0px 10px;

	width: 430px;

	float: left;

	display: block;

}

#AreaMeeting dl#BasicTableBooth02 dd.ImgDD {

	padding: 0px 0px 10px;

	width: 450px;

	float: right;

}

#AreaMeeting dl#BasicTableBooth02 dt.PriceDT {

	padding: 0;

	width: 400px;

	float: left;

	display: block;

}



#AreaStart p strong {color: #68539F;}

#AreaStart dl dt ol li.PriceMember span {color: #68539F;}

#AreaStart dl dt ol li p {clear: both; background:none; width: auto; padding: 0px;}

#AreaStart dl dt span {background: none;}









#AreaCESA {

	margin: 0 auto 0;

	width: 816px;

	padding: 30px 0;

}

















/*===== ■5. =====*/











/*===== ■6.  =====*/











/*===== ■7.  =====*/

#DownloadKikaku2 {

	width: 880px;

	margin: 0 0 0 5px;

}



#DownloadKikaku2 .btn {

	padding: 0px 0px 30px 0;

}



#DownloadKikaku2 .btn li {

	margin-right: 5px;

}



#DownloadKikaku2 .btn a {

	display: block;

	background: url(../img/download/download_zip_btn.jpg) no-repeat ;

	width: 271px;

	height: 59px;

}



#DownloadKikaku2 dl {

	margin: 10px 0px 0 0;

	padding: 10px 14px;

	width: 848px;

	font-size: 108%;

	background-color: #F3F3F3;

}











/*===== ■8.  =====*/

#BtnDownload {

	padding: 0px 0px 0px 40px;

}



/*===== ■8.  =====*/

.MR10 {

	margin: 0 10px 0 0;

}

.FR {

	float: right;

}



.UNLine {

	background: url(../../common/img/line_dotted-gray.jpg) repeat-x bottom ;

	margin: 0 0 20px 0;

}





.deadline {
	clear:both;
	margin-top:30px;
}


.right {
	float:right;
}


/*===== ■*.Clear Release  =====*/

#AreaIntro ul#DocuNavi,

.ExhibitArea .Section p,

.ExhibitArea .Section dl dt ol li {

	/zoom: 1;

}



#AreaIntro ul#DocuNavi:after,

.ExhibitArea .Section p:after,

.ExhibitArea .Section dl dt ol li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #AreaIntro ul#DocuNavi, * html .ExhibitArea .Section p, * html .ExhibitArea .Section dl dt ol li { zoom: 1; } /* IE6 */
*:first-child+html #AreaIntro ul#DocuNavi, *:first-child+html .ExhibitArea .Section p, *:first-child+html .ExhibitArea .Section dl dt ol li { zoom: 1; } /* IE7 */