*{margin: 0 ;padding: 0;}


#leftside{
	width:505px;
	float: left;
	}

#subnav{
	width:192px;
	float:right;
	}

#news{
	margin:0 0 5px 0;
	padding:10px;
	background-color:#ffffff;
	width:481px;
	height:228px;
	border:solid 1px #000000;
	overflow:auto;
	}
	
#news h2{
	margin:0 0 10px 0;
	font-size:14px;
	}

#news p{
	line-height:18px;
	}

#news p a{
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	}

#news p a:link,#news p a:visited{
	color:#0000ff;
	}

#news p a:hover{
	text-decoration:underline;
	}

#mobile{
	margin:0 0 5px 0;
	padding:10px 10px 21px 10px;
	width:481px;
	border:solid 1px #000000;
	background:url(../img/mobile.gif) 250px 20px no-repeat;
	}

* html #mobile{
	padding:10px 10px 8px 10px;
	}

*:first-child+html #mobile{
	padding:10px 10px 8px 10px;
	}

#mobile h2{
	margin:0 0 5px 0;
	font-size:14px;
	color:#ff0000;
	}

#mobile img{
	margin:0 4px 0 0;
	float:left;
	}

#mobile p{
	margin:0 0 15px 0;
	text-align:14px;
	}

#reserve{
	margin:0 0 5px 0;
	padding:10px;
	width:170px;
	height:70px;
	border:solid 1px #000000;
	}
	
#reserve h2{
	height:70px;
	background:url(../img/pc.jpg) 0 0 no-repeat;
	font-size:14px;
	text-align:center;
	}

#reserve h2 span{
	position:relative;
	top:53px;
	padding:2px 3px;
	background-color:#ffffff;
	}

#reserve a{
	display:block;
	width:170px;
	height:70px;
	text-decoration:none;
	}

#reserve a:hover{
	background-color:#999999;
	background:url(../img/pc_hover.jpg) 0 0 no-repeat;
	color:#ff0000;
	}

#mailmagazine{
	margin:0 0 5px 0;
	padding:10px;
	width:170px;
	height:70px;
	border:solid 1px #000000;
	}
	
#mailmagazine h2{
	height:70px;
	background:url(../img/mailmagazine.jpg) 0 0 no-repeat;
	font-size:14px;
	text-align:center;
	}

#mailmagazine h2 span{
	position:relative;
	top:53px;
	padding:2px 3px;
	background-color:#ffffff;
	}

#mailmagazine a{
	display:block;
	width:170px;
	height:70px;
	text-decoration:none;
	}

#mailmagazine a:hover{
	background-color:#999999;
	background:url(../img/mailmagazine_hover.jpg) 0 0 no-repeat;
	color:#ff0000;
	}

#enquete{
	margin:0 0 5px 0;
	padding:10px;
	width:170px;
	height:70px;
	border:solid 1px #000000;
	}
	
#enquete h2{
	height:70px;
	background:url(../img/enquete.jpg) 0 0 no-repeat;
	font-size:14px;
	text-align:center;
	}

#enquete h2 span{
	position:relative;
	top:53px;
	padding:2px 3px;
	background-color:#ffffff;
	}

#enquete a{
	display:block;
	width:170px;
	height:70px;
	text-decoration:none;
	}

#enquete a:hover{
	background-color:#999999;
	background:url(../img/enquete_hover.jpg) 0 0 no-repeat;
	color:#ff0000;
	}

#bbs{
	margin:0 0 5px 0;
	padding:10px;
	width:170px;
	height:70px;
	border:solid 1px #000000;
	}
	
#bbs h2{
	height:70px;
	background:url(../img/bbs.jpg) 0 0 no-repeat;
	font-size:14px;
	text-align:center;
	}

#bbs h2 span{
	position:relative;
	top:53px;
	padding:2px 3px;
	background-color:#ffffff;
	}

#bbs a{
	display:block;
	width:170px;
	height:70px;
	text-decoration:none;
	}

#bbs a:hover{
	background-color:#999999;
	background:url(../img/bbs_hover.jpg) 0 0 no-repeat;
	color:#ff0000;
	}
	
#diary{
	margin:0 0 5px 0;
	padding:10px;
	width:170px;
	height:70px;
	border:solid 1px #000000;
	}
	
#diary h2{
	height:70px;
	background:url(../img/diary.jpg) 0 0 no-repeat;
	font-size:14px;
	text-align:center;
	}

#diary h2 span{
	position:relative;
	top:53px;
	padding:2px 3px;
	background-color:#ffffff;
	}

#diary a{
	display:block;
	width:170px;
	height:70px;
	text-decoration:none;
	}

#diary a:hover{
	background-color:#999999;
	background:url(../img/diary_hover.jpg) 0 0 no-repeat;
	color:#ff0000;
	}