@charset "Shift_JIS";

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

a {
	color: #9400d3;
}

#counter {
	color: #696969;
}

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

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

hr {
	margin-top: 1.5em;
	width:      98%;
}

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

#menu_top {
	margin-top: 4em;
	text-align: center;
}

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

#uranai {
	margin-left:  auto;
	margin-right: auto;
	margin-top:   2em;
	width:        80%;

}

.uranai_title {
	background-color: #cbcbe5;
	color:            #9400d3;
	margin-top:       2em;
	padding:          0.5em;
	text-align:       center;
}

.uranai_txt {
	background-color: #eeeeff;
	padding:          0.4em;
text-align:left;
}

#uranai_custom {
	color:      #0000ff;
	margin-top: 0.5em;
}

#uranai_sample {
	line-height: 250%;
	margin:      1em;
	text-align:  center;
}

#uranai_sample input {
	display: inline;
}

#uranai_sample form {
	display: inline;
}

.uranai_html {
	margin:     0.5em;
	margin-top: 1.5em;
}

.uranai_html form {
	display: inline;
}

.uranai_html_source {
	color:       #0000ff;
	display:     inline;
	margin-left: 0.2em;
}

.uranai_html_form {
	display: inline;
}

#onegai_html {
	margin-left:  10%;
	margin-right: 10%;
	margin-top:   1em;
}

#eclatcopy {
	background-color: #eeeeff;
	font-size:        80%;
	margin-left:      10%;
	margin-right:     10%;
	margin-top:       3em;
	padding:          0.3em;
	text-align:       center;
}

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



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