body { color :#000000; background-color: #fffff0; margin: 10px; padding: 0px }
body.hina { color :#000000; background-color: #ffddff; margin: 10px; padding: 0px }
body.beni { color :#000000; background-color: #ffe0a0; margin: 10px; padding: 0px }
a:link { color: #0000ff }
a:visited { color: #8000ff }
a:active { color: #ff0000 }
a:hover {
	color:#ff0000;
	position: relative;
	right: -1px;
	bottom: -1px;
	background-color: #ffff00;
	}

 p { line-height: 150% }
h3 { text-align: center }
ul { margin-top: 0pt; margin-bottom: 0pt; }
li { line-height: 150% }
caption { font-weight: bold; margin-bottom: 0pt }
div.text { margin-left: 4%; margin-right: 6%; line-height: 150% }
div.l2 { margin-left: 2em; line-height: 150% }
div.l3 { margin-left: 3em; line-height: 150% }

div.link { margin-left: 0.8em }
div.ad { text-align: center; margin-top: 1em; margin-bottom: 1em }
div.signature { font-size: 80%; text-align: center }

address { font-size: 80%; text-align: center; font-style: normal; line-height: 120%; }

span.title1 { font-size: 150%; color: #cc0000; font-weight: bold; margin-left: 0.3em }
span.title2 { font-size: 100%; color: #cc0000; font-weight: bold }

dt.l1 { font-weight: bold }
dd.l1 { margin-left: 1em; margin-bottom: 1em; font-size: smaller }

dt.l2 { font-weight: bold; color: #008000 }
dd.l2 { margin-left: 1em; margin-bottom: 1em; font-size: smaller }

div.title {
	border: 1px solid #ff00ff;
	background-color: #ffccff;
	padding: 3px;
	margin-bottom: 0.5em;
	}

table.menu {
	border-collapse: separate;
	width: 100%;
	}
td.menu1 {
	border: 1px solid #909090;
	margin: 0px;
	padding: 1px;
	text-align: center;
	background-color: #d0d0d0;
	font-size: smaller;
	width: 14%
	
	}
td.menu2 {
	border: 1px solid #ff4040;
	margin: 0px;
	padding: 1px;
	text-align: center;
	background-color: #ffb0b0;
	font-size: smaller;
	width: 14%
	}

form { margin-top: 0px; margin-bottom: 0px; font-size: 100% }
input { font-size: 100% }

.mb1 { margin-bottom: 1em }
.b { font-weight: bold }
.r { color: #ff0000; }
.rb { color: #ff0000; font-weight: bold; }
span.s { font-size: smaller; font-weight: normal; }
.size2 { font-size: smaller }
.size4b { font-size: larger; font-weight: bold }
span.l { font-size: larger }
span.sb { font-size: smaller; font-weight:bold }
span.sbb { font-size: smaller; font-weight:bold; color: #0000ff }
span.lblue { font-size: larger; color: #0000ff }
span.lred { font-size: larger; color: #ff0000 }
span.lbr { font-size: larger; font-weight:bold; color: #ff0000 }
span.lbb { font-size: larger; font-weight:bold; color: #0000ff }
span.sbr { font-size: smaller; font-weight:bold; color: #ff0000 }
span.new { font-weight: bold; color:#ff0000; vertical-align: top; font-size: smaller }
span.mark { background-color: #ffff33; color: #800000; font-weight: bold }
span.red_b { color: #ff0000; font-weight: bold }

span.lb { font-size: larger; font-weight: bold }

.cancel { text-decoration: line-through; color: #ff0000 }


/*　イベントカレンダー　*/

div.event-tbl td {
	background-color: #ffccff;
	}
div.event-tbl th {
	background-color: #e0a0e0;
	text-align: left;
	}
div.calander td {
	vertical-align: top;
	font-size: 80%;
	padding-bottom: 1em;
	width: 14%;
	}
.bi { font-weight: bold; font-style: italic }
.back { font-weight: bold; font-style: italic }
.red { color:#ff0000 }
.sat { background-color: #ccccff }
.sun { background-color: #ffcccc }
span.mon { font-size: 120%; font-weight:bold; color: #000000 }
span.sat { font-size: 120%; font-weight:bold; color: #0000ff }
span.sun { font-size: 120%; font-weight:bold; color: #ff0000 }


div.explain {
	line-height:150%;
	background-color: #ffffd0;
	padding: 1em;
	border: solid 1px;
	border-color: #000000;
	margin-left: 5%;
	margin-right: 5%;
	}
div.explain dl { margin-top: 0em; margin-bottom: 0em }
div.explain dt { font-weight: bold }
div.explain dd { margin-bottom: 0em }

div.event-menu {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
.event-menu table { margin-bottom: 1em }
.event-menu { line-height: 150%; margin-right: 5%; margin-left: 5% }

div.dl0 dl { margin-right: 5%; margin-left: 5%; line-height: 150%; }
div.dl0 dt { font-weight: bold }
div.dl0 dd { margin-bottom: 0em; }

div.dl1 dl { margin-right: 5%; margin-left: 5%; }
div.dl1 dt { font-weight: bold }
div.dl1 dd { margin-bottom: 1em; font-size: 80%;}
h2.s { font-size: 120%; margin-bottom: 0em;}

div.dl2 dt { font-weight: bold }
div.dl2 dd { margin-bottom: 1em }


div.hina h2 {
	color: #900000;
	background-color: #ffbbff;
	padding: 0.2em;
	border-left: solid 1em;
	border-left-color: #ff66ff;
	margin-bottom: 0.5em;
	}
div.hina p {
	margin-left: 2.5%; 
	margin-right: 2.5%;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 150%;
	}
div.hina dl {
	margin-top: 0em;
	margin-left: 2.5%; 
	margin-right: 2.5%;
	border: solid 1px #ff66ff;
	background-color: #fff0ff;
	padding: 1em;
	line-height: 150%;
	}
div.hina dt { font-weight: bold; }
div.hina dd { margin-bottom: 0.5em; }
div.news dl { margin-left: 1em; line-height: 100%; }
div.news dt { font-weight: normal; }
div.news dd { margin-bottom: 1em; }

div.event-details h2 {
	color: #008000;
	background-color: #ccffcc;
	margin-bottom: 0em;
	margin-top: 1em;
	padding: 0.3em;
	text-align: left;
	font-size: 120%;
	border-top: 1px solid #009999;
	border-right: 1px solid #009999;
	border-left: solid 1em;
	border-left-color: #009999;
	}
div.event-details dl {
	margin-top: 0em;
	border: 1px solid #009999;
	padding: 1em;
	background-color: #eeffee;
	}
div.event-details dt { font-weight: bold; margin-top: 1em;}
div.event-details dd { line-height: 150%;}