@charset "utf-8";

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	
	ロコモ チャレンジ！
	
	COMMON BANNER + COMMON NAVIGATION
	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* SPLITE IMAGE USAGE */
.bnrWide a { background: url(../img/bnr_wide.png) left top no-repeat; }
.bnrNarrow a { background: url(../img/bnr_narrow.png) left top no-repeat; }
.bnrLocomo a { background: url(../img/bnr_locomo_index.png) left top no-repeat; }
.bnrCheck a { background: url(../img/bnr_check_index.png) left top no-repeat; }

/* ============================================================
01: コンテンツ内バナー
============================================================ */

.bnrWide {
	margin-bottom: 30px;
	width: 640px;
	overflow: hidden;
}
.bnrWide a {
	display: block;
	width: 640px;
	height: 0;
}

.lococheck {
	height: 118px;
}
.lococheck a {
	padding-top: 118px;
}
.lococheck a:hover {
	background-position: right top;
}

.locomoSupporter, .locotre {
	margin: 20px 0 30px 0;
	height: 140px;
}
.locomoSupporter a, .locotre a {
	padding-top: 140px;
}

.locomoSupporter a { background-position: left -120px; }
.locomoSupporter a:hover { background-position: right -120px; }

.locotre a { background-position: left -270px; }
.locotre a:hover { background-position: right -270px; }

/* ============================================================
02: コンテンツ内バナー（幅1/2）
============================================================ */

.bnrNarrowCont {
	margin-bottom: 20px;
	width: 640px;
}

.bnrNarrowCont:after {
	content: ".";
	clear: both;
	display: block;
	margin-bottom: 20px;
	height: 0;
	visibility: hidden;
}

.bnrNarrowCont ul {
	margin-right: -12px;
	*zoom: 1;
}

.bnrNarrowCont ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.bnrNarrowCont ul li {
	float: left;
	margin: 0 12px 20px 0;
}

#bnrNarrow01 a { background-position: left top; }
#bnrNarrow02 a { background-position: left -220px; }
#bnrNarrow03 a { background-position: left -440px; }
#bnrNarrow04 a { background-position: left -660px; }
#bnrNarrow05 a { background-position: left -880px; }
#bnrNarrow06 a { background-position: left -1100px; }
#bnrNarrow07 a { background-position: left -1320px; }
#bnrNarrow08 a { background-position: left -1540px; }

#bnrNarrow01 a:hover { background-position: right top; }
#bnrNarrow02 a:hover { background-position: right -220px; }
#bnrNarrow03 a:hover { background-position: right -440px; }
#bnrNarrow04 a:hover { background-position: right -660px; }
#bnrNarrow05 a:hover { background-position: right -880px; }
#bnrNarrow06 a:hover { background-position: right -1100px; }
#bnrNarrow07 a:hover { background-position: right -1320px; }
#bnrNarrow08 a:hover { background-position: right -1540px; }

.bnrNarrow, .bnrLocomo, .bnrCheck {
	width: 314px;
	height: 210px;
	overflow: hidden;
}
.bnrNarrow a, .bnrLocomo a, .bnrCheck a {
	display: block;
	padding-top: 210px;
	width: 314px;
	height: 0;
}


/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		
	COMMON NAVIGATION
	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* SPLITE IMAGE USAG */
.more a, .moreTop a,
.navPrev a, .navNext a,
.navPrevEntry a, .navIndex a, .navNextEntry a {
	background: url(../img/btn_content.png) no-repeat;
}

/* ============================================================
01: もっと見る
============================================================ */

.more {
	width: 85px;
	height: 13px;
	overflow: hidden;
}
.more a {
	display: block;
	padding-top: 13px;
	width: 85px;
	height: 0;
	background-position: left top;
}
.more a:hover { background-position: -120px top; }

/* ============================================================
02: もっと見る（TOP用）
============================================================ */

.moreTop {
	width: 85px;
	height: 13px;
	overflow: hidden;
}
.moreTop a {
	display: block;
	padding-top: 13px;
	width: 85px;
	height: 0;
	background-position: left -20px;
}
.moreTop a:hover { background-position: -120px -20px; }

/* ============================================================
03: 記事一覧のナビゲーション（前へ｜123｜次へ）
============================================================ */

#listNav ul {
	margin-bottom: 0;
	width: 630px;
	text-align: center;
}
#listNav ul li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin-bottom: 0;
	margin-left: 1.25em;
	width: auto;
	height: auto;
	list-style: none;
	vertical-align: top;
}
#listNav ul li a.current, #listNav ul li a.current:hover {
	text-decoration: none;
	color: #4c4c4c;
}
.navPrev, .navNext {
	margin-top: 0.35em;
	width: 60px;
	height: 16px;
	overflow: hidden;
}
.navPrev a {
	display: block;
	padding-top: 16px;
	width: 60px;
	height: 0;
	background-position: left -40px;
	text-indent: -9999px;
}
.navNext a {
	display: block;
	padding-top: 16px;
	width: 60px;
	height: 0;
	background-position: left -60px;
	text-indent: -9999px;
}
.navPrev a:hover { background-position: -120px -40px; }
.navNext a:hover { background-position: -120px -60px; }

/* ============================================================
04: 記事のナビゲーション（前の記事へ｜一覧へもどる｜次の記事へ）
============================================================ */

#entryNav {
	width: 630px;
}

#entryNav ul {
	position: relative;
	height: 16px;
}
#entryNav ul li {
	display: block;
	position: absolute;
	top: 0;
	margin: 0;
	height: 16px;
	overflow: hidden;
}
#entryNav ul li a {
	display: block;
	padding-top: 16px;
	height: 0;
}

.navPrevEntry { left: 0; }
.navPrevEntry a { background-position: left -80px; width: 93px; }
.navPrevEntry a:hover { background-position: -120px -80px; }

.navIndex { left: 50%; margin-left: -55px !important; }
.navIndex a { background-position: left -100px; width: 105px; }
.navIndex a:hover { background-position: -120px -100px; }

.navNextEntry { right: 0; }
.navNextEntry a { background-position: left -120px; width: 93px; }
.navNextEntry a:hover { background-position: -120px -120px; }