@charset "UTF-8";
/* CSS Document */

body{
	background:#333333;
	color:#ffffff;
	font-size:14px;
}

a{
	color:#d6ea9c;
}

#container{
	width:300px;
	margin-right:auto;
	margin-left:auto;
}

header{
	margin-top:20px;
	margin-bottom:20px;
}

dl#term{
	margin-bottom:25px;
}

dl#term dt{
	background:#454a37;
	width:3.5em;
	float:left;
	margin-right:1px;
	margin-bottom:1px;
	height:30px;
	line-height:30px;
	padding:0 10px;
}

dl#term dd{
	background:#51583d;
	margin-bottom:1px;
	height:30px;
	line-height:30px;
	padding:0 10px;
}

dl#term dd label{
	margin-left:10px;
}

dl#term dd span{
	text-decoration:line-through;
}

#button{
	margin-bottom:30px;
}

#button input{
	width:260px;
	height:40px;
	background:#91c006;
	border:0;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	/*border-radiu7ca405s: 5px;*/        /* CSS3草案 */ 
	/*-webkit-border-radius: 5px;*/    /* Safari,Google Chrome用 */  
	/*-moz-border-radius: 5px;*/   /* Firefox用 */ 
	/*background: -moz-linear-gradient(top, #91c006, #);*/　/* Firefox用 */  
   /* background: -webkit-gradient(linear, left top, left bottom, from(#91c006), to(#7ca405));*/　/* Safari,Google Chrome用 */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #92c006), color-stop(1, #7ca405));
	background:-moz-linear-gradient(top, #92c006 5%, #7ca405 100%);
	background:-webkit-linear-gradient(top, #92c006 5%, #7ca405 100%);
	background:-o-linear-gradient(top, #92c006 5%, #7ca405 100%);
	background:-ms-linear-gradient(top, #92c006 5%, #7ca405 100%);
	background:linear-gradient(to bottom, #92c006 5%, #7ca405 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c006', endColorstr='#7ca405',GradientType=0);
	background-color:#92c006;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#button input:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #92c006), color-stop(1, #92c006));
	background:-moz-linear-gradient(top, #92c006 5%, #92c006 100%);
	background:-webkit-linear-gradient(top, #92c006 5%, #92c006 100%);
	background:-o-linear-gradient(top, #92c006 5%, #92c006 100%);
	background:-ms-linear-gradient(top, #92c006 5%, #92c006 100%);
	background:linear-gradient(to bottom, #92c006 5%, #92c006 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c006', endColorstr='#92c006',GradientType=0);
	background-color:#92c006;
	cursor:pointer;
}

#result {
	margin-bottom:30px;
	width:280px;
	margin-right:auto;
	margin-left:auto;
}

#result textarea{
	font-size:30px;
	width:280px;
	height:40px;
	text-align:center;
	margin-bottom:20px;
	line-height:40px;
	background:none;
	border:none;
	border-bottom:dashed 1px #fff;
	color:#fff;
	resize:none;
	overflow:auto;
}

section#box{
	background:#3f3f3f;
	padding:10px;
	line-height:1.5;
	margin-bottom:10px;
}

section#box p{
	margin-bottom:1em;
}

section#box p span{
	text-decoration:line-through;
}

footer p{
	text-align:center;
	margin-bottom:20px;
}