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



/* お知らせ */
.messageList{
	border:1px solid #c6c6c6;text-align:left;margin-top:10px;
	/* BOX影 */
	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;}




/* 「メニュー/ご予約時間 をお選び下さい」の帯 */
.guide_line{
 color:#ffffff;background-color:#849ece;
 width:100%;text-align:left;
 padding:4px 10px 4px;margin-top:10px;
 box-sizing:border-box;
}



/* メニュー */
.menulist td{height:47px;}/* 高さ */
.menulist{margin-top:10px;width:101%;}
.menulist table{
	margin:0 2px 5px; padding:0;border-spacing:0;border:0;width:49%;float:left; 
	/* 角丸 */
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	/* 影 */
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

/* 非選択メニュー*/
.menu1{background-color:#ffffff;padding:0 3px 0 20px;}
/* 非選択メニューのマウスON時 */
.menu1 a{display:block;width:100%;height:100%; position: relative;}
.menu1 p{
  position:relative; margin:0;padding:0;
  top: 50%;
  transform: translateY(-50%);
}
.menu1:hover{background-color:#fcebe6;}
/* 非選択メニュー「詳細」*/
.menu2{background-color:#ffffff;text-align:right; padding:0 3px 0 1px;width:50px;}

/* 選択済メニュー*/
.menu_chk1{
background-color:#d9f1f8;
padding:0 3px 0 20px;
background-image:url(arrow2.gif);
background-repeat:no-repeat;
background-position:5px 50%;
font-weight: bold;
}
.menu_chk1 p{margin:0;padding:0;}
/* 選択済メニュー「詳細」*/
.menu_chk2{background-color:#d9f1f8;text-align:right; padding:0 3px 0 1px;width:50px;}





/* カレンダー */
.todayBG, .dateBG, .nondateBG{line-height:120%;}
#calentable{ margin-top:0;width:100%; }
#calentable table {
width:100%;
border-top: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
}
#calentable td{
border-left: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
height:22px;
}

/* 日付 */
.textWekn{
text-align:center;
}
/* 日付(日・祝) 12/7(土)*/
.sunBG{
text-align:center;
}
/* 時間表示 12:00 */
.time{
background-color:#ffffff;
text-align:center;
width:16%;
}
/* 予約状況マーク○△× */
.open{text-align:center;width:12%;}
.open img{vertical-align:middle;padding:2px 0 2px;}
.open a { display: block; }
.open a:hover { background-color: #ffd3af; } /* マウスON時 */
/* マークサイズ */
.mark1 , .mark2 , .mark3{width:18px; height:18px;}
.open img{vertical-align:middle;}

/* 次・前ボタン表示部 */
.calen_nextlink{
text-align:center; width:100%;
margin:5px 0 5px;
}
/* 予約不可能時 */
.closed{
text-align:center; 
width:12%;
}
/* 今日ボタン*/
.today_btn{
background-color:#eef3f4;border: 1px solid #d4d4d4;
color:#0000ff;
padding:3px 5px 3px;
}
/* 次/前の週 ボタン*/
.chweek_btn{
background-color:#eef3f4;border: 1px solid #d4d4d4;
color:#0000ff;
padding:3px 8px 3px;
}
.chweek_dmy{ width:70px; height:1px;}
/* 次/前の月 ボタン*/
.chmont_btn{
background-color:#eff4ee;border: 1px solid #d4d4d4;
color:#0000ff;
padding:3px 8px 3px;
}
.chmont_dmy{width:70px;height:1px;}

/* 月日曜日サイズ調整 */
@media screen and (max-width:350px){  .textWekn, .sunBG{ font-size:12px;}  }