*{margin: 0 ;padding: 0;}


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

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

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

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

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

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

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

#news{
	margin:0 0 5px 0;
	padding:10px;
	background:url(../img/news-bg.gif) 0 0 repeat;
	width:481px;
	height:169px;
	border:solid 1px #000000;
	overflow:auto;
	}
	
#news h2{
	margin:0 0 10px 0;
	font-size:14px;
	}

#news p{
	margin:3px 0;
	line-height:18px;
	border-bottom:1px dotted #666666;
	}

#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;
	}

#mailmagazineform{
	width:360px;
	}

#mailmagazineform ul{
	margin:10px 0 0 30px;
	}

#mailmagazineform li{
	margin:3px 0 0 0;
	line-height:20px;
	}

#mailmagazineform form{
	margin:20px 0 0 15px;
	}

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

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

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

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

#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;
	}

#qa{
	padding:10px;
	}

#qa h2{
	margin:0 0 8px 2px;
	color:#000000;
	height:18px;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #3f009d;
	border-left:1em solid #3f009d;
	}

#qa h2 span{
	padding:3px 0 3px 12px;
	}

#qa p{
	margin:2px 0 2px 5px;
	line-height:18px;
	}

.q{
	padding:10px 0 3px 20px;
	background:url(../img/glass.gif) 2px 12px no-repeat;
	}

.ans{
	padding:0 0 3px 20px;
	border-bottom:1px dotted #3f009d;
	background:url(../img/answer.gif) 4px 5px no-repeat;
	}

.thanks a{
	text-decoration: none;
	font-weight:bold;
	}

.thanks a:hover{
	text-decoration:underline;
	}

.thanks a:visited{
	color:#0000ff;
	}

#attention{
	width:470px;
	}

#attention ul{
	list-style:none;
	}

#attention li{
	margin:5px 0;
	padding:0 0 0 20px;
	line-height:18px;
	background:url(../img/circle.gif) 0 5px no-repeat;
	}