/* information */
#information{
	margin:10px auto;
}

#information .row
{
	border-bottom:1px dotted #CCCCCC;
}

#information .date
{
	float:left;
	width:150px;
}

#information .content
{
	float:left;
	width:530px;
}

/* blog */
#blog{
	margin:10px auto;
}

#blog table
{
	width:660px;
}

#blog .img
{
	width:50px;
}

#blog .title
{
	width:610px;
}

#blog .date
{
	font-size:10px;
	text-align:right;
}

/* update */
#update{
	width:280px;
	border:1px solid #999999;
	margin:0px auto;
}

#update .top{
	width:280px;
}

#update .top .caption{
	width:280px;
	font-weight:bold;
}

#update .top .date{
	width:100px;
	float:left;
}

#update .top .text{
	width:180px;
	float:left;
}

#update .bottom{
	width:280px;
	height:20px;
}

/* link */
#link{
	width:280px;
	border:1px solid #999999;
	margin:0px auto;
}

#link .top{
	width:280px;
}

#link .top .caption{
	width:280px;
	font-weight:bold;
}

#link .top .text{
	width:280px;
	font-size:0.8em;
}

#link .bottom{
	width:280px;
	height:20px;
}

/* message */
#message{
	width:630px;
	border:1px solid #999999;
	margin:0px auto;
}

#message .top{
	width:630px;
}

#message .top .caption{
	width:610px;
	font-weight:bold;
	margin:0px auto;
}

#message .top .text{
	width:610px;
	font-size:0.8em;
	margin:0px auto;
}

#message .bottom{
	width:630px;
	height:20px;
}
/*-----top page-----*/

#contents_main{
width:590px;
margin:3px;
padding:0px;
text-align:left;
float:left;
background-color:#cccccc;
border:1px solid green;
}

#contents_sub01{
width:320px;
margin:3px;
padding:0px;
text-align:left;
float:left;
background-color:#777777;
}

.infor{
width:300px;
background-color:red;
font-size:13px;
}

/*-----Blog information-----*/

#wp_info{
width:400px;
margin:3px;
text-align:left;
float:none;
color:ff6600;
border:1px solid blue;
}

/* around h2 */
.wrap_h2
{
	background-image:url(../images/contents/top/h2_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	width:700px;
	height:30px;
}

.wrap_h2 h2
{
	display:inline;
	margin:0px;
	margin-left:40px;
	line-height:30px;
	float:left;
	font-weight:bold;
}

.u_h2
{
	width:680px;
	margin:10px auto;
}

#today_event, #next_event
{
	background-image:url(../images/contents/top/event_bg.png);
	width:700px;
	height:130px;
}

#today_event
{
	background-position:0px 0px;
	line-height:20px;
}

#next_event
{
	background-position:0px -130px;
	line-height:20px;
}

#next_event .date, #today_event .date
{
	position:relative;
	width:140px;
	font-size:20px;
	font-weight:bold;
	float:left;
	left:50px;
	top:60px;
}

#next_event .name, #today_event .name
{
	position:relative;
	width:490px;
	font-size:20px;
	font-weight:bold;
	float:left;
	left:50px;
	top:60px;
}

#next_event .message, #today_event .message
{
	position:relative;
	top:80px;
	left:0px;
	width:670px;
	text-align:right;
}

#next_event a, #today_event a
{
	position:relative;
	display:block;
	background-image:url(../images/contents/top/next_event_button.png);
	width:140px;
	height:34px;
	top:60px;
	left:520px;
	float:left;
}

#next_event a:hover, #today_event a:hover
{
	background-position:0px -34px;
}

/* ranking */
.best
{
	margin:10px 0px;
}

.best .list
{
	margin-left:0px;
}

.best .list .cell
{
	width:50px;
	height:50px;
	float:left;
	border:1px solid #CCCCCC;
	margin:3px;
}