@charset "UTF-8";
/* CSS Document */
/*スライダーのスタイルはcoda-slider-2.0.cssへ*/
#contents{
	width:950px;}
#headerflash{
	background-image:url(../images/pchdr.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:500px;
	}
	#flashContent{}
#headersumaho{
	display:none;}
	
	/*=============================*/
#topixbox{
	
		margin:10px auto;
	width:925px;
	height:35px;
	overflow:hidden;
	background-color:#333;}
#topixbox p{
		background-color:#ddd;
		line-height:16px;
		font-size:16px;
		color:#000;
		height:35px;
		padding-top:9px;
		padding-left:20px;
		padding-right:20px;
		display:block;
		margin:0px;
		float:left;}
#topixbox hr{
			margin:0 10px;
			display:none;}
#news{
	margin-left:100px;
	height:30px;
	padding-bottom:5px;
	overflow:hidden;}
	#news ul, #news li{
				padding-bottom:10px;
		list-style:none;}
		#news li{	clear:both;
}
#news p{
	color:#dddddd;
		background-color:#333;
	float:left;}
	.hiduke{	font-size:14px;

}
	.naiyou{
		font-size:14pt;}
	
	/*=============================*/
#iteminfo, #social{
	width:320px;}
	
#iteminfo, #forofficial,#forshop, #social{
	float:right;
	margin-right:15px;
	margin-bottom:10px;
	}
#iteminfo {
	background-color:#eee;}
#iteminfo ul{
	margin-top:20px;}
#iteminfo li {
			font-size:14px;
			padding:3px 0;}
				#iteminfo .lith{
					margin-left:10px;}

#pack{
		width: inherit;
		text-align:center;
	}
#pack img{

		margin:10px auto 20px auto;
	width: 260px;
	/*height:231px;*/
	border:1px #ddd solid;
}
#forofficial,#forshop{
	clear:both;
	background-image:url(../images/linkbg0.jpg);
	background-repeat:repeat-x;
	background-position:0 -20px;
	background-color:#eeeeff;
	border:#ddd solid 2px;
	width:316px;
  border-radius: 15px;         /* CSS3 */
   -moz-border-radius: 15px;    /* Firefox */
   -webkit-border-radius: 15px; /* Safari,Chrome */
}
#forofficial a, #forshop a{
	color:#fff;
	text-decoration:none;
		padding:10px 0;
		display:block;

	
	}
	#forofficial a:hover, #forshop a:hover{
			color:#ffff55;
		background-image:url(../images/linkbg0.jpg);
	background-repeat:repeat-x;
	background-position:0 -100px;
		  border-radius: 15px;         /* CSS3 */
   -moz-border-radius: 15px;    /* Firefox */
   -webkit-border-radius: 15px; /* Safari,Chrome */}
.textlinkbox a:hover{
	color:#bbbbff;
	
	}
	#social{clear:both;
	padding:0px 0 10px 0;}
	.api{
		float:left;
		width:155px;
		}
		
.bannerbox{
clear:both;
float:right;
	width:318px;
margin-right:15px;
	margin-bottom:10px;
		border:#ddd solid 1px;
		padding:0px 0px 0px 0px;
		background-color:#fff;
	}
	.bannerbox p{
		padding:5px 0;
		margin-bottom:5px;
		background-color:#ddd;}
.textlinkbox a{
		text-decoration:none;
		color:#06C;
		padding:5px 0px ;
	display:block;
	width:308px; 
	margin:10px auto 0px auto;
		border-bottom: solid #ddddff 2px;
	}
#gamecontents{
	overflow:hidden;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:0px;

	width: 580px;

	background-color:#dddddd;
	}

.title{
	color:#ffffff;
		font-size:20px;
			font-weight:bold;
			width:520px;
	margin-left:0px;
	background-image:url(../images/hback.jpg);
	background-position:center;
	display:none;}
		*:first-child+html .title{
				margin-left:-20px;width:540px;}
	h3{
		margin:10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #033;
}
h3 br{display:none;}
h4 p{
	text-align:left;
	margin-bottom:10px;
	margin-left:0px;
	font-size: 18px;
	font-weight: bold;
	color: #03a;}
	.points{}
	.points li{
		margin-bottom:10px;
		}
	.points span.sbimg,
	.points a{
		margin:0 15px 5px 0;
		width:245px;
		height:147px;
		display:block;
		text-decoration:none;
		float:left;}
	.points span.sbimg img,
	.points a img{
			width:245px;
		height:147px;
				border:none;}
.textbox p{
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin:0px 0px 5px 0px;}
	.textbox,.normal{
	
	text-align:left;
	font-size: 14px;
	line-height: 160%;
	color: #333;
}
.captbox{/*キャプション付き画像用*/
			margin:0 15px 5px 0;
	width:245px;
	text-align:center;
	float:left;}
.captbox a{
		color:#1D32BC;
		margin:0;
		text-align:center;
		width:80px;/*イメージの幅を3等分*/
		display:block;
		float:left;
		height:auto;}
.captbox img{		
	width:245px;
		height:147px;}
.captbox a:hover{
			color:#0bb;}
	.right{
				margin:0px;
				float:right;}
.normal{
					display:block;
					clear:both;}
			
.screens{}
.screens li{
				display:block;
				overflow:hidden;
				width:540px;
				margin:auto;}
.screens span.sbimg,.screenbox{
		margin:0 5px 20px 8px;
		width:245px;
		height:147px;
		display:block;
		float:left;
		}
.screenbox a{
		width:245px;
		height:147px;
		display:block;
		text-decoration:none;}
.screens span.sbimg img,.screenbox a img{
				width:245px;
		height:147px;}
		
.movie{}
.movie li{}
#sb-body-inner iframe #sb-player {
			width:80%;}
.copyright{
	font-size:12px;
	padding:5px 10px 8px 0;
	text-align:right;}	
	
	.lith, .litd{
	text-align:left;}	
*:first-child+html #iteminfo .lith{}	
*:first-child+html #iteminfo .litd{width:200px;}
			
/*====================================*/
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 10px 0px 10px 0px; margin-left:0px;}
	.coda-slider { background: #fff; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {/* height:inherit;*/ overflow: auto !important; padding-right: 20px; }
	#coda-slider-1{
	}
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {width: 560px; margin:0 auto;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 560px; margin:0 auto; overflow:hidden;}
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px;  overflow:hidden;}
*:first-child+html .coda-slider-wrapper{overflow-y: hidden;}
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background-image:url(../images/hback.jpg); background-position:center; background-repeat:repeat-x; color:#fff; font-weight:normal; font-size:11pt;/*background: #39c;*/ }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px;  }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; list-style:none; margin-left:11px;}
.coda-nav li { list-style:none; }

.coda-nav li a {/*background: #000;*/ background-image:url(../images/hbackcurrent.jpg); background-position:-50px center; background-repeat:repeat-x; color: #fff; display: block; margin-right: 1px; padding: 6px 6px; text-decoration: none; font-size:11pt; font-weight:normal; }
.coda-nav li a:hover{color: #eef; }
	html>/**/body .coda-nav li { display: block;}

	html>/**/body .coda-nav li a { float:left;}
	*:first-child+html .coda-nav li{ float:left;}
	*:first-child+html .coda-nav li a{ white-space:nowrap; width:124px; font-size:11px;}
	*:first-child+html .coda-slider .panel-wrapper { width: 520px; margin:0px 0 0 10px; padding-right:10px}
	*:first-child+html .coda-slider-wrapper {overflow:hidden;}
/*	.coda-nav li.tab1, .coda-nav li.tab2{ list-style:none; display: block; float: left;}*/
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left;   margin-bottom:10px;
	background-color:#ffffff;}
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left, .coda-nav-right { float: left;  display:none;}
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }
	
	.arrows{
		overflow:hidden;}