@charset "Shift_JIS";

/* summary ------------------
contents
-------------------------- */

	#container:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #container {
	display: inline-block;
	}

	*+html #container {
	display: inline-block;
	}

/* genre ----------------- */
#contents #genre {
position:relative;
margin:0 0 5px 0;
}
#contents #genre ul {
position:absolute;
right:0px;
top:10px;
}
#contents #genre ul li {
display:inline;
margin:0 0 0 5px;
padding:0 0 0 5px;
border-left:1px solid #333;
font-size:1.2em;
line-height:1.3;
}
#contents #genre ul li.first {
border-left:none;
margin:0;
padding:0;
}



/* TopicPath ----------------- */
#contents #TopicPath {
width:650px;
margin:0 0 10px 0;
padding:5px 0 0 0;
background:#FFF url(images/topicpath_bg_001.gif) repeat-x;
border-top:1px solid #000;
}
#contents #TopicPath li {
float:left;  
margin:0 5px 0 0; 
font-size:1.2em;
line-height:1.3;
}
#contents #TopicPath li a {
padding:0 10px 0 0;
background:url(images/topicpath_arrow_001.gif) no-repeat right center;
}
	#contents #TopicPath:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
	}
	* html #contents #TopicPath {
	display: inline-block;
	}

	*+html #contents #TopicPath {
	display: inline-block;
	}


/* forIEclearfix ----------------- */
#contents #NewsDetail .forIEclearfix {
clear:both;
height:0;
font-size:0;
line-height:0;
}


/* IGNModule ----------------- */
#IGNModule {
	border: 1px solid #D9D9D9;
	margin-bottom: 10px
}
#IGNModule {
	position: relative;
}
#IGNModule h3 {
	background: url("images/h3_bg_001.gif") repeat-x scroll 0 0 #ECECEC;
	border-bottom: 1px solid #D9D9D9;
	font-size: 1.4em;
	margin: 0;
	padding: 5px;
	position:relative;
	text-indent:-9999px;
}
#IGNModule h3 a {
	background: url("images/logo_ign.png") no-repeat 5px center;
	width:288px;
	height:16px;
	display:block;
}
#IGNModule h3 a span{
	color:#333333;
	text-indent:0;
	font-size: 0.8em;
	position:absolute;
	right:10px;
	top:7px;
}
#IGNModule .topics {
	overflow: hidden;
	margin: 0;
	padding:5px;
	width: 288px;
}
#IGNModule .topics ul li:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}

#IGNModule .topics ul li {
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
    background: url(images/arrow_001.gif) no-repeat left 1px;
}
#IGNModule .topics ul li  {
    font-size: 1.4em;
    line-height: 1.2;
}
#IGNModule .topics ul li.photo {
    padding:0;
    background:none;
}
#IGNModule .topics ul li.photo .image {
	float: left;
	width: 135px;
	background-color:#d8f9ff;
	text-align:center;
	vertical-align:middle;
}
#IGNModule .topics ul li.photo .image img {
	display:block;
	margin:0 auto;
}
#IGNModule .topics ul li.photo .title {
	background:none;
	padding: 0 0 0 140px;
}