﻿body {
	font-size: 12px;
	margin: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	background-image:url(../../subnav_bg.png); 
}

h1 { font-size:12px; margin: 0; font-weight:normal;}
h2 { font-size:13px; }
h3 { font-size:14px; }

/* 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: 720px; 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; }

a:hover img { opacity: 0.3;filter: alpha(opacity=30);}
div.clear { clear: both; color:#333; font-size:10px; text-align:center;}
div.clear2 { 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:195px;
}

.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;}

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; }
.w3 { background:#FFF; 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:fixed; top: -505px;}
/* menu */

.conte {
	width: 95%;
	max-width:680px;
	height:auto;
	min-height:100px;
	margin: 3px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	font-size:14px;
	text-align:left;
	letter-spacing: 0.3em;
	line-height: 1.5em;
}

.text {
	width: 60%;
	max-width:400px;
	height:auto;
	min-height:135px;
	margin: 4px;
	padding: 5px;
	float: left;
	display: inline;  /* IE6 fix */
	font-size:14px;
	text-align:left;
	background: #FFF;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	border:1px #CCC solid;
}

.line {
	width: 97%;
	max-width:700px;
	height:auto;
	margin: 3px;
	padding: 6px;
	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: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
}

.mbox {
	width: 205px;
	height:auto;
	margin: 2px;
	padding: 5px;
	float: left;
	background: #FFF;
	/*color: #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;
}

.smabox { position:fixed; top: -505px;}

.pcbox {
	width: 205px;
	height:auto;
	min-height:110px;
	margin: 2px;
	padding: 12px;
	float: left;
	background: #FFF;
	/*color: #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:2px #CCC solid;
}

.box {
	width: 205px;
	height:auto;
	margin: 2px;
	padding: 5px;
	float: left;
	background: #FFF;
	/*color: #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;
}

.copy {
	width: 97%;
	max-width:700px;
	height:auto;
	margin: 3px;
	padding: 6px;
	float: left;
	background: #fff;
	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.3em;
	line-height: 1.3em;
	text-align:center;
}


/* ul */
.imgtwin li { float:left; list-style-type:none; margin:5px; }

.conte ol { 
	color: #333;
	font-size:12px;
	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;
}

.clip {	background-image:url(img/clip.png);
	background-repeat:no-repeat;		
	list-style-type: none;
	color: #333;
	font-size:12px;
	background-color:#FFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

blockquote {
	color: #333;
	font-size:12px;
	background-color:#FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* footer */
.footer{ position:fixed; top: -505px;}
/* footer */
