* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family 	: "Open Sans", sans-serif; 
	overflow-y 		: hidden; 
	height 			: 100%; 
}

#ttl
{
	width			: 100%;
	padding			: 0 0 10px 0;
	text-align 		: center;	
	font-size		: 3.0rem;
	font-family		: 'tahoma';
	font-weight 	: 600;
}

#listbox
{
    width 			: 100%; 
    height 			: 100vh;
    min-height      : 200px;
	overflow-y		: scroll;
	overflow-x		: hidden;
}
#list
{
	margin-right    : 20px;
    width 			: 100%; 
    min-height 		: 300px;
	padding			: 5px;
	border			: 0px solid #ccc;
	font-size		: 1.0em;
	font-family 	: "Open Sans", sans-serif; 
	display 		: inline-block;
    overflow 		: auto;

}
#list dt
{
	padding			: 15px 5px 10px 5px ;
	float			: left;
	width			: 100%;
	font-weight		: 600;
	font-size		: 0.9em;
	border-top      : 1px solid #aaa; 
}
#list dd
{
	padding		    : 5px 5px 10px 5px;
	float			: left;
	clear			: right;
	width			: 100%;
	margin			: 0;
	font-size		: 1.0em;
}
#list .sp
{
	padding         : 5px 5px 10px 5px;
	font-size       : 0.8em;
	color           : blue;
}

.fm
{
	margin 			: 0px;
}
form
{
	position: relative; 
	margin 			: 0px;
	padding			: 0px;
	bottom 			: 0; 
	width 			: 100%; 
}
form input#name
{
	width			: 100%;
	padding			: 10px;
	border			: 1px solid #ccc;
	font-size		: 1.0em;
	font-family 	: "Open Sans", sans-serif; 
	background-color: #eee;
}
form textarea#msg
{
	width			: 100%;
	padding			: 10px;
	border			: 1px solid #ccc;
	font-size		: 1.0em;
	font-family 	: "Open Sans", sans-serif; 
	background-color: #eee;
}
form input#btn
{
	width			: 100%;
	padding			: 10px;
	color 			: #fff;
	background-color: #383F6F;
	border			: 1px solid #ccc;
    border-radius   : 0px;
	font-size		: 1.2rem;
	font-family 	: "Open Sans", sans-serif; 
}
input, textarea {
	-webkit-appearance : none;
	-webkit-border-radius : 0;
}