@charset "shift_jis";

/* ========================================
	base
======================================== */
html,
body {
	height: 100%;
	background: url(../common/img/bg.gif) center top repeat;
}
#wrapper {
	position: relative;
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	background: url(../common/img/header_bg.gif) center top repeat-x;
}
#contents-wrap {
	padding: 0 25px;
}
#contents {
	position: relative;
	z-index: 250;
	max-width: 1145px;
/*	overflow: hidden;*/
	padding-bottom: 20px;
}
.inner {
	position: relative;
	max-width: 1195px;
	min-width: 768px;
	width: 100%;
	margin: 0 auto;
}
#checker div {
	display: none;
}
.jsoff {
	padding: 20px 0;
	text-align: center;
	background: #ffffff;
}

/* ====================
	#header
==================== */
#index-header {
	position: relative;
	z-index: 200;
	width: 100%;
	background: url(../common/img/header_line.png) center bottom repeat-x;
}
#index-header .inner {
	padding-top: 25px;
	height: 38px;
}
#index-header .header-logo {
	float: left;
}
#index-header .header-lead {
	float: right;
	padding-top: 6px;
}

/* ====================
	#title
==================== */
#title {
	position: relative;
	z-index: 220;
}
#update {
	position: absolute;
	top: 63px;
	/* z-index: 220; */
	z-index: 300;
	z-index:1001;
	width: 100%;
}
#title img,
#update img {
	width: 100%;
	height: auto;
}
#title .title-area {
	position: relative;
	width: 85%;
	margin-left: 1%;
}
#title h1 {
	width: 84%;
	padding-left: 15%;
}
#title #title-chara {
	position: absolute;
	left: 0;
	width: 16.5%;
}
#title #title-chara img {
	position: absolute;
}
#update #title-update {
	position: absolute;
	top: 0;
	right: 25px;
	width: 10%;
}
#title .luigi-fall1,
#title .luigi-fall2 {
	position: absolute;
	width: 19px;
	height: 18px;
}
#title .luigi-fall1 {
	top: 30px;
	left: 10%;
}
#title .luigi-fall2 {
	top: 55px;
	left: 1%;
}
#title .luigi-fall1-inner,
#title .luigi-fall2-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 16px;
}
#title .luigi-fall1 img,
#title .luigi-fall2 img {
	position: absolute;
	top: 0;
	left: 0;
}


/* ====================
	#footer
==================== */
#footer {
	position: relative;
	z-index: 200;
	width: 100%;
	background: url(../common/img/footer_bg.gif) center bottom repeat-x;
}
#footer #footer-nav {
	height: 40px;
	padding-top: 20px;
	background: url(../common/img/footer_line.png) center top repeat-x;
}
#footer-nav #fNav {
	float: left;
}
#footer-nav #fNav li {
	float: left;
	padding-right: 27px;
}
#footer-nav .footer-nintendo {
	float: right;
	padding-right: 10px;
}
#footer-action {
	position: absolute;
	left: 0;
	bottom: 60px;
	z-index: 280;
	width: 100%;
}
#footer-action #pagetop {
	position: absolute;
	bottom: 0;
	right: -19px;
	width: 128px;
	height: 94px;
	overflow: hidden;
}
#footer-action #pagetop a {
	display: block;
	width: 128px;
	height: 94px;
}
#footer-action #pagetop img {
	position: absolute;
}
#footer-action #pagetop .pagetop-icon {
	top: 0;
	right: 14px;
}
#footer-action #pagetop .pagetop-chara {
	top: 37px;
	right: 38px;
}
#footer-action #pagetop .pagetop-jump {
	display: none;
	top: 94px;
	right: 0px;
}

/* ====================
	max-width 960px
==================== */
@media only screen and (max-width: 980px) {
#checker .tb {
	display: block;
}
#index-header .header-logo {
	padding-left: 25px;
}
#index-header .header-lead {
	padding-right: 45px;
}
#title, #update {
	margin-bottom: 24px;
}
#title .title-area {
	width: 78%;
	margin-left: 4.5%;
}
#title #title-chara {
	top: -13px;
}
#update #title-update {
	right: 5.5%;
}
#footer-nav #fNav {
	padding-left: 50px;
}

} /* max-width 980px END */

/* ====================
	max-width 1195px
==================== */
@media screen and (min-width: 981px) and (max-width: 1215px) {
#checker .pc {
	display: block;
}
#index-header .header-logo {
	padding-left: 25px;
}
#index-header .header-lead {
	padding-right: 25px;
}
#title, #update {
	margin-bottom: 30px;
}
#title .title-area {
	width: 83%;
	margin-left: 1%;
}
#title h1 {
	width: 85%;
	padding-left: 15%;
}
#title #title-chara {
	top: -18px;
	width: 17%;
}
#update #title-update {
	width: 11%;
	right: 2%;
}
#update #title-update img {
	width: 99%;
}
#footer-nav #fNav {
	padding-left: 25px;
}

} /* max-width 1215px END */

/* ====================
	min-width 1196px
==================== */
@media screen and (min-width: 1216px) {
#checker .wide {
	display: block;
}
#index-header .header-logo {
	padding-left: 25px;
}
#index-header .header-lead {
	padding-right: 25px;
}
#title, #update {
	margin-bottom: 30px;
}
#title .title-area {
	width: 83%;
	margin-left: 1%;
}
#title h1 {
	width: 85%;
	padding-left: 15%;
}
#title #title-chara {
	top: -19px;
	width: 16.5%;
}
#update #title-update {
	width: 11%;
	right: 2%;
}
#update #title-update img {
	width: 99%;
}
#footer-nav #fNav {
	padding-left: 25px;
}

} /* min-width 1216px END */


/* ========================================
	#contents
======================================== */
.copy {
	padding-top: 15px;
	color: #8c8c8c;
	font-size: 10px;
	text-align: center;
}
#index-left {
	float: left;
	width: 67%;
}
#index-left .index-left-inner {
	border-right: #000000 2px solid;
	padding-right: 15px;
}
#index-right {
	position: relative;
	float: right;
	width: 33%;
}
#index-right .index-right-inner {
	padding-left: 20px;
}

/* ====================
	#eyecatch
==================== */

/* .eyecatch1 */
.eyecatch1 {
	margin-bottom: 20px;
}
.eyecatch1 .eyecatch-inner {
	padding: 0 25px;
	background: url(../img/top_bg.png) center top repeat-x;
}
@media only screen and (max-width: 1030px) { /*(980 + 25 * 2)*/
.eyecatch1 .eyecatch-inner {
	padding: 0;
}
}
.eyecatch1 .eyecatch-inner2 {
	position: relative;
	width: 100%;
	min-width: 960px;
	max-width: 1145px;
	margin: 0 auto;
}
.eyecatch1 img {
	width: 100%;
	height: auto;
	margin: -1% 0 0;
}
.eyecatch1 #view01 {
	position: relative;
	width: 103.1%;
	margin: 0 0 0 -1.5%;
}
.eyecatch1 #view02,
.eyecatch1 #view03 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70.57%;
}
.eyecatch1 #view02 {
	bottom: 20.5%;
}

/* .eyecatch2 */
.eyecatch2 {
	margin-bottom: 20px;
}
.eyecatch2 .eyecatch-inner {
	padding: 0 25px;
}

@media only screen and (max-width: 1030px) { /*(980 + 25 * 2)*/
.eyecatch2 .eyecatch-inner {
	padding: 0;
}
}
.eyecatch2 .eyecatch-inner2 {
	position: relative;
	width: 100%;
	min-width: 960px;
	max-width: 1145px;
	margin: 0 auto;
}
.eyecatch2 .eyecatch-inner2:before,
.eyecatch2 .eyecatch-inner2:after {
	content: "";
	display: table;
}
.eyecatch2 .eyecatch-inner2:after {
	clear: both;
}
.eyecatch2 img {
	width: 100%;
	height: auto;
}
.eyecatch2 #view01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 66.6%;
}
.eyecatch2 #view01 img {
/*	margin-top: -3%;*/
	margin-left: -7.6%;
	width: 107%;
}
.eyecatch2 #view02 {
	position: relative;
	float: right;
	z-index: 10;
	width: 32.6%;
}
.eyecatch2 #view02 img {
	/*margin-right: -6.8%;*/
	width: 100%;
}
.eyecatch2 #view03 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 30;
	width: 66.6%;
}
.eyecatch2 #view03 img{
	width: 101%;
}
/* .eyecatch3 */
.eyecatch3{
	margin: 0 0 20px;
}
.eyecatch3 .eyecatch-inner2 {
	position: relative;
	width: 100%;
	min-width: 910px;
	max-width: 1145px;
	margin: 0 auto;
}
.eyecatch3 .eyecatch-inner2:after {
	content: '';
	display: block;
	clear: both;
}
.eyecatch3 #view01{
	float: left;
	width: 49.7%;
	position: relative;
	z-index:10;
}
.eyecatch3 #view01 img{
	width: 103.5%;
	height: auto;
	margin: -1% 0 0 -3.5%;
}
.eyecatch3 #view02{
	float: right;
	width: 49.5%;
}
.eyecatch3 #view02 img{
	width: 100.4%;
	height: auto;
	margin: 0;
}
@media only screen and (max-width: 1220px) {
.eyecatch3 .eyecatch-inner {
	padding: 0 25px;
}
}

/* .eyecatch4 */
.eyecatch4{
	width: 1145px;
	margin: 0 auto 20px;
	position: relative;
	z-index:1000;
}
.eyecatch4 #view01{
	margin: -3% 0 0;
	position:relative;
	left: -0.5%;
}
.eyecatch4 #view01 img{
	width: 105.15%;
	height: auto;
}
@media only screen and (max-width: 1220px) {
.eyecatch4{
	width: 100%;
}
.eyecatch4 .eyecatch-inner {
	padding: 0 25px;
}
}

/* .eyecatch5 */
.eyecatch5{
	margin: 0 0 20px;
}
.eyecatch5 .eyecatch-inner2 {
	min-width: 910px;
	max-width: 1145px;
	margin: 0 auto;
}
.eyecatch5 .eyecatch-inner2:after {
	content: '';
	display: block;
	clear: both;
}
.eyecatch5 #view01{
	width: 65.9%;
	float: left;
	margin: -1% 0 10px;
}
.eyecatch5 #view01 img{
	width: 103.5%;
	height:auto;
	margin: 0 0 0 -3.5%;
}
.eyecatch5 #view02{
	width: 33.2%;
	float: right;
	margin: 0 0 10px;
}
.eyecatch5 #view02 img{
	width: 109.5%;
	height:auto;
}
.eyecatch5 #view03{
	width: 33.2%;
	float: right;
}
.eyecatch5 #view03 img{
	width: 100%;
	height:auto;
}
.eyecatch5 #view04{
	width: 65.9%;
	float: left;
	margin: 0 0 10px;
}
.eyecatch5 #view04 img{
	width: 100%;
	height:auto;
}
.eyecatch5 #view05{
	width: 65.9%;
	float: left;
}
.eyecatch5 #view05 img{
	width: 100%;
	height:auto;
}
@media only screen and (max-width: 1220px) {
.eyecatch5{
	width: auto;
	padding:0 25px;
}
}


/* ====================
	#nekomariotime-area
==================== */
#nekomariotime-area {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
#nekomariotime-area .background {
	width: 100%;
	height: auto;
}
#nekomariotime-area .yt-wrap {
	position: absolute;
	top: 22.2%;
	left: 11.9%;
	z-index: 10;
	width: 76.2%;
	max-width: 570px;
}
#nekomariotime-area .yt-inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#nekomariotime-area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#nekomariotime-area .backnumber {
	position: absolute;
	bottom: 4px;
	left: 50%;
	width: 100%;
	margin-left: -179px;
}

/* ====================
	#index-news-area
==================== */
#index-news-area {
	position: relative;
	width: 100%;
	border-radius: 7px;
	padding-bottom: 10px;
	background: url(../img/news_bg.gif) left top repeat;
}
#index-news-area h2 {
	position: absolute;
	top: -11px;
	left: 16px;
	z-index: 5;
}
#index-news-area .more {
	position: relative;
	z-index: 10;
	padding: 15px 11px 13px 0;
	text-align: right;
}
#index-news-box {
	margin: 0 10px;
	border-radius: 7px;
	background: #ffffff;
}
#index-news-box ul {
	overflow: hidden;
}
#index-news-box li {
	margin: -2px 10px 0;
	border-top: #b1b1b1 2px dotted;
	padding: 10px 5px;
}
#index-news-box li a {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
}
#index-news-box li .article-icon {
	float: left;
	margin-right: 10px;
}
#index-news-box li .article-text-box {
	overflow: hidden;
	padding-top: 5px;
}
#index-news-box li .article-text-box .subtext {
	margin-bottom: 5px;
	color: #666666;
	font-size: 12px;
}
#index-news-box li .article-text-box .title {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#index-news-box li a:hover .article-text-box .title {
	text-decoration: underline;
}

/* ====================
	#index-rank-area
==================== */
#index-rank-area {
	width: 100%;
	border-radius: 7px;
	background: url(../img/ranking_bg.gif) left bottom repeat;
}
#index-rank-area h2 {
	padding: 17px 0 8px;
	text-align: center;
}
#index-rank-box {
	margin: 0 10px 10px;
}
#index-rank-box ul {
	
}
#index-rank-box li {
	margin-bottom: 5px;
}
#index-rank-box li a {
	display: block;
	overflow: hidden;
	border: #ffffff 3px solid;
	border-radius: 7px;
	padding: 12px;
	color: #000000;
	text-decoration: none;
	background: #ffffff;
}
#index-rank-box li.rank1 a {
	background: url(../img/rank_icon01.png) 12px 4px no-repeat #ffffff;
}
#index-rank-box li.rank2 a {
	background: url(../img/rank_icon02.png) 12px 4px no-repeat #ffffff;
}
#index-rank-box li.rank3 a {
	background: url(../img/rank_icon03.png) 12px 4px no-repeat #ffffff;
}
#index-rank-box li.rank4 a {
	background: url(../img/rank_icon04.png) 23px 7px no-repeat #ffffff;
}
#index-rank-box li.rank5 a {
	background: url(../img/rank_icon05.png) 23px 7px no-repeat #ffffff;
}
#index-rank-box li.rank1 a:hover {
	border-color: #ef7300;
}
#index-rank-box li.rank2 a:hover {
	border-color: #8c8c8c;
}
#index-rank-box li.rank3 a:hover {
	border-color: #834e00;
}
#index-rank-box li.rank4 a:hover {
	border-color: #bababa;
}
#index-rank-box li.rank5 a:hover {
	border-color: #bababa;
}
#index-rank-box li .article-icon {
	float: left;
	margin-right: 20px;
	padding-top: 28px;
}
#index-rank-box li .article-text-box {
	overflow: hidden;
}
#index-rank-box li .article-text-box p {
	display: block;
}
#index-rank-box li .article-text-box .subtext {
	line-height: 1.2;
	margin-bottom: 5px;
	color: #666666;
	font-size: 12px;
}
#index-rank-box li .article-text-box .title {
	line-height: 1.5;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
#index-rank-area .more {
	text-align: center;
}
#index-rank-area .more a {
	display: block;
	border-radius: 0 0 7px 7px;
	padding: 14px 0;
	background: url(../img/ranking_more_bg_off.gif) left bottom repeat;
}
#index-rank-area .more a:hover {
	background: url(../img/ranking_more_bg_on.gif) left bottom repeat;
}

/* ====================
	#block-area
==================== */
#block-area {
	display: none;
	position: absolute;
	left: 20px;
	bottom: 0;
}
#block-area .block-area-inner {
	width: 100%;
}
#block-area img {
	width: 100%;
	height: auto;
}
#block-area .block-area-left {
	float: left;
	width: 50%;
}
#block-area .block-area-right {
	position: relative;
	top: 0;
	float: right;
	width: 50%;
}
#block-area .block-area-right .hatena-hover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* ====================
	#under-bnr
==================== */
#under-bnr {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 20px;
}
#under-bnr .under-bnr-left,
#under-bnr .under-bnr-right {
	width: 46%;
	border: #060001 2px solid;
	padding: 8px;
	background: #ffffff;
}
#under-bnr .under-bnr-left {
	float: left;
}
#under-bnr .under-bnr-right {
	float: right;
}
#under-bnr .under-bnr-left img,
#under-bnr .under-bnr-right img {
	width: 100%;
	height: auto;
}
#under-bnr a:hover img,
#under-bnr a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1;
}

/* ====================
	#hatena
==================== */
#backLayer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	background: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1;
	cursor: pointer;
}
#hatena {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 9999;
	width: 402px;
	margin-left: -201px;
	padding-top: 91px;
}
#hatena a {
	position: relative;
	display: block;
	height: 360px;
	border: #ffffff 6px solid;
	border-radius: 201px;
	padding-bottom: 30px;
	color: #000000;
	text-decoration: none;
	background: url(../img/hatena_arrow.png) center bottom no-repeat #ffffff;
}
#hatena a:hover {
	border-color: #E60012;
}
#hatena .article-icon {
	position: absolute;
	top: -97px;
	width: 100%;
	padding-top: 120px;
	background: url(../img/hatena_title.png) center top no-repeat;
}
#hatena .article-icon span {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	padding: 5px;
	background: url(../img/hatena_icon_bg.png) center center no-repeat;
}
#hatena .article-text-box {
	padding-top: 130px;
	width: 250px;
	margin: 0 auto;
	text-align: center;
}
#hatena .article-text-box .subtext {
	line-height: 1.8;
	margin-bottom: 10px;
	color: #666666;
	font-size: 12px;
}
#hatena .article-text-box .title {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
}
#hatena #hatena-close {
	padding-top: 30px;
	text-align: center;
}
#hatena #hatena-close img {
	cursor: pointer;
}



/* luigi-footer */
#footer-action-luigi {
	position: absolute;
	left: 0;
	bottom: 60px;
	z-index: 1000;
	width: 100%;
}
#footer-action-luigi #pagetop-luigi {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100px;
	overflow: hidden;
}
#footer-action-luigi #pagetop-luigi a.luigi-pagetop {
	display: block;
	position: absolute;
	right: 7px;
	z-index: 10;
	width: 84px;
	height: 124px;
}
#footer-action-luigi #pagetop-luigi a.luigi-pagetop .off {
	top: 37px;
	left: 0;
}
#footer-action-luigi #pagetop-luigi ul {
	position: absolute;
	top: 161px;
	right: 115px;
	z-index: 5;
	width: 1110px;
}
#footer-action-luigi #pagetop-luigi ul li {
	position: absolute;
	top: 0;
	height: 165px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara01 {
	width: 63px;
	right: 0;
}
#footer-action-luigi #pagetop-luigi ul li.fchara02 {
	width: 63px;
	right: 85px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara03 {
	width: 63px;
	right: 170px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara04 {
	width: 63px;
	right: 255px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara05 {
	width: 63px;
	right: 340px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara06 {
	width: 63px;
	right: 425px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara07 {
	width: 63px;
	right: 510px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara08 {
	width: 63px;
	right: 595px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara09 {
	width: 63px;
	right: 680px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara10 {
	width: 63px;
	right: 765px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara11 {
	width: 63px;
	right: 850px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara12 {
	width: 63px;
	right: 935px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara13 {
	width: 63px;
	right: 1016px;
}
#footer-action-luigi #pagetop-luigi img {
	position: absolute;
}
#footer-action-luigi #pagetop-luigi .pagetop-icon {
	top: 0;
	right: 5px;
}
#footer-action-luigi #pagetop-luigi .pagetop-chara {
	top: 37px;
	right: 38px;
}
#footer-action-luigi #pagetop-luigi .pagetop-jump {
	display: none;
	top: 94px;
	right: 0px;
}