/* CSS Document */
*{
	margin:0 auto;
	padding:0 auto;
	border-style:none;
}


body{color: #333333;font-family:Helvetica;
background-image:url(../img/bg.gif);}

a{text-decoration:none;color:#0066FF;word-break: break-all;}
#contentbox{margin:2%;}
#thread{margin-top:30px;background-color:#fff;padding:3%;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	}
#pageup{clear:both;}
.clearfix:after {content:"";display:block;clear:both;}
.clearfix{/zoom:1;}	
#copyright{margin-top:30px;text-align:center;font-size:14px;color:#333333;}
#headerbox{ text-align:center;}

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
#scrollitem {color: #663333;margin: 0 0 24px;padding: 15px 10px 10px;width: 100%;}
#scrollitem ul {list-style-type: none;margin: 0;padding: 0;}
#scrollitem li {border-bottom: 1px solid rgba(231,231,231,1.00);margin-top: 0;margin-right: 0;margin-left: 0;margin-bottom: 0px;padding-bottom:0px;position: relative;height:120px;}
#scrollitem li p{font-size:12px;}
#scrollitem .username{color: #ff6699;font-size: 12px;margin-bottom: .5em;}
#scrollitem .username a { color:#ff6699; text-decoration:none; }
#scrollitem p { margin:0; padding:0; }
#scrollitem img {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 0;
	border-radius: 5px;
	width: 100px;
	height: 100px;
}
#scrollitem .info {
	color: #ccc;
	font-size: .5em;
	word-break: normal;
	letter-spacing: 0em;
		 }

#scrollitem ul.spy{overflow:hidden; }
#scrollitem { -webkit-border-radius:10px; -moz-border-radius:10px; }
#thread {
	border-radius: 30px 30px 30px 30px;
	padding-top:0;
	margin-top:0;
	}
#pageupbtn{margin-top:10px; text-align:center}

div.pr {
	background-color: white;
	width: auto;
	border-radius: 30px 30px 30px 30px;
	word-break: normal;
	letter-spacing: 0em;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 3px;
	font-size: 12px;
	padding-bottom: 8px;
	color: #663333;

}

div.pr2 {
	font-size: 12px;
	color: #663333;
	line-height: 15pt;
}

#pr img {
	border-radius: 5px;
	width: 90px;
	height: 90px;
}

#pr1 {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #663333;
	
}
/*アポロ広告のフォントサイズなど*/
#prapollo {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #663333;
	
}

div.appollopr {
	background-color: white;
	width: auto;
	border-radius: 30px 30px 30px 30px;
	word-break: normal;
	letter-spacing: 0em;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
	padding-bottom: 0px;
	color: #663333;

}

#apptemp01 {
    margin: 0px !important;
    text-align: left;
    background-color: #fff;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
	border-top: 0px !important;
}

#apptemp01 img {
	border-radius: 5px !important;
	width: 100px !important;
	height: 100px !important;
}

#apptemp01 hr.apptemp01 {
border-top: 0px !important;
}


.apptemp01_comment a{
font-size: 12px !important;
	}

a:link { color: #663333; }
a:visited { color: #663333; }

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.demo2{
    width: 100%;
    margin: 0 auto;
}
.demo2-1{
    width: 25%;
    float: left;
}
.demo2-2{
    width: 25%;
    float: left;
}
.demo2-3{
    width: 25%;
    float: left;
}

.demo2-4{
    width: 25%;
    float: left;
}

.fam_sp_wrap_03 span {
    width: 300px !important;
    margin-left: -150px !important;
}