@charset "utf-8";

h2.title {
	background-image: url("../images/title_bird.gif");
}
div.bg {
	background-image: url("../images/bg_bird.gif");
	border-bottom: 2px solid #cc0066;
}
div.category {
	background-color: #cc0066;
}

.info_detail_content .smallmenu {
	background-image: url("/images/small_menu.gif");
	background-position: 0px 6px;
	background-repeat: no-repeat;
	font-weight: 700;
	height: auto;
	padding-left: 12px;
	padding-top: 2px;
	text-transform: uppercase;
	width: 570px;
	margin-bottom: 5px;
}

div#info_list {
}
	div#info_list a.info_line {
		float: left;
		display: block;
		width: 582px;
		padding-top: 4px;
		border-bottom: 1px solid #ccc;
		cursor: pointer;
	}
	div#info_list a.info_line:hover {
		background-color: #ffffcc;
	}
		a.info_line img.icon {
			float: left;
			margin-right: 10px;
		}
		a.info_line span.txt {
			float: left;
			width: 430px;
		}
		a.info_line div.date {
			float: right;
			width: 65px;
			height: 20px;
		}


div.info_detail_header {
}
	div.info_detail_header img.icon {
		float: left;
		margin-right: 10px;
	}
	div.info_detail_header span.title {
		font-weight: bold;
		float: left;
		width: 500px;
	}
	div.info_detail_header div.date {
		float: left;
		width: 99%;
		height: 20px;
		text-align: right;
		border-top: 1px solid #ccc;
	}

div.info_detail_content {
	margin: 10px;
	padding: 5px;
	border: 1px solid #fdf5f9;
	background-color: #fdf5f9;
	color: #000000;
}

div.info_detail_footer {
	margin: 10px 0;
	text-align: center;
}

/* useful */
div#useful {
	width: 410px;
	margin: 10px auto;
	padding: 55px 20px 10px;
	background: url("../images/useful_item.jpg") left top;
	border-bottom: #f594cc solid 3px;
}
div#useful table { background: #FFFFCC; }
div#useful table tr,
div#useful table td { padding: 2px; }
div#useful table img { margin: 10px; }
div#useful a#gotomall_bt {
	display: block;
	width: 352px;
	height: 52px;
	margin: 10px auto 0;
	background: url("../images/news_button.png");
	text-indent: -9999px;
	overflow: hidden;
}

/*091001 Schedule*/
	table#schedule {
    	width: 530px;
		margin: 0 auto;
    	border: 1px #000000 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		color: #000000;
		font-weight: bold;
	}

	table#schedule th {
    	padding: 5px;
    	border: #000000 solid;
    	border-width: 0 0 1px 1px;
    	background: #217B11;
    	font-weight: bold;
    	line-height: 120%;
    	text-align: center;
		color: #FFFFFF;
		text-shadow : 1px 1px 1px black;
	}
	
	table#schedule td {
    	padding: 5px;
    	border: 1px #000000 solid;
    	border-width: 0 0 1px 1px;
    	text-align: center;
		background-color: #F0EDC8;
		font-weight: bold;
	}
	
	table.schedule_day td {
		text-align: center;
		font-weight: bold;
		background-color: #CC6600;
	}
	
	table#schedule td.month {
		font-size: 30px;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow : 2px 1px 1px black;
		background:  #990000;
	}
	table#schedule td.itemmall { background: #FFCC99; }
	table#schedule td.campaign { background: #FEC5E7; }
	table#schedule td.ingame_event { background: #C2F2FC; }
	table#schedule td.sns { background: #B6FBAE; }
	table#schedule td.exp_event { background: #CCFF66; }
	table#schedule td.login_event { background: #FF99CC; }

/*090807 item added brown*/
table.item_added {
	width:530px;
	margin: 0 auto;
	border: 1px #CC9966 solid; 
	border-collapse: collapse; 
	border-spacing: 0;
	text-align: left;
}

table.item_added th {
	padding: 5px; 
	border: #CC9966 solid; 
	border-width: 0 0 1px 1px; 
	background: #F3C29E; 
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}

table.item_added td {
	padding: 5px; 
	border: 1px #CC9966 solid; 
	border-width: 0 0 1px 1px; 
	text-align: center;
}

table.item_added td p {
	text-align: left;
	font-weight: normal;
}

/* in-line-sprite-image (アイコン専用) */
table.item_added span.sprite {
	width: 32px;
	height: 32px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

table.item_added img.clip { position: absolute; }

span.sprite img.icon01 { top: 0px; left: 0px; }
span.sprite img.icon02 { top: 0px; left: -32px; }
span.sprite img.icon03 { top: 0px; left: -64px; }
span.sprite img.icon04 { top: 0px; left: -96px; }
span.sprite img.icon05 { top: 0px; left: -128px; }
span.sprite img.icon06 { top: 0px; left: -160px; }
span.sprite img.icon07 { top: 0px; left: -192px; }
span.sprite img.icon08 { top: 0px; left: -224px; }
span.sprite img.icon09 { top: 0px; left: -256px; }
span.sprite img.icon10 { top: 0px; left: -288px; }

span.sprite img.icon11 { top: -32px; left: 0px; }
span.sprite img.icon12 { top: -32px; left: -32px; }
span.sprite img.icon13 { top: -32px; left: -64px; }
span.sprite img.icon14 { top: -32px; left: -96px; }
span.sprite img.icon15 { top: -32px; left: -128px; }
span.sprite img.icon16 { top: -32px; left: -160px; }
span.sprite img.icon17 { top: -32px; left: -192px; }
span.sprite img.icon18 { top: -32px; left: -224px; }
span.sprite img.icon19 { top: -32px; left: -256px; }
span.sprite img.icon20 { top: -32px; left: -288px; }

span.sprite img.icon21 { top: -64px; left: 0px; }
span.sprite img.icon22 { top: -64px; left: -32px; }
span.sprite img.icon23 { top: -64px; left: -64px; }
span.sprite img.icon24 { top: -64px; left: -96px; }
span.sprite img.icon25 { top: -64px; left: -128px; }
span.sprite img.icon26 { top: -64px; left: -160px; }
span.sprite img.icon27 { top: -64px; left: -192px; }
span.sprite img.icon28 { top: -64px; left: -224px; }
span.sprite img.icon29 { top: -64px; left: -256px; }
span.sprite img.icon30 { top: -64px; left: -288px; }

span.sprite img.icon31 { top: -96px; left: 0px; }
span.sprite img.icon32 { top: -96px; left: -32px; }
span.sprite img.icon33 { top: -96px; left: -64px; }
span.sprite img.icon34 { top: -96px; left: -96px; }
span.sprite img.icon35 { top: -96px; left: -128px; }
span.sprite img.icon36 { top: -96px; left: -160px; }
span.sprite img.icon37 { top: -96px; left: -192px; }
span.sprite img.icon38 { top: -96px; left: -224px; }
span.sprite img.icon39 { top: -96px; left: -256px; }
span.sprite img.icon40 { top: -96px; left: -288px; }

span.sprite img.icon41 { top: -128px; left: 0px; }
span.sprite img.icon42 { top: -128px; left: -32px; }
span.sprite img.icon43 { top: -128px; left: -64px; }
span.sprite img.icon44 { top: -128px; left: -96px; }
span.sprite img.icon45 { top: -128px; left: -128px; }
span.sprite img.icon46 { top: -128px; left: -160px; }
span.sprite img.icon47 { top: -128px; left: -192px; }
span.sprite img.icon48 { top: -128px; left: -224px; }
span.sprite img.icon49 { top: -128px; left: -256px; }
span.sprite img.icon50 { top: -128px; left: -288px; }
/* ここまで */

/*News Icon (45x45)*/
/*****************************************************/
table.item_added span.sprite45 {
	width: 45px;
	height: 45px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

table.item_added img.clip { position: absolute; }

span.sprite45 img.icon01 { top: 0px; left: 0px; }
span.sprite45 img.icon02 { top: 0px; left: -45px; }
span.sprite45 img.icon03 { top: 0px; left: -90px; }
span.sprite45 img.icon04 { top: 0px; left: -135px; }
span.sprite45 img.icon05 { top: 0px; left: -180px; }
span.sprite45 img.icon06 { top: 0px; left: -225px; }
span.sprite45 img.icon07 { top: 0px; left: -270px; }
span.sprite45 img.icon08 { top: 0px; left: -315px; }
span.sprite45 img.icon09 { top: 0px; left: -360px; }
span.sprite45 img.icon10 { top: 0px; left: -405px; }

span.sprite45 img.icon11 { top: -45px; left: 0px; }
span.sprite45 img.icon12 { top: -45px; left: -45px; }
span.sprite45 img.icon13 { top: -45px; left: -90px; }
span.sprite45 img.icon14 { top: -45px; left: -135px; }
span.sprite45 img.icon15 { top: -45px; left: -180px; }
span.sprite45 img.icon16 { top: -45px; left: -225px; }
span.sprite45 img.icon17 { top: -45px; left: -270px; }
span.sprite45 img.icon18 { top: -45px; left: -315px; }
span.sprite45 img.icon19 { top: -45px; left: -360px; }
span.sprite45 img.icon20 { top: -45px; left: -405px; }

span.sprite45 img.icon21 { top: -90px; left: 0px; }
span.sprite45 img.icon22 { top: -90px; left: -45px; }
span.sprite45 img.icon23 { top: -90px; left: -90px; }
span.sprite45 img.icon24 { top: -90px; left: -135px; }
span.sprite45 img.icon25 { top: -90px; left: -180px; }
span.sprite45 img.icon26 { top: -90px; left: -225px; }
span.sprite45 img.icon27 { top: -90px; left: -270px; }
span.sprite45 img.icon28 { top: -90px; left: -315px; }
span.sprite45 img.icon29 { top: -90px; left: -360px; }
span.sprite45 img.icon30 { top: -90px; left: -405px; }

span.sprite45 img.icon31 { top: -135px; left: 0px; }
span.sprite45 img.icon32 { top: -135px; left: -45px; }
span.sprite45 img.icon33 { top: -135px; left: -90px; }
span.sprite45 img.icon34 { top: -135px; left: -135px; }
span.sprite45 img.icon35 { top: -135px; left: -180px; }
span.sprite45 img.icon36 { top: -135px; left: -225px; }
span.sprite45 img.icon37 { top: -135px; left: -270px; }
span.sprite45 img.icon38 { top: -135px; left: -315px; }
span.sprite45 img.icon39 { top: -135px; left: -360px; }
span.sprite45 img.icon40 { top: -135px; left: -405px; }

span.sprite45 img.icon41 { top: -180px; left: 0px; }
span.sprite45 img.icon42 { top: -180px; left: -45px; }
span.sprite45 img.icon43 { top: -180px; left: -90px; }
span.sprite45 img.icon44 { top: -180px; left: -135px; }
span.sprite45 img.icon45 { top: -180px; left: -180px; }
span.sprite45 img.icon46 { top: -180px; left: -225px; }
span.sprite45 img.icon47 { top: -180px; left: -270px; }
span.sprite45 img.icon48 { top: -180px; left: -315px; }
span.sprite45 img.icon49 { top: -180px; left: -360px; }
span.sprite45 img.icon50 { top: -180px; left: -405px; }

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

	
.nedan {
	text-align: right;
	margin-right: 15px;
	font-weight: bold;
}

.price {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

table.images td img {display: block;}

/**/
/*Image Preloader*/
@media screen { 
    div#preloader { 
        position: absolute; 
        left: -9999px; 
        top: -9999px; 
    } 
    div#preloader img { 
        display: block; 
    } 
} 
@media print { 
    div#preloader, 
    div#preloader img { 
        visibility: hidden; 
        display: none; 
    } 
}

/*gm vs gm result*/
div#gm_vs_gm {
	width: 500px;
	height: 254px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0 auto;
}

div#gm_vs_gm div.team_a{
	width: 39%;
	height: 250px;
	float: left;
	border: 2px solid #FFFFFF;
}

div#gm_vs_gm div.vs{
	width: 20%;
	height: 250px;
	text-align: center;
	float: left;
	background-color: #FFFFCC;
	line-height: 250px;
	border: 1px solid  #FFFFFF;
	border-top-width: 2px;
	border-bottom-width: 2px;
}

div#gm_vs_gm div.team_b{
	width: 39%;
	height: 250px;
	float: left;
	border: 2px solid  #FFFFFF;
}

/*Team Color Setting*/
div#gm_vs_gm div.win_a { background-color: #FFCCFF;}
div#gm_vs_gm div.win_b { background-color: #BEEAFA;}
div#gm_vs_gm div.lose { background-color: #CCCCCC;}

div#gm_vs_gm ul { margin: 10px 0 0 10px;}

div#gm_vs_gm li{ list-style-type: none; line-height: 19px;}
div#gm_vs_gm li.sanka{ font-weight: bold;}
div#gm_vs_gm li.win { color: #0066FF;}


/* table */
table.list_table {
	width: 500px;
	margin: 0 auto;
	border: 1px #009999 solid; 
	border-collapse: collapse; 
	border-spacing: 0;
}

table.list_table th {
	padding: 5px; 
	border: #009999 solid; 
	border-width: 0 0 1px 1px; 
	background: #99CCCC; 
	line-height: 120%; 
	white-space: nowrap;
	text-align: center;
}

table.list_table td {
	padding: 5px; 
	border: 1px #009999 solid; 
	border-width: 0 0 1px 1px; 
}

/* parallel list */
table.parallel_list_table {
	border-collapse:collapse;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	background: #FFFFFF;
}
table.parallel_list_table tr.head {
	font-weight: bold;
	background: #CCCCCC;
}
.parallel_list_table th, .parallel_list_table td {
	text-align: center;
	border-bottom: #CCCCCC 1px solid;
}
.parallel_list_table th { font-weight: bold; }


/* ==========================================
	GvG用リスト
========================================== */
		#gvg_table table {
		width: 500px;
		margin: 0 auto;
		border-spacing: 0;
	}
		#gvg_table table caption {
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#gvg_table table th:nth-child(3n+1),
		#gvg_table table td:nth-child(3n+1) { 
			width: 43%;
			background-color: #FFFFCC;
		}
		
		#gvg_table table th:nth-child(3n+2) { 
			width: 14%;
			text-align: center;
		}
		
		#gvg_table table th:nth-child(3n+3),
		#gvg_table table td:nth-child(3n+2) { 
			width: 43%;
			background-color: #FFCCFF;
		}
		
		
		
div#table110421	{
	margin:0 auto;
}
		
#table110421 #scope_1 {
	font-weight: bold;
  text-shadow: 2px 1px 1px black;
	color: #FFF;
	background: #039;
}
#table110421 .chargecolor {
	text-shadow: 2px 1px 1px black;
	font-size: 20px;
	color: #FFF !important;
	font-weight: bold;
}

#table110421 table#charge {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px
}

#table110421 .name {
	font-weight: bold;
}

#table110421 .description {
	font-size:12px;
}