/* layout
--------------------------------------------------------------------------------*/

/* ==================== wrp ==================== */
#wrp{
	width: 100%;
	height: 100%;
}
#wrp td#upper{
	background-image: url(../images/bg01.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #CED9CB;
	text-align: center;
	vertical-align: top;
}
#wrp td#under{
	padding-top: 40px;
	background-image: url(../images/bg01.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #CED9CB;
	text-align: center;
	vertical-align: bottom;
}


.wrp2{
	width: 750px;
/*  \*/
	margin-left: auto;
	margin-right: auto;
/* */
	text-align: left;
}


.wrp3{
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
	




/* ==================== header ==================== */
#header{
	border: 1px solid #646C2D;
	background-image: url(../images/head_bg01.gif);
}
#header td{
	background-color: #FFF;
}





/* ==================== footer ==================== */
#footer{
 border-top: 1px solid #FFF;
	background-color: #B7BBA1;
}
#footer div{
	text-align: right;
}




/* index
--------------------------------------------------------------------------------*/
.indexNavi{
	margin-bottom: 1px;
	background-image: url(../images/index_bg02.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.indexBox01{
	height: 362px;
	background-image:	url(../images/index_bg01.gif);
}


.indexBox02{
	height: 175px;
	padding-top: 19px;
	background-image: url(../images/index_bg03.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.indexBox03{
	width: 375px;
	padding: 10px 0 16px 0;
	background-color: #F8F8F8;
	color: #666;
	text-align: center;
}
.indexBox03 table{
	width: 355px;
	margin: 0 auto 6px auto;
	border-bottom: 1px dotted #646C2D;
}
.indexBox03 th{
	width: 90px;
	text-align: left;
	vertical-align: top;
}




/* story
--------------------------------------------------------------------------------*/
.storyBg{
	background-image: url(../story/images/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center;
}




/* party
--------------------------------------------------------------------------------*/
.partyBox01{
 color: #646C2D;
}
.partyBox01 span{
	font-weight:bold;
}


.partyBoxDress{
	height: 273px;
	padding-top: 20px;
	background-image: url(../party/images/index_bg01.jpg);
	background-repeat: no-repeat;
}
.partyBoxDress p{
	width: 470px;
	margin-bottom: 20px;
}


.partyBoxCoordinate{
	height: 273px;
	padding-left: 240px;
	padding-top: 20px;
	background-image: url(../party/images/index_bg02.jpg);
	background-repeat: no-repeat;
}
.partyBoxCoordinate p{
	width: 470px;
	margin-bottom: 20px;
}


.partyBoxPlanner{ margin-top: 20px;	}
.partyBoxPlanner p{
	color: #666666;
}
.partyBoxPlanner span{	font-weight: bold;	}




/* access
--------------------------------------------------------------------------------*/
.accessBox01{
	width: 672px;
	margin-left:19px;
	margin-bottom: 40px;
}

.accessBox01right{
	border: 1px solid #CCC;
}
.accessBox01right .cap{
	padding: 10px 0 10px 16px;
	background-image: url(../access/images/index_bg01.gif);
	background-repeat: repeat-y;
	font-weight: bold;
}
.accessBox01right .address{
	padding: 10px 0 10px 10px;
	background-image: url(../access/images/index_bg02.gif);
	background-repeat: repeat-y;
	font-weight: bold;
}
.accessBox01right td{
	padding-right: 6px;
	vertical-align: top;
}


.accessBox02{
	width: 672px;
	margin-left:19px;
}

.accessBox02right{
	margin-top: 19px;
	border: 1px solid #D2D6BD;
}
.accessBox02right .cap{
	padding: 10px 0 10px 16px;
	background-image: url(../access/images/index_bg03.gif);
	background-repeat: repeat-y;
	font-weight: bold;
	color: #646C2D;
}
.accessBox02right .address{
	padding: 10px 0 10px 10px;
	background-image: url(../access/images/index_bg04.gif);
	background-repeat: repeat-y;
	font-weight: bold;
}
.accessBox02right td{
	padding-right: 6px;
	vertical-align: top;
	color: #646C2D;
}




/* contact
--------------------------------------------------------------------------------*/
.contactTbl01 td{	padding-top: 5px; padding-bottom: 5px;	}

.contactTd01{ border-left: 3px solid #B39842; padding-left: 10px;	}
.contactTd02{ border-left: 3px solid #E1D166; padding-left: 10px;	}


.contactCap01 span{
	color: #B39842;
	font-weight: bold;
}




/* MENU
--------------------------------------------------------------------------------*/
.menuBoxBg{
	background-image: url(../menu/images/index_bg01.gif);
	color: #999;
}

.menuBox01, .menuBox02, .menuBox03{
	width: 710px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.menuBox01{ background-image: url(../menu/images/index_ph01_1.jpg); }
.menuBox02{ background-image: url(../menu/images/index_ph02_1.jpg); }
.menuBox03{ background-image: url(../menu/images/index_ph03_1.jpg); }




/* infomation
--------------------------------------------------------------------------------*/
.infomationBox01{
	margin-bottom: 5px;
 color: #646C2D;
}
.infomationBox01 th{
	padding-right: 1em;
}


.infomationBox02{
	margin-bottom: 20px;
	padding-left: 27px;
}
.infomationBox02 th{
	padding-right:1em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}


.infomationLine01{ margin-bottom: 20px;	}


.infomationBox03{
	margin-bottom: 10px;
	font-weight: bold;
}
.infomationBox03 span{
 color:	#646C2D;
}


.infomationCalendar{
	width: 707px;
	height: 271px;
	margin-bottom: 30px;
	padding-top: 16px;
	background-image: url(../information/images/calendar.gif);
}

.infomationCalendar table{ position: absolute;	}
.infomationCalendar table th{
	width: 101px;
	color: #FFFFFF;
	text-align: left;
}
.infomationCalendar table td{
	width: 95px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}
.infomationCalendar table td.holiday{	color: #F60;	}
.infomationCalendar div{
 width: 20px;
	text-align: center;
}

.infomationCalendar table.line01{	}
.infomationCalendar table.line02{ margin-top: 52px;	}
.infomationCalendar table.line03{ margin-top: 102px;	}
.infomationCalendar table.line04{ margin-top: 153px;	}
.infomationCalendar table.line05{ margin-top: 204px;	}





/* underconstruction
--------------------------------------------------------------------------------*/
.uconstructionBox01{
	margin-top: 100px;
	text-align: center;
}




/* form
--------------------------------------------------------------------------------*/
.formTxBox100{ width: 100px;	}
.formTxBox170{ width: 170px;	}
.formTxBox300{ width: 300px;	}
.formTxBox500{ width: 500px;	}




/* common
--------------------------------------------------------------------------------*/

/* ==================== box ==================== */
/* *** \*/
.boxCenter{
	margin-left: auto;
	margin-right: auto;
}
/* ** */


.btTop{
 text-align: right;
}