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


/*--- Initialize ---*/
* {
	margin:0px;
	padding:0px;
}

ul { list-style-type:none; }

img {
	border:0px;
	margin:0 0 2px 0;
}

img.left {
	margin:0 10px 10px 10px;
	float:left;
}
img.right {
	margin:0 10px 10px 10px;
	float:right;
}
dl, ul, ol {
	margin:0 0 5px 40px;
}
dt {
	font-weight:bold;
}
dd {
	margin:0 0 0 0px;
}

/*--- Common Style ---*/
body {
	text-align:center;
	background-color:#F1EFE2;
	font-size: 78%; /* Resets 1em to 12px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height:1.5em;
}

#wrapper {
	text-align:left;
	width:880px;
	margin:0 auto 0 auto;
}
.clear { clear:both; }

/*--- Header Style ---*/
#header {
	width:880px;
	height:174px;
	background-image:url(../images/bg_header.png);
	background-repeat:no-repeat;
}
#header span { display:none; }

#header a.mail {
	position:relative;
	top:147px;
	left:677px;
	display:block;
	width:16px;
	height:16px;
}
/*--- Contens Aera Style ---*/
#container {
	width:880px;
	padding:0 0 10px 0;
	background-image:url(../images/bg_container.png);
	background-repeat:repeat-y;
}
div#container:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#contents {
	position:relative;
	width:680px;
	padding:0 0 10px 0;
	float:left;
	top:5px;
	left:10px;
}
#contents h2 {
	font-size:1.25em;
	line-height:2em;
	color:#390;
	background-color:#F1EFE2;
	padding:0 0 0 10px;
	margin:10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #FF6600;
}
#contents h3 {
	font-size:1em;
	color:#390;
	margin:10px;
	padding:0 0 0 10px;
	line-height: 2em;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-left-color: #ff6600;
}
#contents h4 {
	margin:10px;
	padding:0 0 0 10px;
}
#contents p {
	margin:0 10px 5px 20px;
}
#contents .directions {
	margin:10px;
	padding:10px;
	background-color:#FFFFCC;
	border:1px solid #C0C0C0;
}
#contents table {
	border-collapse:collapse;
}
#contents th, #contents td {
	padding:0px 10px 0px 5px;
	border:1px solid #ccc;
}

/*--- Top Page Information ---*/
#contents .info_box {
	margin:20px 0 0 15px;
}
#contents .info_box .info {
	width:200px;
	float:left;
	margin:0 20px 0 0;
}
#contents .info_box .info h3 {
	border:0px;
	color:#ff0;
	margin:0;
	background-image:url(../images/bg_h_info.png);
	background-repeat:no-repeat;
	height:38px;
}
#contents .info_box .info p {
	margin:0;
}


/*--- Photo Box Style ---*/
#contents .photo_box {
	padding:0 0 10px 10px;
}
#contents .photo_box hr {
	width:420px;
	margin:10px 0 10px 0;
}
#contents .photo_box .photo {
	width:200px;
	height:230px;
	margin:0 20px 0 0;
	float:left;
}
#contents .photo_box .photo p {
	margin:0;
}


/*--- Regist From Style ---*/
#contents form#RegistForm {
	padding:20px 0 0 40px;
}


/*--- Gallery Page Style ---*/
#contents .participant_list {
	position:relative;
	width:200px;
	float:left;
	left:10px;
}
#contents .participant_list h3 {
	margin-left:0;
}
#contents .participant_list dt {
	color:#FF0000;
}
#contents .history_box {
	width:450px;
	float:right;
}

/*--- Google Map Style ---*/
#marker_data_list li {
	float:left;
	margin:0 10px 10px 0;
}
#map {
	clear:both;
	width: 660px;
	height: 660px;
	margin:0 0 0 10px; 
}
div.poweredby {
	text-align:right;
	margin:10px 10px 0 0;
}

/*--- Navigation Menu ---*/
#nav {
	width:185px;
	float:right;
	padding:50px 0 0 0;
	background-image: url("../images/bg_nav.png");
	background-repeat:no-repeat;
}
#nav .menu {
	padding:0 0 5px 5px;
}
#nav .menu ul {
	margin:0;
}
#nav .menu li {
	margin:5px 0 5px 0;
}
#nav .menu li a {
	width:165px;
	display:block;
	line-height:30px;
	border:1px solid #F1EFE2;
	text-decoration:none;
	color:#333333;
	background-repeat:no-repeat;
}
#nav .menu li a:hover {
	background-color:#F1EFE2;
	border:1px solid #CFC99C;
}
#nav .menu li a strong {
	font-weight:normal;
	margin:0 0 0 20px;
}
#menu1 a { background-image: url("../images/bg_menu1_li.gif"); }
#menu2 a { background-image: url("../images/bg_menu2_li.gif"); }
#menu3 a { background-image: url("../images/bg_menu3_li.gif"); }

/*--- Footer Style ---*/
#footer {
	clear:both;
	width:880px;
	height:80px;
	background-image:url(../images/bg_footer.png);
	background-repeat:no-repeat;
}
#footer address {
	position:relative;
	top:20px;
	left:30px;
	color:#333;
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
}

#credit {
	padding:5px;
	text-align:center;
}
#credit a {
	color:#BAB8AD;
	text-decoration:none;
}