@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:80px;
	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 input{
	border:0;
	background:#ccc;
	/*margin-bottom:1px;
	height:30px;*/
	line-height:30px;
	
	padding:0 5px;
	margin:0;
	
	font-size:20px;
	width:189px;
	}

#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 .result{
	margin-bottom:25px;
	border-bottom:dashed 1px #fff;
}

#result p{
	line-height:30px;
}

#result p span.term{
	font-size:14px;
	width:7em;
	display:inline-block;
}

#result p span.val{
	font-size:30px;
	display:inline-block;
	width:2em;
	text-align:right;
	margin-right:0.5em;
}

#result p span.unit{
	font-size:14px;
}



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

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

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