/*################# common ####################*/
body {
	margin				: 0;
	background			: url(../images/bg.gif) repeat-x;
	color					: #666666;
}

form {
	display				: inline;
}

body a {
	color					: #3D7BA1;
}

body a:hover {
	color					: #FF8300;
}

img {
	vertical-align		: top;
}

a img {
	border				: 0;
}

.cl {
	clear					: both;
}

span.cl {
	display				: block;
	clear					: both;
	font-size			: 1px;
	margin				: 0;
}

.dotline {
	border-top			: 1px dotted #C8C8C8;
}

.image_left img {
	float					: left;
	padding				: 5px;
}

.image_right img {
	float					: right;
	padding				: 5px;
}

/*################# layout ####################*/

#wrapper {
	width					: 800px;
	margin				: 0 auto;
	background			: #FFF;
}

#left_contents {
	padding-top			: 5px;
	width					: 160px;
	float					: left;
}

#main {
	padding-top			: 5px;
	width					: 640px;
	float					: left;
}

#main_contents {
	width					: 435px;
	float					: left;
	padding-left		: 5px;
}

#right_contents {
	width					: 200px;
	float					: right;
}

#inquiry {
	clear					: both;
	padding-top			: 5px;
	padding-left		: 5px;
}

#footer {
	clear					: both;
}


/*################# detail ####################*/

/*================ header ======================*/

#header {
	background			: url(../images/header_bg.jpg) repeat-x;
	height				: 56px;
	padding				: 0px 15px 0 15px;
}

#header h1 {
	width					: 261px;
	padding				: 0;
	margin				: 0;
	float					: left;
}

#header #sub_menu {
	width					: 380px;
	float					: right;
	padding				: 10px 0 0 0;
	text-align			: right;
}

/*================ left_contents ======================*/

#left_contents {
	font-size			: 70%;
}

#left_contents h2.side1 {
	background			: url(../images/side_head01.jpg) no-repeat;
	margin				: 0;
	font-size			: 12px;
	text-align			: center;
	color					: #FFF;
	height				: 21px;
	padding-top			: 10px;
}

#left_contents h2.side2 {
	background			: url(../images/side_head02.jpg) no-repeat;
	margin				: 0;
	font-size			: 12px;
	text-align			: center;
	color					: #FFF;
	height				: 20px;
	padding-top			: 10px;
}

#left_contents .content1 ,#left_contents .content2 {
	width					: 143px;
	margin				: 0 0 4px 0;
	padding				: 0 5px;
	line-height			: 140%;
}

#left_contents .content1 {
	border				: 1px solid #3D7BA1;
}

#left_contents .content2 {
	border				: 1px solid #666;
}

#left_contents p {
	margin				: 0;
	padding				: 3px 0;
}

/*================ main_contents ======================*/


/*------------------- content_head ----------------------*/

.content_head {
	height				: 37px;
}


#event .content_head a.go_list {
	width					: 70px;
	float					: right;
	padding				: 7px 18px 0 0;
}

#flowering .content_head a.go_list {
	width					: 70px;
	float					: right;
	padding				: 7px 20px 0 0;
}

#information .content_head a.go_list {
	width					: 80px;
	float					: right;
	padding				: 8px 18px 0 0;
}

#event .content_head {
	background			: url(../images/event_header.jpg) no-repeat;
}

#flowering .content_head {
	background			: url(../images/flowering_header.jpg) no-repeat;
}

#information .content_head {
	background			: url(../images/info_header.jpg) no-repeat;
}

/*------------------- content ----------------------*/

#main_contents .content {
	background			: url(../images/news_body.jpg) repeat-y;
	margin				: 0;
	padding				: 5px 13px 5px 5px;
}

#main_contents .content span.scroll {
	height				: 110px;
	overflow				: auto;
	display				: block;
	
}

#information .content span.scroll {
	height				: 230px;
	overflow				: auto;
	display				: block;
	
}

#event .content p , #flowering .content p {
	float					: left;
	width					: 183px;
	font-size			: 90%;
	border-bottom		: 1px dashed #C8C8C8;
	padding-top			: 5px;
}


#information .content dl {
	clear					: both;
	border-top			: 1px dashed #C8C8C8;
	padding-top			: 5px;
	font-size			: 12px;
	margin				: 3px;
}

#information .content dt {
	width					: 9em;
	float					: left;
	margin				: 0;
	padding				: 0;
}

#information .content dd {
	width					: 280px;
	float					: left;
	margin				: 0;
	padding				: 0;
}

/*================ right_contents ======================*/

#right_contents {
	text-align			: center;
}

#right_contents h3 {
	color					: #3D7BA1;
	text-align			: center;
	font-size			: 12px;
	margin				: 5px 0;
}

#right_contents p {
	margin				: 3px 0;
}

#right_contents .content1 {
	width					: 182px;
	margin				: 0 auto;
	font-size			: 10px;
	padding				: 5px;
	border				: 1px solid #3D7BA1;
	text-align			: left;
}

/*------------------- calendar ----------------------*/

#calendar {
	border				:1px solid #3D7BA1;
}

#calendar table {
	background			: #CDE;
	width					: 100%;
}

#calendar td ,#calendar th {
	text-align			: center;
	background			: #FFF;
	font-weight			: normal;
	font-size			: 12px;
	padding				: 5px 0;
}

.calender_link {
	font-size			: 12px;
	text-align			: center;
	margin				: 3px 0;
}

/*================ inquiry ======================*/

#inquiry .column2 {
	width					: 205px;
	float					: left;
	padding				: 5px;
}

#inquiry .column2 h3 {
	font-size			: 12px;
	font-weight			: normal;
	margin-bottom		: 5px;
}

#inquiry .column2 h3 .go_map {
	font-size			: 10px;
	width					: 60px;
	float					: right;
	display				: block;
}

#inquiry p {
	clear					: both;
	padding				: 5px 0;
	border-top			: 1px dashed #C8C8C8;
	font-size			: 11px;
	margin				: 3px;
}

/*================ footer ======================*/

.footlink  ,.copyright{
	font-size			: 12px;
	text-align			: center;
	border-top			: 1px solid #000;
	padding				: 5px 0;
	margin				: 5px 0;
}