/*clearfix
-----------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

/*
-----------------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-size:80%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, Helvetica;
}
#wrap {
	background:url(img/hdrback.gif) repeat-x;
}
#topwrap {
	width:500px;
	margin:auto;
}
#hdrwrap {
	background:#d4ebfb;
}
#hdr {
	float:right;
}
#logo {
	clear:both;
	width:500px;
	margin:0 auto;
	text-align:center;
}
#logo h1 {
	margin:0;
	padding:0;
}
#loginerror {
	font-weight:bold;
	font-size:1.1em;
	color:#FF0000;
	text-align:center;
	margin:7px 0;
	background:#FFF2F2;
	padding:5px 0;
	border:1px solid #FEDBDB;
}
#fade {
	font-weight:bold;
	font-size:1.1em;
	color:#FF0000;
	text-align:center;
	margin:7px 0;
	background:#FFF2F2;
	padding:5px 0;
	border:1px solid #FEDBDB;
}
#topleft {
	float:left;
}
#topright {
	float:right;
	width:204px;
}
#signup_button {
	margin:0 0 3px 0;
}
#loginform {
	background:#ade3d7;
	border:1px solid #64c4bd;
	width:172px;
	float:right;
	padding:10px;
	margin:0 6px 20px 0;
}
#loginform dt {
	font-size:0.9em;
}
#loginform dd {
	margin:0;
}
#loginform dd#loginbutton {
	clear:both;
	margin:5px 0 0 0;
}
#signupform {
	background:#ade3d7;
	border:1px solid #64c4bd;
	padding:10px;
	margin:0 0 20px 0;
}
#form {
	width:500px;
	margin:auto;
}
#form a:link,
#form a:visited {
	color:#2587ff;
	text-decoration:none;
	padding:2px;
}
#form a:hover {
	background:#a3ccff;
	color:#0066cc;
	padding:2px;
}
#form span#delete {
	margin-left:5px;
	_padding-left:5px;
	font-size:1.2em;
	padding:2px;
}
form input#input {
	font-size: 20px;
	font-weight: bold;
	border: 2px solid #fff5b2;
	width: 60%;
	margin: 0;
	padding: 6px 10px;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
}
#resultwrap {
	margin:10px 0 0 0;
	background:#fff9d8;
	min-height:200px;
	height: auto !important;
	height: 200px;
}
#result {
	width:600px;
	padding:10px;
	margin:auto;
}
dl {
	margin:0;
	padding:0;
	clear:both;
	font-size:14px;
}
dl dt {
	float:left;
	width:200px;
}
dl dd {
	float:left;
	width:50px;
}
dl dd a:link,
dl dd a:visited {
	color:#2587ff;
	text-decoration:none;
	padding:2px;
}
dl dd a:hover {
	background:#a3ccff;
	color:#0066cc;
	padding:2px;
}
#pager {
	width:500px;
	margin:auto;
	padding:10px 0 20px 0;
}
#pager a {
	font-weight: bold;
	color: #ff3f52;
	border: solid 1px #ff3f52;
	text-decoration: none;
	padding: 4px 4px;
	margin: 0 0 0 3px;
}
#copy {
	margin:0 0 20px 0;
}
h2.kiyaku {
	font-size:12px;
}
#introduce {
	margin:0 0 20px 0;
	clear:both;
}
#introduce h2 {
	margin:0;
	padding:0;
	color:#333;
	font-size:16px;
}
#introduce .box {
	float:left;
	margin-right:10px;
}
#introduce .box p.ico {
	float:left;
	margin:0;
	padding:0 0 60px 0;
}
#introduce .box p.desc {
	margin:0;
	padding:10px 0 0 0;
	font-size:1.2em;
	color:#666;
	width:230px;
	_width:152px;
	_line-height:1.2;
	text-align:justify;
	text-justify:auto;
}
#introduce .box p.desc2 {
	margin:0;
	padding:10px 0 0 0;
	font-size:1.2em;
	color:#666;
	width:250px;
	_width:152px;
	_line-height:1.2;
	text-align:justify;
	text-justify:auto;
}
#google {
	width:500px;
	margin:0 auto 20px auto;
	clear:both;
}
#ftrwrap {
	background:#000;
	padding:50px 0 15px 0;
	_margin:20px 0 0 0;
}
#ftr {
	margin:auto;
	text-align:center;
	clear:both;
}
#ftr a {
	margin-right:15px;
	color:#666;
	text-decoration:none;
}
#copyright {
	width:500px;
	margin:10px auto 15px auto;
	text-align:center;
	color:#ccc;
}
#links {
	width:500px;
	font-size:10px;
	margin:0 auto;
	line-height:1.2;
}
#links a {
	color:#404040;
	text-decoration:none;
}
#links a:hover {
	color:#595959;
}