@charset "utf-8";

* { margin:0; padding:0; font-size:100%;}
body { clear:both; margin:0; padding:0; text-align:center; color:#333; font-size:75%; line-height:140%;
	background:#FFF url(../parts/bg_room.jpg) repeat-x left top;
 font:14px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a { color:#06C; overflow:hidden;}
a:hover { color:#09F;}
img { vertical-align:top; border:none;}
table,th,td { border-collapse:collapse;}
ul,li,dl,dt,dd { list-style-type:none;}
i,em { color:#C00; font-weight:normal; font-style:normal;}
hr { clear:both; height:1px; margin:35px 0; border:none; color:#999; background-color:#999;}

.clear { clear:both; margin:0; padding:0;}
.center { text-align:center;}

h3 {
 clear:both; margin:0 0 15px 0; padding:0 0 3px 25px; overflow:hidden;
 font-size:122%; border-bottom:1px dotted #F90;
 background:url(../../../images/common/bg_h3.gif) no-repeat left 4px;}

/* head
----------------------------------------------- */
#head { width:960px; margin:0 auto; padding:0;}
#head:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#head h1 { margin:0; padding:0;}
#head img { margin:0; padding:0;}

#roomhead { width:960px; margin:0 auto; padding:0; text-align:left;}
#roomhead:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#roomhead .box-right { float:right; width:620px; margin:20px 0 0 0;}
#roomhead .box-left { float:left; width:340px; margin:20px 0 0 0;}
#roomhead ul { font-weight:bold;}
#roomhead ul li { float:left; font-weight:bold; font-size:15px;}
#roomhead ul li.back a { float:left; margin-right:10px; padding:8px 12px 7px 25px; text-decoration:none;
	background:url(../parts/ico_back.gif) no-repeat left center;
	border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px;
	border:1px solid #022B82;
	-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);}
#roomhead ul li.month a { float:left; width:45px; margin-right:5px; padding:7px 5px 5px 25px; text-decoration:none;
	background:url(../parts/ico_down.gif) no-repeat left center;
	border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px;
	border:1px solid #022B82;
	-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);}
#roomhead input[type=button]{ cursor:pointer; font-weight:bold; color:#FFF;
	margin-top:0; margin-bottom:15px;  padding:7px 10px 9px 30px; text-decoration:none;
	background:url(../parts/ico_refresh.gif) no-repeat left center;
	border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px;
	border:1px solid #022B82;
	-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);}
#roomhead input[type=button]:hover { color:#FFD6CA;}
#roomhead li.date { width:300px; padding:10px 0 5px 10px; font-size:13px;}
#roomhead .note { clear:both; margin:20px 0 0 0; padding:15px 20px; background:#FFE1EA; overflow:hidden;}
#roomhead .note-left { float:left; width:380px; margin:3px 0 0 0;}
#roomhead .note-right { float:right; width:525px; margin:0;}
#roomhead p.tel { color:#C00; font-size:18px; font-weight:bold; font-style:normal;}
#roomhead .note-right p.tel span { padding-left:10px; font-size:80%; color:#000;}

/* container
----------------------------------------------- */
#container { clear:both; margin:0 auto; padding:30px 0 0 0; text-align:center; background:#FFF;}
#container:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* main
----------------------------------------------- */
#main { clear:both; width:960px; margin:-30px auto 30px auto; padding:0; text-align:left; overflow:hidden;}
#main h3 { margin-top:30px; font-size:20px;}
#main h3 span { float:right; padding-top:5px; font-size:14px;}
#main p { margin:0 0 10px 0; padding:0;}
#main ul li.back a { float:left; margin-right:5px; padding:8px 12px 8px 25px; text-decoration:none;
	background:url(../parts/ico_back.gif) no-repeat left center;
	border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px;
	border:1px solid #022B82;
	-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);}

/* table----------------- */
table { width:960px; margin-bottom:15px; border:2px solid #999; table-layout:fixed; border-collapse:collapse;}
table a { text-decoration: none; color:#125F29;}
table th,
table td { padding:2px 2px 1px 2px!important; text-align:center; font-weight:normal; border-top:1px solid #999; border-right:1px solid #999;text-align:center;}
table td {}
table th.room_name { width:120px; font-size:16px; font-weight:bold; color:#FFF; background:#022B82;}
table th.day { width:12px; padding:5px; font-size:13px; font-weight:bold; border-top:none; border-left:none; background:#DDD; overflow:hidden;}
table th.day span { font-size:11px; font-weight:normal;}
table th.day span:before { content: "\A" ;	white-space: pre ;}

table th.sun { background:#FFE1EA;}
table th.sat { background:#D2E9FF;}



table th.time { width:9%; letter-spacing:2px; color:#FFF; background:#022B82;}
table th.min { font-weight:normal; color:#FFF; background:#022B82;}
table th.room01,
table th.room02,
table th.room03,
table th.room04 { font-weight:bold; background:#ADE5FF;}

/* pagetop
----------------------------------------------- */
#pagetop { position:fixed; bottom:30px; right:30px;}
#pagetop a { width:64px; height:64px; }
#pagetop a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* footer
----------------------------------------------- */
footer { clear:both; width:100%; margin:0; padding:0; text-align:left; color:#FFF; background:#022B82;}

footer .footInner { clear:both; width:960px; margin:0 auto; padding:20px 0 10px 0; overflow:hidden;}
footer .footInner .footInfo { clear:both; margin:0 0 20px 0; padding:0 5px 12px 5px; overflow:hidden; border-bottom:1px dotted #FFF;}
footer .footInner .footInfo p { clear:both; margin:0; padding:0;}
footer .footInner .footInfo p span { font-size:129%;}
footer .footInner .footInfo ul { clear:both; margin:0; padding:0; overflow:hidden;}
footer .footInner .footInfo ul li { float:left; margin:0 15px 0 0; padding:3px 0 0 0;}
footer .footInner .footInfo ul li.tel {
 float:left; margin:0 15px 0 0; padding:0 0 0 21px; font-size:158%; line-height:1.2; font-weight:bold;
 background:url(../../../images/common/foot_tel.gif) no-repeat left 5px;}
footer .footInner .footInfo ul li.tel span { font-size:60%; font-weight:normal;}

footer .footInner ul.footNavi { clear:both; margin:0 5px 15px 5px; padding:0; overflow:hidden;}
footer .footInner ul.footNavi li {
 float:left; margin:0 0 5px 0; padding:0 30px 0 10px; font-size:93%; background:url(../../../images/common/list_02.png) no-repeat left 6px;}
footer .footInner ul.footNavi li a { color:#FFF;}
footer .footInner ul.footNavi li a:hover { text-decoration:none;}

address { clear:both; margin:0; padding:0; text-align:right; font-size:86%; font-style:normal;}