@charset "UTF-8";

/*=============================================================
	URI: http://zen.ogawa-group.co.jp/michikusatei/
	Created: 2008.09
	Modified: 
	Author: wan55. yuko aono
=============================================================*/

/*========================Contents=============================
	00) SiteID
	01) Header
	02) Navigation
	03) Contents
	
	99) Clear
=============================================================*/
/*-------------------------------------------------------------
	00) SiteID
-------------------------------------------------------------*/
#michikusatei {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	background: #ffffff;
}

/*-------------------------------------------------------------
	02) Contents
-------------------------------------------------------------*/
#description {
	margin-bottom: 22px;
	width: 980px;
	height: 270px;
	background: transparent url(../../images/main_img.jpg) left top no-repeat;
}

#description h2,
#description p {display: none;}

h3 {
	margin-left: 25px;
	padding-bottom: 20px;
}

.course {
	margin-left: 25px;
	width: 930px;
	background: transparent url(../../images/course_img_07.jpg) right top no-repeat;
}

.course .photo {
	float: left;
	width: 357px;
}

.course .courseMenu {
	float: left;
	width: 365px;
}

.course .courseMenu div {
	margin-bottom: 10px;
	width: 365px;
	height: 182px;
}

.course .courseMenu div#c01 {background: transparent url(../../images/course_img_04.jpg) left top no-repeat;}

.course .courseMenu div#c02 {background: transparent url(../../images/course_img_05.jpg) left top no-repeat;}

.course .courseMenu div#c03 {background: transparent url(../../images/course_img_06.jpg) left top no-repeat;}

.course .courseMenu div h4,
.course .courseMenu div p {display: none;}

.line {
	margin: 50px 20px 0 20px;
	padding-bottom: 20px;
	height: 5px;
	background: transparent url(../../images/line.gif) left top repeat-x;
}

.reserve {
	margin-right: 25px;
	margin-bottom: 70px;
	min-height: 165px;
	background: transparent url(../../images/course_img_08.jpg) right top no-repeat;
}

* html .reserve {height: 165px;}

.reserve p {
	margin-left: 25px;
	width: 550px;
}

.about {
	position: relative;
	margin-left: 25px;
	padding-bottom: 20px;
	width: 930px;
	height: 80px;
	background: transparent url(../../images/about.gif) left top no-repeat;
}

* html .about {margin-bottom: 20px;}

.about h3,
.about address,
.about p {display: none;}

#map {
	position: absolute;
	top: 20px;
	left: 348px;
}

/*-------------------------------------------------------------
	99) Clear
-------------------------------------------------------------*/
.clearfix:after,
.course:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.course {display: inline-block;}

/* exclude MacIE5 \*/
* html .clearfix,
* html .course {height: 1%;}
.clearfix,
.course {display: block;}
/* end MacIE5 */