f@charset "utf-8";

/*----------------------------------------------------*/ 
/* CSS Index

- topicpath
- container
- btm_recommend
- btm_recently
- ウインドウサイズ 994px以下
- ウインドウサイズ 995px以上

------------------------------------------------------*/


body {
	background-color:#FAFAFC;
}

/*----------------------------------------------------*/ 
/* topicpath
------------------------------------------------------*/ 

#topicpath {
	width:966px;
	margin:0 auto 15px;
	line-height:1.1;
	font-size:93%;
	padding-left:10px;
}

/*----------------------------------------------------*/ 
/* container
------------------------------------------------------*/ 

#container {
	overflow:hidden;
	position:relative;
	width:976px;
	margin:0 auto 40px;
}

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

#contents {
	float:left;
	width:660px;
	background:#FFF;
	border:solid 1px #E4E2E1;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#contents .inner {
	padding:30px 24px 30px 30px;
}

#contents .inner.topline {
	border-top:solid 1px #E4E2E1;
	padding-top:20px;
}

/* column1 */

#container.column1 #contents {
	float:none;
	width:auto;
	border:none;
}

/*----------------------------------------------------*/ 
/* simple
------------------------------------------------------*/ 

.simple #topicpath,
.simple #container {
	width:979px;
}

/*----------------------------------------------------*/ 
/* rside
------------------------------------------------------*/ 

#rside {
	float:right;
	width:300px;
}

#rside .bnr li {
	margin-bottom:10px;
}

#rside .recently {
	border:solid 1px #E4E2E1;
	background:#FFF;
	padding:14px;
	margin-bottom:10px;
}

#rside .recently h2 {
	font-size:138.5%;
	padding-left:37px;
	background:url(/files/user/img/brand/icon_new_01.gif) no-repeat 5px 0;
	margin-bottom:15px;
}

#rside .recently li {
	padding-left:10px;
	background:url(/files/user/img/common/icon_arrow_06.png) no-repeat 0 .5em;
	margin-bottom:10px;
}

#rside .recently li a {
	text-decoration:underline;
}

#rside .recently li span {
	color:#666666;
	font-size:85%;
	display:block;
}
#rside .category {
	border:solid 1px #E4E2E1;
	background:#FFF;
	padding:14px;
	margin-bottom:10px;
}

#rside .category h2 {
	font-size:138.5%;
	padding-left:37px;
	background:url(/files/user/img/brand/icon_top_question.gif) no-repeat 5px 0;
	margin-bottom:15px;
}

#rside .category li {
	padding-left:10px;
	background:url(/files/user/img/common/icon_arrow_06.png) no-repeat 0 .5em;
	margin-bottom:10px;
}

#rside .category li a {
	text-decoration:underline;
}

#rside .category li span {
	color:#666666;
	font-size:85%;
	display:block;
}

.rankingBox {
	background:#202020;
	color:#FFF;
	padding:14px 10px;
	margin-bottom:20px;
}

.rankingBox h2 {
	font-size:138.5%;
	margin:0 0 15px 11px;
}

.rankingBox .tab {
	margin-bottom:10px;
	overflow:hidden;
}

.rankingBox .tab li {
	float:left;
}

.rankingBox .tab li a {
	display:block;
	width:93px;
	height:38px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	background:url(/files/user/img/brand/p_ranking_tab.gif) no-repeat;
}

.rankingBox .tab li.type01 a {	background-position:0 0;}
.rankingBox .tab li.type01 a.on {	background-position:0 -38px;}
.rankingBox .tab li.type02 a { width:94px;	background-position:-93px 0;}
.rankingBox .tab li.type02 a.on {	background-position:-93px -38px;}
.rankingBox .tab li.type03 a {	background-position:-187px 0;}
.rankingBox .tab li.type03 a.on {	background-position:-187px -38px;}

.rankingBox ol {
	display:none;
}

.rankingBox ol li {
	padding-left:30px;
	margin-bottom:15px;
	position:relative;
	font-size:93%;
}

.rankingBox ol li a {
	color:#FFF;
}

.rankingBox ol li span {
	position:absolute;
	left:0;
	top:2px;
	color:#FFF;
	font-weight:bold;
	display:block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:1.8;
}

.rankingBox ol li.rank1 span {	background:#E60000;}
.rankingBox ol li.rank2 span {	background:#E75B18;}
.rankingBox ol li.rank3 span {	background:#FF9900;}
.rankingBox ol li.ranks span {
background:#E7E7E8;
color:#555555;
}

#rside > .twitter {
	margin:20px 0;
}

#rside > .facebook {
	margin-bottom:20px;
}

/*----------------------------------------------------*/ 
/* recommend
------------------------------------------------------*/ 

#recommend {
	width:976px;
	margin:0 auto;
	padding:0 9px;
}

#recommend h2 {
	margin:0 0 20px 21px;
	font-size:138.5%;
}

/*----------------------------------------------------*/ 
/* エラーページ用
------------------------------------------------------*/ 
.layout1 #main_module {
	margin: 0 10px;
}
.layout1 #container {
	width:100%;
	margin:0;
}
.layout1 #contents {
	float: none;
	border: none;
	width: 100%;
}