@charset "utf-8";

/* common
------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
	}
body {
	background:url(/_common/img/netmile/bg_netmile.jpg) repeat-x;
	font-size:small;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
*html body {
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	}
img {
	border: none;
	}
ul,li {
	list-style: none;
	}
h1, h2, h3, h4, select, input, option, textarea {
	font-size:small;
	}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	}
input {
	vertical-align:middle;
	}
input.pwd {
	font-family:Arial, Helvetica, sans-serif !important;
	}

a:link { color:#0066cc; text-decoration:underline; }
a:visited { color:#0066cc; text-decoration:underline; }
a:hover { color:#00baff; text-decoration:underline; }
a:active { color:#0066cc; text-decoration:underline; }

.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
.clearfix{
	zoom:1;
	}

/* NetMile Header
------------------------------------------------ */
#headerNM {
	width:952px;
	height:65px;
	margin:0 auto;
	background:url(/_common/img/netmile/bg_header.jpg) no-repeat center top;
	}
	#headerNM .powered {
		float:right;
		margin-right:10px;
		}
	#headerNM .logo {
		padding:10px 0 0 10px;
		}

#container {
	width:920px;
	margin:0 auto;
	padding:15px;
	background:#ffffff;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	}

/* Main Contents
------------------------------------------------ */
#innerHead {
	margin-bottom:15px;
	}
	#innerHead h1 {
		float:left;
		}
.topLink {
	float:left;
	margin: 1px 0 0 15px;
	}
	.topLink a {
		width: 50px;
		height: 14px;
		background: url(/_common/img/netmile/btn_top.gif) no-repeat;
		text-indent: -3000em;
		overflow: hidden;
		display: block;
		}
	.topLink a:hover {
		background: url(/_common/img/netmile/btn_top.gif) no-repeat 0 -14px;
		}
.helpLink {
	float:right;
	}
	.helpLink li {
		float:left;
		margin-left:10px;
		}
	.howtoLink a {
		width:56px;
		height: 14px;
		background: url(/_common/img/netmile/btn_howto.gif) no-repeat;
		text-indent: -3000em;
		overflow: hidden;
		display: block;
		}
	.howtoLink a:hover {
		background: url(/_common/img/netmile/btn_howto.gif) no-repeat 0 -14px;
		}
	.qaLink a {
		width:52px;
		height: 14px;
		background: url(/_common/img/netmile/btn_qa.gif) no-repeat;
		text-indent: -3000em;
		overflow: hidden;
		display: block;
		}
	.qaLink a:hover {
		background: url(/_common/img/netmile/btn_qa.gif) no-repeat 0 -14px;
		}

#main {
	float:left;
	width:605px;
	}

.no1 .labelNo { background:url(/_common/img/netmile/icn_no1.gif) no-repeat; text-indent:-3000em; }
.no2 .labelNo { background:url(/_common/img/netmile/icn_no2.gif) no-repeat; text-indent:-3000em; }
.no3 .labelNo { background:url(/_common/img/netmile/icn_no3.gif) no-repeat; text-indent:-3000em; }
.no4 .labelNo { background:url(/_common/img/netmile/icn_no4.gif) no-repeat; text-indent:-3000em; }
.no5 .labelNo { background:url(/_common/img/netmile/icn_no5.gif) no-repeat; text-indent:-3000em; }
.no6 .labelNo { background:url(/_common/img/netmile/icn_no6.gif) no-repeat; text-indent:-3000em; }
.no7 .labelNo { background:url(/_common/img/netmile/icn_no7.gif) no-repeat; text-indent:-3000em; }
.no8 .labelNo { background:url(/_common/img/netmile/icn_no8.gif) no-repeat; text-indent:-3000em; }
.no9 .labelNo { background:url(/_common/img/netmile/icn_no9.gif) no-repeat; text-indent:-3000em; }
.no10 .labelNo { background:url(/_common/img/netmile/icn_no10.gif) no-repeat; text-indent:-3000em; }

.labelNo {
	float:left;
	width:20px;
	}
.entryThumbS {
	float:left;
	}
.entryThumbS a {
	width:48px;
	height:48px;
	margin-right:8px;
	padding:3px;
	border:1px solid #d5d5d5;
	text-align:center;
	display:block;
	}
	.entryThumbS a:hover {
		border:1px solid #333333;
		}
.entryTitle {
	font-weight:bold;
	line-height:1.3;
	display:block;
	}
.entryInfo {
	padding-top:2px;
	}
.entryPost {
	color: #666666;
	font-size: 90%;
	}
	.entryPost span {
		color:#EB7107;
		font-weight:bold;
		}
	.entryPost a:link { color:#333333; text-decoration:underline; }
	.entryPost a:visited { color:#333333; text-decoration:underline; }
	.entryPost a:hover { color:#00baff; text-decoration:underline; }
	.entryPost a:active { color:#333333; text-decoration:underline; }

.btnMore {
	margin-bottom:10px;
	}
.btnMore a {
	float:right;
	width:76px;
	height:16px;
	background:url(/_common/img/netmile/btn_more.gif) no-repeat;
	text-indent:-3000em;
	overflow:hidden;
	display:block;
	}
.btnMore a:hover {
	background:url(/_common/img/netmile/btn_more.gif) no-repeat 0 -16px;
	}

.leftDiv {
	float:left;
	width:293px;
	}
.rightDiv {
	float:right;
	width:293px;
	}

/* New Articles */
.ttlNewArticles {
	width:605px;
	height:32px;
	margin-bottom:10px;
	background:url(/_common/img/netmile/ttl_newarticles.gif) no-repeat;
	text-indent:-3000em;
	}
.newArticles {
	}
	.newArticles .entryTitle {
		font-size:120%;
		}
	.newArticles li {
		margin-bottom:10px;
		clear:left;
		}
	.newArticles li.no10 {
		margin-bottom:0;
		}

/* Nice Ranking */
.ttlNiceRanking {
	width:293px;
	height:32px;
	margin-bottom:10px;
	background:url(/_common/img/netmile/ttl_niceranking.gif) no-repeat;
	text-indent:-3000em;
	}
.niceRanking {
	}
	.niceRanking .entryTitle {
		font-size:106%;
		}
	.niceRanking li {
		margin-bottom:10px;
		clear:left;
		}
	.niceRanking li.no5 {
		margin-bottom:0;
		}
	.niceRanking .entryPost span {
		color:#eb7107;
		font-weight:bold;
		}

/* Access Ranking */
.ttlAccessRanking {
	width:293px;
	height:32px;
	margin-bottom:10px;
	background:url(/_common/img/netmile/ttl_accessranking.gif) no-repeat;
	text-indent:-3000em;
	}
.accessRanking {
	}
	.accessRanking .entryTitle {
		font-size:106%;
		}
	.accessRanking li {
		margin-bottom:10px;
		clear:left;
		}
	.accessRanking li.no5 {
		margin-bottom:0;
		}

.newArticles li:after,
.niceRanking li:after,
.accessRanking li:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
.newArticles li,
.niceRanking li,
.accessRanking li {
	zoom:1;
	}


/* Main 2d
------------------------------------------------ */

.tabNavi {
	margin-bottom:20px;
	border-bottom:2px solid #8EBFC1;
	}
	.tabNavi li {
		float:left;
		width:106px;
		margin-right:5px;
		}
	.tabNavi li a,
	.tabNavi li span {
		width:106px;
		height:28px;
		text-indent:-3000em;
		display:block;
		}
	.tabNavi .tabNew a:hover,
	.tabNavi .tabNew span {
		background:url(/_common/img/netmile/tab_newarticles.gif) no-repeat 0 -28px;
		}
	.tabNavi .tabNew a {
		background:url(/_common/img/netmile/tab_newarticles.gif) no-repeat 0 0;
		}
	.tabNavi .tabNice a:hover,
	.tabNavi .tabNice span {
		background:url(/_common/img/netmile/tab_nicearticles.gif) no-repeat 0 -28px;
		}
	.tabNavi .tabNice a {
		background:url(/_common/img/netmile/tab_nicearticles.gif) no-repeat 0 0;
		}
	.tabNavi .tabAccess a:hover,
	.tabNavi .tabAccess span {
		background:url(/_common/img/netmile/tab_accessarticles.gif) no-repeat 0 -28px;
		}
	.tabNavi .tabAccess a {
		background:url(/_common/img/netmile/tab_accessarticles.gif) no-repeat 0 0;
		}

.rankingList li {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #999999;
	}
	.rankingList .labelNo {
		width:25px;
		}
	.rankingList .entryInfo {
		width:330px;
		margin-left:90px;
		padding-top:2px;
		}
	.rankingList .entryTitle {
		font-size:110%;
		}
	.rankingList .entryBody {
		padding-top:5px;
		line-height:1.4;
		display:block;
		}
	.rankingList .blogInfo {
		float:right;
		width:170px;
		font-size:90%;
		}
	.rankingList .newArticlesList .labelNo {
		display:none;
		}
	.rankingList .newArticlesList  .entryInfo {
		width:350px;
		margin-left:65px;
		}

.blogInfo .blogTitle {
	background:url(/_common/img/netmile/icn_blogtext.gif) no-repeat 50px 0;
	padding-top:9px;
	font-weight:normal;
	display:block;
	}
.blogThumbS {
	float:left;
	margin-right:5px;
	}
	.blogThumbS a {
		width:36px;
		height:36px;
		padding:3px;
		border:1px solid #d5d5d5;
		text-align:center;
		display:block;
		}
	.blogThumbS a:hover {
		border:1px solid #333333;
		}

.sonet-icon {
	vertical-align:middle;
	}

.mainPager {
	padding:15px 0;
	text-align:center;
	}
	.mainPager a:link { color:#333333; text-decoration:none; }
	.mainPager a:visited { color:#333333; text-decoration:none; }
	.mainPager a:hover { color:#ffffff; text-decoration:none; }
	.mainPager a:active { color:#333333; text-decoration:none; }
	.mainPager .pageNum a {
		padding:5px 12px;
		border:1px solid #d5d5d5;
		}
	.mainPager .pageNum a:hover {
		background:#00baff;
		border:1px solid #00baff;
		}
	.mainPager .pageNum {
		color:#ffffff;
		}
	.mainPager .nowpageNum {
		padding:5px 8px;
		background:#484848;
		border:1px solid #484848;
		color:#ffffff;
		font-weight:bold;
		}

/* Side
------------------------------------------------ */
#side {
	float:right;
	width:300px;
	}

.registHead {
	height:10px;
	background:url(/_common/img/netmile/regist_head.gif) no-repeat;
	font-size:0;
	}
.registBottom {
	margin-bottom:10px;
	height:10px;
	background:url(/_common/img/netmile/regist_bottom.gif) no-repeat;
	font-size:0;
	}
.registBody {
	padding:4px 12px;
	background:url(/_common/img/netmile/regist_body.gif) repeat-y;
	}
	.registBody .blogLogin {
		padding-bottom:10px;
		margin-bottom:12px;
		border-bottom:1px dashed #666666;
		}
	.registBody .blogLogin h3 {
		height:19px;
		background:url(/_common/img/netmile/label_member.gif) no-repeat center top;
		text-indent:-3000em;
		}
	.registBody .netmileRegist {
		text-align:center;
		}
	.registBody .netmileRegist h3 {
		height:19px;
		background:url(/_common/img/netmile/label_guest.gif) no-repeat center top;
		text-indent:-3000em;
		}
	.registBody .netmileRegist p {
		padding-top:5px;
		font-size:x-small;
		}

.ttlWhatsNew {
	width: 300px;
	height: 32px;
	background: url(/_common/img/netmile/ttl_whatsnew.gif) no-repeat;
	text-indent: -3000em;
	}
.sideboxBody {
	padding: 5px 10px 0 10px;
	background: url(/_common/img/netmile/bg_sidebox_body.gif) no-repeat;
	}
	.sideboxBody ul {
		padding-bottom: 5px;
		}
	.sideboxBody li {
		padding: 7px 0;
		border-bottom: 1px dotted #999999;
		}
	.sideboxBody li span {
		float: left;
		width: 4em;
		}
	.sideboxBody li a {
		display: block;
		margin-left: 4em;
		}
	.sideboxBody .btnMore {
		margin: 0;
		}
	.sideboxBody a.whatsNew1st {
		font-weight: bold;
		color: #e00000;
		}
.sideboxBottom {
	width: 300px;
	height: 10px;
	margin-bottom: 10px;
	background: url(/_common/img/netmile/bg_sidebox_bottom.gif) no-repeat;
	font-size: 0;
	}

/* Footer
------------------------------------------------ */
#footer{
	clear:both;
	width:952px;
	height:45px;
	margin:0 auto;
	padding-bottom:10px;
	background:url(/_common/img/netmile/bg_footer.gif) no-repeat;
	line-height:1;
	}
	#footer .copyright{
		padding-top:5px;
		line-height:1.6;
		text-align:center;
		font-size: 90%;
		}