@charset "EUC-JP";

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

   =01 all

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


/* =1 共通
-------------------------------------------------------- */

body {
	background: #fff;
}

#mainContainer.otsu {
	margin: 0;
	min-width: 960px;
	width: auto;
	padding-bottom: 20px;
	background: #000 url(/img/portal/blog_ranking2/bg.gif) repeat-x 50% top;
}

.otsu #main {
	background: url(/img/portal/blog_ranking2/bg_middle3.gif) repeat-y 50% top;
}

.otsu #main .otsuBox {
	width: 960px;
	margin: auto;
}

/* =2 フッター
-------------------------------------------------------- */

.otsu #main .rankingFooter {
	height: 100px;
	background: url(/img/portal/blog_ranking2/bg_btm4.gif) no-repeat 50% bottom;
	clear: both;
}

.otsu #main .rankingFooter .fMenu {
	width: 940px;
	margin: 0 auto;
	padding: 40px 10px 15px;
}

.otsu #main .rankingFooter .fMenu ul {
	width: 550px;
	text-align: center;
}

.otsu #main .rankingFooter .fMenu li {
	float: left;
	padding: 1px 7px;
	border-right: 1px solid #666;
	white-space: nowrap;
}

.otsu #main .rankingFooter .fMenu li.last {
	border: none;
}

.otsu #main .rankingFooter .fMenu li a {
	color: #0000ff;
	font-weight: bold;
}

.otsu #main .rankingFooter p.pagetop {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	position: relative;
}

.otsu #main .rankingFooter p.pagetop img {
	position: absolute;
	top: -30px;
	right: 20px;
}

/* =2 ヘッダー
-------------------------------------------------------- */

.otsu .otsuLogo {
	background: url(/img/portal/blog_ranking2/ranking_otsu.gif) no-repeat 50% top;
	height: 318px;
}

.otsu .otsuLogo h1 {
	width: 960px;
	margin: 0 auto;
}

.otsu h1 img {
	margin: 36px 0 0 56px;
}

/* portal navi */
div#portalNavi {
	background: #c74539;
}

div#portalNavi ul {
	width: 960px;
	margin: 0 auto;
	padding: 3px 0;
}
div#portalNavi ul li {
	float: left;
	display: inline;
	margin: 0 2px;
	text-align: center;
	background: url(/img/portal/blog_ranking2/navi_off.gif) no-repeat left top;
	white-space: nowrap;
	font-size: 12px;
}

div#portalNavi ul li.check {
	background: url(/img/portal/blog_ranking2/navi_on.gif) no-repeat left top;
}

div#portalNavi ul li a {
	text-decoration: underline;
	width: 131px;
	line-height: 25px;
	height: 25px;
	display: block;
}

div#portalNavi ul li a:hover {
	text-decoration: none;
}

div#portalNavi ul li.check a {
	color: #fff;
}

/* パンくず */
.otsu .rankingBread {
	padding: 0 0 10px 30px;
}

.otsu .rankingBread li {
	background: url(/img/portal/icon/directory.gif) no-repeat left top;
	float: left;
	margin-left: 7px;
	padding-left: 10px;
	font-size: 90%;
}

.otsu .rankingBread li.first {
	background: none;
	margin: 0;
	padding: 0;
}

.otsu .rankingBread li a {
	color: #0000ff;
}


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

   =02 right

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

.otsu .rightCol {
	width: 170px;
	float: right;
	display: inline;
	margin: -18px 10px 0 0;
	position: relative;
}

/* =1 逆アクセスランキング
-------------------------------------------------------- */

.otsu .reverseAccess {
	padding-bottom: 10px;
}

.otsu .reverseAccess ol {
	padding: 5px 0;
}
.otsu .reverseAccess ol li {
	padding-left: 25px;
	background: url(/img/portal/blog_ranking2/access.gif) no-repeat left top;
	position: relative;
	min-height: 18px;
	margin-bottom: 5px;
}

* html .otsu .reverseAccess ol li {
	height: 18px;
}

.otsu .reverseAccess ol li a {
	color: #3b783f;
}

.otsu .reverseAccess ol li span.number {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-size: 10px;
}

.otsu .reverseAccess ol li span.count {
	font-size: 83%;
	margin-left: 3px;
}



/* =2 部門別ランキング
-------------------------------------------------------- */

.otsu .relatedLink {
	padding-bottom: 10px;
}

.otsu .relatedLink h2 {
	margin-bottom: 10px;
}

.otsu .relatedLink ul li {
	background: url(/img/cmn/dot.gif) no-repeat left top;
	padding-left: 15px;
	margin-bottom: 5px;
	zoom: 1;
}

.otsu .relatedLink .imageBanner {
	text-align: center;
}

.otsu .relatedLink ul li a {
	color: #3b783f;
}


/* =3 これはすごいブログ
-------------------------------------------------------- */

.otsu .sugoiBlog {
	padding-bottom: 10px;
	text-align: center;
}

.otsu .sugoiBlog img {
	margin-bottom: 5px;
	border: 1px solid #ecd879;
}

.otsu .sugoiBlog h2 img {
	border: 0;
}

.otsu .sugoiBlog a {
	color: #3b783f;
}


/* =4 ルーキーランキング
-------------------------------------------------------- */

.otsu .centerCol {
	width: 200px;
	float: left;
	display: inline;
	margin: -15px 0 0 8px;
	position: relative;
}

.otsu .rookieRank {
	padding-bottom: 10px;
}

.otsu .rookieRank ol {
	background: url(/img/portal/blog_ranking2/rookie_middle.gif) repeat-y left top;
}

.otsu .rookieRank ol li {
	padding: 5px 10px 0;
	font-weight: bold;
	position: relative;
	word-break: break-all;
}

.otsu .rookieRank ol li a:link,
.otsu .rookieRank ol li a:active,
.otsu .rookieRank ol li a:hover {
	color: #ff7c00;
}

.otsu .rookieRank ol li a:visited {
	color: #b85c00;
}

.otsu .rookieRank ol li span.number {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 6px;
	left: 11px;
	white-space: nowrap;
	font-size: 12px;
	background: url(/img/portal/blog_ranking2/rookie_rank.gif) no-repeat left top;
}

.otsu .rookieRank ol li span.days {
	font-size: 83%;
	font-weight: normal;
	margin-left: 3px;
}

.otsu .rookieRank ol li.last {
	background: url(/img/portal/blog_ranking2/rookie_btm.gif) no-repeat left bottom;
	padding: 5px 10px 10px;
}

.otsu .rookieRank ol li img {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #ecd879;
}


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

   =03 main

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

/* =1 ブログランキング
-------------------------------------------------------- */

.otsu .rankingList {
	width: 550px;
	float: left;
	display: inline;
	margin: 0 0 0 16px;
}


.otsu .rankingList .rankingInner {
	margin-top: -140px;
	padding: 0 8px;
	position: relative;
	zoom: 1;
}

.otsu .ranking {
	padding-bottom: 10px;
}

.otsu .ranking .image {
	width: 115px;
	float: left;
	text-align: right;
	padding-top: 13px;
}

.otsu .ranking .image img {
	border: 1px solid #ecd879;
}

.otsu .ranking h2,
.otsu .ranking ul,
.otsu .ranking dl {
	width: 410px;
	float: right;
}

.otsu .ranking h2 {
	position: relative;
	color: #ff7c00;
	font-size: 120%;
	padding: 10px 0;
}

.otsu .ranking h2 a:link,
.otsu .ranking h2 a:active,
.otsu .ranking h2 a:hover {
	color: #ff7c00;
}

.otsu .ranking h2 a:visited {
	color: #b85c00;
}

.otsu .ranking h2 img.plan {
	vertical-align: middle;
	margin-right: 3px;
}

.otsu .ranking h2 span.number {
	position: absolute;
	top: 0;
	left: -120px;
}

.otsu .ranking h2 span.category {
	font-size: 83%;
	font-weight: normal;
	margin-left: 5px;
	color: #000;
}

.otsu .ranking h2 span.rankbottom {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	color: #7c4300;
	font-size: 14px;
	background: url(/img/portal/blog_ranking2/6.png) no-repeat left top;
}

* html .otsu .ranking h2 span.rankbottom {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://blog.livedoor.com/img/portal/blog_ranking2/6.png);
	width: 30px;
	height: 30px;
}

* html .otsu .ranking.rank1 h2 span{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://blog.livedoor.com/img/portal/blog_ranking2/1.png);
	width: 70px;
	height: 70px;
}

* html .otsu .ranking.rank2 h2 span{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://blog.livedoor.com/img/portal/blog_ranking2/2.png);
	width: 50px;
	height: 50px;
}

* html .otsu .ranking.rank3 h2 span{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://blog.livedoor.com/img/portal/blog_ranking2/3.png);
	width: 50px;
	height: 50px;
}

* html .otsu .ranking.rank4 h2 span{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://blog.livedoor.com/img/portal/blog_ranking2/4.png);
	width: 50px;
	height: 50px;
}

* html .otsu .ranking.rank5 h2 span{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://blog.livedoor.com/img/portal/blog_ranking2/5.png);
	width: 50px;
	height: 50px;
}

* html .otsu .ranking.rank1 h2 img,
* html .otsu .ranking.rank2 h2 img,
* html .otsu .ranking.rank3 h2 img,
* html .otsu .ranking.rank4 h2 img,
* html .otsu .ranking.rank5 h2 img {
	display: none;
}

.otsu .ranking.rank1 .image {
	padding-top: 40px;
}

.otsu .ranking.rank2 .image,
.otsu .ranking.rank3 .image,
.otsu .ranking.rank4 .image,
.otsu .ranking.rank5 .image {
	padding-top: 23px;
}

.otsu .ranking ul li {
	margin-bottom: 5px;
}

.otsu .ranking ul li.first {
	font-weight: bold;
}

.otsu .ranking dl dt {
	font-weight: bold;
}

.otsu .ranking dl dd {
	padding: 5px 0 0 0;
	line-height: 1.2;
}

.otsu .ranking ul li span,
.otsu .ranking dl dt span {
	font-size: 83%;
	margin-left: 3px;
	font-weight: normal;
}

.otsu .ranking ul li a:link, 
.otsu .ranking dl dt a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
	color: #0000ff;
}

.otsu .ranking ul li a:visited,
.otsu .ranking dl dt a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
	color: #74aad9;
}

.otsu .ranking dl dt a.commentlink {
	padding: 0;
	background: none;
	color: #000;
}

.otsu ul.rule {
	position: absolute;
	top: 50px;
	right: -379px;
}

.otsu ul.rule.ruleOn {
	top: 84px;
}

.otsu ul.rule li img {
	vertical-align: middle;
	margin-bottom: 5px;
}

/* もっと見る */
a#toggle_ranking {
	background: url(/img/portal/blog_ranking2/base_off.gif) no-repeat left top;
	width: 450px;
	height: 45px;
	display: block;
	text-align: center;
	line-height: 45px;
	margin: 10px 40px;
}

a#toggle_ranking:hover {
	background: url(/img/portal/blog_ranking2/base_on.gif) no-repeat left top;
}


/* =2 ルール
-------------------------------------------------------- */

.otsu .aboutBox,
.otsu .ruleBox {
	padding-bottom: 20px;
	zoom: 1;
}

.otsu .aboutBox h2 {
	border-bottom: 2px solid #91241d;
	padding: 5px 10px 5px 40px;
	margin-bottom: 10px;
	color: #91241d;
	background: url(/img/portal/blog_ranking2/icon.gif) no-repeat 20px 50%;
}

.otsu .ruleBox h3 {
	color: #7e0900;
	padding: 8px 10px 0 40px;
	line-height: 48px;
	background: url(/img/portal/blog_ranking2/bar.gif) no-repeat left top;
}

.otsu .ruleBox ul,
.otsu .aboutBox ul {
	padding: 0 20px;
}

.otsu .ruleBox ul li,
.otsu .aboutBox ul li {
	margin-bottom: 8px;
	padding-left: 15px;
	line-height: 1.3;
}

.otsu .aboutBox ul li {
	background: url(/img/portal/blog_ranking2/dot01.gif) no-repeat left 5px;
}

.otsu .ruleBox ul li {
	background: url(/img/portal/blog_ranking2/dot02.gif) no-repeat left 5px;
}

.otsu .ruleBox ul li ul.bannerList {
	padding: 10px 0 0 0;
}

.otsu .ruleBox ul li ul.bannerList li {
	background: none;
	padding: 0;
}


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

   =04 other

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

/* =1 clearfix
-------------------------------------------------------- */

.otsu .ranking,
.otsu .rookieRank ol li,
.otsu .rankingBread,
.otsu #main .rankingFooter .fMenu ul {
	zoom:100%;
}

.otsu .ranking:after,
.otsu .rookieRank ol li:after,
.otsu .rankingBread:after,
.otsu #main .rankingFooter .fMenu ul:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}



/* =2 専用フッター
-------------------------------------------------------- */

#footerWrapper .r_top {
	background: url(/img/portal/blog_ranking2/footer_top.gif) no-repeat scroll 0 0;
}

#footerWrapper .r_btm{
	background:url(/img/portal/blog_ranking2/footer_btm.gif) no-repeat 0 100%;
}

#footerWrapper .r_body{
	background:url(/img/portal/blog_ranking2/footer_bg.gif) repeat-y 0 0;
}

#footerWrapper .menuBox {
	color: #ffffff;
}

#footerWrapper .menuBox .menuB .box a{
	color: #ffffff;
}

#footerWrapper .menuBox .menuB .box ul li{
	background:url(/img/cmn/dotw.gif) no-repeat -5px 0;
}

#footerWrapper .menuBox .menuB .box ul li ul li{
	border-left: 1px solid #fff;
}

div#footerWrapper dl.livedoorService,
div#footerWrapper dl.livedoorService li, 
div#footerWrapper dl.livedoorService li a {
	color: #fff;
}

#footerMenu {
	background: #424242;
}

#footerMenu #footerNav {
	background: #fee101;
}

#footerMenu ul.nav li a {
	color: #000;
}

#footerMenu address{
	color: #000;
}


/* =3 AFC
-------------------------------------------------------- */

div.afcBox-banner {
	padding: 0 10px;
}

div.afcBox-banner div.ad-outer {
	background: none !important;
}
div.afcBox-banner div.ad-outer a:hover {
	background: none !important;
}

div.afcBox-banner div.ad-outer span.ad-title {
	background: none !important;
	padding-left: 0 !important;
}

div.afcBox-banner div.ad-outer span.ad-title a:link,
div.afcBox-banner div.ad-outer span.ad-title a:visited,
div.afcBox-banner div.ad-outer span.ad-title a:active,
div.afcBox-banner div.ad-outer span.ad-title a:hover {
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat 5px center !important;
	text-decoration: none !important;
	padding-left: 20px !important;
	font-size: 12px;
	font-weight: normal;
}

div.afcBox-banner div.ad-outer span.ad-title a:hover {
	text-decoration: underline;
}

div.afcBox-banner div.ad-outer {
	min-height: 0 !important;
	height: auto !important;
	padding: 7px 0 !important;
}

div.afcBox-banner div.ad-google {
	color: #999;
	text-decoration: none;
}

div.afcBox-banner span.ad-url a {
	color: #ff7c00 !important;
}

div.afcBox-banner span.ad-description {
	color: #333;
}

div.panoramaBanner {
	background: #000;
}