@charset "UTF-8";
h2, h3, h4 {
    margin-top: 5px;
}


dt {
    float: left;
    width: 130px;
    padding: 10px 0 0 10px;
    color: #330000;
}

dd {
    padding: 10px 0 20px 150px;
    border-bottom: 1px dotted #ff0000;
}

2th-child {
border-top: 0px;
}

dl span {
    margin-left: 0px;
}

dl span input {
    background: transparent url(/images/button.png) no-repeat left top;
    border-style: none;
    color: #ffffff;
    font-size: 90%;
    height: 26px;
    width: 81px;
    margin: 3px 0 0 270px;
}

label.leftLabel {
    display: block;
    width: 120px;
    height:20px;
    /*IE6のみ適用*/
    _width: 100px;
    border-right: 3px solid #ff0000;
}

label b {
    color: #ff0000;
}

textarea,input {
    font-size:0.9em;
}

textarea,input{
    background:#ffffff url(../images/textarea_back.png) repeat-x;
    border-top:none;
    border-left:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    border-bottom:solid 1px #eeeeee;
}

input{
    height:19px;
}

#CheckRes {
    display: none;
    margin: 10px 0 0 0;
    /*IE6,IE7のみ適用*/
    /margin: 0;
    display: block;
    font-size:0.9em;
}

#CheckRes div.loadImg {
    background: url(/images/refresh.gif);
    width: 16px;
    height: 16px;
    display: block;
    display: none;
}

#CheckRes > img, #CheckRes > span {
    display: none;
}

#CheckRes.loading {
    display: block;
    border: none;
    background: none;
}

#CheckRes.vacancy {
    display: block;
    color: #99cc99;
    font-weight: bold;
}

#CheckRes.vacancy > span {
    background: url("/images/check.png") no-repeat;
    padding-left: 16px;
}

#CheckRes.booked {
    display: block;
    color: #fe5544;
    font-weight: bold;
}

#CheckRes.booked > span {
    background: url("/images/cross.png") no-repeat;
    padding-left: 16px;
}

.restime {
    color: #66cc66;
    font-weight: bold;
    padding-left: 10px;
}

label.error {
    background: url("/images/cross.png") no-repeat;
    padding-left: 17px;
    color: #ea5200;
}

label.valid {
    background: url("/images/check.png") no-repeat;
    padding-left: 17px;
    display: inline;
    color: #99cc99;
    font-weight: bold;
}

/*カレンダー用の指定*/
#ui-datepicker-div {
    width: 190px;
}

.ui-datepicker td.days_red, .ui-datepicker td.days_blue, .ui-datepicker td.days_black {
    border: #cccccc solid 1px;
    padding: 0px;
}

.days_red a.ui-state-default, .days_red a.ui-widget-content .ui-state-default {
    background: #ffdddd;
    border: none;
    text-align: center;
}

.days_blue a.ui-state-default, .days_blue a.ui-widget-content .ui-state-default {
    background: #dfdff4;
    border: none;
    text-align: center;
}

.days_black a.ui-state-default, .days_black a.ui-widget-content .ui-state-default {
    background: #ffffff;
    border: none;
    text-align: center;
}

.days_black a.ui-state-active{
    color:#0424c7;
}

.days_black a.ui-state-highlight{
    text-decoration:underline;
    background:#ffffdd;
    color:#ff8c00;
}


/*descriptionの設定*/

div.baloon{
    border-bottom:10px solid #ffffff; /*背景と同じ色か、透明*/
    border-left: 10px solid #ebe4b4; /*三角部の色#FF0080*/
    margin:5px 30px 0px 180px;
}

 p.hint{
     margin:10px 0 0 -40px;
     background:#f8f4ca; /*吹出し背景色#ff0088*/
     color:#b1955e;     /*文字色*/
     padding:10px 20px;
     border:3px solid #ebe4b4;
     font-size:0.85em;
     width:180px;
     -webkit-border-radius: 5px;/* Safari、Google Chrome */
     -moz-border-radius: 5px;	/* Firefox */
     -position: relative;/*for IE6*/
 }