@charset "UTF-8";

/*
---------------------------------------------------------------------------
 —\–ñƒVƒXƒeƒ€CSS (ƒvƒ‰ƒ““à—e�EƒJƒŒƒ“ƒ_�[�E—\–ñƒtƒH�[ƒ€)
---------------------------------------------------------------------------*/
/* Šî–{ */
#reserve {
	font:13px/2 "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro";
	color: #333;
	width: 580px;
	margin: auto;
}
#reserve p, #reserve div,
#reserve h1, #reserve h2, #reserve h3, #reserve h4, #reserve h5,
#reserve dl, #reserve dt, #reserve dd,
#reserve input, #reserve form,
#reserve ul, #reserve li, #reserve ol {
	margin: 0;
	padding: 0;
}
#reserve ul {
	list-style-type: none;
}
#reserve table, #reserve th, #reserve td {
	border: 1px solid #c60;
	border-collapse: collapse;
	font-weight: normal;
}

#reserve a {
	color: #00f;
	text-decoration: underline;
}
#reserve a:hover {
	color: #f00;
	text-decoration: underline;
}
#reserve img {
	border: 0;
}
#mainbox {
	float: left;
}
#listbox {
	float: left;
}

/* ƒvƒ‰ƒ“
-------------------------------------------------------------------*/
#plan {
	width: 400px;
	margin: auto;
}
#plan div.line {
	overflow: hidden;
	width: 98%;
	border: 1px solid #EBB452;
	margin:0px 10px 15px 0px;
	padding: 5px;
	line-height: 1.4em;
}
#plan h2 {
	font-size: 120%;
	color: #c60;
	font-weight: bold;
}
#plan h3 {
	text-align: left;
	padding: 0px 5px 5px 5px;
	font-size: 120%;
	color: #f93;
}
#plan img {
	width: 160px;
	margin: 0px 5px 5px 3px;
}
#plan p {
	padding: 0px 5px 5px 5px;
}
#plan table {
	margin: 5px auto;
	font-size: 90%;
}
#plan table, #plan th, #plan td {
	border: 1px solid #fff;
	padding: 3px;
	font-weight: normal;
}
#plan th {
	width: 30%;
	background: #fc9;
	white-space: nowrap;
}
#plan td {
	width: 70%;
	background: #FFE9D2;
	line-height: 1.4em;
}
#plan a.move {
	display: block;
	width: 150px;
	margin: 10px auto 10px;
	border: 1px solid;
	border-color: #f93 #c60 #c60 #f93;
	background: #FFE9D2;
	text-align: center;
	color: #9F5000;
	text-decoration: none;
}
#plan a.move:hover {
	border-color: #c60 #f93 #f93 #c60;
	color: #5E2F00;
	text-decoration: none;
}
#plan div.page {
	clear: both;
	overflow: hidden;
	width: 98%;
	margin: 10px 5px;
}
#plan div.page a {
	color: #00f;
	text-decoration: underline;
}
#plan div.page a:hover {
	color: #f00;
	text-decoration: underline;
}

/* ƒvƒ‰ƒ“ƒŠƒXƒg
-------------------------------------------------------------------*/
#list {
	width: 180px;
	margin-bottom: 20px;
	margin-left: 10px;
	font:13px/2 "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro";
	color: #333;
}
#list h3 {
	margin: 0;
	padding: 0;
	font-size: 112%;
	color: #f00;
}
#list ul, #list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	line-height: 1.4em;
}
#list ul {
	margin-top: 2px;
	border: 1px solid #fc9;
}
#list li {
	margin: 5px 5px 10px 5px;
	font-size: 85%;
}
#list li.all {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
#list li.all a {
	display: block;
	width: 156px;
	margin: 10px auto 10px;
	border: 1px solid;
	border-color: #f93 #c60 #c60 #f93;
	background: #FFE9D2;
	text-align: center;
	padding: 5px;
	color: #9F5000;
	text-decoration: none;
}
#list li.all a:hover {
	border-color: #c60 #f93 #f93 #c60;
	color: #5E2F00;
	text-decoration: none;
}
#list a {
	color: #00f;
	text-decoration: underline;
}
#list a:hover {
	color: #f00;
	text-decoration: underline;
}


/* ƒJƒŒƒ“ƒ_�[
-------------------------------------------------------------------*/
#calen {
	width: 400px;
	margin: auto;
}
#calen table {
	width: 400px;
	margin-bottom: 15px;
}
#calen table, #calen th, #calen td {
	border: 1px solid #933;
	padding: 3px;
	font-weight: normal;
}
#calen th {
	background: #fc9;
	padding: 5px;
	font-weight: normal;
}
#calen td {
	height: 40px;
	vertical-align: top;
	padding: 3px;
	font-size: 110%;
	line-height: 1.2em;
}
#calen th.w1 {
	background:#FFCACA;	/* “ú—j */
}
#calen th.w2 {
	background:#C4E1FF;	/* “y—j */
}
#calen th.w3 {
	background: #FFE6CE;	/* •½“ú */
}
#calen td.d1, #calen td.d4 {
	background: #fdd;	/* “ú—j�E•½“ú */
}
#calen td.d2 {
	background: #def;	/* “y—j */
}
#calen td.d3 {
	background: #fff;	/* •½“ú */
}
#calen td.out {
	color:#ACACAC;		/* •¶Žš�F(—\–ñ”͈͊O) */
}
#calen td a {
	display: block;
	height: 40px;
	color: #005AB5;
}
#calen td a:hover {
	background: #FFCB97;
}

/* ƒ��[ƒ‹ƒtƒH�[ƒ€
-------------------------------------------------------------------*/
#mail {
	font:13px/2 "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro";
	color: #333;
}
#mail h2 {
	text-align: center;
	font-size: 160%;
	color: #c60;
	font-weight: bold;
}
#mail p {
	margin: 5px auto;
	line-height: 1.5em;
}

#mail table, #mail th, #mail td {
	border: 1px solid #c60;
	font-weight: normal;
}
#mail table {
	width: 580px;
	margin: 10px auto;
}
#mail th {
	width: 150px;
	background: #FFE9D2;
	padding: 5px;
	line-height: 1.5em;
	font-weight: normal;
}
#mail td {
	width: 430px;
	padding: 5px;
	text-align: left;
	line-height: 1.5em;
}
#mail span {
	color: #f00;
}
#mail input {
	margin: 3px;
}
#mail p.err {
	width: 500px;
	margin: 10px auto;
	border: 1px solid #f00;
	padding: 10px;
}
#mail p input {
	margin: 10px;
	padding: 3px 10px;
}
#mail p.end {
	width: 500px;
	margin: 10px auto;
	border: 1px solid #c60;
	padding: 10px;
}


/* ƒvƒ‰ƒCƒoƒV�[ƒ|ƒŠƒV�[
-------------------------------------------------------------------*/
#privacy {
	font:13px/2 "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro";
	color: #333;
}
#privacy p {
	width: 580px;
	padding: 0;
	margin: auto;
	text-align: left;
	line-height: 1.4em;
}
#privacy dl {
	width: 570px;
	margin: 0px auto 15px;
	line-height: 1.4em;
}
#privacy dt {
	text-align: center;
	padding: 25px 0px 5px;
	font-size: 120%;
	color: #c60;
	font-weight: bold;
}
#privacy dd {
	text-align: left;
	margin: 0;
	padding 0;
}

#privacy ul, #privacy li {
	margin: 0;
	padding: 0;
}

#privacy ul {
	width: 570px;
	margin: auto;
	text-align: left;
}
#privacy li {
	margin-left: 18px;
}
#privacy .line {
	margin: 10px auto;
}
#privacy input {
	margin-bottom: 20px;
}


/* —¿‹à‚ɂ‚¢‚Ä
-------------------------------------------------------------------*/
#charge h2 {
	text-align: center;
	padding: 5px 0px;
	font-size: 120%;
	color: #c60;
	font-weight: bold;
}
#charge p {
	width: 580px;
	margin: 0px auto;
	text-align: left;
	line-height: 1.4em;
	font-size: 100%;
}
#charge p.com {
	margin: 15px auto;
	text-align: center;
	line-height: 1.4em;
	font-size: 110%;
	font-weight: bold;
	color: #360;
}
#charge table, #charge th, #charge td {
	border: 1px solid #fff;
	padding: 5px;
	line-height: 1.4em;
}
#charge table {
	width: 580px;
	font-size: 90%;
}
#charge th.c01 { background: #fcc; }
#charge th.c02 { background: #CEF0BB; }
#charge th.c03 { background: #ccf; }
#charge th.c04 { background: #fc9; }
#charge td.c01 { background: #FFECEC; }
#charge td.c02 { background: #E6FFE6; }
#charge td.c03 { background: #E6E6FF; }
#charge td.c04 { background: #FFE9D2; }
#charge ul {
	width: 570px;
	margin: 5px auto 10px;
	text-align: left;
	line-height: 1.4em;
	list-style-type: disc;
}
#charge li {
	margin-left: 20px;
}
#charge input {
	width: 100px;
	margin-bottom: 20px;
}


/* ‚»‚Ì‘¼
-------------------------------------------------------------------*/
.fl  { float: left; }
.fc  { float: center; }
.fr  { float: right; }
.clr { clear: both; }

.l   { text-align: left; }
.c   { text-align: center; }
.r   { text-align: right; }

.err  { color: #f00; }

.btn {
	font-size: 80%;
	width: 580px;
	line-height: 1.4em;
}
.btn a {
	color: #00f;
	text-decoration: underline;
}
.btn a:hover {
	color: #f00;
	text-decoration: underline;
}