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

	Title : popup.css

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


/* *********************************************
*
*	PC view
*	
********************************************* */

body {
	width:100%;
	background-image: none;
	background-color: #e4f0f9;
	overflow-x: hidden;
}
body,html{
	height:100%;
	}

#wrapper {
	width:100%;
	min-height:94%;
	background-image: none;
}
#wrapper #popup {
	width: 100%;
}
#wrapper #popup h1,
#wrapper #popup h2 {
	text-align: center;

}
#wrapper #popup h1 {
	margin: 20px auto;
}
#wrapper #popup h2{
	color:#000;
	font-size:20px;
}
#wrapper #popup h3{
	font-size:18px;
}
#wrapper #popup h3{
	font-weight:bold;
}
#wrapper #popup .number { 
	width:90%;
	margin:20px auto 0;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	position: relative;
	left:12px;
}
#wrapper #popup .number span{
	padding: 6px;
	color: #fff;
	display: inline-block;
	}

#wrapper #popup #BtnGeneral .number span{ background-color:#e94959;}
#wrapper #popup #BtnSmartSocial .number span { background-color:#9d9a99;}
#wrapper #popup #BtnCloudGameing .number span { background-color:#4ac1f1;}
#wrapper #popup #BtnGameDevice .number span { background-color:#19b4a6;}
#wrapper #popup #BtnGameSchool .number span { background-color:#63b73f;}
#wrapper #popup #BtnRomanceGame .number span { background-color:#e95b95;}
#wrapper #popup #BtnMerchandiseSales .number span { background-color:#ef7a00;}
#wrapper #popup #BtnFamily .number span { background-color:#8ca6d6;}
#wrapper #popup #BtnCosplay .number span { background-color:#ca7229;}
#wrapper #popup #BtnIndies .number span { background-color:#acae4c;}
#wrapper #popup #BtnBusinessSolution .number span { background-color:#6b57a3;}
#wrapper #popup #BtnCloud-Data .number span { background-color:#6b57a3;}
#wrapper #popup #BtnAsiaNewStars .number span { background-color:#6b57a3;}
#wrapper #popup #BtnStartup .number span { background-color:#6b57a3;}
#wrapper #popup #BtnMeeting .number span { background-color:#6b57a3;}
#wrapper #popup #BtnSmartAccessories .number span { background-color:#046ab7;}
#wrapper #popup #BtnCyberGamesAsia .number span { background-color:#046ab7;} /* add by nextis */
#wrapper #popup #BtnCga .number span { background-color:#046ab7;}


#wrapper #popup .dbox {
	width:90%;
	margin:0px auto 0;
	background-color:#fff;
	padding: 12px;
	clear:both;
	overflow: hidden;
}


#wrapper #popup .dbox h3 {
	padding: 10px 0 10px 11px;
	line-height: 1.0;
	margin-bottom: 18px;
}

#wrapper #popup #BtnGeneral .dbox h3 {	border-left: solid 5px #e94959;}
#wrapper #popup #BtnSmartSocial .dbox h3 {	border-left: solid 5px #9d9a99;}
#wrapper #popup #BtnCloudGameing .dbox h3 {	border-left: solid 5px #4ac1f1;}
#wrapper #popup #BtnGameDevice .dbox h3 {	border-left: solid 5px #19b4a6;}
#wrapper #popup #BtnGameSchool .dbox h3 {	border-left: solid 5px #63b73f;}
#wrapper #popup #BtnRomanceGame .dbox h3 {	border-left: solid 5px #e95b95;}
#wrapper #popup #BtnMerchandiseSales .dbox h3 {	border-left: solid 5px #ef7a00;}
#wrapper #popup #BtnFamily .dbox h3 {	border-left: solid 5px #8ca6d6;}
#wrapper #popup #BtnCosplay .dbox h3 {	border-left: solid 5px #63b73f;}
#wrapper #popup #BtnIndies .dbox h3 {	border-left: solid 5px #acae4c;}
#wrapper #popup #BtnBusinessSolution .dbox h3 {	border-left: solid 5px #6b57a3;}
#wrapper #popup #BtnCloud-Data .dbox h3 {	border-left: solid 5px #6b57a3;}
#wrapper #popup #BtnAsiaNewStars .dbox h3 {	border-left: solid 5px #6b57a3;}
#wrapper #popup #BtnStartup .dbox h3 {	border-left: solid 5px #6b57a3;}
#wrapper #popup #BtnMeeting .dbox h3 {	border-left: solid 5px #6b57a3;}
#wrapper #popup #BtnSmartAccessories .dbox h3 {	border-left: solid 5px #046ab7;}
#wrapper #popup #BtnCyberGamesAsia .dbox h3 {	border-left: solid 5px #046ab7;} /* add by nextis */
#wrapper #popup #BtnCga .dbox h3 {	border-left: solid 5px #046ab7;}

#wrapper #popup #BtnGeneral .dbox h4 {	color: #e94959;}
#wrapper #popup #BtnSmartSocial .dbox h4 {	color: #9d9a99;}
#wrapper #popup #BtnCloudGameing .dbox h4 {	color: #4ac1f1;}
#wrapper #popup #BtnGameDevice .dbox h4 {	color: #19b4a6;}
#wrapper #popup #BtnGameSchool .dbox h4 {	color: #63b73f;}
#wrapper #popup #BtnRomanceGame .dbox h4 {	color: #e95b95;}
#wrapper #popup #BtnMerchandiseSales .dbox h4 {	color: #ef7a00;}
#wrapper #popup #BtnFamily .dbox h4 {	color: #8ca6d6;}
#wrapper #popup #BtnCosplay .dbox h4 {	color: #63b73f;}
#wrapper #popup #BtnIndies .dbox h4 {	color: #acae4c;}
#wrapper #popup #BtnBusinessSolution .dbox h4 {	color: #6b57a3;}
#wrapper #popup #BtnCloud-Data .dbox h4 {	color: #6b57a3;}
#wrapper #popup #BtnAsiaNewStars .dbox h4 {color: #6b57a3;}
#wrapper #popup #BtnStartup .dbox h4 {	color: #6b57a3;}
#wrapper #popup #BtnMeeting .dbox h4 {	color: #6b57a3;}
#wrapper #popup #BtnSmartAccessories .dbox h4 {	color: #046ab7;}
#wrapper #popup #BtnCyberGamesAsia .dbox h4 {	color: #046ab7;} /* add by nextis */
#wrapper #popup #BtnCga .dbox h4 {	color: #046ab7;}


#wrapper #popup .dbox h4 {
	text-align: left;
	font-size:14px;
	font-weight: bold;
	margin-bottom: 15px;
}

#wrapper #popup .dbox p{
	font-size: 14px;
	line-height: 20x;
	margin-bottom: 14px;

}

/* -------------------
	table
------------------- */
#wrapper #popup .dbox table {
	width: 100%;
}


#wrapper #popup .dbox table,
#wrapper #popup .dbox table th,
#wrapper #popup .dbox table td  {
	border: 1px solid #dddddd;
}

#wrapper #popup .dbox table th {
	padding:  16px;
	background-color:#aaa;
	color:#fff;
	text-align: left;
	font-weight: bold;
	/*max-width: 10px;*/
}



#wrapper #popup .dbox table td {
	padding:  16px;
}

#wrapper #popup .dbox table td a {
	font-weight: bold;
	margin-right: 10px;
}



/* -------------------
	footer
------------------- */

.footer {
	width:100%;
	min-height:6%;
	padding:10px 0;
	margin:20px 0 0;
	display: block;	
	background: #01122d;
}

.footer .fi {
	width: 90%;
	margin:5px auto;
	overflow:hidden;
}

.footer .fi ul {
	float: left;
	width: 82%;
	background: #FFF;
	padding: 7px 10px;
	border-radius: 5px; /* 角丸 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	margin: 0 auto;
}
.footer .fi ul li{
	margin:0 5px;
	display:inline;
	}
 .footer .fi .clsBtn {
	width:8%;
	float: right;
	margin-top: 7px;	
}


/* *********************************************
*
*	SP view
*	
********************************************* */

@media screen and (max-width:769px){	

#wrapper #popup {
	/*max-width: 320px;*/
	margin:0 auto;
	/*overflow-x: hidden;*/
}
	
#wrapper #popup .dbox h4 {
	font-size:14px;
}

#wrapper #popup .dbox p{
	font-size: 14px;
	line-height: 20x;

}
	
	
/* table */
#wrapper #popup .dbox table {
	width: 100%;
}

#wrapper #popup .dbox table,
#wrapper #popup .dbox table th,
#wrapper #popup .dbox table td  {
	border: none;
}


#wrapper #popup .dbox table th {
	display: block;
	padding: 10px 5px 10px 10px;
	font-size: 14px;

	max-width: none;
}


#wrapper #popup .dbox table td {
	padding:  10px 16px 16px 16px;
	font-size: 14px;
	line-height: 20px;
	display: block;
}

	
}