@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: -600px -51px;}







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





/*===== ■3. Area =====*/
/* Title Setting */
.ExhibitArea h1 em {
	background: url(img/ttl_exhibit-area.jpg) no-repeat;
	width: 851px;
	height: 30px;
}

/* Area Common Setting */
.ExhibitArea .Section {
	position: relative;
}

.ExhibitArea .Section h2 {
	position: relative;
	width: 873px;
	height: 76px;
}
.ExhibitArea .Section h2 a {
	position: absolute;
	display: block;
	top: 45px;
	right: 150px;
	background: url(img/btn_area.jpg) no-repeat 0px -179px;
	width: 108px;
	height: 25px;
}

.ExhibitArea .Section h2 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.ExhibitArea .Section p {
	background: #F0F0F0;
	margin: 0px 0px 20px;
	padding: 10px 15px;
	width: 844px;
}

.ExhibitArea .Section p strong {
	display: block;
	color: #E53351;
	padding: 0px 0px 5px;
	line-height: 1.4;
	font-size: 108%;
}

.ExhibitArea .Section p span {
	display: block;
	float: left;
	width: 110px;
}
.ExhibitArea .Section p span.three {
	display: block;
	float: left;
	width: 110px;
	padding: 8px 0 0 0;
}
.ExhibitArea .Section p em {
	display: block;
	float: left;
	width: 730px;
	line-height: 1.3;
}
.ExhibitArea .Section p em.one {
	display: block;
	float: left;
	width: 730px;
	line-height: 1.3;
	padding: 8px 0 0 0;
}

.ExhibitArea .Section dl dt {
	float: left;
	padding: 0px 0px 5px;
	width: 425px;
}
.ExhibitArea .Section dl dt em {
	display: block;
	color: #E53351;
	font-size: 108%;
}
.ExhibitArea .Section dl dt strong {
	display: block;
	float: left;
	width: 150px;
	font-size: 108%;
}

.ExhibitArea .Section dl dt strong em {
	display: block;
	color: #E53351;
}

.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: 0 10px 10px 0;
}

.ExhibitArea .Section dl dt span {
	display: block;
	background: url(../common/img/line_dotted-gray.jpg) repeat-x bottom;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px 5px;
	font-size: 93%;
}

.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: 450px;
	padding-right: 2px;
}

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

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

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


/* Area Introduction */
#AreaIntro p {
	background: none;
	padding: 0px;
	width: auto;
}

#AreaIntro ul {
	background: url(../common/img/line_dotted-gray.jpg) repeat-x bottom;
	margin: 0px 0px 20px;
	padding: 5px 0px 20px;
}

#AreaIntro ul#DocuNavi li {
	float: left;
	padding: 0px 9px 0px 0px;
}

#AreaIntro ul#DocuNavi li a {
	display: block;
	background: url(img/btn_area.jpg) no-repeat;
	width: 212px;
	height: 41px;
}

#AreaIntro ul#DocuNavi li a#BtnDocu02 {background-position: -221px 0px;}
#AreaIntro ul#DocuNavi li a#BtnDocu03 {background-position: -441px 0px;}
#AreaIntro ul#DocuNavi li a#BtnDocu04 {background-position: -662px 0px;}

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

#AreaIntro ul#SubNavi li {
	float: left;
	padding: 0px 4px 0px 0px;
}

#AreaIntro ul#SubNavi li a {
	display: block;
	background: url(img/btn_area.jpg) no-repeat 0px 0px;
	width: 217px;
	height: 56px;
}

#AreaIntro ul#SubNavi li a#SubBtn02 {background-position: -222px 0px;}
#AreaIntro ul#SubNavi li a#SubBtn03 {background-position: -442px 0px;}
#AreaIntro ul#SubNavi li a#SubBtn04 {background-position: -664px 0px;}
#AreaIntro ul#SubNavi li a#SubBtn05 {background-position: 0px -61px;}
#AreaIntro ul#SubNavi li a#SubBtn06 {background-position: -222px -61px;}
#AreaIntro ul#SubNavi li a#SubBtn07 {background-position: -442px -61px;}
#AreaIntro ul#SubNavi li a#SubBtn08 {background-position: -664px -61px;}
#AreaIntro ul#SubNavi li a#SubBtn09 {background-position: 0px -122px;}
#AreaIntro ul#SubNavi li a#SubBtn10 {background-position: -222px -122px;}
#AreaIntro ul#SubNavi li a#SubBtn11 {background-position: -442px -122px;}
#AreaIntro ul#SubNavi li a#SubBtn12 {background-position: -664px -122px;}

#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: #C06C27;}
#AreaGoods dl dt em {display: block;	color: #C06C27;	font-size: 108%;}
#AreaGoods dl dt strong em {display: block;color: #C06C27;}
#AreaGoods dl dt ol li.PriceMember span {color: #C06C27;}
#AreaGoods dl dt span {background: none;margin: 0px;color: #C06C27;}
#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: #459E36;}
#AreaSchool dl dt em {display: block;	color: #459E36;	font-size: 108%;}
#AreaSchool dl dt strong em {display: block;color: #459E36;}
#AreaSchool dl dt ol li.PriceMember span {color: #459E36;}

#AreaFamily h2 a {right: 370px;}
#AreaFamily p strong {color: #006DAE;}
#AreaFamily p strong span {float: none; padding: 0px 0px 10px;width: auto; font-size: 85%; line-height: 1.3; color: #333;}
#AreaFamily p#SpecialIntro {position: absolute;top: 80px;right: 30px; padding: 0px;width: 266px;}
#AreaFamily p#SpecialIntro span {border-right: 2px solid #006EAF;border-left: 2px solid #006EAF;border-bottom: 2px solid #006EAF;background: #FFF;padding: 5px 10px;width: 242px;line-height: 1.2;font-size: 85%;}
#AreaFamily p span img {padding-bottom: 30px;}
#AreaFamily dl dt strong em {display: block;color: #006DAE;}
#AreaFamily dl dt.OtherCorner strong {width: 165px;}
#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: 3px 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;}

#AreaFamily dl dd#Merit01 {
	position: relative;
	clear: both;
	float: none;
	border: 2px solid #F39DA5;
	margin: 30px 0px 0px 60px;
	width: 808px;
}

#AreaFamily dl dd#Merit01 span,
#AreaFamily dl dd#Merit02 span {
	position: absolute;
	left: -61px;
	top: -26px;
	width: 82px;
	height: 68px;
}

#AreaFamily dl dd#Merit01 strong,
#AreaFamily dl dd#Merit02 strong {
	position: absolute;
	left: 30px;
	top: -13px;
	width: 173px;
	height: 30px;
}

#AreaFamily dl dd#Merit01 p {
	background: none;
	margin: 0px 0px 10px;
	padding: 25px 15px 0px 30px;
	line-height: 1.4;
	font-size: 108%;
	color: #E31E31;
}

#AreaFamily dl dd#Merit01 p em {
	float: none;
	display: block;
	padding: 0px 0px 3px;
	font-size: 85.7%;
	color: #333;
}

#AreaFamily dl dd.CaptionTxt.BorderPlus {
	background: url(../common/img/line_dotted-gray.jpg) repeat-x bottom;
	margin: 0px 0px 30px;
	padding: 0px 0px 1px;
}

#AreaFamily dl dd#Merit02 {
	position: relative;
	float: left;
	border: 2px solid #F39DA5;
	margin: 30px 0px 0px 60px;
	width: 337px;
}

#AreaFamily dl dd#Merit02 p {
	background: none;
	margin: 0px 0px 10px;
	padding: 25px 15px 0px 30px;
	line-height: 1.4;
	font-size: 108%;
	color: #E31E31;
}


#AreaDevice p strong {color: #009679;}
#AreaDevice dl dt em {display: block;	color: #009679;	font-size: 108%;}
#AreaDevice dl dt strong em {display: block;color: #009679;}
#AreaDevice dl dt ol li.PriceMember span {color: #009679;}

#AreaAsia p strong {color: #68539F;}
#AreaAsia dl dt em {display: block;	color: #68539F;	font-size: 108%;}
#AreaAsia dl dt em {display: block; padding: 0px 0px 5px;font-size: 93%;color: #E31E31;}
#AreaAsia dl dt strong em {display: block; padding: 0px;font-size: 100%;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 em {display: block;	color: #68539F;	font-size: 108%;}
#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: 405px;
}
#AreaBusiness dl dt.BusinessOther {display: inline;margin: 0px 0px 0px 30px;background: #EDEAF4;}
#AreaBusiness dl dt ol li {
	width: 230px;
	margin: 0;
}
#AreaBusiness dl dt ol li.PriceIcon {
	width: 400px;
	margin: 0;
}
#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: 414px;
}

#AreaCloud p em {
	float: left;
	padding: 30px 0px 0px;
	width: 400px;
}

#AreaSmart p strong {color: #000;}
#AreaSmart dl dt em {display: block;	color: #747170;	font-size: 108%;}
#AreaSmart dl dt strong em {display: block;color: #747170;}
#AreaSmart dl dt ol li.PriceMember span {color: #747170;}

#AreaPCGame p strong {color: #BA9A1D;}
#AreaPCGame dl dt em {display: block;	color: #BA9A1D;	font-size: 108%;}
#AreaPCGame dl dt strong em {display: block;color: #BA9A1D;}
#AreaPCGame dl dt ol li.PriceMember span {color: #BA9A1D;}


#AreaMeeting p strong {color: #68539F;}
#AreaMeeting dl dt em {display: block;	color: #68539F;	font-size: 108%;}
#AreaMeeting dl dt strong em {display: block;color: #68539F;}
#AreaMeeting dl dt ol li img {padding: 0px 5px 10px 0px;}
#AreaMeeting dl dt ol li span {font-size: 108%;}
#AreaMeeting dl dt ol li.PriceMember span {color: #68539F;}

#AreaMeeting p em {
	display: block;
	float: none;
	width: 760px;
	line-height: 1.3;
	font-weight: bold;
	font-size: 123.1%;
}

#AreaMeeting p span {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	font-size: 75%;
}

#AreaMeeting dl dt {
	border-top: 2px solid #E1DCED;
	border-right: 2px solid #E1DCED;
	border-left: 2px solid #E1DCED;
	padding: 10px 20px;
	width: 376px;
}

#AreaMeeting dl dt.TitleDT {
	border: none;
	padding: 0px 0px 10px;
	width: 420px;
}

#AreaMeeting dl dt.TitleDT strong {
	float: none;
	display: block;
	color: #68539F;
	width: 250px;
}

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

#AreaMeeting dl dt.OtherBooth {
	border-top: none;
	border-bottom: 2px solid #E1DCED;
	background: url(img/bg_other-booth.jpg) no-repeat center top;
	margin: 0px 0px 15px;
	padding: 10px 20px 15px;
}
#AreaMeeting dl dt.OtherBooth .limg {
	float: left;
}

#AreaMeeting dl dt.OtherBooth span.TxtCaption {
	clear: both;
	background: none;
	margin: 0px;
	padding: 10px 0px 0px;
}

#AreaMeeting dl dd {
	float: right;
	width: 450px;
	padding-right: 8px;
}

#AreaMeeting dl dd img {
	padding: 0px 6px 10px;
}

#AreaMeeting dl#BasicTableBooth dt.TitleDT strong {
	width: auto;
}

#AreaMeeting dl#BasicTableBooth dt.TitleDT {
	padding: 0px 0px 10px;
	width: auto;
}

#AreaSample p strong {
	color: #845857;
}
#AreaSample p strong span.big{
	font-weight: bold;
	color: #845857;
}
#AreaSample dl dt strong em {display: block;color: #68539F;}

#AreaMeeting .dot_line {
	margin: 20px 0px;
	clear: both;
}



/*===== ■4. Sponcer =====*/
/* Title Setting */
.ExhibitSponcer h1 em {
	background: url(img/ttl_sponcer.jpg) no-repeat;
	width: 874px;
	height: 33px;
}

/* Sponcer */
#Sponcer h2 {
	background: url(img/ttl_sponcer_01.jpg) no-repeat;
	width: 881px;
	height: 38px;
}

#Sponcer p {
	margin: 10px 0px 10px 0px;
}

#Sponcer .btn {
	padding: 0px 0px 30px 0;
	clear: both;
}
#Sponcer .btn li {
	display: inline;
}

#Sponcer .photo {
	padding: 0px 0px 30px 0;
	clear: both;
}
#Sponcer .photo li {
	margin: 0px 10px 10px 0;
	padding: 0;
	float: left;
}

/* Sponcer Limitation */
#SponcerLimitation h2 {
	background: url(img/ttl_sponcer_02.jpg) no-repeat;
	width: 881px;
	height: 38px;
}
#SponcerLimitation p {
	margin: 10px 0px 20px 0px;
}
#SponcerLimitation h3 {
	margin: 10px 0px;
}
#SponcerLimitation .price {
	float: left;
	width: 550px;
}
#SponcerLimitation .price dt span {
	float: left;
	margin-right: 10px;
}
#SponcerLimitation .price dt em {
	display: block;
	width: 400px;
	padding-top: 4px;
	color: #6B57A3;
	font-weight: bold;
}
#SponcerLimitation .price dd{
	margin: 20px 10px;
	clear: both;
}
#SponcerLimitation .box {
	width: 880px;
	background: #F0F0F0;
	padding: 15px;
	margin: 0px 0px 20px 0px;
	height: 100px;
}
#SponcerLimitation .box ul {
	float: left;
	margin: 0px 20px 10px 0px;
}
#SponcerLimitation .box li {
	margin: 5px 0px;
}
#SponcerLimitation .box p {
	clear: both;
	margin: 0px 0px 10px 0px;
}
#SponcerLimitation .days {
	width: 880px;
}
#SponcerLimitation .days dt {
	float: left;
	padding: 5px;
	margin-right: 5px;
}
#SponcerLimitation .days dd {
	font-size: 0.9em;
}
#SponcerLimitation .line {
	clear: both;
	margin: 30px 0px;
}

/* Sponcer Limitation Light */
#SponcerLimitationLight {
	margin-bottom: 50px;
}
#SponcerLimitationLight h2 {
	background: url(img/ttl_sponcer_02.jpg) no-repeat;
	width: 881px;
	height: 38px;
}
#SponcerLimitationLight p {
	margin: 10px 0px 20px 0px;
}
#SponcerLimitationLight h3 {
	margin: 10px 0px 20px 0px;
}
#SponcerLimitationLight .price {
	float: left;
	width: 550px;
}
#SponcerLimitationLight .price dt span {
	float: left;
	margin-right: 10px;
}
#SponcerLimitationLight .price dt em {
	display: block;
	width: 400px;
	padding-top: 4px;
	color: #6B57A3;
	font-weight: bold;
}
#SponcerLimitationLight .price dd{
	margin: 20px 10px;
	clear: both;
}
#SponcerLimitationLight .box {
	width: 880px;
	background: #F0F0F0;
	padding: 15px;
	margin: 0px 0px 20px 0px;
	height: 80px;
}
#SponcerLimitationLight .box ul {
	float: left;
	margin: 0px 20px 10px 0px;
}
#SponcerLimitationLight .box li {
	margin: 5px 0px;
}
#SponcerLimitationLight .box p {
	clear: both;
	margin: 0px 0px 10px 0px;
}
#SponcerLimitationLight .days {
	width: 880px;
}
#SponcerLimitationLight .days dt {
	float: left;
	padding: 5px;
	margin-right: 5px;
}
#SponcerLimitationLight .days dd {
	font-size: 0.9em;
}
#SponcerLimitationLight .line {
	clear: both;
	margin: 30px 0px;
}
#SponcerLimitationLight .btn {
	padding: 30px 0px 30px 0;
	clear: both;
}
#SponcerLimitationLight .btn li {
	float: left;
	margin-right: 5px;
}
#SponcerLimitationLight .btn .small {
	padding-top: 10px;
}

/* Sponcer General */
#SponcerGeneral h2 {
	background: url(img/ttl_sponcer_03.jpg) no-repeat;
	width: 881px;
	height: 38px;
}
#SponcerGeneral p {
	margin: 10px 0px 20px 0px;
}
#SponcerGeneral h3 {
	margin: 10px 0px 20px 0px;
}
#SponcerGeneral .btn li {
	float: left;
	margin-right: 5px;
}
#SponcerGeneral .btn .small {
	padding-top: 10px;
}
#SponcerGeneral .photo {
	padding: 30px 0px 30px 0;
	clear: both;
}
#SponcerGeneral .photo li {
	margin: 0px 10px 10px 0;
	padding: 0;
	float: left;
}





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





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





/*===== ■7.  =====*/
#DownloadKikaku2 {
	width: 890px;
	margin: 0px 0px 30px 50px;
}

#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;
}





/*===== ■*.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 {
	content: '';
	display: block;
	clear: both;
}