*html body {
	overflow-y: auto;
}
*+html body {
	overflow-y: auto;
}

body {
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
	line-break: strict;
	text-align: center;
	overflow-y: scroll;
}

a:link { color: #22395e; }
a:visited, a:active { color: #595E3C; }
a:hover { background-color: #b8e6fd; }

p {
	margin: 0;
	padding: 0;
}

small {
	color: #999;
	font-size:12px;
}

h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}

#newcom {
	max-width: 810px;
	margin: 10px auto;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}
div.content {
	max-width: 810px;
	margin: 10px auto;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}

a.post {
	color: #f00;
	text-decoration:none;
}

a.post:visited ,a.post:active {}

a.post:hover {
	color: #fff;
	background-color: #f00;
}

.magazine-selector {
	margin: 0;
	padding: 0;
	text-align: center;
}
.magazine-selector li {
	display: inline;
}
.magazine-selector img {
	border: none;
	margin: 0 4px 0 1px;
	padding: 0;
}
.magazine-selector a {
	text-decoration: none;
}
.magazine-selector .current {
	background-color: mistyrose;
}

#hot {
	margin: 10px 0;
	padding: 6px 10px;
	text-align: left;
	border: 1px solid #22395E;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#hot dt {
	margin: 0;
	padding: 0;
	color: #808080;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}
#hot dd {
	display: block;
	float:left;
	margin: 0.5rem 0 0 6px;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
}

.newcom-box {
	text-align: left;
	padding: 20px 18px;
	margin: 10px 0;
	border: 1px solid #22395E;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.newcom-box li {
	border-bottom: 1px #f0f0f0 solid;
	font-size: 16px;
	line-height: 22px;
	display: block;
	list-style-type: none;
	padding: 0 2px 0 22px;
	background: no-repeat 2px 3px;
}
.newcom-box li.update {
	border-bottom: 1px #fff solid;
	background-color: #f0f0f0;
}

.newcom-box li.i1 { background-image: url(/inside/image/ci1.png); }
.newcom-box li.i2 { background-image: url(/inside/image/ci2.png); }
.newcom-box li.i3 { background-image: url(/inside/image/ci3.png); }
.newcom-box li.i4 { background-image: url(/inside/image/ci4.png); }
.newcom-box li.i5 { background-image: url(/inside/image/ci5.png); }
.newcom-box li.i6 { background-image: url(/inside/image/ci6.png); }
.newcom-box li.i7 { background-image: url(/inside/image/ci7.png); }
.newcom-box li.i8 { background-image: url(/inside/image/ci8.png); }
.newcom-box li.i9 { background-image: url(/inside/image/ci9.png); }

.comment-box small {
	cursor: pointer;
}

.box-selector a {
	padding: 0.5em;
	text-decoration: none;
}
.box-selector a.current {
	background-color: mistyrose;
}

@media screen and (max-width: 810px) {
	.newcom-box,
	#hot
	{
		padding: 0.5em;
		margin: 10px;
	}
	*,
	.newcom-box li {
		font-size: small;
	}
}