@charset "UTF-8";
/* ============================================ */
/* body                                         */
/* ============================================ */
body {
    font-size:12px; /* フォントサイズ */
    color: #582C00; /* フォント色 */
}

/* ============================================ */
/* #idHead                                      */
/* ============================================ */
/*** ヘッダー枠(div) ***/
#idHeaderWrap{
    width: 100%;
    background: url(./../img/bg_head_detail.png) no-repeat center;
}
/*** ヘッダー(div) ***/
#idHeader{
    position: relative;
    width: 960px;
    height: 130px;
    margin: 0 auto;
}
/*** サイトロゴ(div) ***/
#idSiteLogo {
    position: absolute;
    top: 10px;
    right:20px;
}
/*** 病院名(div) ***/
#idHospName {
    position: relative;
    top:75px;
    width:760px;
    margin:0 auto;
    padding:5px 0px 0px 20px;

    background-color:rgb(240, 188, 126);
    border-radius:0.7em;    /* divの角の半径 */
    color: white;
    font-weight: bold;
}
/*** 病院名カナ(p) ***/
#idKana {
    font-size: 16px;
}
/*** 病院名漢字(p) ***/
#idKanji{
    font-size: 22px;
}

/* 印刷・メール・お気に入りボタンエリア */
.cls_btn_area{
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 999;
    font-size:   15px;
    font-weight: normal;
}
/* 印刷・メール・お気に入りアイコン */
.cls_btn_area img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
    /* 印刷 */
.cls_link_print{
    font-size: 14px;
    float:left;
    margin-left:10px;
}
    /* メール */
.cls_mail{
    font-size: 14px;
    float:left;
    margin-left:10px;
}
/* お気に入り */
.cls_link_favorite{
    font-size: 14px;
    float:left;
    margin-left:10px;
}


/* ============================================ */
/* #idBody                                      */
/* ============================================ */
/*** ボディ枠(div) ***/
#idBodyWrap{
    width:100%;
    margin-top: 10px;
}
/*** ボディ(div) ***/
#idBody{
    width:960px;
    margin: 0 auto;
}

/*** セルヘッダ部(td)[メインテーブル・詳細テーブル共有] ***/
.cls_td_head{
    font-size:13px;
    background-color:#f5e4c6;
    font-weight:bold;
    white-space:nowrap;              /* 改行 */
}

/*** メイン情報(table) ***/
#idTblMain{
    width:750px;
    margin: 0 auto;
    border-spacing: 0px 1px;            /* 隙間[横px 縦px] */
    border-top: 1px solid #f5e4c6;      /* 上線*/
}
    /*** セル(td) ***/
    #idTblMain td{
        padding:2px 0px 2px 5px;
        border-bottom: 2px solid #f5e4c6;   /* 下線 */
        word-break: break-all;              /* 改行 */
    }
    /*** マップセル(td) ***/
    #idTblMain .cls_td_map{
        background-color:#f5e4c6;padding:5px;
    }
    /*** マップ(div) ***/
    #idMap{
        width:240px; height:240px;
    }
    /*** セルの幅設定 ***/
    #idTblMain .cls_th_01{width:125px;}/*{width:110px;}*/
    #idTblMain .cls_th_02{width:125px;}/*{width:167px;}*/
    #idTblMain .cls_th_03{width:125px;}/*{width:110px;}*/
    #idTblMain .cls_th_04{width:125px;}/*{width:150px;}*/
    #idTblMain .cls_th_05{width:250px;}/*{width:213px;}*/

/*** 詳細情報(table) ***/
#idTblDetail{
    width:750px;
    margin: 0 auto;
    margin-top: 10px;
    border-spacing: 0px 1px;            /* 隙間[横px 縦px] */
    border-top: 1px solid #f5e4c6;      /* 上線*/
}
    /*** セル(td) ***/
    #idTblDetail td{
        padding:2px 0px 2px 5px;
        border-bottom: 2px solid #f5e4c6;   /* 下線 */
        word-break: break-all;              /* 改行 */
    }
    /*** セルの幅設定 ***/
    #idTblDetail .cls_th_01{width:20px;}
    #idTblDetail .cls_th_02{width:33px;}
    #idTblDetail .cls_th_03{width:33px;}
    #idTblDetail .cls_th_04{width:33px;}
    #idTblDetail .cls_th_05{width:33px;}
    #idTblDetail .cls_th_06{width:33px;}
    #idTblDetail .cls_th_07{width:33px;}
    #idTblDetail .cls_th_08{width:33px;}
    #idTblDetail .cls_th_09{width:33px;}
    #idTblDetail .cls_th_10{width:33px;}
    #idTblDetail .cls_th_11{width:33px;}
    #idTblDetail .cls_th_12{width:33px;}
    #idTblDetail .cls_th_13{width:33px;}
    #idTblDetail .cls_th_14{width:33px;}
    #idTblDetail .cls_th_15{width:33px;}
    #idTblDetail .cls_th_16{width:33px;}
    #idTblDetail .cls_th_17{width:33px;}
    #idTblDetail .cls_th_18{width:33px;}
    #idTblDetail .cls_th_19{width:33px;}
    #idTblDetail .cls_th_20{width:33px;}

/*** 週情報(table) ***/
#idWeek{
    border-spacing: 0px;                /*隙間[横px 縦px]*/
    border: 1px outset #f5e4c6;          /*上線*/
    text-align: center;
    margin:5px;
    font-size:10px;
}
    /*** 週情報セル(td) ***/
    #idWeek td{
        padding-left:0px;                   /*左余白*/
        border-bottom: 0px solid #f5e4c6;   /*下線*/
        word-break: break-all;              /*改行*/
    }
    #idWeek .cls_td_head_kamoku     {background-color:#f5e4c6;width:70px; }
    #idWeek .cls_td_head_monday     {background-color:#f5e4c6;}
    #idWeek .cls_td_head_tuesday    {background-color:#f5e4c6;}
    #idWeek .cls_td_head_wednesday  {background-color:#f5e4c6;}
    #idWeek .cls_td_head_thursday   {background-color:#f5e4c6;}
    #idWeek .cls_td_head_friday     {background-color:#f5e4c6;}
    #idWeek .cls_td_head_saturday   {background-color:#f5e4c6;}
    #idWeek .cls_td_head_sunday     {background-color:#f5e4c6;}
    #idWeek .cls_td_data_kamoku     {background-color:#f5e4c6;width:70px; }
    #idWeek .cls_td_data_monday     {color:#d58F39;width:110px; }
    #idWeek .cls_td_data_tuesday    {color:#d58F39;width:110px; }
    #idWeek .cls_td_data_wednesday  {color:#d58F39;width:110px; }
    #idWeek .cls_td_data_thursday   {color:#d58F39;width:110px; }
    #idWeek .cls_td_data_friday     {color:#d58F39;width:110px; }
    #idWeek .cls_td_data_saturday   {color:#d58F39;width:110px; }
    #idWeek .cls_td_data_sunday     {color:#d58F39;width:110px; }

/*** 閉じる(idCloseWrap) ***/
#idTblClose{
    width:750px;
    margin: 0 auto;
    font-weight: bold;
}
    /*** セル(td) ***/
    #idTblClose td{
        text-align: center;
        font-weight: bold;
    }
    /*** セルの幅設定 ***/
    #idTblClose .cls_th_01{width:600px;}
    #idTblClose .cls_th_02{width:125px;}

    /*** 閉じるテーブルのinputボタン ***/
    #idTblClose input{
        width: 80px;
    }