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

	Title : popup.css

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


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

body {
	background-image: none;
}

#wrapper {
	background-color:#e4dada;
	padding: 20px 10px 10px 10px;
	background-image: none;
}

#wrapper #popup {
	width: 100%;
}


#wrapper #popup h1,
#wrapper #popup h2 {
	text-align: center;
}

#wrapper #popup h1 {
	margin-bottom: 20px;
}

#wrapper #popup .number { 
	padding: 6px 4px;
	color: #fff;
	width: 100px;
	float: right;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 18px;
}

#wrapper #popup #BtnGeneral .number { background-color:#e94959;}
#wrapper #popup #BtnSmartSocial .number { background-color:#9d9a99;}
#wrapper #popup #BtnCloudGameing .number { background-color:#4ac1f1;}
#wrapper #popup #BtnGameDevice .number { background-color:#19b4a6;}

#wrapper #popup #BtnGameSchool .number { background-color:#63b73f;}
#wrapper #popup #BtnRomanceGame .number { background-color:#e95b95;}
#wrapper #popup #BtnMerchandiseSales .number { background-color:#ef7a00;}
#wrapper #popup #BtnFamily .number { background-color:#8ca6d6;}

#wrapper #popup #BtnCosplay .number { background-color:#ca7229;}
#wrapper #popup #BtnIndies .number { background-color:#acae4c;}
#wrapper #popup #BtnBusinessSolution .number { background-color:#6b57a3;}
#wrapper #popup #BtnCloud-Data .number { background-color:#6b57a3;}

#wrapper #popup #BtnAsiaNewStars .number { background-color:#6b57a3;}
#wrapper #popup #BtnStartup .number { background-color:#6b57a3;}
#wrapper #popup #BtnMeeting .number { background-color:#6b57a3;}
#wrapper #popup #BtnSmartAccessories .number { background-color:#046ab7;}


#wrapper #popup .dbox {
	background-color:#f7f4f4;
	padding: 12px;
	margin-top: 31px;
}


#wrapper #popup .dbox h3 {
	padding: 7px 0 0 11px;
	height: 23px;
	line-height: 1.0;
	margin-bottom: 18px;
	border-left: solid 12px #5ab7ac; 
	border-bottom: solid 1px #5ab7ac;
}


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

	#wrapper #popup .dbox h4 a {
		font-weight: normal;
	}


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

#wrapper #popup .dbox p img{
	float: left;
	margin: 0 10px 10px 0;
}


/* -------------------
	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: #efefef;
	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
------------------- */
#wrapper .footer {
	display: block;	
}

#wrapper .footer .fbox {
	width: auto;
	padding: 8px 10px 8px 10px !important;
}


#wrapper .footer .fi {
	width: auto;
}

#wrapper .footer .fi ul {
	float: left;
	width: 400px;
	background: #FFF;
	padding: 7px 10px;
	border-radius: 5px; /* 角丸 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	margin: 0 auto;
}

#wrapper .footer .fi .clsBtn {
	float: right;
	margin-top: 7px;
	
}


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

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

	
#wrapper #popup .dbox h4 {
	font-size:14px;
}

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

}

#wrapper #popup .dbox p img{
	float: left;
	margin: 0 20px 20px 0;
}
	
	
/* 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;
	background-color:#cccccc;
	max-width: none;
}


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


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

#wrapper .footer .fbox {
	padding: 8px 0 0 0 !important;
}


#wrapper .footer .fi ul {
	float: none;
	width: auto;
	background: #FFF;
	padding: 7px 10px;
	border-radius: 5px; /* 角丸 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

#wrapper .footer .fi .clsBtn {
	float: none;
	margin: 15px auto 0;
	
}



	
}