@charset "utf-8";
/*--------------------------------------
 * clinic css
 *------------------------------------*/
/*--------------------------------------
 * 全体の定義
 * ページ背景色・背景画像
 * 文字色・サイズ
 *------------------------------------*/
body {
    background-color:#ffffff;
    color:#333333;
    font-size:13px;
    line-height:130%;
    margin: 0px;
    padding: 0px;
    text-align:center;
    font-family: verdana, arial, helvetica, sans-serif;
}
tr,td,th,div {
    color: #333333;
    font-size: 13px;
    line-height: 130%;
}
form {
    margin: 0px;
    padding: 0px;
}
img {
    border:0px;
}
hr {
    border:none;
    border-top: 1px dashed #afaeae;
    height: 1px;
    color:#ffffff;
}
ul {
    margin:0px;
    padding:2px;
    list-style-type: disc;
    list-style-position: outside;
}
li {
    padding:0px;
    margin:2px 0px 2px 20px;
}
.t10    { font-size: 10px;line-height: 130%; }
.t13    { font-size: 13px;line-height: 130%; }
.t15    { font-size: 15px;line-height: 130%; }
.t18    { font-size: 18px;line-height: 130%; }

span.hidden {
    display: none;
}

/*--------------------------------------
 * リンク 通常時(link,visited,active)
 * リンク マウスが当たっている時(hover)
 *------------------------------------*/
a:link    { color:#1a9bd2; text-decoration:underline; }
a:visited { color:#1a9bd2; text-decoration:underline; }
a:active  { color:#1a9bd2; text-decoration:underline; }
a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }
a.blocklink {width:100%;display:block;}

a.gray:link    { color:#c0c0c0; text-decoration:underline; }
a.gray:visited { color:#c0c0c0; text-decoration:underline; }
a.gray:active  { color:#c0c0c0; text-decoration:underline; }
a.gray:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

a.black:link    { color:#333333; text-decoration:none; }
a.black:visited { color:#333333; text-decoration:none; }
a.black:active  { color:#333333; text-decoration:none; }
a.black:hover   { color:#333333; text-decoration:underline; background-color: transparent; }

a.bgtrans:link    { text-decoration:none; }
a.bgtrans:visited { text-decoration:none; }
a.bgtrans:active  { text-decoration:none; }
a.bgtrans:hover   { text-decoration:none; background-color: transparent; }

a.gray:link    { color:#c0c0c0; text-decoration:underline; }
a.gray:visited { color:#c0c0c0; text-decoration:underline; }
a.gray:active  { color:#c0c0c0; text-decoration:underline; }
a.gray:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

a.noemail:link    { color:#ff0000; text-decoration:underline; }
a.noemail:visited { color:#ff0000; text-decoration:underline; }
a.noemail:active  { color:#ff0000; text-decoration:underline; }
a.noemail:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

/*--------------------------------------
 * input box / text area / select menu
 *------------------------------------*/
.frm_num {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:13px;
    color:#333333;
    ime-mode: disabled;
}

.frm_str {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:13px;
    color:#333333;
    ime-mode: active;
}

.frm_area {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:13px;
    color:#333333;
    overflow-y:auto;
    ime-mode: active;
}

.frm_readonly {
    border: 1px solid #afaeae;
    background-color:#ffffff;
    font-size:13px;
    color:#333333;
}

.frm_area_readonly {
    border: 1px solid #afaeae;
    background-color:#ffffff;
    font-size:13px;
    color:#333333;
    overflow-y:auto;
}

/*--------------------------------------
 * 外枠
 *------------------------------------*/
#wrapper {
    background-color:#ffffff;
    width: 100%;
    margin: 0px auto;
}

/*--------------------------------------
 * ヘッダ
 *------------------------------------*/
#header_area {
    background-color: #019FE8;
    border-top:solid 1px #019FE8;
    border-left:solid 1px #019FE8;
    border-right:solid 1px #019FE8;
    border-bottom:solid 1px #019FE8;
    padding: 0px 0px 0px 0px;
    text-align: left;
    position: relative;
}

.header_logo {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    padding:0px 10px 0px 0px;
}

#header_area a:link    { color:#ffffff; text-decoration:underline; }
#header_area a:visited { color:#ffffff; text-decoration:underline; }
#header_area a:active  { color:#ffffff; text-decoration:underline; }
#header_area a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

.header_str {
    color: #ffffff;
}

/*--------------------------------------
 * フッタ
 *------------------------------------*/
#footer_area {
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-bottom:solid 1px;
    border-color:#019FE8;
    padding:0px 0px 0px 0px;
    text-align:center;
}
.footer {
    font-size: 13px;
    color: #909090;
}

/*--------------------------------------
 * メインコンテンツ
 *------------------------------------*/
#main_area {
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-color:#019FE8;
    margin: 0px;
    text-align:center;
}
#main_area2 {
    background-position: top left;
    background-repeat: repeat-y;
    background-image: url(../img/sidebar.gif);
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-color:#019FE8;
    margin: 0px;
    text-align:center;
}
#main_cont {
    background-color:#ffffff;
    text-align:left;
    padding:10px;
}
#main_cont2 {
    background-color:#ffffff;
    text-align:left;
    margin-left: 115px;
    padding:10px;
}
.clearing {
    clear: both;
    font-size: 1px;
    height: 1px;
}
/*--------------------------------------
 * サイドバー
 *------------------------------------*/
#sidebar_area {
    background-color:#f0f0f0;
    text-align:left;
    margin:0px;
    padding:0px;
    width:115px;
    float: left;
}
.sidebardl {
    padding: 0 0 5px 0;
    margin: 0;
}
.sidebardl dt {
    background: #e0e0e0;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 5px;
}
.sidebardl dd {
    background: #e9e9e9;
    padding: 3px 5px;
    margin: 1px 0 0 0;
}
.sidebardl dd:hover {
    background: #e0e0e0;
    padding: 3px 5px;
    margin: 1px 0 0 0;
}

.sidebardl dd.active {
    background: #fff7b2;
    padding: 3px 5px;
    margin: 1px 0 0 0;
}

#sidebar_area a:link    { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:visited { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:active  { color:#1a9bd2; text-decoration:underline; }
#sidebar_area a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

/*--------------------------------------
 * 共通枠
 *------------------------------------*/
.waku {
    border: 1px solid;
    border-color: #afaeae;
    padding:10px;
    margin:0px auto;
}

/*--------------------------------------
 * ページタイトル
 *------------------------------------*/
.title  {
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    background-color: #ffffff;
    border-bottom:3px solid #E53559;
    padding: 3px 3px 3px 0.5em;
    margin:0px 0px 5px 0px;
}

.title2 {
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    background-color: #ffffff;
    border-:3px dotted #A5CBEF;
    border-bottom:3px dotted #999999;
    padding: 3px 3px 3px 0.5em;
    margin:0px 0px 3px 0px;
}

.title3 {
    background-color:#f9f9f9;
    border-radius: 5px;
    border:1px solid #dcdcdc;
    /* border-left: 5px solid #006837; */
    font-weight: bold;
    font-size: 15px;
    color: #4f4f4f;
    padding: 5px 10px;
    margin:10px 0px 10px 0px;
}

/*--------------------------------------
 * テーブル
 *------------------------------------*/
/* テーブル枠 */
.tbl {
    background-color:#dddddd;
}
/* タイトル部 */
.cell_t {
    color:#333333;
    background-color:#fcf9f0;
    padding: 3px;
    white-space:nowrap;
}
.cell_t_today {
    color:#333333;
    background-color:#f4cd0b;
    padding: 3px;
    white-space:nowrap;
}
.cell_t_holiday {
    color:#333333;
    background-color:#ffd5df;
    padding: 3px;
}
.cell_t_saturday {
    color:#333333;
    background-color:#c5def0;
    padding: 3px;
}
/* データ部 */
.cell_d {
    color:#333333;
    background-color:#ffffff;
    padding: 3px;
}
.cell_d_gray {
    color:#333333;
    background-color:#e4e4e4;
    padding: 3px;
}
.cell_d_yellow {
    color:#333333;
    background-color:#ffffcc;
    padding: 3px;
}
.cell_d_over {
    color:#333333;
    background-color:#f8f9ff;
    padding: 3px;
}
.cell_d_today {
    color:#333333;
    background-color:#ffffcc;
    padding: 3px;
}
.cell_d_holiday {
    color:#333333;
    background-color:#fff0f0;
    padding: 3px;
}
.cell_d_saturday {
    color:#333333;
    background-color:#f0f7ff;
    padding: 3px;
}
.cell_d_cls {
    color:#333333;
    background-color:#f0f0f0;
    padding: 3px;
}
.cell_d_scale {
    color:#333333;
    background: #ffffff url(../img/scale.gif) no-repeat bottom;
    padding: 3px;
}

/*--------------------------------------
 * 強調文字
 *------------------------------------*/
.stress {
    color: #cc0000;
    font-weight: bold;
}
.stress2 {
    color: #cc0000;
}

/*--------------------------------------
 * フォーム注意書き文字
 *------------------------------------*/
.note {            /* stress */
    font-size: 10px;
    color: #ff0000;
}
.note2 {        /* normal */
    font-size: 10px;
    color: #333333;
}

/*--------------------------------------
 * エラーメッセージボックス
 *------------------------------------*/
.errbox {
    background-color: #ffffcc;
    border: 1px solid;
    border-color: #ff0000;
    padding: 4px 2px 4px 5px;
    margin:10px auto;
    text-align: left;
    color:#ff0000;
    font-size:13px;
}

.errmsg {
    color:#ff0000;
}

/*--------------------------------------
 * 更新完了メッセージボックス
 *------------------------------------*/
.updatedbox {
    background-color: #ffffef;
    border: 1px solid;
    border-color: #cccccc;
    padding: 4px 2px 4px 5px;
    margin:10px auto;
    text-align: left;
    color:#666666;
    font-size:13px;
}

/*--------------------------------------
 * 強調メッセージボックス
 *------------------------------------*/
.stressbox {
    background-color: #ffeae0;
    border: 1px solid;
    border-color: #ff809f;
    padding: 4px 2px 4px 5px;
    margin:10px auto;
    text-align: left;
    color:#333333;
    font-size:13px;
}

/*--------------------------------------
 * お知らせボックス
 *------------------------------------*/
.infobox {
    border: 1px solid;
    border-color: #cccccc;
    padding: 4px 2px 4px 5px;
    margin:10px;
    text-align: left;
    color:#666666;
    font-size:13px;
}

/*--------------------------------------
 * リンク抑制文字色
 *------------------------------------*/
.linkoff {
    color: #c0c0c0;
    text-decoration: underline;
}

/*--------------------------------------
 * 入力支援(code insight)関連
 *------------------------------------*/
/* 入力支援ボタン */
.ci_btn {
    border: solid 1px #cccccc;
    margin:0px 1px 1px 0px;
    color: #999999;
    background-color:#ffffff;
    height: 25px;
}

/* 絵文字ウィンドウ */
.lyrCiEmoji {
    visibility:hidden;
    position:absolute;
    z-index:10;
}

/*--------------------------------------
 * 入力支援カレンダー(calendar.js)関連
 *------------------------------------*/
/* カレンダーボタン */
.cal_btn {
    background: url(../img/icon_calendar.gif) no-repeat center;
    border: solid 1px #cccccc;
    margin:0px 1px 2px 0px;
    padding: 0px;
    color: #999999;
    background-color:#ffffff;
    width: 22px;
    height: 20px;
    vertical-align:middle;
}
/* カレンダーウィンドウ */
.lyrCalCalendar {
    visibility:hidden;
    position:absolute;
    z-index:10;
}

/*--------------------------------------
 * 予約タブ
 *------------------------------------*/
#yoyaku_tab {
    width: 100%;
    height: 30px;
    background: #ffffff url(../img/yoyaku_tab_border.gif) repeat-x center bottom;
    margin-bottom: 10px;
}
#yoyaku_tab ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: 30px;
}

#yoyaku_tab li {
    float: left;
    height: 30px;
    background: url(../img/yoyaku_tab_border.gif) repeat-x center bottom;
    margin: 0px;
    line-height: 30px;
    text-align: left;
}

#yoyaku_tab li.inactive {
    float: left;
    width: 80px;
    height: 30px;
    background: url(../img/yoyaku_tab_off.gif) no-repeat top left;
    margin: 0px;
    line-height: 30px;
    text-align: center;
}

#yoyaku_tab li.active {
    float: left;
    width: 80px;
    height: 30px;
    background: url(../img/yoyaku_tab_on.gif) no-repeat top left;
    margin: 0px;
    line-height: 30px;
    text-align: center;
}

#yoyaku_tab li.inactive40 {
    float: left;
    width: 40px;
    height: 30px;
    background: url(../img/yoyaku_tab_off40.gif) no-repeat top left;
    margin: 0px;
    line-height: 30px;
    text-align: center;
}

#yoyaku_tab li.active40 {
    float: left;
    width: 40px;
    height: 30px;
    background: url(../img/yoyaku_tab_on40.gif) no-repeat top left;
    margin: 0px;
    line-height: 30px;
    text-align: center;
}

#yoyaku_tab a {
    display: block;
    width: 100%;
    height: 30px;
}

/*--------------------------------------
 * カレンダー関連
 *------------------------------------*/
/* カレンダー祝日名 */
.cal_hname_txt {
    font-size: 10px;
    color: #ff809f;
    vertical-align:top;
}

/*--------------------------------------
 * 予約ボックスアイコン関係
 *------------------------------------*/
.yicon_herr {
    display: inline-block;
    background: url(../img/icon_err10.png) no-repeat center;
    width: 10px;
    height: 10px;
    margin-right: 1px;
}

/*--------------------------------------
 * other table bug
 *------------------------------------*/
/* 3px IE bug hack hidden from IE5-mac */
* html #header_area { height: 1%; }
* html #main_cont { height: 1%; }
* html #main_cont2 { height: 1%; }
/* End hide from IE5-mac */