@charset "utf-8";
/* index.css */
#date{background:#86CC33; background-image:url(../img/calendar/date.gif); background-repeat:no-repeat; background-position:left top; zoom:1;}
#date:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#date #datearea{float:left; width:265px;}
#date #month{float:right; width:150px; font-size:14px; font-weight:bold; padding-top:20px; text-align:right;}
#date #month a{display:inline-block; margin-right:10px;}
#calendarbody{clear:both; background:#86CC33; padding:1px 6px 6px; margin-bottom:20px;}
/*カレンダーテーブル*/
table#calendar{width:568px; border:none; border-collapse:separate; border-spacing:1px;}
table#calendar th{background:#CDE9A9; color:#53A900; font-size:16px; font-weight:bold; text-align:center; padding:5px; width:70px;}
table#calendar th.sun{background:#F39E9A; color:#fff;}
table#calendar th.sat{background:#ACBBF1; color:#fff;}
table#calendar td{background:#fff; padding:5px; width:70px; vertical-align:top;}
table#calendar td.off{background:#CDE9A9; background-image:url(../img/calendar/off.gif); background-repeat:no-repeat; background-position:center top;}
table#calendar td .day{font-size:20px; line-height:20px; height:20px; font-weight:bold; width:70px; position:relative;}
table#calendar td .day span.zoom{position:absolute; right:0; top:2px;}/* zoombtn */
table#calendar td .day span.zoom img{margin:0; vertical-align:top;}/* zoombtn */
table#calendar td.sun .day{color:#FF9999;}
table#calendar td.sat .day{color:#9E9ED9;}
table#calendar td hr{color:#ccc;}
table#calendar td a{font-size:14px;}
table#calendar td .M{color:#367CAC;}
table#calendar td .F{color:#D65B65;}
table#calendar td .set{color:#86B144;}
table#calendar td .M a{color:#367CAC;}
table#calendar td .F a{color:#D65B65;}
table#calendar td .set a{color:#86B144;}
table#calendar td .entry{text-align:center; padding-top:18px;}
/*カレンダー小窓*/
#calendar-window{clear:both; position:absolute; top:356px; width:370px; margin:0 auto; padding:145px 0 0 110px; text-align:left;}
#calendar-window #calendar-window-top{
clear:both; background:url(../img/calendar/window_top.png) no-repeat 0 0; height:66px; position:relative;}
#calendar-window #calendar-window-body{
clear:both; background:url(../img/calendar/window_body.png) repeat-y 0 0; padding:15px 25px 15px 15px; overflow:hidden;}
#calendar-window #calendar-window-bottom{
clear:both; background:url(../img/calendar/window_bottom.png) no-repeat 0 bottom; height:57px; text-align:center;}
#calendar-window-top #cal-date{float:left; padding:22px 0 0 17px;}
#calendar-window-top #week{float:left; padding:40px 0 0 15px; font-size:14px; line-height:18px; color:#fff;}
#calendar-window-top #cal-close{position:absolute; top:40px; right:30px;}
#calendar-window-body table{width:320px; border:none; border-collapse:separate; border-spacing:1px; background:#999;}
#calendar-window-body table th,#calendar-window-body table td{padding:5px;}
#calendar-window-body table th{background:#F5F7C3; text-align:center;}
#calendar-window-body table td{background:#fff;}
#calendar-window-body table td.name{width:100px;}
#calendar-window-body table td.name .M{color:#6D9AE6;}
#calendar-window-body table td.name .F{color:#FF9999;}
#calendar-window #calendar-window-bottom p{padding-top:6px;}
#calendar-window-body #cal-error{text-align:center; font-size:14px; color:#999;}
#calendar-window-body #cal-error ul{padding-top:10px;}
#calendar-window-body #cal-error ul li{display:inline; margin:0 5px;}

/*お客様の声*/
#voice{clear:both; zoom:1;}
#voice:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#voice h2{margin-bottom:5px;}
#voice ul{margin-bottom:10px; zoom:1; overflow:hidden;}
#voice ul li{clear:both; float:left; margin-right:20px; width:280px;}
#voice ul li.right{clear:none; margin-right:0;}
#voice ul li img{float:left; border:1px solid #999; width:60px;}
#voice ul li dl{float:right; width:210px; zoom:1; overflow:hidden;}
#voice ul li dt{font-size:16px; margin-bottom:5px;}
#voice ul li.M dt a{color:#6D9AE6;}
#voice ul li.F dt a{color:#FF9999;}



/*新着情報*/
#information{clear:both;}
#information h2{margin-bottom:5px;}
#information dl{height:95px; overflow:auto; overflow-x:hidden;}
#information dl dt{clear:both; float:left; width:65px; line-height:20px;}
#information dl dd{float:left; width:490px; line-height:20px;}