/*	---basic colors---
		A:#0F1174;	as deep blue
		B:#DDE6F7;	as light blue
		C:#B22222;	as red
		D:#FEFEFE;	as white
		E:#242424;	as black
		F:#FEDBDB;	as pink

		#000000;	as black
		#ffd700;	ad gold
		#808080;	ad gray
		#9f9190;	ad 茶鼠
		#a0a0a0;	ad 銀鼠

		#f2f2f2;	薄いグレー
		#7a7a7a;	濃いグレー

		#000b00;	ぬれがらす
*/


/*------------------------------------------------------------------------
	Base
  ------------------------------------------------------------------------*/
body {
	background-color: #fefefe;
	background-image: url("res/background.png");
	color: #000b00;
	margin: 0;
	text-align: center;
	/* font-size: small; */
	font-size: medium;
	/* font-family: "HG正楷書体-PRO", serif; */
	/* font-family: "MS明朝", serif; */
	/* font-family: serif; */
	/* font-family: "Verdana", serif; */
	font-family: sans-serif;
	font-family: serif;
}

em.smallText {
	font-size: smaller;
	font-style: normal;
}
em.largeText {
	font-size: larger;
	font-style: normal;
}
em.century {
	font-family: "Century", serif;
	font-style: normal;
}
em.verdana {
	font-family: "Verdana", serif;
	font-style: normal;
}


/*------------------------------------------------------------------------
	index.htm
  ------------------------------------------------------------------------*/
#outsideBox {
	width: 100%;
	height: 100%;
	margin: 0;
}

#insideBox {
	width: 890px;
	height: 550px;
	background-color: #9f9190;
	margin: 20px auto;

	border-style: solid;
	border-width: 1px;
	border-color: #9f9190;
}
#insideLefterBox {
	width: 5%;
	height: 100%;
	float: left;
}
#insideCenterBox {
	width: 70%;
	height: 100%;
	float: left;
}
	#insideCenterBox iframe {
		width: 100%;
		height: 100%;
	}

#insideRighterBox {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FEFEFE;
	background-image: url("res/bg_white.png");
	width: 25%;
	height: 100%;
	float: right;
}

#counterBox {
	margin: 50px 3px 0 3px;
	/*height: 27px;*/
	padding: 1px;
	text-align: center;
	border-width: 0;
	background-color: #9f9190;
}

#indexBox {
	text-align: left;
}
	#indexBox ul {
		margin: 25px 15px 0 15px;
		padding: 0;		/* for Mozilla */
		list-style-position: outside;
		font-size: medium;
		/* font-style: italic; */
	}
	#indexBox li {
		margin: 0.5em 0 0 0;
		padding: 2px 0 0 2px;
		list-style: none;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #000b00;
		font-weight: bold;
	}
	#indexBox a {
		color: #000b00;
		display: block;
		text-decoration: none;
	}
	#indexBox a:hover {
		background-color: #ffd700;
		display: block;
		border-style: solid;
		border-width: 0 15px 0 0;
		border-color: #9f9190;
	}

#infomationBox {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 90%;
	padding: 5px;
	text-align: left;
	font-family: "Verdana", serif;
	font-size: x-small;
	border: dotted 1px #000b00;
	white-space: nowrap;
}


/*------------------------------------------------------------------------
	logo.htm
  ------------------------------------------------------------------------*/
#logoBox {
	background-image: url("res/bg_white.png");
}
div.logo {
	width:	99%;
	height:	99%;
}
#logoBox img {
	background-color:	#FEFEFE;
	position:			absolute;
	top:				0;
	bottom:				0;
	left:				0;
	right:				0;
	width:				80%;
	height:				80%;
	margin:				auto;
}


/*------------------------------------------------------------------------
	Local Contents
  ------------------------------------------------------------------------*/
body.localContentsBox {
/* 
	position: relative;
	top: 0;
	left: 0;
 */
	margin: 0;
	background-color: #FEFEFE;
	background-image: url("res/bg_white.png");
	scrollbar-face-color:		#F5F5F5;
	scrollbar-track-color:		#FEFEFE;
	scrollbar-arrow-color:		#0F1174;
	scrollbar-3dlight-color:	#0F1174;
	scrollbar-highlight-color:	#FEFEFE;
	scrollbar-shadow-color:		#FEFEFE;
	scrollbar-darkshadow-color:	#0F1174;
}
div.centerTitleBox {
	width: 90%;
	margin: 0 auto 0.5em auto;		/* for Mozilla */
	padding-top: 17px;
	font-size: large;
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #0F1174;
}
	div.centerTitleBox img {
		margin: 0 2px;
		background-color: #0F1174;
		background-image: url("res/bg_blue.png");
	}
div.lefterTitleBox {
	width: 90%;
	margin: 0 auto 0.5em auto;		/* for Mozilla */
	padding: 17px 0 0 20px;
	font-size: large;
	text-align: left;
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #000b00;
}
	div.lefterTitleBox img {
		background-image: url("res/bg_white.png");
	}
div.footerBox {
	width: 90%;
	margin: 1em auto 0.5em auto;	/* for Mozilla */
	font-family: "Verdana", serif;
	font-size: x-small;
	text-align: right;
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #000b00;
	color: #000b00;
}
div.backBox {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0 5px;
	text-align: right;
}
div.backBox a {
	background-color: #f2f2f2;
	color: #000b00;
	padding: 2px 5px 0 5px;
	display: block;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: solid 1px #000b00;
}
div.backBox a:hover {
	background-color: #ffd700;
	color: #000b00;
	display: block;
}
div.copyrightBox {
	width: 90%;
	margin: 0 auto 1em auto;	/* for Mozilla */
	text-align: left;
	font-size: xx-small;
	font-family: "Verdana", serif;
}


/*------------------------------------------------------------------------
	master.htm
  ------------------------------------------------------------------------*/
div.newsBox {
	width: 85%;
	margin: 1em auto 0 auto;
	text-align: left;
	border: solid 2px #9f9190;
	font-size: small;
}
	div.newsTitleBox {
		padding: 2px 0 0 2px;
		background-color: #f2f2f2;
		color: #000b00;
		border-style: solid;
		border-width: 0 0 2px 0;
		border-color: #9f9190;
	}
		div.newsYearsBox {/* 「news.cgi」内で定義されています */
			width: 30%;
			padding: 0 2px 0 0;
			float: right;
			text-align: right;
			font-family: "Verdana", serif;
			font-size: xx-small;
		}
	div.newsContentsBox {
		padding: 1em;
		font-weight: normal;
	}
div.newsFormBox {
	width: 85%;
	margin: 0 auto;
	text-align: right;
}
	div.newsFormBox input {
		height: 22px;
		color: #000b00;
		border: solid 1px #9f9190;
	}
		div.newsFormBox input.buttom {
			height: 22px;
			background-color: #f2f2f2;
			margin-left: -8px;
			font-size: 14px;
			cursor: pointer;
		}


/*------------------------------------------------------------------------
	bbs
  ------------------------------------------------------------------------*/
#bbsCounterBox {
	position: absolute;
	top: 2px;
	left: 2px;
	cursor: default;
	font-size: xx-small;
	letter-spacing: 0.5em;
	color: #FEFEFE;
}
#inputFormBox {
	margin: 0 5px 0 5px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #0F1174;
}
	div.formItemBox {
		width: 590px;
		margin-top: 2px;
		text-align: left;
	}
		div.formItemBox label {
			width: 90px;
			float: left;
			text-align: right;
			font-size: x-small;
		}
		div.formItemBox input {
			border: solid 1px #0F1174;
		}

		div.formItemBox textArea {
			width: 490px;
			border: solid 1px #0F1174;
		}

	div.formButtomBox input {
		margin: 10px 0 0 0;
		padding: 2px 0 0 0;
		background-color: #DDE6F7;
		color: #0F1174;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		border: solid 1px #0F1174;
	}
	div.messageBox {
		width: 85%;
		margin: 1em auto 0 auto;
		text-align: left;
		font-size: small;
		font-family: "Verdana", serif;
		border: solid 2px #0F1174;
	}
	div.messageTitleBox {
		background-color: #0F1174;
		/* background-color: #DDE6F7; */
		color: #FEFEFE;
		/* color: #0F1174; */
		padding: 2px 2px 0 2px;
	}
	div.messageInfomationBox {
		background-color: #0F1174;
		/* background-color: #DDE6F7; */
		color: #FEFEFE;
		/* color: #0F1174; */
		padding: 0 2px 2px 2px;
		text-align: right;
		font-size: xx-small;
		font-family: "Verdana", serif;
		border-style: solid;
		border-width: 0 0 2px 0;
		border-color: #0F1174;
	}
	div.messageContentsBox {
		padding: 2px;
		font-size: x-small;
	
	}
	div.replyButtonBox {
		margin: 0 2px 2px 0;
		text-align: right;
	}
		div.replyButtonBox input {
		color: #0F1174;
		background-color: #DDE6F7;
		border: solid 1px #0F1174;
		font-family: "Verdana", serif;
		font-size: x-small;
		cursor: pointer;
	}
	div.messageReplyBox {
		width: 100%;
	}
		div.messageReplyTitleBox {
			margin: 0 2px;
			padding: 2px 2px 4px 2px;
			color: #0F1174;
			background-color: #DDE6F7;
			font-family: "Verdana", serif;
			border: solid 1px #0F1174;
		}
			div.messageReplyTitleLefterBox {
				margin-left: 20px;
				float: left;
				font-size: x-small;
			}
			div.messageReplyTitleRighterBox {
				text-align: right;
				font-size: xx-small;
			}
		div.replyContentsBox {
			margin: 2px 1em;
			font-size: x-small;
		}
small {
	font-size: xx-small;
}


/*------------------------------------------------------------------------
	sevice.htm
  ------------------------------------------------------------------------*/
#serviceDiscriptionBox {
	/* font-weight: bold; */
	text-align: center;
	/* font-style: italic; */
	line-height: 165%;
	vertical-align: middle;
	font-weight: bold;
}


/*------------------------------------------------------------------------
	dinner.htm
  ------------------------------------------------------------------------*/ 
div.smallItemBox {
	width: 90%;
	height: 1em;
	margin: 0.5em auto 0 auto;
	text-align: left;
	font-size: medium;
	font-family: "Century", serif;
}
div.largeItemBox1 {
	width: 90%;
	height: 3em;
	margin: auto;
	text-align: left;
	font-size: medium;
	font-family: "Century", serif;
}
div.itemLefterBox1 {
	width: 40%;
	height: 3em;
	float: left;
}
div.largeItemBox2 {
	width: 90%;
	height: 12em;
	margin: auto;
	text-align: left;
	font-size: medium;
	font-family: "Century", serif;
}
div.itemLefterBox2 {
	width: 40%;
	height: 12em;
	float: left;
}
div.itemLefterBox {
	width: 40%;
	height: 100%;
	float: left;
}
span.discriptionArea {
	font-size: small;
}


/*------------------------------------------------------------------------
	lunch.htm
  ------------------------------------------------------------------------*/
div.menuListBox {
	width: 80%;
	height: 1em;
	margin: 0.5em auto 0 auto;
	text-align: left;
	font-size: medium;
	font-family: "Century", serif;
}
div.menuListLeftBox {
	width: 16em;
	height: 100%;
	float: left;
	/* font-weight: bold; */
}
#discriptionBox {
	width: 80%;
	margin: 1.5em auto 0 auto;
	padding: 5px;
	text-align: left;
}


/*------------------------------------------------------------------------
	map.htm
  ------------------------------------------------------------------------*/
div.mapBox {
	width: 90%;
	margin: 0 auto 0.5em auto;		/* for Mozilla */
	padding: 17px 0 0 20px;
}

#mapBox {
	width: 80%;
	border: solid 1px #DDE6F7;
}

#addressBox {
	width: 70%;
	margin: 5px auto 0 auto;
	padding: 5px;
	text-align: left;
	font-family: serif;
}

#openTimeBox {
	width: 70%;
	margin: 5px auto 0 auto;
	padding: 5px;
	text-align: left;
	font-family: serif;
}