@charset "utf-8";

body {
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/bk.gif);
}
/*ラッパーで全体の表示位置指定可*/
#wrapper {
	height: auto;
	width: 900px;
	margin: auto;
	padding: 0px;
	background-color: #FFFFFF;
}
/*ラッパー内のマージンリセット*/
#wrapper h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,img,{
	margin: 0px;
}


/*ページ内でグローバルなリンク色*/
a {
	color: #0099FF;
}
a:link {
	color: #0066FF;
	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 {
	/*	height: 90px;
	padding: 0px 300px 0px 0px;
	width: 500px;*/
	clear: both;
	margin: 0px;
	height: 100px;
	width: 900px;
}
#banner_box {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#banner_box img {
	margin: 5px;
}
#wrapper #ranking-title {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 80px;
	width: 900px;
}


/*LOGO*/

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

/*ヘッダーバナー*/
#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 {
	width: 600px;
	background-image: url(../../images/img_blog_ranking/mainbox_inner.gif);
	background-repeat: repeat-y;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: auto;
	display: inline;
}
#wrapper #koukoku #right img {
	height: 110px;
	width: 230px;
}

/*ランキングスリー*/
#wrapper #cont-left #box-rank3 {
	height: auto;
	width: 580px;
	clear: both;
	padding-left: 20px;
	background-image: url(../../images/img_blog_ranking/mainbox_top.gif);
	background-repeat: no-repeat;
	float: left;
	padding-top: 10px;
}
#wrapper #cont-left #box-rank3 .cell {
	width: 120px;
	padding-right: 30px;
	padding-left: 30px;
	float: left;
	height: auto;
}

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

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

#wrapper #cont-left #box-rank3 .cell .title {
	text-align: justify;
	height: auto;
	width: 120px;
	display: block;
	margin: 0px;
	padding: 5px 0px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
}

/*タイトル*/
#wrapper #cont-left .left-title {
	font-size: 1.2em;
	line-height: 2em;
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #64BCE2;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
}

/*カウント数*/
#wrapper #cont-left .count {
	clear: both;
	text-align: right;
	font-size: 0.8em;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
/*ナビゲーション（ページ制御）*/
#wrapper #cont-left .nav {
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: 0.9em;
	line-height: 1.4em;
}

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

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

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


.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: 40px;
	width: 55px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#wrapper #cont-left  .right .sub-title {
	float: left;
	margin: 0px 0px 3px;
	padding: 0px;
	display: block;
	width: 450px;
	clear: both;
	color: #0099FF;
	font-size: 0.9em;
	text-align: left;
}
#wrapper #cont-left  .right .naiyou {
	height: auto;
	width: 450px;
	line-height: 1.3em;
	font-size: 0.8em;
	text-align: left;
}
#wrapper #cont-left  .right .naiyou a {
	color: #FF0000;
}

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


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


#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;
	font-size: 0.8em;
	text-align: left;
}

#wrapper #cont-left  .right .link a {
	color: #333333;
	text-decoration: none;
}
#wrapper #cont-left  .right .link a:visited {
	color: #333333;
	text-decoration: none;
}
#wrapper #cont-left  .right .link a:hover {
	color: #8C973C;
	
	
}

#wrapper #cont-left  .right .link a:visited:hover {
	color: #999900;

}


/*右サイドバーラッパー*/
#wrapper #cont-right {
	float: left;
	width: 190px;
	background-image: url(../../images/img_blog_ranking/sidebox_top.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: auto;
}

/*バナーの大きさを指定*/
#wrapper #cont-right .bunner140 {
	width: 140px;
	margin: 0px 0px 10px;
	padding: 0px 30px;
	clear: both;
}

#wrapper #cont-right .right-title {
	font-size: 1em;
	line-height: 1.5em;
	background-image: url(../../images/img_blog_ranking/sidebox_inner.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	margin-left: 0px;
	margin-right: auto;
	background-position: left top;
	padding-bottom: 5px;
}
#wrapper #cont-right #category {
	padding: 0px 10px 0px 30px;
	width: 160px;
	clear: both;
	margin: 0px;
}
#wrapper #cont-right #category li {
	background: url(/static/images/img_blog_ranking/blett2.jpg) no-repeat left center;
	padding-left: 10px;
	list-style: none;
	font-size: 0.8em;
	line-height: 1.3em;
}
#wrapper #cont-right #category .node {
	background: url(/static/images/img_blog_ranking/bullet1.jpg) no-repeat left center;
	padding-left: 10px;
}

#wrapper #cont-right #category a:link,
#wrapper #cont-right #category a:visited {
	color: #333333;
}

#wrapper #cont-right #category a:link:hover,
#wrapper #cont-right #category a:visited:hover {
	color: #999900;
}


/*フッターメニュー*/
#wrapper #footer-menu {
	width: 100%;
	clear: both;
	font-size: 1em;
	line-height: 1.3em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 40px;
	background-image: url(../../images/img_blog_ranking/mainbox_footer.gif);
	background-repeat: no-repeat;
}
#wrapper #footer-menu a {
	color: #000066;
	text-decoration: none;
}

#wrapper #footer-menu a:link, 
#wrapper #footer-menu a:visited 
{
	color: #000066;
	text-decoration: none;
}

#wrapper #footer-menu a:link:hover,
#wrapper #footer-menu a:visited:hover {
	color: #0000FF;
	text-decoration: none;
}


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

/*広告枠*/
.advertise_r_r_top{
   width:150px;
}
.advertise_official{
   widht:150px;
   
}
#cate {
	line-heght: 17px;
	width:190px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	background-image: url(../../images/img_blog_ranking/sidebox_under2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 39px;
	margin-bottom: 0px;
}
#region_cate {
	line-heght: 17px;
	width:190px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	background-image: url(../../images/img_blog_ranking/sidebox_under.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 9px;
}
#cate p,#region_cate p {
	background-image: url(../../images/img_blog_ranking/sidebox_inner.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	margin-left: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 150%;
}

/*8月31日追加*/
div#pr2header {
	background-image: url(/static/images/new/head.gif);
	background-repeat: no-repeat;
	height: 143px;
	margin-bottom: 0px;
}
div#pr2header #topArea {
	overflow: hidden;
	position: relative;
}
div#pr2header h1 {
	float: left;
	margin-top: 5px;
	margin-left: 19px;
}
div#pr2header h1,div#pr2header h1 img {
	height: 76px;
	width: 204px;
}
div#pr2header li {
	list-style-type: none;
}
div#pr2header #join-login {
	float: right;
	width: 220px;
	margin-right: 0px;
	overflow: hidden;
	position: relative;
	top: 9px;
}
div#pr2header #join-login div,div#pr2header #join-login li img {
	height: 29px;
	width: 101px;
}
div#pr2header #join-login li {
	float: left;
	margin-right: 7px;
}

div#pr2header #join-login li a {
	background-image: url(/static/images/new/join-log.gif);
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	width: 101px;
}
div#pr2header #join-login li#button1 a:hover {
	background-position: 0px -29px;
}
div#pr2header #join-login li#button2 a {
	background-position: -108px 0px;
}
div#pr2header #join-login li#button2 a:hover {
	background-position: -108px -29px;
}
div#pr2header #buttonArea {
	margin-left: 9px;
	clear: both;
	overflow: visible;
	position: relative;
}
div#pr2header #buttonArea li,div#pr2header #buttonArea li a,div#pr2header #buttonArea li img {
	height: 36px;
	width: 120px;
	display: block;
	overflow: hidden;
}
div#pr2header #buttonArea li {
	float: left;
	margin-right: 8px;
	margin-bottom: 1px;
}
div#pr2header #buttonArea li a {
	background-image: url(/static/images/new/head-button.gif);
	background-repeat: no-repeat;
}
div#pr2header #buttonArea #button1 a {
	background-position: 0px 0px;
}
div#pr2header #buttonArea #button2 a {
	background-position: -129px 0px;
}
div#pr2header #buttonArea #button3 a {
	background-position: -258px 0px;
}
div#pr2header #buttonArea #button4 a {
	background-position: -387px 0px;
}
div#pr2header #buttonArea #button5 a {
	background-position: -516px 0px;
}
div#pr2header #buttonArea #button6 a {
	background-position: -646px 0px;
}
div#pr2header #buttonArea #button1 a:hover {
	background-position: 0px -36px;
}
div#pr2header #buttonArea #button2 a:hover {
	background-position: -129px -36px;
}
div#pr2header #buttonArea #button3 a:hover {
	background-position: -258px -36px;
}
div#pr2header #buttonArea #button4 a:hover {
	background-position: -387px -36px;
}
div#pr2header #buttonArea #button5 a:hover {
	background-position: -516px -36px;
}
div#pr2header #buttonArea #button6 a:hover {
	background-position: -646px -36px;
}
div#pr2header #forget {
	margin-right: 0px;
	clear: both;
	padding-bottom: 2px;
	float: right;
}
div#pr2header #forget a {
	background-image: url(/static/images/new/forget-pass.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 0px 0px;
}
div#pr2header #forget a:hover {
	background-position: 0px -22px;
}

div#pr2header #forget,div#pr2header #forget img,div#pr2header #forget a {
	height: 22px;
	width: 202px;
}
/*9月3日追加 フッター*/
#wrapper {
	height: auto;
	width: 900px;
	margin: auto;
	padding: 0;
}
#wrapper #footer-menu {
	padding-top: 30px;
	padding-bottom: 0px;
	background-image: url(../../images/img_blog_ranking/mainbox_footer2.gif);
	height: auto;
	overflow: hidden;
	margin-bottom: 0px;
}
#wrapper #footer-menu br {
	display: none;
}
#footer-menu #footer-wrap div#backGround {
	background-image: url(http://www.marumaru.cc/ko-blog/image/footer.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left bottom;
}
#footer-menu dl {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	width: 850px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 5px;
}

#footer-menu dt,#footer-menu dd {
	width: auto;
	margin-left: 0px;
	display: inline;
	margin-right: 0px;
	font-size: 13px;
}
#footer-menu div {
	background-image: url(http://www.marumaru.cc/ko-blog/image/footer.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 50px;
	padding: 0;	
}
#footer-menu div div {
	margin-left: 44px;
	overflow: visible;
	position: relative;
	padding-bottom: 13px;
	background-image: none;
	height: auto;
	width: auto;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#footer-menu div div { 
    min-height:0; 
    display: inline-table; 
}
#footer-menu div div:after { 
    content:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden; 
} 
/* \*/ 
* html #footer-menu div div {
	height:0;
} 
#footer-menu div div {
	display: block;
} 
/* */
#footer-menu li {
	float: left;
	list-style-type: none;
	margin-top: 4px;
}
#footer-menu li a,#footer-menu li a img {
	height: 15px;
}
#footer-menu li a {
	background-image: url(http://www.marumaru.cc/ko-blog/image/footer-button.gif);
	background-repeat: no-repeat;
	display: block;
}
#footer-menu #button1 a img,#footer-menu #button1 a {
	background-position: 0px 0px;
	width: 41px;
}
#footer-menu #button2 a img,#footer-menu #button2 a {
	background-position: -41px 0px;
	width: 140px;
}
#footer-menu #button3 a img,#footer-menu #button3 a {
	background-position: -181px 0px;
	width: 83px;
}
#footer-menu #button4 a img,#footer-menu #button4 a {
	background-position: -264px 0px;
	width: 68px;
}
#footer-menu #button5 a img,#footer-menu #button5 a {
	background-position: -332px 0px;
	width: 138px;
}
#footer-menu #button6 a img,#footer-menu #button6 a {
	background-position: -470px 0px;
	width: 83px;
}
#footer-menu #button7 a img,#footer-menu #button7 a {
	background-position: -553px 0px;
	width: 82px;
}
#footer-menu #button1 a:hover {
	background-position: 0px -15px;
}
#footer-menu #button2 a:hover {
	background-position: -41px -15px;
}
#footer-menu #button3 a:hover {
	background-position: -181px -15px;
}
#footer-menu #button4 a:hover {
	background-position: -264px -15px;
}
#footer-menu #button5 a:hover {
	background-position: -332px -15px;
}
#footer-menu #button6 a:hover {
	background-position: -470px -15px;
}
#footer-menu #button7 a:hover {
	background-position: -553px -15px;
}
#footer-menu #button1 {
	margin-right: 34px;
}
#footer-menu #button2 {
	margin-right: 29px;
}
#footer-menu #button3 {
	margin-right: 33px;
}
#footer-menu #button4 {
	margin-right: 24px;
}
#footer-menu #button5 {
	margin-right: 29px;
}
#footer-menu #button6 {
	margin-right: 28px;
}