/*------------------------------------------------------------------------
	___color___

		01:	#D76589;
		02: #FFF5F5;
		03: #FCFCFC;
		04: #330033;
		05: #FDC601;
		06: #993333;
		07: #FFF5F5;
*/


/*------------------------------------------------------------------------
	body
  ------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #FCFCFC;
	font-family: sans-serif;
	font-family: "Verdana";
	font-size: small;

	scrollbar-face-color:		#D76589;
	scrollbar-track-color:		#F7DFE6;
	scrollbar-arrow-color:		#FFFFCC;
	scrollbar-3dlight-color:	#FFFFCC;
	scrollbar-highlight-color:	#D76589;
	scrollbar-shadow-color:		#D76589;
	scrollbar-darkshadow-color:	#FFFFCC;
}

/*------------------------------------------------------------------------
	index.htm
  ------------------------------------------------------------------------*/

#backgroundBox {
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
/* -switch- */
	background-image: URL("res/bg_outer_g.png");
/* -or- 
	background-image: URL("res/bg_outer_n.png");
*/
}

#innerBox {
	width: 1004px;
	height:100%;
	margin: 0;
	padding: 0;
	text-align: right;
	background-color: #FCFCFC;
/* -switch- */
	background-image: URL("res/bg_inner.png");
/* -or- 
*/
}
	#innerBox iframe {
		width: 797px;
		height: 100%;
		margin: 0;
		padding: 0;
	}

#menuBox {
	width: 200px;
	height:100%;
	margin: 0;
	padding: 0;
/* -switch- */
	background-image: URL("res/LtR_200.png");
	background-repeat: repeat-y;
/* -or- 
	background-image: none;
	background-repeat: repeat;
*/
	float: left;
	text-align: right;
}
	#menuBox ul {
		width: 180px;
		margin: 10px 0 0 19px;
		padding: 0px;
		background-color: #D76589;
		color: #593406;
		text-align: left;
		list-style-position: outside;
		list-style-type: none;

		border-style: solid;
		border-width: 2px;
		border-color: #993333;
	}
	#menuBox li {
		margin: 0;
		padding: 2px;
		background-color: #FFF5F5;
	}
	#menuBox li a {
		display: block;
		color: #234F2F;
		text-decoration: none;
		border: solid 1px #FFF5F5;
	}
	#menuBox li a:hover {
		display: block;
		color: #993333;
		border: solid 1px #FF9900;
		background-image: URL("res/focus.png");
	}
	#menuBox div.title {
		margin: 0;
		padding: 2px 0 0 2px;
		background-color: #D76589;
/* -switch- */
		background-image: URL("res/RtL_200.png");
		background-repeat: repeat-y;
		background-position: top right;
		color: #993333;
/* -or- 
		background-image: none;
		color: #FFF5F5;
*/
	}
	#menuBox em.listMarker {
		font-style: normal;
		color: #993333;
	}


/*------------------------------------------------------------------------
	CLASS
  ------------------------------------------------------------------------*/
body.contents {
	color: #330033;
	background-image: URL("res/bg_inner.png");
	background-color: #FCFCFC;

	scrollbar-face-color:		#D76589;
	scrollbar-track-color:		#FFF5F5;
	scrollbar-arrow-color:		#FFFFCC;
	scrollbar-3dlight-color:	#FFFFCC;
	scrollbar-highlight-color:	#D76589;
	scrollbar-shadow-color:		#D76589;
	scrollbar-darkshadow-color:	#FFFFCC;

	text-align: center;
}
div.pageTitleBox {
	width: 750px;
	margin: 10px auto;
	padding: 2px;
	background-color: #FFF5F5;
	background-color: #FCFCFC;
	border: double 3px #D76589;
/* -switch- */
	background-image: URL("res/LtCfR_750_250_250.png");
	background-repeat: repeat;
/* -or- 
	background-image: none;
	background-color: #FFF5F5;
*/
}

div.contentsBox {
	margin: 10px auto 0 auto;
	padding: 0;
	border: solid 2px #993333;

	width: 750px;
	text-align: left;
	background-image: URL("res/LtR_100.png");
	background-repeat: repeat-y;
	background-color: #FCFCFC;
}
div.contentsBackgroundBox {
	background-image: URL("res/LtR_100.png");
	background-repeat: repeat-y;
	background-color: #FCFCFC;
	margin: 0;
}
	div.localBackgroundBox hr {
		background-color: #FCFCFC;
		color: #FCFCFC;
		border-style: none;
		height: 2px;
	}
	
div.itemBox {
	margin: 10px 0;
/* -switch- */
	background-image: URL("res/LtCfR_100_300.png");
	background-repeat: repeat-y;
/* -or-

*/
}
	div.itemUpperBox {
		background-image: URL("res/LtR_100.png");
		background-repeat: repeat-y;
		background-color: #FCFCFC;
	}
		div.itemUpperBox p {
			margin: 5px 0 0 10px;
			padding: 0 0 2px 0;
		}
	div.itemLowerBox {
		margin: 2px 0 0 0;
		background-image: URL("res/LtR_100.png");
		background-repeat: repeat-y;
		background-color: #FCFCFC;
	}
		div.itemLowerBox p {
			margin: 0 0 0 90px;
			padding: 2px 0 0 0;
		}
div.imageCenterBox {
	margin: 0;
	padding: 0;
	text-align: center;
}
	div.imageCenterBox img {
		margin: 0;
		padding: 0;
		border: solid 1px #DB7078;
	}
div.imageRighterBox {
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
}
	div.imageRighterBox img {
		margin: 0;
		padding: 0;
		border: solid 1px #DB7078;
	}

div.discriptionBox {
	background-color: #FCFCFC;
	margin: 0;
	padding: 5px;
	text-align: left;
}
hr {
	color: #FCFCFC;
}
/* 段違いリスト */
#unevenParallelListBox {
	width: 100%;
	margin: 5px 0 0 0;
}
	#unevenParallelListBox ul.lefter {
		margin-left: 90px;
	}
	#unevenParallelListBox ul.righter {
		margin-left: 250px;
	}
	#unevenParallelListBox li {
		width: 70%;
		margin: 0 0 0 40px;
		padding: 5px 0 0 0;
		list-style-position: outside;
		list-style-type: none;
		text-align: right;
		border-style: dotted;
		border-width: 0 0 1px 0;
		border-color: #DB7078;
	}
	#unevenParallelListBox span.nameBox {
		width: 75%;
		float: left;
		text-align: left;
	}
/* 二行-一行リスト */
#doubleListBox {
	margin: 0 0 0 50px;
	height: 3em;
	height: 50px;
	text-align: left;
}
	#doubleListBox div.doubleListLefterBox {
		float: left;
	}
	#doubleListBox div.doubleListRighterBox {
		text-align: right;
	}
/* ミニリスト */
	div.lefterListItem {
		width: 60%;
		float: left;
		text-align: left;
	}
	
em.smaller {
	font-size: smaller;
	font-style: normal;
}
em.larger {
	font-size: larger;
	font-style: normal;
}
em.underline {
	text-decoration: underline;
	font-style: normal;
}


/*------------------------------------------------------------------------
	home.htm
  ------------------------------------------------------------------------*/
#coverBox {
	position: relative;
	top: 0;
	left: 0;
	width: 750px;
	height: 580px;
	text-align: center;

}
	#logoImageBox {
		padding: 99px 0 0 0;
	}
	#addressImageBox {
		position: absolute;
		top: 400;
		left: 10;
	}
	#sealImageBox {
		position: absolute;
		bottom: 151;
		right: 80;
	}


/*------------------------------------------------------------------------
	cuisine/course.htm
  ------------------------------------------------------------------------*/
#exampleMenuBox {
	width: 100%;
	text-align: center;
}
	#exampleMenuBox table {
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
	#exampleMenuBox td {
		background-color: #FFF5F5;
		width: 310px;
		border: solid 1px #DB7078;
	}
	#exampleMenuBox ul {
		margin: 0 0 0 20px;
		padding: 5px 0;
		list-style-position: outside;
	}
		#exampleMenuBox ul.lefter {
			list-style-type: circle;
		}
		#exampleMenuBox ul.righter {
			list-style-type: disc;
		}
		#exampleMenuBox li {
			padding: 1px 0;
		}
div.center {
	width: 100%;
	text-align: center;
}


/*------------------------------------------------------------------------
	diary
  ------------------------------------------------------------------------*/
div.postTitleBox {
	width: 750px;
	text-align: center;
}

div.submitFormBox {
	width: 750px;
	text-align: right;
}
	input.passwordArea {
		color: #234F2F;
		border: solid 1px #993333;
		background-color: #FFF5F5;
	}
	input.sumitButtom {
		color: #330033;
		border: solid 1px #993333;
		font-family: "Verdana", serif;
		cursor: pointer;
		background-image: URL("res/focus.png");
	}
