*{
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
marquee{display:block;}
.nav,.pageview,.home,.category{
	clear:both;	/*回り込み解除*/
}
	/* 全ページ背景画像 */
body{
	background:#f1f2f3;
}
ul,ol,li{
list-style:none;
}
	/* タイトル・流れ文字・著作権表記部分 */
h1#title,marquee,#nextReset,#copyright{
	color:#444;
	background:#fff;
	margin:0 0 2px 0;
}
	/* 全ページタイトル部分 */
h1#title{
	font-size:1.4em;
	padding:16px 5px;
	border-bottom:4px solid #3399ff;
}
	/* 次回リセット・新着ページの件数・ 各ページの補足事項部分*/
#nextReset{
	text-align:left;
	padding:6px;
	margin-top:2px;
	margin-bottom:2px;
}
#nextReset span{
	padding:3px 5px;
}
#nextReset a{
	color:#333;
}
	/* カウンター */
#counter{
	color:#666;
	background-color:#fff;
	text-align:right;
	padding-right:5px;
}
	/* 各項目・流れる文字部分 */
.group,marquee{
	margin:2px 0;
	clear:both;
}

	/* フリーエリア */
div.freearea{
	margin:2px 0;
	clear:both;
	zoom:1;
}
div.freearea h2{
	padding:5px;
	font-size:16px;
	color:#333333;
	background-color:#fff;
	border-bottom:1px solid #333333;
}
div.freearea p{
	text-align:left;
	padding:5px;
	color:#333333;
	background-color:#fff;
}

	/* ナビリンク */
#navi {margin-top:2px;}
.pageview ul,.under ul,#navi ul{
	display:table;
	table-layout:fixed;
	width:100%;
	text-align:left;
	padding:2px 0;
	background:#fff;
}
	/* ページビュー・HOME */
.home a{
	font-size:80%;
	display:block;
	background:#3399ff;
	text-align:center;
}
/* ﾌｫｰﾑ */
input[type="text"],
input[type="email"],
input[type="url"]
{
  font-size:15px;
  padding:5px;
  width:80%;
  height:35px;
	display:block;
	margin:1px auto 9px auto;
}
	/* form送信ボタン(各種ページ) */
input[type="submit"]{
	appearance:none;
	-webkit-appearance:none;
  border:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  text-shadow:none;
	display:block;
	color:#fff;
	background:#3399ff;
	margin:1px auto 9px auto;
	padding:10px;
  width:80%;
	text-align:center;
	/* 角丸 */
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.pageview ul li,.under ul li{
	text-align:center;
	display:table-cell;
}
#navi ul li{
	text-align:center;
	display:table-cell;
}
#category_list{
	margin-top:2px;
	margin-bottom:2px;
	padding:6px 2px;
	background:#fff;
}
#category_list br{
	display:none;
}
.category ul li{
	display:block;
	margin:1px 0;
	padding:2px;
	width:100%;
	text-align:left;
}
.category ul li img{
	display:inline;
}
.category ul li a{
	display:block;
	width:98%;
	text-align:left;
	color:#eee;
	background:#3399ff;
	margin:1px auto;
	padding:8px;
	text-decoration:none;
	/* 角丸 */
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.pageview ul li a,.under ul li a,#navi ul li a{
	width:98%;
	color:#eee;
	background:#3399ff;
	margin:1px auto;
	padding:6px;
	display:block;
	text-decoration:none;
	font-size:80%;
	/* 角丸 */
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.under{
	margin-top:12px;
}
.home{
	text-align:left;
}
.home a{
	display:block;
	color:#fff;
	margin:6px 10px;
	padding:6px;
	width:80px;
	text-decoration:none;
	/* 角丸 */
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
	/* 人気ランキング */
h2{
	color:#fff;
	text-align:center;
	border-bottom:1px solid #00f;
}
	/* 参加サイト */
.siteTotal{
	text-align:center;
	padding:5px;
	color:#000;
	background-color:#fff;
}
	/* 登録・変更・登録完了・仮登録完了ページのリンク色 */
.contents_box_mod a{
	color:#fff;
}
	/* 参加サイトリンクのグループ */
.contents_box{
	text-align:left;
	padding:6px;
	background-color:#fff;
}
	/* 参加サイト */
.nav{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	color:#000;
	background-color:#fff;
	background:linear-gradient(#ffffff, #eeeeee); /* CSS3草案 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* IE6 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#eeeeee))"; /* IE8 */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* Safari,Chromeなど */
	background:-moz-linear-gradient(top, #fff, #eee); /* Firefox */
	zoom:1;
	text-align:left;
}
	/* 参加サイトリンク色 */
.nav a{
	display:block;
	padding:3px;
	color:#333;
	text-decoration:none;
}
.box_body{
	width:100%;
	font-size:12px;
	overflow:hidden;
	line-height:1.0;
}
.box_body .comment{
	display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
	line-height:1.2;
}
.rank_date{
	font-size:13px;
}
.nav h3{
	font-size:16px;
}
.thumb{
	/* サムネ部分 */
	display:block;
	float:left;
	min-width:36px;
	position:relative;
	border:2px solid transparent;
}
	/* 新着期間NEW画像(サムネ部分) */
.thumb img.new{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
}
	/* サムネ画像 */
.thumb img.thumb_img{
	width:40px;
	height:40px;
}
	/* 新着ページ 登録年月日 */
.date{
	text-align:right;
	padding-right:5px;
}
	/* 最下部の著作権表記 */
#copyright{
	color:#000;
	margin:6px 0 0 0;
	border-top:4px solid #3399ff;
	padding-top:8px;
	padding-bottom:18px;
}
#copyright center{
	font-size:5px;
}
#copyright a{
	font-size:16px;
	color:#000;
	text-decoration:none;
	margin:3px;
	padding:2px 4px;
}
	/* ヘッドライン参加サイト */
.headlineGroup {
	margin-left:0 !important;
	margin-right:0 !important;
	min-height:0 !important;
}
.headlineGroup a {
	min-height:0 !important;
}
	/* スマホとPCを分けて指定 */
@media screen and (min-width:481px) {
div.freearea{max-width:800px;margin-left:auto;margin-right:auto;clear:both;}
#copyright,.group,marquee,.home{max-width:800px;margin:0 auto;clear:both;}
.pageview{margin:6px auto;}
.nav{margin-bottom:6px;margin-top:6px;}
#navi,h2{margin-top:4px;}
.nav a{display:block;width:100%;}
a:hover{
	filter:alpha(opacity=80);
	opacity:0.80;
	-khtml-opacity:0.80;
	-moz-opacity:0.80;
}
#copyright a:hover{text-decoration:underline;}
}
