@charset "utf-8";

/*土曜の文字色*/
.youbi_6 {
color:#36F!important;
}
/*祝日と日曜の文字色*/
.youbi_0, .shukujitu {
color:red!important;
}

.today{
background:#FF9;
}

.holiday{
background:#FDD;
}
/*定休日の背景色*/
.closed{
background:#FDD;
}

.hidden{
display:none;
}

.holidayCube{
display:inline-block;
width:13px;
height:13px;
margin:3px 3px 0 3px;
position:relative;
top:2px;
}

.closedCube{
display:inline-block;
width:13px;
height:13px;
margin:3px 3px 0 3px;
position:relative;
top:2px;
}



/*　#calenderTable　*/

#calenderTable{
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, sans-serif;
font-size:100%;
border-collapse:collapse;
}

#calenderTable th{
padding:5px;
border:1px solid #CCC;
color:#333;
background:#EEE;
}

#calenderTable td{
padding:5px;
text-align:right;
border:1px solid #CCC;
color:#555;
vertical-align:top;
}

#calenderTable .calenderHeader a{
display:block;
text-decoration:none;
width:40px;
margin:0 auto;
padding:0.2em;
background-color:#F90;
color:#FFF;
font-size:120%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#calenderTable td .scheduleComment{
text-align:left;
color:#555;
}

#calenderTable td .schedulePulldownList{
text-align:left;
color:#555;
margin:1em 0;
padding:0 0 1em;
border-bottom:1px dotted #ccc;
}

#calenderTable .borderless{
border:0!important
}

.countNum{
color:#F60;
}

p.holidayText{
font-size:12px!important;
color:#444;
margin:0;
padding:0 0 5px;
}




table.navNextPrev{
width:100%;
}

table.navNextPrev .dspPrev{
text-align:left;
padding:10px;
}

table.navNextPrev .dspNext{
text-align:right;
padding:10px;
}

h2#headerYm{
background:#666;
color:#FFF;
text-align:center;
padding:5px;
font-size:110%;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, sans-serif;
}

.reservForm {
display:inline;
}

.reservForm input{
cursor:pointer;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, sans-serif;
padding:1px 2px;
}

#formWrap{
margin:10px auto;
color:#555;
line-height:120%;
font-size:90%;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, sans-serif;
}

#formWrap h2{
font-weight: normal;
font-size:14px;
color:#111;
margin:0 0 10px;
background:#EFEFEF;
padding:5px 8px 3px;
border-radius:3px;
border:1px solid #ccc;
}

#formWrap p{
margin:0 0 5px;
padding:0;
font-size:13px;
}


table.formTable{
width:100%;
margin:15px auto;
border-collapse:collapse;
}

table.formTable td, table.formTable th{
border:1px solid #CCC;
padding:10px;
font-size:90%;
}

table.formTable th{
width:30%;
font-weight:normal;
background:#EFEFEF;
text-align:left !important;
}

input,
textarea,
select{
border:0;
padding:5px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,sans-serif;
border:solid 1px #888888;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow:inner 0 0 4px rgba(0, 0, 0, 0.2);
}


input:focus,
textarea:focus,
select:focus{
background-color:#FFFEEE;
}

p.error_messe{
margin:5px 0;
color:red;
}

table.formTable span{
color:#00F;
}


@media all and  (min-width:700px) {
	
/*　#calenderTable　*/

#calenderTable{
width:100%;
font-size:140%;
}


table.formTable{
font-size:120%;
}


table.formTable th{
min-width:12em;
}


}