/* トップページ用CSS メニュー,お知らせ,カレンダー */

/* お知らせ */
.messageList{
	border:1px solid #c6c6c6;text-align:left;margin-top:10px;
	/* BOX影 */
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.messageList ul{ 
margin:0 0 0 18px;
list-style-type:none; 
list-style-image: url(../jscss/dot.gif);
padding:10px 10px 5px;
}
.messageList li{ margin-bottom:5px;}


/* 年月日 */
#date_fmt{font-size:140%; font-weight:bold; }
/* ミニカレンダーアイコン位置 */
.ui-datepicker-trigger { margin-left:3px; margin-bottom: -4px;}

/* 部屋名 */
#calentable .head{padding:1px 2px 0 0; }
/* 部屋名コマ */
#calentable .room_name{
	width:140px;height:65px; /* 枠サイズ */
	position: relative;   margin:0; padding:0; text-align:center;
	border:1px solid #d3d3d3;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
/* 中央寄せ */
#calentable .room_name p {
position: absolute; margin:0; padding:0; 
top: 50%;left: 50%;width: 100%;text-align: center;line-height:1.4;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}

/* (○分過ぎスタート) */
#calentable .offset{font-size:90%;}
/* Closeアイコン */
.closeicon{margin:10px 0 10px; text-align:center;}
.closeicon img{width:150px; height:150px;}
/* 色見本 */
.color_exp div{font-size:85%; width:60px;padding:2px 0 2px;float:left;margin-right:5px;}
.color_exp img{vertical-align:middle;}

/******* 時間コマ デザイン **********/
/*** サイズ ***/
/* 30分単位 */
.piece30{width:28px;height:60px;}
.dmy30{width:27px;height:60px;} /* 空き部分のスペース確保用画像サイズ 30分 */
/* 60分単位 */
.piece60{width:50px;height:60px;}
.dmy60{width:49px;height:60px;} /* 空き部分のスペース確保用画像サイズ 60分 */

/* スクロール */
.scroll_area{ overflow: auto; overflow-y: hidden; width:100%;-webkit-overflow-scrolling: touch;}
.scroll_area table{ table-layout: fixed; }

/* ○×カレンダー TABLE */
.todayBG, .dateBG, .nondateBG{line-height:120%;}
#calentable{ margin-top:0;width:100%; }
#calentable div {box-sizing:border-box;padding:0; }
/* 横軸時間 */
.time_line th{text-align:left; font-size:120%;position: relative;left:-1%;color:#ffffff;}
.time_line{ background-color:#93a0bc;}

/* 仕切り線 */
#calentable .t00{border-right: 1.0px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
#calentable .t30{border-right: 1.0px dotted #d2d2d2; border-bottom: 1px solid #d2d2d2; }

/* 時間コマ */
.rwd{
	text-align:center; padding:5px 0 5px;margin:0;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.rwd a{height:100%; width:100%;  display: block;}
/* 時間表示 60分枠*/
.time_set60{font-size:85%; padding:0;margin-bottom:6px;}
/* 時間表示 30分枠*/
.time_set30{font-size:80%; line-height:1.0; text-align:center; padding:0;margin:2px 0 3px; }
/* 予約不可能時間 */
.closed{
text-align:center; 
width:12%;
}
.closedb img{opacity: 0.5;}

/* 次・前ボタン表示部 */
.calen_nextlink{
text-align:center; width:100%;
margin:5px 0 8px;
}
/* 次/前の日 ボタン*/
.chday_btn{
background-color:#eff4ee;border: 1px solid #d4d4d4;
color:#0000ff; font-size:15px;
padding:4px;margin:0 2px 0;
}
.chday_dmy{width:70px;height:1px;}
/* 次/前の週 ボタン*/
.chweek_btn{
background-color:#eef3f4;border: 1px solid #d4d4d4;
color:#0000ff;
padding:3px;margin:0 4px 0;
}
.chweek_dmy{ width:70px; height:1px;}