*{
	padding:0;
	margin:0;
}
marquee{display:block;}
.nav,.pageview,.home,.category{
	clear:both;	/*回り込み解除*/
}
	/* 全ページ背景画像 */
body{
	background:#fff url("/du_template/1/img/5_backimg.png");
}
	/* タイトル・流れ文字・著作権表記部分 */
h1#title,marquee,#nextReset,#copyright{
	color:#fff;
	background-color:#dc143c;
	border-bottom:2px solid #f00;
	/* タイトル部分の背景色を透過(透明化) */
	filter:alpha(opacity=50);
	opacity:0.70;
	-khtml-opacity: 0.50;
	-moz-opacity:0.50;
	/* 50の数字を大きくすると透過の割合は少なくなり、逆に0に近づけると透明度が増す */
}
	/* 全ページタイトル部分 */
h1#title{
	padding:16px 0 3px 5px;
	margin-top:12px;
	/* 角丸 */
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}
	/* 次回リセット・新着ページの件数・ 各ページの補足事項部分*/
#nextReset{
	text-align:left;
	padding:3px 0 12px 0;
	margin-top:4px;
	margin-bottom:10px;
	/* 角丸 */
	-webkit-border-radius:0 0 10px 10px; 
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;

}
#nextReset span{
	padding:3px 5px;
}
#nextReset a{
	color:#fff;
}
	/* カウンター */
#counter{
	color:#666;
	background-color:#fff;
	text-align:right;
	padding-right:5px;
}
	/* 各項目・流れる文字部分 */
.group,marquee{
	margin:0 10px;
	clear:both;
}

	/* フリーエリア */
div.freearea{
	margin:3px 10px;
	clear:both;
	/* 角丸 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	zoom:1;
}
div.freearea h2{
	padding:5px;
	font-size:1em;
	/* 角丸 */
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	color:#fff;
	background-color:#ff0000;
	border-bottom:1px solid #ff0000;
	/* タイトル部分の背景色を透過(透明化) */
	filter:alpha(opacity=50);
	opacity:0.70;
	-khtml-opacity: 0.50;
	-moz-opacity:0.50;
	/* 50の数字を大きくすると透過の割合は少なくなり、逆に0に近づけると透明度が増す */
}
div.freearea p{
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	border:1px solid #ff0000;
	border-top:0px;
	text-align:left;
	padding:5px;
	color:#000;
	background-color:#fff;
	/* 背景色を透過(透明化) */
	filter:alpha(opacity=50);
	opacity:0.70;
	-khtml-opacity: 0.50;
	-moz-opacity:0.50;
	/* 50の数字を大きくすると透過の割合は少なくなり、逆に0に近づけると透明度が増す */
}

	/* ナビリンク */
#navi {margin-top:2px;}
#navi ul{
	min-height:40px;
	display:block;
	text-align:left;
	background:#dc143c;
	text-shadow: 0px -1px 1px rgba(0,0,0,1);
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	background:linear-gradient(#ff0000, #dc143c); /* CSS3草案 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#dc143c'); /* IE6 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#dc143c))"; /* IE8 */
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#dc143c)); /* Safari,Chromeなど */
	background:-moz-linear-gradient(top, #ff0000, #dc143c); /* Firefox */
	zoom:1;
	/* 角丸 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:4px solid #fff;
}
	/* ページビュー・HOME */
.pageview ul,.under ul,.home a,.category ul li{
	display:block;
	background:#dc143c;
	height:40px;
	line-height:40px;
	text-align:center;
	text-shadow: 0px -1px 1px rgba(0,0,0,1);
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	background:linear-gradient(#ff0000, #dc143c); /* CSS3草案 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#dc143c'); /* IE6 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#dc143c))"; /* IE8 */
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#dc143c)); /* Safari,Chromeなど */
	background:-moz-linear-gradient(top, #ff0000, #dc143c); /* Firefox */
	zoom:1;
	/* 角丸 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:4px solid #fff;
}
	/* form送信ボタン(各種ページ) */
input[type="submit"]{
	display:block;
	color:#ffffff;
	background:#000000;
	padding:10px;
	text-align:center;
	text-shadow: 0px -1px 1px rgba(0,0,0,1);
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	background:linear-gradient(#999999, #000000); /* CSS3草案 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000'); /* IE6 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#999999, endcolorstr=#000000))"; /* IE8 */
	background:-webkit-gradient(linear, left top, left bottom, from(#999999), to(#000000)); /* Safari,Chromeなど */
	background:-moz-linear-gradient(top, #999999, #000000); /* Firefox */
	zoom:1;
	/* 角丸 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:4px solid #fff;
}
.pageview ul li,.under ul li{
	text-align:center;
	display:block;
	float:left;
}
#navi ul li{
	height:40px;
	text-align:center;
	display:inline;
}
.pageview ul li{
	display:block;
	height:40px;
	width:49%;
	_width:48%;
}
#category_list{
	margin-top:2px;
	margin-bottom:12px;
}
#category_list br{
	display:none;
}
.category ul li{
	display:block;
	margin-top:2px;
	text-align:left;
	#padding-left:8px;
}
.category ul li img{
	display:inline;
}
.category ul li a{
	display:block;
	padding-top:2px;
	text-align:left;
	padding-left:8px;
}
.under ul li{
	display:block;
	height:40px;
	width:24%;
	_width:24%;
}
#navi ul li a{
	width:23%;
	_width:23%;
	line-height:40px;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	text-shadow: 0px -1px 1px rgba(0,0,0,1);
}
.pageview ul li a,.under ul li a,.category ul li a{
	color:#fff;
	display:block;
	text-decoration:none;
	text-shadow: 0px -1px 1px rgba(0,0,0,1);
}
#pagePrev,#regist_b{
	border-right:1px solid #bbb;
}
#mod_b,#del_b{
	border-left:1px solid #f00;
	border-right:1px solid #bbb;
}
#pageNext,#admin_b{
	border-left:1px solid #f00;
}
.under{
	margin-top:12px;
}
.home{
	text-align:left;
}
.home a{
	display:block;
	color:#fff;
	margin:6px 10px;
	width:80px;
	height:40px;
	text-decoration:none;
}
	/* 人気ランキング */
h2{
	color:#fff;
	text-align:center;
	border-bottom:1px solid #f00;
}
	/* 参加サイト */
.siteTotal{
	text-align:center;
	padding:5px;
	color:#000;
	background-color:#fff;
}
	/* 登録・変更・登録完了・仮登録完了ページのリンク色 */
.contents_box_mod a{
	color:#fff;
}
	/* 参加サイトリンクのグループ */
.contents_box{
	text-align:left;
	line-height:1.4em;
	color:#fff;
	background-color:#ff0000;
	/* タイトル部分の背景色を透過(透明化) */
	filter:alpha(opacity=50);
	opacity:0.70;
	-khtml-opacity: 0.50;
	-moz-opacity:0.50;
	/* 50の数字を大きくすると透過の割合は少なくなり、逆に0に近づけると透明度が増す */
	/* 角丸 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border-bottom:2px solid #f00;
	padding:12px 1px 4px 1px;
}
	/* 参加サイト */
.nav{
	display:block;
	min-height:84px;
	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;
	min-height:84px;
	color:#f66;
	text-decoration:none;
}
.thumb{
	/* サムネ部分 */
	display:block;
	float:left;
	min-width:36px;
	min-height:80px;
	position: relative;
	border:2px solid transparent;
	background-color:none;
}
	/* 新着期間NEW画像(サムネ部分) */
.thumb img.new{
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top:0;
	left:0;
}
	/* サムネ画像 */
.thumb img.thumb_img{
	width:80px;
	height:80px;
	/* 角丸 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
	/* 新着ページ 登録年月日 */
.date{
	text-align:right;
	padding-right:5px;
}
	/* 最下部の著作権表記 */
#copyright{
	color:#000;
	margin:0 10px 0 10px;
	/* 角丸 */
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	border:4px solid #fff;
	border-bottom:none;
	padding-top:8px;
	padding-bottom:8px;
}
#copyright center{
	font-size:5px;
}
#copyright a{
	font-size:16px;
	color:#fff;
	text-decoration:none;
	margin:3px;
}
	/* ヘッドライン参加サイト */
.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%;min-height:80px;}
}