@charset "utf-8";
/* CSS Document */
/* ********** reset ********** */

* {margin:0; padding:0;}
img {border:none;}
table {	border-collapse:collapse;}
table, tr, td, th {border:none;}
ul,li {list-style-type: none;}

body {
	font-family: verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	background: #FFFFFF;
	font-size:12px;
	color: #333;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

#box1 p {
	text-indent: 1em;
	line-height: 18px;
	margin-top: 6px;
}

#box2 p {
	font-size: 10px;
}

h3 {
	font-size: 24px;
	padding: 3px 0 0 0;
	text-indent: 12px;
	margin: 0 0 6px 0;
}

h4 {
	font-size: 16px;
	padding: 3px;
}

h5 {
	font-size: 12px;
}

#caution {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}

/* ********** layout ********** */
#papper {
	width: 804px;
	margin: 0 auto 0;
	background-color: #FFFFFF;
	padding: 6px;
}

#explain {
	font-size: 10px;
	text-align: right;
}

#header {
	width: 800px;
	height: 150px;
	background-image: url(common_img/header_bg.jpg);
}

#logo {
	width: 166px;
	height: 104px;
	text-indent: -9999px;
}

#logo a {
	width: 166px;
	height: 104px;
}

#menu {
	width: 800px;
	margin: 6px 0 0 0;
	height: 35px;
}

#menu li {
	display: block;
	float: left;
}

#menu li a {
	display: block;
	text-indent: -9999px;
}


#top a {
	width: 55px;
	height: 35px;
	background-image: url(common_img/top.gif);
}

#top a:hover{
	background-image: url(common_img/top2.gif);
}


#lesson a {
	width:53px;
	height: 35px;
	background-image:url(common_img/lesson.gif);
}

#lesson a:hover {
	width:53px;
	height: 35px;
	background-image:url(common_img/lesson2.gif);
}

#information a {
	width: 108px;
	height: 35px;
	background-image:url(common_img/information.gif);
}

#information a:hover {
	width: 108px;
	height: 35px;
	background-image:url(common_img/information2.gif);
}


#park a {
	width: 85px;
	height: 35px;
	background-image:url(common_img/park.gif);
}

#park a:hover {
	width: 85px;
	height: 35px;
	background-image:url(common_img/park2.gif);
}

#mountain a {
	width: 73px;
	height: 35px;
	background-image: url(common_img/mountain.gif);
}

#mountain a:hover {
	width: 73px;
	height: 35px;
	background-image: url(common_img/mountain2.gif);
}

#photo a {
	width: 62px;
	height: 35px;
	background-image: url(common_img/photo.gif);
}

#photo a:hover {
	width: 62px;
	height: 35px;
	background-image: url(common_img/photo2.gif);
}

#cafe a {
	width: 48px;
	height: 35px;
	background-image: url(common_img/cafe.gif);
}

#cafe a:hover {
	width: 48px;
	height: 35px;
	background-image: url(common_img/cafe2.gif);
}

#staff a {
	width: 90px;
	height: 35px;
	background-image: url(common_img/staff.gif);
}

#staff a:hover {
	width: 90px;
	height: 35px;
	background-image: url(common_img/staff2.gif);
}

#tuneup a {
	width: 83px;
	height: 35px;
	background-image: url(common_img/tuneup.gif);
}

#tuneup a:hover {
	width: 83px;
	height: 35px;
	background-image: url(common_img/tuneup2.gif);
}

#link a {
	width: 44px;
	height: 35px;
	background-image: url(common_img/link.gif);
}

#link a:hover {
	width: 44px;
	height: 35px;
	background-image: url(common_img/link2.gif);
}

#contact a {
	width:99px;
	height: 35px;
	background-image: url(common_img/contact.gif);
}

#contact a:hover {
	width:99px;
	height: 35px;
	background-image: url(common_img/contact2.gif);
}

#left_area {
	width:188px;
	border: 1px solid #999999;
	margin: 6px 0 0 0;
	padding: 0 6px 0 6px;
	float: left;
}

#box2 {
	margin: 6px 0 12px 0;
}

#main_area {
	width: 400px;
	float: left;
}

#box1 {
	width: 376px;
	margin: 6px;
	border: 1px solid #999999;
	padding: 6px;
}

#right_area {
	width:188px;
	border: 1px solid #999999;
	margin: 6px 0 0 0;
	padding: 0 6px 0 6px;
	float: right;
}

#footer {
	width: 776px;
	clear: both;
	background-image: url(common_img/footer_bg.jpg);
	height: 123px;
	padding: 50px 12px 12px 12px;
	text-align: center;
	color: #FFFFFF;
}

.side_bar {
	position: fixed;
	top: 150px;
	right: 3px;
}