@charset "utf-8";
/*--------------------------------------------------
　CSS for ASCIIjp Steam
　　Last Modified 2015.9.7
　　http://ascii.jp/
　　File Name:jpSteam.css
　　Copyright (C) KADOKAWA CORPORATION 2015

--------------------------------------------------*/
@import "jpGeneral.css?2020083101";

/*Font-size --------------------------------------------------------------------------------------
77% = 10px	85% = 11px	92% = 12px	100% = 13px	107% = 14px	114% = 15px	122% = 16px	129% = 17px
136% = 18px	144% = 19px	152% = 20px	159% = 21px	167% = 22px 174% = 23px	182% = 24px	189% = 25px
-------------------------------------------------------------------------------------------------*/
#steam #jpWrap #mainC a:link		{	color: #0085d2;	text-decoration: none; outline:none;	}
#steam #jpWrap #mainC a:visited	{	color: #0085d2;	text-decoration: none;	}
#steam #jpWrap #mainC a:hover		{	color: #16aaff;	text-decoration: underline;}
/* float --*/

#steam #jpWrap #mainC #topContents:after,
#steam #jpWrap #mainC ul.reviewList li:after,
#steam #jpWrap #sideR ul li:after,
#steam #jpWrap #sideR:after,
#steam #jpWrap #mainC:after,
#steam #jpWrap #jptopwrap:after,
.clearfix:after					{	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}


* html #steam #jpWrap #mainC #topContents,
* html #steam #jpWrap #mainC ul.reviewList li,
* html #steam #jpWrap #sideR ul li,
* html #steam #jpWrap #sideR,
* html #steam #jpWrap #mainC,
* html #steam #jpWrap #jptopwrap,
* html .clearfix				{	zoom: 1; } /* IE6 */


*:first-child+html #steam #jpWrap #mainC #topContents,
*:first-child+html #steam #jpWrap #mainC ul.reviewList li,
*:first-child+html #steam #jpWrap #sideR ul li,
*:first-child+html #steam #jpWrap #sideR,
*:first-child+html #steam #jpWrap #mainC,
*:first-child+html #steam #jpWrap #jptopwrap,
*:first-child+html .clearfix	{	zoom: 1; } /* IE7 */

/* layout --*/
#steam #jpWrap {
	background: #000 url("/img/ad/steam/bg.png") repeat-x left top ;
	border-top: 3px solid #333;
}
#steam #jpWrap #jptopwrap			{	width: 1058px; padding: 0 0 10px 0;}
#steam #jpWrap #mainC				{	width: 700px; padding: 0 0 0 10px;float: left;}

#steam #jpWrap #container{
	width: 720px;
	background: #3b3938;
	border:1px solid #000;
	box-shadow: 0px 0px 0px 1px #3b3938;
	margin: 10px 0 10px 10px;
	padding: 10px 0;
	overflow: hidden; _zoom: 1;
}

#steam #jpWrap ul,#steam #jpWrap li			{	margin: 0;}
#steam #jpWrap ul,#steam #jpWrap li a			{	zoom: 1;}
#steam #jpWrap #mainC a img,#steam #jpWrap #mainC a:hover img		{	border:0;}
#steam #jpWrap #mainC td									{	background-color: transparent; }

#steam #jpWrap #header{
	background: none;
	color: #fff;
}
#steam #jpWrap #header #jplogo h1,
#steam #jpWrap #header #jplogo h2{
	background-color: transparent;
	background-image: url("/img/ad/steam/logo.png");
	background-repeat: no-repeat;
	float: left;
	padding: 0;
}

#steam #jpWrap #header #jplogo h1 {
background-position: top left;
margin:35px 5px 0 25px;
width: 130px;
height: 37px;
}
#steam #jpWrap #header #jplogo h1 a {
padding: 37px 0 0;
display: block;
width: 130px;
height: 0;
overflow: hidden;
}
#steam #jpWrap #header #jplogo h2 {
margin:35px 0 0;
background-position: top right;
width: 108px;
height: 37px;
}
#steam #jpWrap #header #jplogo h2 a {
padding: 37px 0 0;
display: block;
width: 108px;
height: 0;
overflow: hidden;
}

#elecom #steam #jpWrap						{ border-color: #333333;}
#steam #jpWrap #header #generalMenu 			{ background-image: url(/img/0910/bg_generalmenu_bk.gif);}
#steam #jpWrap #header #generalMenu li a 		{ background-image: url(/img/0910/menu_general_bk.gif);}
#steam #jpWrap #header #secondMenu,
#steam #jpWrap #header #secondMenu02 			{ background-image: url(/img/0910/bg_secondmenu_bk.gif);}
#steam #jpWrap #header #secondMenu li a 		{ background-image: url(/img/0910/menu_second_bk.gif);}
#steam #jpWrap #header #secondMenu02 li a 		{ background-image: url(/img/0910/menu_second02_bk.gif);}


/* main --*/

#steam #jpWrap #mainC #topContents {
	overflow: hidden; _zoom: 1;
	background:#ebefef;
	padding: 20px;
	margin-bottom: 10px;
}
#steam #jpWrap #mainC #topContents .thumb					{	float: right; margin-left: 20px;}
#steam #jpWrap #mainC #topContents .thumb a img {	border: 1px solid #000;}
#steam #jpWrap #mainC #topContents .thumb a:hover img		{	border: 1px solid #0085d2;}
#steam #jpWrap #mainC #topContents .lead {
	overflow: hidden; _zoom: 1;
	text-align: justify;text-justify: inter-ideograph;
}

#steam #jpWrap #mainC #topContents .lead h4				{	font-size: 182%; font-weight: bold;padding-bottom: 10px;line-height: 1.2em;}
#steam #jpWrap #mainC #topContents .lead p					{	font-size: 114%;}
#steam #jpWrap #mainC #topContents .lead p.subtitle		{	font-size: 122%;color: #666;font-weight: bold;padding-bottom: 5px;}

#steam #jpWrap #mainC #banCP					{	padding-bottom: 10px;}
#steam #jpWrap #mainC h2{
	background:#3b3938 url("/img/ad/steam/h_bg.png") repeat left top ;
	margin: 15px -10px 10px !important;
	padding: 10px;
	color: #fff;
	font-size: 136%;
	font-weight: normal;
	letter-spacing:5px;
	text-shadow: 5px 5px 1px #333;
	overflow: hidden;
}
#steam #jpWrap #mainC ul.reviewList {	margin: 0 0 5px 0;}
#steam #jpWrap #mainC ul.reviewList li	{
	overflow: hidden;	_zoom: 1;
	padding: 15px 10px 15px 0;
	border-bottom: 1px solid #000;
	color: #d8d8de;
}

#steam #jpWrap #mainC ul.reviewList li a{
	color: #66c0f4;
}

#steam #jpWrap #mainC ul.reviewList li .thumb					{	float: left; margin-right: 10px;}
#steam #jpWrap #mainC ul.reviewList li .thumb a img			{	border: 1px solid #000;}
#steam #jpWrap #mainC ul.reviewList li .thumb a:hover img		{	border: 1px solid #66c0f4;}
#steam #jpWrap #mainC ul.reviewList li .lead					{	overflow: hidden;	_zoom: 1;}
#steam #jpWrap #mainC ul.reviewList li .lead h4				{	font-size: 167%; font-weight: bold;padding-bottom: 10px;line-height: 1.2em;}
#steam #jpWrap #mainC ul.reviewList li .lead p					{	font-size: 100%;}
#steam #jpWrap #mainC ul.reviewList li .lead p.subtitle		{
	margin: 0 0 5px;
	font-size: 100%;
	color: #4f9ac5;
	font-weight: bold;
}
#steam #jpWrap #mainC ul.reviewList li .lead p.date			{	font-size: 92%; color: #777;text-align: right;margin: 5px 0;}


#steam #jpWrap #mainC table.table2col	{	border: 1px solid #fff; border-bottom: 1px solid #bbb;
									border-collapse: collapse; margin: 0 0 5px 0; padding: 0; width: 728px;	}
#steam #jpWrap #mainC table.table2col tr,table.table2col td	{	margin: 0; padding: 0;}
#steam #jpWrap #mainC table.table2col td						{	border: 1px dotted #ddd;border-bottom: 1px solid #ccc;vertical-align: top; width:50%;}
#steam #jpWrap #mainC table.table2col td .art					{	padding: 8px;overflow: hidden; _zoom: 1}
#steam #jpWrap #mainC table.table2col td .art .thumb			{	float: left; margin: 0 10px 5px 0; }
#steam #jpWrap #mainC table.table2col td .art .thumb a			{	border: 1px solid #000; display: block;}
#steam #jpWrap #mainC table.table2col td .art .thumb a:hover	{	border: 1px solid #0059c7;}
#steam #jpWrap #mainC table.table2col td .art h3				{	font-size: 100%; font-weight: bold; line-height: 1.3; margin: 0 0 5px;}
#steam #jpWrap #mainC table.table2col td .art h3 .update		{	color: #999; font-weight: normal;font-size: 85%;}
#steam #jpWrap #mainC table.table2col td .art p				{	font-size: 92%; line-height: 1.3;margin-bottom: 5px;overflow: hidden; _zoom: 1}

/* #sideR */
#steam #jpWrap #sideR{
	margin:0;
}

#steam #jpWrap #sideR .banSide,
#steam #jpWrap #sideR .adrect{
	margin: 10px 0;
}

#steam #jpWrap #sideR .contSide{
	width: 300px;
	margin: 0 0 10px;
	background: #ebefef;
}

#steam #jpWrap #sideR .contSide a{
	color:#007feb;
	text-decoration: underline;
}

#steam #jpWrap #sideR .contSide h3{
	background:#555 url("/img/ad/steam/h_bg.png") repeat left top ;
	margin: 0;
	padding: 10px;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	text-shadow: 3px 3px 1px #333;
	overflow: hidden;
}

#steam #jpWrap #sideR .contSide ul {	margin: 0 0 5px 0;}
#steam #jpWrap #sideR .contSide ul li	{
	overflow: hidden;	_zoom: 1;
	padding: 10px;
	border-bottom: 1px solid #000;
}

#steam #jpWrap #sideR .contSide ul li .thumb {	float: left; margin-right: 10px;}
#steam #jpWrap #sideR .contSide ul li .thumb img {	border: 1px solid #000;}
#steam #jpWrap #sideR .contSide ul li .lead {	overflow: hidden;	_zoom: 1;text-align: justify;text-justify: inter-ideograph;}
#steam #jpWrap #sideR .contSide ul li .lead h4 {	font-size: 114%; font-weight: bold;margin:0 0 5px;line-height: 1.2em;}
#steam #jpWrap #sideR .contSide ul li .lead p {	font-size: 100%;margin: 0 0 5px;}

#steam #jpWrap #sideR .ad_gam, #steam #jpWrap #sideR .ad_ydn {
	width: 300px;
	margin: 0 0 ;
}