@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding: 0px;
}
img{
	border:none;
}

.wrapper_left{
	background:url(image/page_bg_l.gif) repeat-x top;
}
.wrapper_center{
	background:url(image/logo.jpg) no-repeat top;
}
.wrapper_right{
	background:url(image/page_bg_r.gif) repeat-x top;
}
#content{
	width:960px;
	height:400px;
	margin:65px 0 0 0 ;
	background:url(image/clock.gif) no-repeat;
}
#notice{
	font-size:18px;
	font-weight:bold;
	color:#39C;
	margin:60px 0 0 255px;
	position:absolute;
}

#notice ol{
	color:#666;
	margin:0;
	padding:0;
}
#notice ol{
	margin:0;
	padding:0 0 0 24px;
}
#notice2{
	font-size:26px;
	font-weight:bold;
	color:#39C;
}

#notice2 ol{
	color:#666;
	margin:0;
	padding:0;
}

#input{
	font-size:18px;
	font-weight:bold;
	color:#333;
	margin:60px 0 0 487px;
	position:absolute;
}
#input input{
	font-size:24px;
	width:170px;
	padding:5px;
	border:#999 1px solid;
}
#clock{
	width:510px;
	height:150px;
	margin:235px 0 0  226px;
	position:absolute;
	text-align:center;
}
.date{
	font-size:36px;
	line-height:36px;
	display:block;
	margin:10px 0 0 0;
}
.time{
	font-size:96px;
	line-height:96px;
	display:block;
}
.button {
	padding:0px;
	text-decoration:none;
	width:80px;
	background:#DCDDDE;
	border:1px #ccc solid;
	margin:0px;
	text-align:center;
	cursor: pointer;
}
.button:hover{
	color:#FFF;
	text-decoration:none;
	background:#999;
	border:1px #666 solid;
}