@charset "Shift_JIS";

body {
	background-color: #ffffff;
	color:            #333333;
	font-size:        100%;
}

a {
	color: #9400d3;
}

#counter {
	color: #696969;
}

#title {
	text-align: center;
}

#title span {
	font-size:    150%;
	margin-right: 0.3em;
}

hr {
	width: 98%;
}

#eclat_logo {
	margin-top: 3em;
	text-align: center;
}

#top_comment {
	background-color: #9400d3;
	border:           1px solid #000000;
	color:            #bfefef;
	margin-top:       1em;
	width:            60%;
	margin-left:      auto;
	margin-right:     auto;
}

#cm {
	text-align: center;
}

#cm1 {
	margin-top: 2.8em;
}

#cm2 {
	margin-top: 1em;
}

#contents {
	font-size:    80%;
	line-height:  125%;
	margin-left:  auto;
	margin-right: auto;
	margin-top:   0.5em;
	width:        90%;
}

#contents_right {
	float: right;
	width: 45%;
}

#contents_left {
	width: 45%;
}

#footer {
	border-bottom: 1px solid #000000;
	border-top:    1px solid #000000;
	clear:         both;
	font-size:     80%;
	margin-bottom: 2em;
	margin-top:    2em;
	padding:       1em;
	text-align:    center;
}

.big_font {
	font-size: 120%;
}



.cm{
margin-top:2em;
margin-bottom:2em;
text-align:center;
}


#community{
width:60%;
margin-left:  auto;
margin-right: auto;
}

#community div{
background-color:#ffbbff;
text-align:left;
padding:1em;
margin-bottom:2em;
font-size:70%;
}

#community li{
margin-top:1em;
}