body {
 margin: 0;
 padding: 0;
 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
 text-align: center;
 background: #DADEE1 url("../../kaome/image/back.gif") repeat-x;
}
img {
 border: 0;
}
form {
 margin: 0;
 padding: 0;
}
a {
 color: #666;
}
#wraptop {
 width: 1130px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
#headermenubody {
 background: #333;
}
#headermenu {
 width: 1130px;
 margin-left:auto;
 margin-bottom: 0px;
 margin-right:auto;
 text-align:left;
 padding: 5px 0;
 color: #FFF;
 font-size: 0.8em;
}
#headermenu a {
 color: #FFF;
}
#wraptoprf{
 float: left;
 width:160px;
 margin-right:20px;
}
#wraptopl{
 float: left;
 width:770px;
}
#wraptopr{
 float: right;
 width:160px;
}

h1 {
 float: left;
 margin: 0;
 padding: 0 0 5px 0;
}
h2 {
 margin: 20px 0 10px 0;
 padding: 5px;
 font-size: 1.0em;
 color: #4C4C4C;
 background:#E6E6E6;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 font-weight:normal;
}
#otherlang{
 padding-top: 10px;
 float: right;
 font-size: 0.8em;
}
#avatarframe{
 float: left;
 width:110px;
}
#avatarframe p{
 margin: 0;
 width:86px;
 border: 1px solid #CCC;
 border-top: 0;
 background: #EEE;
 font-size:0.8em;
 padding: 5px;
 text-align:center;
}
* html #avatarframe p{
 width:98px;
}
#avatarimg{
 border: 1px solid #CCC;
}
#menu5{
 float: left;
 width:660px;
}
#dropmenu{
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
	background: #6DA563;
}
#dropmenu li{
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
	background: #6DA563;
  text-align: left;
  font-weight: normal;
}
#dropmenu li:hover > a{
	background: #6DA563;
  color: #eff7b1;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
h1 a{
	font-size: 25px;
	color: #E45D8B;
	text-shadow:
	-1px -1px 0px #FFF,
	1px -1px 0px #FFF,
	1px 1px 0px #FFF,
	-1px 1px 0px #FFF,
	2px 2px 0 #E45D8B;
	font-weight: bold;
	text-decoration:none;
}
#menu5{
 float: left;
 width:660px;
 height:120px;
}
.eachItem{
 float: left;
}
.eachItem img{
	width: 56px;
	height: 56px;
	border: 1px solid #CCC;
	margin: 0 2px 0 0;
}
table tr th img{
	width: 56px;
	height: 56px;
}
.freset {
 clear: both;
 margin: 0;
 padding: 0;
}
#log {
 padding: 10px;
 overflow: auto;
 font-size: 0.8em;
 line-height:1.5;
 background: #FFF;
}
.parea {
 width: auto;
 margin: 0px;
 padding: 0px 5px 10px 0px;
 float: left;
 color: #666;
 height:170px;
}
.pimg {
 margin: 0px;
 padding: 0px;
 width:96px;
 height:96px;
 border: 1px solid #000;
 background:url("../img/blankface.gif") no-repeat;
}
#log ul {
 list-style: none;
 margin: 0 0 10px 0;
 padding: 0;
}
#log ul li {
 margin: 0 0 5px 0;
 padding: 0 0 0 20px;
 background:url("../image/li.gif") no-repeat;
}
#footer{
 margin-top: 10px;
 font-size: 0.8em;
}
#adjboxarea table,
#colorboxarea table{
 margin: 0;
 padding: 0;
 vertical-align: top;
 border-collapse: collapse;
 font-size: 1.0em;
}
#adjboxarea th{
 padding: 5px 10px 5px 0px;
}
#colorboxarea th{
 text-align: right;
 font-weight:normal;
 padding: 10px 10px 10px 0;
 width:80px;
}
#colorboxarea td{
 padding: 10px 0px;
}
#adjboxarea td{
 padding: 5px 10px 5px 0px;
}
.colortxtbox{
 width:60px;
}
.colorbox{
 width: 100px;
 height: 1.5em;
 border: 1px outset #666;
}
#logoarea{
 padding: 10px 0 20px 0;
 text-align:center;
}
#mypic{
 border: 2px solid #6699CC;
 padding: 5px;
 margin-bottom: 10px;
}
#skyscraper{
 float: left;
 width: 180px;
}
#pwrap{
 float: left;
 width: 730px;
}
#menuad{
 float: left;
 width:840px;
 padding-top: 15px;
 text-align: center;
 font-size:0.8em;
}
.smbtn{
 float:left;
 padding: 0 10px 10px 0;
}
.smbtn2{
 float:left;
 padding: 0 0 10px 0;
}
.smbtns{
 float: left;
}
#avatarbtns{
	margin: 1px 0 0 0;
}
#btn_rand a,
#avatarbtn a{
	border: 1px solid #7c7c7c;
	cursor: pointer;
	color: #FFF;
	background: -moz-linear-gradient( top, #87CC7A 0%, #6DA563);
	background: -webkit-gradient( linear, left top, left bottom, from(#87CC7A), to(#6DA563));
	background: #6DA563;
	border: 1px solid #007d00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow: 1px 1px 0px rgba(000,000,000,0.6), 0px -1px 0px rgba(255,255,255,0.3);
	text-decoration: none;
}
#avatarbtn a{
	padding: 3px 0;
	display: block;
	width:96px;
	font-size:12px;
	text-align: center;
}
#btn_rand a{
	font-size:16px;
	padding: 10px;

}