@charset "UTF-8";

/* 広告 */
.advertisement {
    width:800px;
}

/*ラッパーで全体の表示位置指定可*/
#wrapper {
	height: auto;
	width: 800px;
	margin: auto;
	border-top: 0px solid #EFDFBD;
	border-right: 50px solid #EFDFBD;
	border-bottom: 1px solid #EFDFBD;
	border-left: 50px solid #EFDFBD;
	padding: 0px;
	background: url(/static/images/bg-footer.png) repeat-x left bottom;
	font-size: 12px;
}
/*ラッパー内のマージンリセット*/
#wrapper h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,img,{
	margin: 0px;
}

/*ページ内でグローバルなリンク色*/
a {
	color: #0099FF;
}
a:link {
	color: #0099FF;
	text-decoration: none;
}
a:link:hover {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	color: #0099FF;
	text-decoration: none;
}
a:visited:hover {
	color: #FF9900;
}

/*ヘッダー*/
#wrapper #header {
	background: #EFDFBD;
	height: 60px;
	width: 800px;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
	clear: both;
}
/*ページ制御ナビ＜＜　＞＞のリンク色*/
#wrapper #cont-left .nav .blk a {
	color: #000000;
	text-decoration: none;
}

#wrapper #cont-left .nav .blk a:link {
	color: #000000;
	text-decoration: none;
}
#wrapper #cont-left .nav .blk a:link:hover {
	color: #FF9900;
	text-decoration: none;
}
#wrapper #cont-left .nav .blk a:visited {
	color: #000000;
	text-decoration: none;
}
#wrapper #cont-left .nav .blk a:visited:hover {
	color: #FF9900;
	text-decoration: none;
}

/*LOGO*/

#wrapper #site-logo {
	height: 60px;
	width: 225px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	float: left;
}
#wrapper #site-logo img {
	height: 60px;
	width: 225px;
	display: block;
}

/*ヘッダーバナー*/
#header-bunner {
	height: 60px;
	width: 555px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#wrapper #header #header-bunner img {
	float: right;
	height: 60px;
	width: 470px;
}

/*左コンテンツのラッパー*/
#wrapper #cont-left {
	height: auto;
	width: 545px;
	float: left;
	padding: 20px 5px 20px 18px;
	background: #FFFFFF;
}

/*最上広告エリア*/
#wrapper #koukoku {
	height: auto;
	width: 800px;
	clear: both;
	float: left;
}

/*最上広告エリア左*/
#wrapper #koukoku #left {
	float: left;
	height: 110px;
	width: 570px;
}
#wrapper #koukoku #left img {
	height: 110px;
	width: 570px;
}

/*最上広告エリア右*/
#wrapper #koukoku #right {
	float: left;
}
#wrapper #koukoku #right img {
	height: 110px;
	width: 230px;
}


/*右サイドバーラッパー*/
#wrapper #cont-right {
	float: left;
	height: auto;
	width: 200px;
	padding: 0px 15px 20px;
	background: #FFFFFF;
}
/*バナーの大きさを指定*/
#wrapper #cont-right img {
	margin-bottom: 10px;
/*	width: 200px;*/
}

#wrapper #cont-right .right-title {
	background: url(/static/images/bret-jyabara.jpg) no-repeat left center;
	width: auto;
	padding-left: 20px;
	font-size: 1.2em;
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

/*新着スキン*/
#wrapper #cont-right .block {
	height: auto;
	width: 200px;
	margin-bottom: 20px;
	float: left;
}
#wrapper #cont-right #cell {
	float: left;
	height: auto;
	width: 60px;
	padding-right: 10px;
}
#wrapper #cont-right #cell2 {
	float: left;
	height: auto;
	width: 60px;
	
}
#wrapper #cont-right #cell p {
	height: 4em;
	width: 60px;
	text-align: justify;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	margin: 0px;
}
#wrapper #cont-right #cell2 p {
	height: 4em;
	width: 60px;
	text-align: justify;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	margin: 0px;
}
#wrapper #cont-right #cell img {
	display: block;
	height: 60px;
	width: 60px;
	margin: 0px;
	padding: 0px;
}
#wrapper #cont-right #cell2 img {
	display: block;
	height: 60px;
	width: 60px;
	margin: 0px;
	padding: 0px;
}

/*ランキングスリー*/
#wrapper #cont-left #box-rank3 {
	height: auto;
	width: 540px;
	clear: both;
	float: left;
}
#wrapper #cont-left #box-rank3 .cell {
	width: 120px;
	padding-right: 30px;
	padding-left: 30px;
	float: left;
	height: auto;
	background: #FFFFFF;
}

#wrapper #cont-left #box-rank3 .cell .rank {
	height: 41px;
	width: 57px;
	display: block;
	background: #FFFFFF;
	padding: 0px 31px 10px 32px;
}
#wrapper #cont-left #box-rank3 .cell .rank img {
	height: 41px;
	width: 57px;
}

#wrapper #cont-left #box-rank3 .cell .rank-bunner {
	height: 120px;
	width: 120px;
	display: block;
}

#wrapper #cont-left #box-rank3 .cell .comment {
	text-align: justify;
	height: auto;
	width: 120px;
	display: block;
	margin: 0px;
	padding: 5px 0px 0px;
}

/*タイトル*/
#wrapper #cont-left .left-title {
	font-size: 15px;
	line-height: 4em;
	background: url(/static/images/icon--jyabara.jpg) no-repeat left center;
	height: 4em;
	width: auto;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 50px;
}
#wrapper #cont-left .title-image {
	/*background: url(/static/images/rss.jpg) no-repeat right center;*/
	padding-right: 15px;
	clear: both;
	width: auto;
	height: 4em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
}

/*カウント数*/
#wrapper #cont-left .count {
	width: auto;
	float: right;
}
/*ナビゲーション（ページ制御）*/
#wrapper #cont-left .nav {
	text-align: center;
	width: 540px;
	clear: both;
	padding-top: 30px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

/*背景がベージュのブロック*/
#wrapper #cont-left .box-under3 {
	height: auto;
	width: 538px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	background: #FBF6EE;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

/*背景が白のブロック（背景違い）*/
#wrapper #cont-left .box-under3-2 {
	height: auto;
	width: 538px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px solid #CCCCCC;
	float: left;
	margin: 0px;
	padding: 5px 0px;
	clear: both;
}

/*２０番目のブロック（ボーダー違い）*/
#wrapper #cont-left .box-under3-3 {
	height: auto;
	width: 538px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;
	float: left;
}

/* .box-under3, .box-under3-2 一番下の項目 */
#wrapper #cont-left .bottoms {
    border-bottom:1px solid #CCCCCC;
}

.rank {
	text-align: center;
	height: 31px;
	width: 57px;
	display: block;
	margin: 0px;
	padding: 10px 0px 0px;
	font-weight: 600;
}


#wrapper #cont-left  .left img {
	height: 41px;
	width: 57px;
}
#wrapper #cont-left  .right .sub-title {
	float: left;
	margin: 0px 0px 3px;
	padding: 0px;
	display: block;
	width: 450px;
	clear: both;
	color: #0099FF;
	font-size: 1em;
}
#wrapper #cont-left  .right .naiyou {
	height: auto;
	width: 450px;
	line-height: 1.3em;
}
#wrapper #cont-left  .right .naiyou a {
	color: #FF0000;
}

#wrapper #cont-left  .right .naiyou .comment {
	display: inline;
	line-height: 1.3em;
}


#wrapper #cont-left  .right .news {
	line-height: 1.3em;
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: 600;
	margin-right: 10px;
	color: #FF0000;
}


#wrapper #cont-left  .left {
	float: left;
	height: 82px;
	width: 57px;
	padding-right: 12px;
	padding-left: 11px;
}
#wrapper #cont-left  .left img {
	padding-bottom: 5px;
	width: 57px;
}
#wrapper #cont-left  .left img {
}


#wrapper #cont-left  .right {
	height: auto;
	width: 450px;
	float: left;
}
#wrapper #cont-left  .right .link {
	color: #333333;
	width: 450px;
	line-height: 1.3em;
	margin-top: 3px;
}

#wrapper #cont-left  .right .link a {
	color: #666666;
	text-decoration: none;
}



/*フットメニュー*/
#wrapper #footer-menu {
	width: 760px;
	clear: both;
	height: 1.3em;
	margin-bottom: 35px;
	padding-right: 20px;
	padding-left: 20px;
}
#wrapper #footer-menu a {
	color: #8E993B;
	text-decoration: none;
}

#wrapper #footer-menu a:link {
	color: #8E993B;
	text-decoration: none;
}

#wrapper #footer-menu a:link:hover {
	color: #B89CAA;
	text-decoration: none;
}

#wrapper #footer-menu a:link:visited {
	color: #8E993B;
	text-decoration: none;
}
#wrapper #footer-menu a:link:visited:hover {
	color: #B89CAA;
	text-decoration: none;
}

/* layouts/public/ranking.html内にあったのを移動 */
.cate{
 line-heght: 17px;
 padding-left: 10px;
 margin: 10px;
 width:150px;
}
#cate a, #region_cate a {
    color: #333333;
    text-decoration: none;
}
#cate a:visited, #region_cate a:visited {
    color:#333333;
}
#cate a:hover, #region_cate a:hover {
    color: #8c973c;
}
#cate a:active, #region_cate a:active {
    color:#8c973c;
}
#cate div.categories a, #region_cate div.categories a {
    color: #00f;
}

/*------- list.html用 -------*/
.config-form {
    padding:0;
    margin:0
}
.total-rank-img{
     width:57px;
     height:41px;
     border:none;
}
.icon-name-img{
     width:57px;
     height:41px;
}
.no-data{
    text-align:center;
}
#wrapper #cont-right .close{
    text-align:center;
}