﻿body { font-size: 14px;	margin: 0; background-image:url(../../subnav_bg.png); }

h1 { font-size:14px; margin: 0; font-weight:normal;}
h2 { font-size:16px; }
h3 { font-size:16px; }

/* day list */
.daylist { margin-left:10px; padding:0px; font-size:12px; list-style-type: none; }
.eventlist { margin-left:10px; padding:0px; font-size:12px; list-style-type: none; }
.pink { background:#FCF; font-size:12px; }
/* day list */

#top { max-width: 100%; height: auto;	width /***/: auto;}
.box img { max-width: 100%; height: auto;	width /***/: auto;}

#container{ width: 100%; margin:0 0 0 5; padding: 0px; overflow: auto; /* clearing floats */ }

a:link { color: #F9F; }
a:visited { color: #F9F; }
a:hover { color: #FF00CC; }
a:active { color: #FF00CC; }

img.ex1 { float: left; }
img.ex2 { float: right; }

div.clear { clear: both;}
div.clear2 { }
div.clear3 { clear: both;}
p.clear { clear: both; }

/* img caption */
.cap {position: relative;}
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
.cap p {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #fff;
   padding: 5px;
   background: #000;
   filter: Alpha(opacity=70);
   opacity:0.7;
   width:auto;
}

.box p { margin:0px;letter-spacing: 0.2em;line-height: 1.1em; }
.small { font-size:10px;}

#header { width: 100%; height: 20px;}
#line_hr { width: 100%; height: 20px; background-color:#fff;}

.cite { float:right; font-size:10px; }

table.tname tr th { font-style:normal;background:#CF6; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
table.tname tr td { background:#FFF; font-size:12px; color:#333; border: 1px #999 solid; text-align:left; }
table.kasan tr th { font-style:normal;background:#FFC; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
table.kasan tr td { background:#FFF; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }

table.service tr th { font-style:normal;background:#CF6; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
table.service tr td { background:#FFF; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }

/* service */
.month { font-style:normal;background:#CF6; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
.day { background:#FFF; font-style:italic; text-align:right; font-size:14px; color:#333; border-bottom:1px #CCC solid; }
.sun { background:#F36; text-align:center; font-size:12px; color:#333; border: 1px #999 solid; }
.sat { background:#0CF; text-align:center; font-size:12px; color:#333; border: 1px #999 solid; }
.w1 { background:#FFC; text-align:center; font-size:12px; color:#333; border: 1px #999 solid; }

.w2 { background:#FCF; text-align:right; }

.s1 { text-align:right; font-size:12px; color:#333; display:block; }
.s2 { text-align:right; font-size:12px; color:#333; display:block;  }
/* service */

/* menu */
#menu ul{ position:relative; margin:2px; padding: 0; list-style: none;letter-spacing: 0.3em;line-height: 1.2em;}
#menu li{ display: inline; padding: 0; margin: 0; float: left;position:relative;}
#menu a{
display: block; 
border: 1px solid #333;
background: #fff;
padding: 3px;
text-decoration: none;
font-size:12px;
color: #333;
width: 100px; 
margin: 1px;
border-left:5px solid #CC6600;
text-align: center;}
#menu a:hover{background:#CF6;}
/* menu */

.conte {
	width: 93%;
	height:auto;
	min-height:100px;
	margin: 3px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	text-align:left;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	font-size:16px;
}

.text {
	width: 93%;
	height:auto;
	margin: 3px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	font-size:16px;
	text-align:left;
	background: #FFF;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	border:1px #CCC solid;
}

.line {
	width: 96%;
	height:auto;
	margin: 3px;
	padding: 4px;
	float: left;
	background: #360;
	color: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.3em;
}

.mbox {
	width: 92%;
	height:auto;
	margin: 2px;
	padding: 10px;
	float: left;
	background: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.box {
	width: 92%;
	height:auto;
	margin: 2px;
	padding: 10px;
	float: left;
	background: #FFF;
	color: #000;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 16px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:１px #CCC solid;
}

.copy {
	width: 96%;
	height:auto;
	margin: 3px;
	padding: 4px;
	float: left;
	background: #6C3;
	color: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	font-size: 12px;
	letter-spacing: 0.0em;
	line-height: 1.3em;
	text-align:center;
}

.smabox {
	width: 45%;
	height:auto;
	margin: 5px;
	padding: 1px;
	float: left;
	background: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1em;
	border:1px #333 solid;
	text-align:center;
}

.pcbox { position:fixed; top: -505px; }

/* ul */
.prof ul { text-indent: -20px; }
.prof ul li { display: block; padding-right: 35px; }

.imgtwin li { float:left; list-style-type:none; margin:5px; }

/* event ul */
.qgawa { 
	text-indent: -20px;
	list-style-type: none;
	font-size:12px;
	background-color:#FCF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.index ul {
	list-style-type: none;
	display: inline;
	letter-spacing: 0.5em;
	text-align: center;
	line-height: 22px;
}

.qgawa ol { 
	color: #333;
	font-size:16px;
	background-color:#FFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.box ul {
	list-style-type: none;
	display: inline;
	letter-spacing: 0.5em;
	line-height: 22px;
}

.conte ol { 
	color: #333;
	font-size:16px;
	background-color:#FFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* footer */
.footer{ position:fixed; z-index:100; width:100%; bottom:0px; border-top:#222 solid 1px;}
.footer .button{ position:fixed; right:0px; bottom:0px; width:20px; text-align:center; padding:10px; background:#333; color:#eee; font-weight:bold; cursor:pointer;}
.footer .button:hover{ background:#eee; color:#666;}
.footer .content{ text-align:left; background:#666; padding:10px;}
.footer .content a{ color:#FFF; margin:0 5px 0 5px;}
/* footer */
