@charset "utf-8";
/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
* {
    /*
    font-family: "Hiragino Kaku Gothic Pro" ,HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3" , "メイリオ" , Meiryo, "MS P ゴシック" ,verdana,sans-serif;
    */
    /*font-family: "ＭＳ Ｐゴシック";*/
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', "Osaka", sans-serif;
}

body {
    /*margin: 0;
    padding: 0;
    letter-spacing: 1px;
    background: #fff;*/
}

br {
    letter-spacing: normal;
}

a {
    color: #E79E00;
    text-decoration: none;
}

    a:hover {
        /*color: #E79E00;*/
        text-decoration: underline;
    }

img {
    border: 5px;
    vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

/* ========TEMPLATE LAYOUT======== */
div#header {
    width: 950px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    vertical-align: middle;
}

#header-left {
    float: left;
}

#header-center {
    float: left;
}

div#header-right {
    float: right;
    font-size: small;
    text-align: right;
}

div#menu {
    background-position: 0 100%;
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    background: url("image/bg_menu.gif") repeat-x;
    padding: 0;
}

div#contents {
    clear: both;
    width: 950px;
    margin: 0 auto;
    /* 13px相当 */
    /*font-size: 75%;*/
}

div#main {
}

div#sub {
    float: left;
    width: 220px;
}

div#top {
    clear: both;
    background: #ffffff;
}

div#footMenu {
}

/*div#footer
{
    clear: both;
    background: #EBEADD;
}*/


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
    margin: 0;
    font-size: 150%; /* 24px相当 */
    /*
    ロゴの隣のタイトルに適用されている。文字色が白だと見えないので削除。（2010/6/23田島）
    color: #fff;
    */
    line-height: 50px;
}

    div#header h1 a {
        color: #333;
    }

        div#header h1 a:hover {
            color: #666;
        }

div#header #pr p {
    margin: 0;
    font-size: 75%; /* 12px相当 */
}

/* ========LOGO CUSTOMIZE======== */
div#logo a.hover {
    text-decoration: none;
}

/*---------------------------------------------------

メニュー

-----------------------------------------------------*/
div.MenuControl {
    position: relative;
    width: 950px;
    margin: 0 auto;
    border-width: thin;
    border-color: #C0C0C0;
    border-left-style: solid;
    z-index: 101;
    vertical-align: middle;
    line-height: 30px;
    padding: 0;
    overflow: visible;
    font-size: 88%; /* 14px相当 */
}

.StaticMenuItem {
    width: 130px;
    position: relative;
    float: left;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #333;
    border-width: thin;
    border-color: #C0C0C0;
    border-right-style: solid;
}

.DynamicMenuItem {
    background-position: 0 100%;
    padding: 2px 10px 0px 10px;
    position: relative;
    float: left;
    vertical-align: middle;
    background-color: #333333;
    cursor: pointer;
    color: #333;
    background: url("image/bg_menu.gif") 0 100% repeat-x;
    width: 100%;
}

.StaticHover {
    font-weight: bold;
    color: #1f602e;
}

.DynamicHover {
    font-weight: bold;
    color: #1f602e;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main h2 {
    /*margin-bottom: 8px;
    padding: 2px 2px 2px 0;
    color: #5A5132;
    font-weight: bold;
    border-bottom: 3px double #5A5132;*/
    /* 15px相当 */
    /*font-size: 100%;*/
}

div#main h3 {
    /*margin-bottom: 3px;*/
    /* 14px相当 */
    /*font-size: 88%;*/
}

div#main h4 {
    /*margin-bottom: 2px;*/
    /* 13px相当 */
    /*font-size: 82%;*/
}

div#main h5 {
    /*margin-bottom: 2px;*/
    /* 13px相当 */
    /*font-size: 82%;*/
}

div#main h6 {
    /*margin-bottom: 2px;*/
    /* 13px相当 */
    /*font-size: 82%;*/
}

div#main p {
    /*margin: 0 0 1em 0;*/
    /* 13px相当 */
    /*font-size: 82%;*/
}

div#main ul, ol, dl {
    /* 13px相当 */
    /*font-size: 82%;*/
}

div#main dt {
    /*margin-bottom: 3px;*/
}

div#main dd {
    /*padding: 0;
    margin: 0 0 0.5em 1em;
    padding: 3px;
    background: #f1f1f1;*/
}

/* INFORMATION CUSTOMIZE */
* html body div#main dl.information dd div {
    /*display: inline-block;*/
}

div#main dl.information dt {
    /*float: left;
    width: 10em;
    margin: 0;
    padding: 0;*/
}

div#main dl.information dd {
    /*margin: 0 0 0.5em 10em;
    padding: 0;
    background: transparent;*/
}

/* ========SUBCONTENTS CUSTOMIZE======== */
div#sub .section {
    margin-bottom: 10px;
}

div#sub h2 {
    padding: 3px;
    font-size: 88%; /* 14px相当 */
    font-weight: bold;
    color: #5A5132;
    padding-left: 10px;
    background: #fff url("image/bg_submenu.gif") 0 50% no-repeat;
    border-bottom: 1px solid #E7E7E7;
}

div#sub ul {
    margin: 0;
    padding: 0;
}

div#sub li {
    font-size: 82%; /* 13px相当 */
    line-height: 1.4;
    border-bottom: 1px solid #ddd;
    list-style: none;
}

    div#sub li a {
        display: block;
        padding-left: 20px;
        color: #333;
        line-height: 3.0;
        background: url("image/bg_sub_list.gif") 5px 15px no-repeat;
    }


/* ========TOTOP CUSTOMIZE========= */
div#totop {
    margin: 10px 0;
    text-align: right;
    font-size: 75%; /* 12px相当 */
}

    div#totop a {
        padding: 0 0 0 12px;
        background: url("image/bg_totop.gif") 0 50% no-repeat;
        color: #333;
    }


/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    text-align: right;
    vertical-align: bottom bottom;
}

div#footMenu li {
    display: inline;
    margin: 0 0 0 10px;
    font-size: small;
    list-style: none;
}

    div#footMenu li a {
        padding-left: 10px;
        color: #333;
        background: url(image/bg_footmenu.gif) 0 50% no-repeat;
    }


/* ========FOOTER CUSTOMIZE======== */
address {
    padding: 10px 0;
    font-style: normal;
    font-size: 75%; /* 12px相当 */
    text-align: center;
}


/*---------------------------------------------------
テーブル
-----------------------------------------------------*/
/* コンテンツ用 */
table.CONTENTS {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    /* コンテンツ用 */
    table.CONTENTS tr {
        /*
    LWDateInputのカレンダーのレイアウトが崩れる原因。
    代わりにtdのclassにheightを記述した。（2010/6/22 田島）
    height: 40px;
    */
    }

    /* ラベル配置セル用 */
    table.CONTENTS td.LBL {
        border-width: thin;
        border-color: #b6b6b6;
        background-image: url(Image/Bg-Label.png);
        background-repeat: repeat;
        border-bottom-style: dashed;
        border-top-style: dashed;
        height: 20px;
        padding: 5px;
    }

    /* 入力コントロール配置セル用 */
    table.CONTENTS td.INPUTFIELD {
        border-width: thin;
        border-color: #b6b6b6;
        border-bottom-style: dashed;
        border-top-style: dashed;
        height: 20px;
        padding: 5px;
        background-color: #ffffff;
    }

    /* 表示ラベル配置セル用 */
    table.CONTENTS td.OUTPUTLBL {
        border-width: thin;
        border-color: #b6b6b6;
        background-image: url(Image/Bg-Label.png);
        background-repeat: repeat;
        border-bottom-style: solid;
        border-top-style: solid;
        height: 20px;
    }

    /* 表示コントロール配置セル用 */
    table.CONTENTS td.OUTPUTFIELD {
        border-width: thin;
        border-color: #000000;
        border-bottom-style: solid;
        border-top-style: solid;
        height: 20px;
    }

/*---------------------------------------------------
テーブル(ボタン配置用)
-----------------------------------------------------*/
/* ボタン配置用 */
table.BUTTONS {
    text-align: left;
    vertical-align: middle;
    border-collapse: collapse;
}

    /* コマンドボタン配置セル用 */
    table.BUTTONS td.BUTTON {
        text-align: center;
        padding-left: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 10px;
    }

/* 検索用 */
table.SEARCH {
    border-style: none;
    text-align: left;
    border-spacing: 0px 7px;
    vertical-align: middle;
}

    /* 検索条件ラベル配置セル用 */
    table.SEARCH td.SEARCH-LBL {
        color: #000000;
        /*
    height: 25px;
    */
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 1px;
        /*
    font-size: medium;
    */
        font-weight: normal;
    }

    /* 検索条件入力コントロール配置セル用 */
    table.SEARCH td.SEARCH-INPUTFIELD {
        color: #000000;
        width: auto;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
    }

    /* 検索条件入力コントロールボタンセル用 */
    table.SEARCH td.SEARCH-BUTTON {
        color: #000000;
        width: auto;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
    }

/* 休食日の凡例 */
table.HOLIDAY-EXPLANATORY {
}

    /* 休食日の凡例 - ランチのある日 */
    table.HOLIDAY-EXPLANATORY td.LUNCHDAYS {
        background-color: #77ffff;
        width: 10px;
    }

/* 休食日の凡例 - 予約のある日 */
td.RESERVEDAYS {
    background-color: #77ff77;
    width: 10px;
}

/* 休食日の凡例 - 学校休食日 */
td.GAKKODAYS {
    background-color: #7777ff;
    width: 10px;
}

/* 休食日の凡例 - 学年休食日 */
td.GAKUNENDAYS {
    background-color: #ff77ff;
    width: 10px;
}

/* 休食日の凡例 - クラス休食日 */
td.CLASSDAYS {
    background-color: #ff7777;
    width: 10px;
}

/* ランチカレンダー */
table.LUNCH-CALENDAR {
}

    /* ランチカレンダー 予約中の日 */
    table.LUNCH-CALENDAR td.RESERVE-DAY {
        background-color: #77ff77;
        width: 10px;
    }

    /* ランチカレンダー 献立のある未来日 */
    table.LUNCH-CALENDAR td.FUTURE-DAY {
        background-color: #FFFF99;
        width: 10px;
    }

    /* ランチカレンダー 献立のある過去日 */
    table.LUNCH-CALENDAR td.PAST-DAY {
        background-color: #C0C0C0;
        width: 10px;
    }

/*---------------------------------------------------
コントロール
-----------------------------------------------------*/
.LWNumericInput {
    text-align: right;
    ime-mode: disabled;
}

/* グリッド用数値入力 */
.LWGridNumericInput {
    text-align: right;
    padding-right: 3px;
    ime-mode: disabled;
}

/* ユーザCD入力 */
.UserCdInput {
    text-align: left;
    ime-mode: disabled;
}

.LWDateInput {
    width: 120px;
    text-align: center;
    ime-mode: disabled;
}

.LWTimeInput {
    text-align: center;
    ime-mode: disabled;
}

.LWTextInput {
    ime-mode: active;
}

.LWKanaInput {
    ime-mode: active;
}

.LWMailAddressInput {
    ime-mode: disabled;
}

.LWPasswordInput {
    ime-mode: disabled;
}

.LWComoboBox {
}

.LWButton {
    /*background-color:White;
    background-image: url(Image/Button.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 120px;
    height: 30px;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;*/
    margin: 0px;
    padding: 10px 20px 10px 20px;
    color: #ffffff;
    background: #0066cc;
    border: 1px solid #1c65ad;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

    .LWButton[disabled] {
        border-color: #269CE9;
        background: #269CE9;
        color: #93D5FF;
        cursor: auto;
    }

.LWImageButton {
}

.LWTitleLabel {
}

.LWLabel {
}

.LWHeaderLable {
    -- text-align:right;
    -- width:100%;
    float: right;
}

.LWMessage {
}

.LWCustomValidator {
    color: #FF5050;
}

.MasterPageButton {
    background-color: White;
    background-image: url(Image/MasterPageButton.png);
    border: none;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    height: 25px;
    width: 120px;
}

.CopyButton {
    background-color: White;
    background-image: url(Image/Button.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 120px;
    height: 30px;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

/* 空番取得ボタン */
.FreeIdButton {
    background-color: White;
    background-image: url(Image/Button.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 120px;
    height: 30px;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}


/* 予約ボタン */
.ReserveButton {
    background-color: White;
    background-image: url(Image/Button-Reserve.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 100px;
    height: 40px;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

/* キャンセルボタン */
.CancelButton {
    background-color: White;
    background-image: url(Image/Button-Cancel.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 100px;
    height: 40px;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

/* 全選択ボタン */
.AllSelectButton {
    background-color: White;
    background-image: url(Image/Button.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 120px;
    height: 30px;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

/* 全解除ボタン */
.AllReleaseButton {
    background-color: White;
    background-image: url(Image/Button.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 120px;
    height: 30px;
    cursor: pointer;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.LWAlphaNumericInput {
    ime-mode: disabled;
}

.NotNull {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

/*---------------------------------------------------
DIV
-----------------------------------------------------*/
/* グリッド用 */
div.GRIDAREA {
    /*padding: 10px;
    border: 1px solid #C0C0C0;
    width: 860px;*/
    word-break: break-all;
    margin: 0px;
    padding: 10px 25px 10px 25px;
    width: 900px;
    background: #ffffff;
    border: 1px solid #d4cdc3;
    font-size: 80%;
    /*border-right:1px solid #d4cdc3;
    border-bottom:1px solid #d4cdc3;
    border-left:1px solid #d4cdc3;*/
    /*border-bottom-left-radius:4px; 
    border-bottom-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;*/
}
/* グリッドの外枠のdiv用 */
div.GRIDBORDER {
    /*border-style:solid;
    border-width:1px;
    border-color:#cccccc;*/
    margin: 0px;
    padding: 10px 25px 10px 25px;
    width: 900px;
    background: #ffffff;
    border: 1px solid #d4cdc3;
    /*border-radius:4px; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;*/
}
/* 入力フォーム用 */
div.INPUTAREA {
    margin: 0px;
    padding: 10px 25px 10px 25px;
    width: 900px;
    background: #ffffff;
    border: 1px solid #d4cdc3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    zoom: 100%;
}
/* ボタン用 */
div.BUTTONAREA {
}
/* メッセージ用 */
div.MESSAGEAREA {
}

/* 検索条件用 */
div.SEARCHAREA {
    /*
    padding: 10px;
    */
    /*border: 1px solid #C0C0C0;
    width: 880px;
    background-image: url(Image/Bg-Search.png);*/
    margin: 0px;
    padding: 10px 25px 10px 25px;
    width: 900px;
    background: #f5f5f5;
    border: 1px solid #d4cdc3;
    /*border-top-left-radius:4px; 
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;*/
}

/* 表示フォーム用 */
div.OUTPUTAREA {
    width: 650px;
}


/* ログイン用 */
div.LOGINAREA {
    padding: 10px;
    border: 1px solid #C0C0C0;
    background-image: url(Image/Bg-Login.png);
    width: 400px;
}

/* パスワード問い合わせ用 */
div.PASSWAORDAREA {
    padding: 10px;
    border: 1px solid #C0C0C0;
    background-image: url(Image/Bg-Password.png);
    width: 650px;
}

.PASSWAORDAREA p {
    padding-bottom: 10px;
    font-size: 80%
}

/* パスワード変更用 */
div.PASSWAORDCHANGEAREA {
    padding: 10px;
    border: 1px solid #C0C0C0;
    background-image: url(Image/Bg-Password.png);
    width: 400px;
}

/* 上余白 */
div.Margin-Top {
    margin-top: 10px;
}

/* ランチカレンダー － コンテンツ部 */
div.S01P01-Content {
    width: 880px;
    /*
    overflow: auto;
    */
}

/* ランチカレンダー － コンテンツ左部 */
div.S01P01-Content-Left {
    float: left;
    width: 230px;
}

/* ランチカレンダー － コンテンツ右部 */
div.S01P01-Content-Right {
    margin-left: 240px;
    width: 620px;
}

/* ランチカレンダー － コンテンツ右部 － 上部 */
div.S01P01-Content-Right-Top {
}

/* ランチカレンダー － コンテンツ右部 － 上部 － 1列目 */
div.S01P01-Content-Right-Top-A {
    float: left;
}

/* ランチカレンダー － コンテンツ右部 － 上部 － 2列目 */
div.S01P01-Content-Right-Top-B {
    float: left;
    margin-left: 10px;
}

/* ランチカレンダー － コンテンツ右部 － 上部 － 3列目 */
div.S01P01-Content-Right-Top-C {
    float: left;
    margin-left: 5px;
}

/* ランチカレンダー － コンテンツ右部 － 下部 */
div.S01P01-Content-Right-Bottom {
    clear: both;
}

/* ランチカレンダー － コンテンツ右部 － 下部 － 1列目 */
div.S01P01-Content-Right-Bottom-A {
    float: left;
    margin-top: 10px;
}

/* ランチカレンダー － コンテンツ右部 － 下部 － 2列目 */
div.S01P01-Content-Right-Bottom-B {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

/* ランチカレンダー － コンテンツ右部 － 下部 － 3列目 */
div.S01P01-Content-Right-Bottom-C {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

/* ランチカレンダー － メニュー部 */
div.S01P01-Menu {
    width: 230px;
}

/* ランチカレンダー － 栄養素部 */
div.S01P01-Eiyouso {
    width: 220px;
}

/* ランチカレンダー － アレルギー部 */
div.S01P01-Allergie {
    width: 180px;
}

/* ランチカレンダー － コメント部 */
div.S01P01-Comment {
    width: 160px;
}

/* ランチカレンダー － フッター部 */
div.S01P01-Footer {
    width: 880px;
    clear: both;
}

/* ランチカレンダー － お知らせ部 */
div.S01P01-Oshirase {
    clear: both;
}

/* サブウィンドウ */
div.SubWindow {
    padding: 10px;
    background-color: #EEEEEE;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    width: 580px;
}

/* 外枠 */
div.S01-Outer {
    margin: 0px 1px;
    border-top: 1px solid #B1C6D9;
    border-bottom: 1px solid #B1C6D9;
    background-image: url(Image/Bg-Outer-Child.png);
}

/* 内枠 */
div.S01-Inner {
    margin: 0px -1px;
    border-left: 1px solid #B1C6D9;
    border-right: 1px solid #B1C6D9;
    height: 160px;
    overflow: auto;
    background-image: url(Image/Bg-Outer-Child.png);
}
/* 内枠(栄養素・アレルギー・コメント) */
div.S01-Bottom-Inner {
    margin: 0px -1px;
    border-left: 1px solid #B1C6D9;
    border-right: 1px solid #B1C6D9;
    height: 90px;
    overflow: auto;
    background-image: url(Image/Bg-Outer-Child.png);
}

/*

アコーディオン

*/





/* アコーディオン － ヘッダー部 */
.LunchAccordionHeader {
    border: thin solid #C0C0C0;
    padding: 5px 10px;
    cursor: pointer;
    background-image: url(Image/Bg-Accordion-Panel.png);
    word-break: break-all;
    position: relative;
    z-index: 0;
}

/* アコーディオン － 選択ヘッダー部 */
.LunchAccordionSelectedHeader {
    border: thin solid #C0C0C0;
    padding: 5px 10px;
    cursor: pointer;
    background-image: url(Image/Bg-Accordion-Panel-Selected.png);
    word-break: break-all;
    position: relative;
    z-index: 0;
}

/* アコーディオン － コンテンツ部 */
.LunchAccordionContent {
    border: thin solid #C0C0C0;
    padding: 10px;
    background-color: #F5F6F8;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

/*

アレルギー

*/

/* アレルギー有り－タイトル部 */
.Allergie-Title-Ari {
    color: #FF0000;
}

/* アレルギー有り－タイトル部 */
.Allergie-Title-Nashi {
}
/* アレルギー有り */
.Allergie-Ari {
    color: #FF0000;
}

/* アレルギー有り */
.Allergie-Nashi {
}

/* アレルギー有り(サブウィンドウ用) */
.Allergie-Ari-Sub {
    color: #FF0000;
}

/* アレルギー有り(サブウィンドウ用) */
.Allergie-Nashi-Sub {
}

/*

お知らせ

*/
table.Oshirase {
    padding: 0;
}

    /* お知らせ－公開開始日 */
    table.Oshirase td.KokaiKaishi {
        width: 140px;
    }

    /* お知らせ－概要 */
    table.Oshirase td.Gaiyo {
        word-break: break-all;
    }

/*

栄養素

*/
table.Eiyouso {
}

    /* 栄養素－栄養素名 */
    table.Eiyouso td.EiyousoName {
    }

    /* 栄養素－栄養素の値 */
    table.Eiyouso td.EiyousoValue {
        text-align: right;
    }

    /* 栄養素－単位 */
    table.Eiyouso td.EiyousoUnit {
    }

/*

メニュー

*/
table.Menu {
}

    /* メニュー－メニュー名 */
    table.Menu td.MenuName {
    }

/*

栄養士より

*/
div.Comment {
}

/* 枠 */
.outer {
    margin: 0px 1px;
    border-top: 1px solid #B1C6D9;
    border-bottom: 1px solid #B1C6D9;
}

.inner {
    margin: 0px -1px;
    border-left: 1px solid #B1C6D9;
    border-right: 1px solid #B1C6D9;
    padding: 5px;
}

/* グリッド */
.datagrid {
    color: #fff;
}

    .datagrid table {
        clear: both;
        border: solid 3px #fff;
        background-color: #fff;
        width: 100%;
        text-align: left;
    }

        .datagrid table th {
            font-weight: normal;
            background-color: #aecfff;
            padding: 4px;
        }

            .datagrid table th a {
                /* fill the container so clicking anywhere will issue the sort command */
                display: block;
                height: 100%;
                background: url(Image/RoundedCorner/sort.gif) right center no-repeat; /* buffer so we don't crush the image */
                padding-right: 20px; /* white */
                color: #fff; /* get rid of the underline */
                text-decoration: none;
            }

            .datagrid table th.sortasc a {
                background: url(Image/RoundedCorner/asc.gif) right center no-repeat;
            }

            .datagrid table th.sortdesc a {
                background: url(Image/RoundedCorner/desc.gif) right center no-repeat;
            }

        .datagrid table td {
            padding: 4px;
            color: #333;
            border-bottom: solid 1px #d8dde0;
        }

            .datagrid table td.left {
                padding: 4px;
                color: #333;
                border-bottom: solid 1px #d8dde0;
            }

            .datagrid table td.right {
                padding: 4px;
                color: #333;
                border-bottom: solid 1px #d8dde0;
                border-right: solid 1px #d8dde0;
            }

/*.header
{
}*/

.title {
    float: left;
    height: 15px;
    line-height: 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

.numeric {
    text-align: right;
}

/* Data Pager Styles */
.pager {
    float: right;
    padding-bottom: 8px;
}

    .pager span.command, .pager span.current, .pager a.command {
        color: #fff;
        font-family: Georgia,serif;
        padding: 3px;
        text-decoration: none;
    }

    .pager span.current {
        font-weight: bold;
        text-decoration: underline;
    }

div.rounded {
    margin: 8px;
    clear: both;
    max-width: 2400px;
}

    div.rounded div.top {
        background: url(Image/RoundedCorner/tl.gif) no-repeat left bottom;
        padding: 0px;
        width: 100%;
    }

        div.rounded div.top div.right {
            background: url(Image/RoundedCorner/tr.gif) no-repeat right bottom;
            height: 14px;
            margin-left: 14px;
        }

    div.rounded div.middle {
        background: url(Image/RoundedCorner/l.gif) repeat-y left;
        clear: both;
        width: 100%;
    }

        div.rounded div.middle div.right {
            background: url(Image/RoundedCorner/r.gif) repeat-y right;
            margin-left: 14px;
        }

            div.rounded div.middle div.right div.content {
                background: url(Image/RoundedCorner/bg.gif) repeat top left;
                margin-right: 14px;
            }

    div.rounded div.bottom {
        background: url(Image/RoundedCorner/bl.gif) no-repeat left top;
        clear: both;
        padding: 0px;
        width: 100%;
    }

        div.rounded div.bottom div.right {
            background: url(Image/RoundedCorner/br.gif) no-repeat right top;
            height: 14px;
            margin-left: 14px;
        }

/*---------------------------------------------------
帳票
-----------------------------------------------------*/

div.ReportArea {
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    background-color: #EEEEEE;
}

td.ReportNavi {
    width: 10px;
}

td.ReportPage {
    width: 120px;
    text-align: center;
}


td.ReportPdf {
    text-align: right;
}


.C1WebReport {
    padding: 50px 50px 50px 50px;
    background-color: #ffffff;
    z-index: 99;
    position: absolute;
    top: 10px;
    left: 10px;
    word-break: break-all;
}

.ReportViewer {
    z-index: 100;
    position: relative;
}

/*---------------------------------------------------
モーダルウィンドウ（選択画面）
-----------------------------------------------------*/

div.ModalSelectWindow {
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    width: 750px;
    height: 550px;
    background-color: #EEEEEE;
    font-size: 75%; /* 13px相当 */
    padding: 10px;
}

/* 検索条件用(モーダル) */
div.MODALSEARCHAREA {
    padding: 10px;
    border: 1px solid #C0C0C0;
    width: 700px;
    background-image: url(Image/Bg-Search.png);
}

/* グリッド用(モーダル) */
div.MODALGRIDAREA {
    padding: 10px;
    border: 1px solid #C0C0C0;
    width: 700px;
}

/* DIV要素による余白 */
div.MARGIN {
    height: 10px;
}

/* LWUserInfo用 */
div.USERINFO {
    /*border: 1px solid #C0C0C0;*/
    width: 900px;
}

div.GRIDAREA div.USERINFO {
    /*親要素が80%なので120%指定して100%として表示する*/
    font-size: 120%;
}

/* ランチカレンダー上の日付 */
div.S01P01-Content div.S01P01-Content-Left div.S01P01-Title {
    margin-bottom: 8px;
    padding: 2px 2px 2px 0;
    color: #5A5132;
    font-size: 119%; /* 19px相当 */
    font-weight: bold;
    border-bottom: 3px double #5A5132;
}

/*---------------------------------------------------
お問い合わせ用
-----------------------------------------------------*/
table.CONTENTS02 {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    table.CONTENTS02 tr {
    }

    table.CONTENTS02 td.HEADER {
        font-size: 120%;
        font-weight: bold;
        background-color: #F5F5DC;
        color: #696969;
        height: 20px;
        padding: 5px;
    }

    table.CONTENTS02 td.DETAIL {
        color: #696969;
        font-size: 100%;
        padding-Top: 10px;
        padding-left: 30px;
        padding-bottom: 30px;
        line-height: 20px;
    }

    table.CONTENTS02 h1 {
        margin: 0;
        font-size: 180%;
        color: #556B2F;
        line-height: 50px;
    }
/*
table.CONTENTS02 h2
{
    margin: 0;
    font-size: 180%;
    color: #556B2F;
    line-height: 30px;
}
*/

/*---------------------------------------------------
お問い合わせ用 連絡先
-----------------------------------------------------*/
table.ADDRESS {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    table.ADDRESS tr {
    }

    table.ADDRESS td {
    }

    table.ADDRESS h1 {
        padding: 2px 2px 2px 0;
        color: #5A5132;
        font-weight: bold;
        font-size: 120%;
        width: 100%;
    }

    table.ADDRESS hr.LINE {
        color: #BDB76B;
        border: solid;
        height: 1;
        /*filter:alpha(opacity=100,finishopacity=0,style=1);*/
    }

table.ADDRESS_DETAIL {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    empty-cells: show;
}

    table.ADDRESS_DETAIL tr {
    }

    table.ADDRESS_DETAIL td {
        font-size: 120%;
        color: #696969;
        height: 20px;
        padding: 5px;
    }

/* 20141007 パッケージ強化 */
/* リピータ */
.grid table {
    border-collapse: collapse;
}

.grid tr th {
    padding: 5px 7px 5px 7px;
    border: solid 1px #d2d2d2;
    background-color: #0088D0;
    color: white;
    font-size: 100%;
}

.grid tr td {
    padding: 5px 7px 5px 7px;
    border: solid 1px #d2d2d2;
    font-size: 100%;
}

    .grid tr td.NoDisp {
        display: none;
    }

.grid tr th.NoDisp {
    display: none;
}

/* 20141007 パッケージ強化 */
/* 前へ次等のコントロール */
.pagecontrolArea {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

/* 20141008 パッケージ強化 */
/* トップメニューのお知らせ */
.oshirase table {
}

.oshirase tr td {
    padding: 5px 7px 5px 7px;
    border-style: none none dashed none;
    border-color: #d2d2d2;
    border-width: 1px;
    font-size: 100%;
}

    .oshirase tr td.date {
        padding: 5px 7px 5px 7px;
        border-style: none none dashed none;
        border-color: #d2d2d2;
        border-width: 1px;
        font-size: 100%;
    }

    .oshirase tr td.gaiyo {
        padding: 5px 7px 5px 7px;
        border-style: none none dashed none;
        border-color: #d2d2d2;
        border-width: 1px;
        font-size: 100%;
        width: 600px;
    }

/* 20141007 パッケージ強化 */
/* ランチ予約アレルギー */
table.allergiegrid {
    border-collapse: collapse;
}

.allergiegrid tr td {
    padding: 5px 7px 5px 7px;
    border: solid 1px #d2d2d2;
}

/* 20141007 パッケージ強化 */
/* 献立のある日 */
td.LunchDays {
    background: #77ffff;
}

/* 予約のある日 */
td.ReserveDays {
    background: #77ff77;
}

/* 使用不可の日 */
td.DisabledDays {
    color: #999999;
}

/* 学校休食日 */
td.GakkoDays {
    background: #7777ff;
}

/* 学年休食日 */
td.GakunenDays {
    background: #ff77ff;
}

/* クラス休食日 */
td.ClassDays {
    background: #ff7777;
}

/* 20141016 パッケージ強化 */
/* リピータ(一括登録) */
/*.ikkatsuGrid table{
    border-collapse:collapse;
    width:500px;
}

.ikkatsuGrid tr td{
    padding:5px 7px 5px 7px;
    border-top:solid 1px #969696;
    border-bottom:solid 1px #969696;
    font-size: 100%;
}

.ikkatsuGrid tr.guusuu{
    padding:5px 7px 5px 7px;
    border-top:solid 1px #969696;
    border-bottom:solid 1px #969696;
    background-color:lightcyan;
    font-size: 100%;
}

.ikkatsuGrid tr td.NoDisp{
    display:none;
}

.ikkatsuGrid tr th.NoDisp{
    display:none;
}*/

/*.kokuban
{
    background-image: url("image/kokuban.jpg");
    background-repeat:no-repeat;
    height:730px;
}*/

/* A 2014/12/16 (株)フューチャーイン 田島 大輝 START */
/*******************************************************************************
 メインコンテンツ 共通設定
*******************************************************************************
.clear{
    clear:both;
}*/
/*==============================================================================
    画像関連
==============================================================================
.imageright{
    margin:5px 0px 0px 10px;
    width:auto;
    float:right;
}
.imageleft{
    margin:5px 15px 0px 0px;
    width:auto;
    float:left;
}
.imagecenter{
    margin:5px 15px 5px 10px;
    left:auto;
    right:auto;
    clear:both;
    text-align:center;
}*/
/*==============================================================================
    テキスト
==============================================================================*/
.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

/*******************************************************************************
 メインコンテンツ 詳細設定
********************************************************************************/
/*==============================================================================
    見出し・段落（h1からh6まで）
==============================================================================
/*******************************************************************************
 メインコンテンツ 詳細設定
********************************************************************************/
/*==============================================================================
    見出し・段落（h1からh6まで）
==============================================================================*/
.content h1 {
    margin-bottom: 15px;
    padding: 2px 100px 6px 25px;
    font-size: 170%;
    font-weight: bold;
    color: #ffffff;
    background: url(image/icon/chalk.png) no-repeat center bottom #1f602e;
    text-align: left;
    line-height: 1.5;
}
/*
#pagebody h1{
    margin-bottom:15px;
    padding:8px 8px 6px 15px;
    font-size:120%;
    font-weight:bold;	
    border-top:2px solid #e6e6e6;
    border-bottom:2px solid #e6e6e6;
    border-left:20px solid #e6e6e6;
    line-height:1.5;
}
#content h2{
    margin-bottom:10px;
    padding:4px 5px 2px 10px;
    font-size:110%;
    font-weight:bold;	
    border-bottom:1px solid #9bc5e7;
    border-left:10px solid #9bc5e7;
    line-height:1.4;
}
#content h3{
    margin-bottom:10px;
    margin-left:15px;
    padding:2px 5px 2px 10px;
    font-size:100%;
    font-weight:bold;
    border-left:7px solid #548ac6;
    line-height:1.3;
}*/
/*#content h3 a{
    color:#333333;
    text-decoration:none;
}
#content h4{
    margin-bottom:10px;
    margin-left:5px;
    padding:3px 5px 3px 10px;
    clear:both;
    font-size:100%;
    font-weight:bold;
    border-bottom:1px solid #D2D2D2;
    line-height:1.3;
}
#content h5{
    margin-bottom:10px;
    margin-left:5px;
    padding:2px 5px 2px 10px;
    clear:both;
    font-size:100%;
    font-weight:bold;
    line-height:1.3;
}
#content h6{
    margin-bottom:10px;
    margin-left:5px;
    padding:2px 5px 2px 10px;
    clear:both;
    font-size:100%;
    font-weight:bold;
    line-height:1.3;
}*/
/*#content p{
    margin-bottom:15px;
    margin-left:15px;
}
#content p.bold{
    font-weight:bold;
}
#content p.row{
    margin-bottom:0px;
    margin-left:15px;
}
#content p.indent{
    text-indent:1em;
}
#content p.hindent{
    margin-bottom:25px;
    margin-left:3.5em;
    text-indent:-1em;
}
#content p.hindentrow{
    margin-bottom:0px;
    margin-left:3.5em;
    text-indent:-1em;
}
#content p.nindent{
    margin-bottom:25px;
    margin-left:2.5em;
}
#content p.nindentheight{
    margin-bottom:0px;
    margin-left:2.5em;
}
#content p.rowheight{
    margin-bottom:30px;
    margin-left:15px;
}
#content p.hindentrow span{
    font-size:85%;
}*/

/*==============================================================================
    リスト
==============================================================================
#content ol{
    margin:5px 0px 30px 50px;
}
#content ul{
    margin:5px 0px 30px 40px;
    list-style-position:outside;
}
#content ul li,#content ol li{
    margin-bottom:10px;
    line-height:1.5;
}
#content ul.row,#content ol.row{
    margin-bottom:0px;
    line-height:1.5;
}
#content li p{
    margin:5px 0px 5px 0px;
}
#content li p.hindent{
    margin-bottom:25px;
    margin-left:1em;
    text-indent:-1em;
}*/

/* ボタン 
li.btna a:link, p.btna a:visited{
padding: 9px 5px 9px 50px;
background: url("image/btn/arrow.gif") no-repeat 10px center #daf7e9;
border: 1px solid #c8eedb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 1px 0px #184923;
text-decoration: none;
}*/
/*li.btna a {
margin: 0px 5px 0px 0px;
width: 413px;
float: left;
color: #1d1e1b;
border: 1px solid #c8eedb;
}*/

/*==============================================================================
    ボタン
==============================================================================*/
p.search {
    font-size: 100%;
}

p.calendar {
    font-size: 80%;
    letter-spacing: 0em;
    text-align: center;
}

    p.search a:link, p.search a:visited, p.calendar a:link, p.calendar a:visited {
        margin-left: 10px;
        padding: 4px 15px 4px 40px;
        color: #ffffff;
        border: 1px solid #1c65ad;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-decoration: none;
    }

    p.search a:hover, p.search a:active, p.calendar a:hover, p.calendar a:active {
        margin-left: 10px;
        padding: 4px 15px 4px 40px;
        color: #ffffff;
        border: 1px solid #1c65ad;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-decoration: none;
    }

p.search a:link, p.search a:visited {
    background: url(image/icon/search.png) no-repeat 5px center #0066cc;
}

p.search a:hover, p.search a:active {
    background: url(image/icon/search.png) no-repeat 5px center #1c65ad;
}

p.calendar a:link, p.calendar a:visited {
    background: url(image/icon/calendar.png) no-repeat 5px center #0066cc;
}

p.calendar a:hover, p.calendar a:active {
    background: url(image/icon/calendar.png) no-repeat 5px center #1c65ad;
}

a.zip_btn {
    display: inline-block;
    background: #0066cc;
    color: #ffffff;
    line-height: 2em;
    border-radius: 5px;
    padding: 0 10px;
    margin-left: 10px;
}



/*　IE用定義リスト　*/
#main #content .topinfo dl {
    margin: 0px;
    padding: 0px;
    font-size: 95%;
    border-top: solid 3px #d8cfb0;
    text-align: left;
    overflow: auto;
    zoom: normal;
}

    #main #content .topinfo dl dt {
        margin: 0px;
        padding: 7px 0px 7px 1em;
        width: 7em;
        float: left;
        clear: both;
    }

    #main #content .topinfo dl dd {
        margin: 0px;
        padding: 7px 0px 7px 9em;
        border-bottom: dotted 1px #b6b6b6;
        background: #ffffff;
    }

        #main #content .topinfo dl dd.NoDisp {
            display: none;
        }

/*==============================================================================
    テーブル
==============================================================================*/
.mreserve table {
    margin: 15px 0px 15px 0px;
    width: 100%;
    clear: both;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-collapse: collapse; /*隣接するセルのボーダーを重ねて表示*/
}

.mreserve th {
    padding: 10px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
}

.mreserve td {
    padding: 10px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    line-height: 1.3;
    vertical-align: middle;
}

    /*---------- A 2016/02/01 (株)フューチャーイン 村上 正和 START ----------*/
    /* 堺市版 */
    .mreserve td.ricelist {
        border: none;
    }
/*---------- A 2016/02/01 (株)フューチャーイン 村上 正和 END ----------*/

.lunchbox table {
    margin: 0px 0px 3px 0px;
    width: 100%;
    clear: both;
    border: 1px solid #d2d2d2;
    border-collapse: collapse; /*隣接するセルのボーダーを重ねて表示*/
    /*table-layout:fixed;*/
}

.lunchbox th {
    padding: 3px 6px 2px 6px;
    border: 1px solid #d2d2d2;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
}

.lunchbox td {
    padding: 3px 6px 3px 6px;
    border: 1px solid #d2d2d2;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
}

/*==============================================================================
    リンク付リスト
==============================================================================
*/ /*　objectlink（リストページ、本文中のリンクのあるリスト、関連情報)　*/ /*
#content ul.objectlink{
    margin-left:20px;
    margin-right:5px;
    clear:both;
    list-style-type:none;
    list-style-position:outside;
}
#content .objectlink li{
    margin-bottom:5px;
    padding:5px 0px 5px 25px;
    border-bottom:1px solid #E7E7E7;
    line-height:1.5;
    background:url(../images/mark_linklist.gif) no-repeat 0px 8px;
}
#content .objectlink li img{
    margin-right:5px;
}*/
/*==============================================================================
    囲み
==============================================================================*/
.mainbox {
    margin: 0px;
    padding: 10px 25px 10px 25px;
    width: 900px;
    color: #372f2c;
    background: #ffffff;
    border: 1px solid #d4cdc3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    zoom: 100%;
}

/*==============================================================================
    黒板
==============================================================================*/
#contentbb {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
    width: 950px;
    position: relative;
    background: url(image/blackboard/bg.png) no-repeat center bottom;
    text-align: center;
}

.contentbb {
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    width: 886px;
    background: #1f602e;
}

.contentbb {
    line-height: 1.8;
}

    .contentbb .bbleft {
        margin: 0px;
        padding-right: 20px;
        width: 630px;
        float: left;
    }

    .contentbb .bbright {
        margin: 0px;
        padding: 0px;
        width: 236px;
        float: left;
    }

        .contentbb .bbright .kondatelist {
            /*
        D 2017/03/08 (株)フューチャーイン 田島 大輝
        text-align:left;
    */
        }

    .contentbb .character {
        position: absolute;
        top: -10px;
        right: 17px;
    }

    .contentbb h2 {
        margin: 0px;
        padding-bottom: 20px;
        border: none;
    }

    .contentbb ul {
        margin: 0px;
        padding: 0px 0px 1px 0px;
        width: 630px;
        text-align: left;
        overflow: hidden;
    }

    .contentbb li {
        display: inline;
        list-style-type: none;
    }

        .contentbb li a:link, .contentbb li a:visited {
            padding: 10px 5px 10px 50px;
            color: #0066cc;
            border-right: solid 1px #184923;
            border-bottom: solid 1px #184923;
            text-decoration: none;
        }

        .contentbb li a:hover, .contentbb li a:active {
            padding: 10px 5px 10px 50px;
            color: #8100BD;
            text-decoration: none;
        }

        .contentbb li.resrve a:link, .contentbb.resrve li a:visited {
            color: #d83e3a;
            background: url(image/icon/reserve.png) no-repeat 5px center #ffffff;
        }

        .contentbb li.resrve a:hover, .contentbb li.resrve a:active {
            color: #ffffff;
            background: url(image/icon/reserve_ov.png) no-repeat 5px center #d83e3a;
        }

        .contentbb li.cancel a:link, .contentbb.cancel li a:visited {
            color: #5779a8;
            background: url(image/icon/cancel.png) no-repeat 5px center #ffffff;
        }

        .contentbb li.cancel a:hover, .contentbb li.cancel a:active {
            color: #ffffff;
            background: url(image/icon/cancel_ov.png) no-repeat 5px center #5779a8;
        }

        .contentbb li.resrve a {
            margin: 0px 20px 0px 0px;
            width: 249px;
            float: left;
        }

        .contentbb li.cancel a {
            margin: 0px;
            width: 249px;
            float: left;
        }

    .contentbb .calendar {
        margin-top: 12px;
    }

    .contentbb .date {
        margin: 0px;
        padding-bottom: 20px;
        width: 236px;
        float: left;
    }

        .contentbb .date img {
            padding: 0px 0px 0px 3px;
            vertical-align: middle;
        }

#wrap #contents #main #contentbb .contentbb .bbright .date .month {
    margin: 0px;
    padding: 0px 6px 0px 0px;
    float: left;
    font-size: 200%;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    line-height: 1;
}

#wrap #contents #main #contentbb .contentbb .bbright .date .day {
    margin: 0px;
    padding: 0px 6px 0px 0px;
    float: left;
    font-size: 200%;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    line-height: 1;
}

#wrap #contents #main #contentbb .contentbb .bbright .date .week {
    margin: 0px;
    padding: 0px;
    float: left;
    font-size: 200%;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    line-height: 1;
}

.contentbb .balance {
    color: #ffffff;
    background: url(image/blackboard/chalk.gif) no-repeat bottom center;
    margin-bottom: 20px;
}

    .contentbb .balance span {
        padding: 0px 10px 0px 10px;
        font-size: 130%;
    }

#wrap #contents #main #contentbb .contentbb .bbright .explanation {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    float: left;
    font-size: 85%;
    color: #ffffff;
    text-align: left;
}

/* 堺市要望対応：メッセージを大きくして利用者にわかりやすく */
div#wrap div#contents div#main.content div#contentbb div.MESSAGEAREA table tbody tr td {
    font-size: 200%;
}

/*******************************************************************************
    スライドメニュー
*******************************************************************************/
/*==============================================================================
        メイン画像
==============================================================================*/
#pickup {
    margin: 15px auto 20px auto;
    width: 230px;
}

#mainimg {
    width: 230px;
    line-height: 1.2;
}
/*------------------------------------------------------------------------------
        カルーセルパネル
------------------------------------------------------------------------------*/
.main_view {
    width: 230px;
    position: relative;
}
/*　画像切り替え部分
------------------------------------------------------------------------------*/
.window {
    margin-bottom: 8px;
    width: 230px;
    height: 173px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
}

.image_reel a {
    position: absolute;
    top: 0;
    left: 0;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
/*　番号ボタン
------------------------------------------------------------------------------*/
.paging {
    float: left;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
    text-align: left;
}

    .paging a {
        margin: 0px 9px 0px 0px;
        float: left;
        font-size: 95%;
        text-align: center;
        text-decoration: none;
    }

        .paging a.active {
        }

        .paging a:hover {
        }
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
p.playbtn {
    display: inline;
}

    p.playbtn a {
        padding: 3px 4px 1px 4px;
        float: left;
        color: #1f602e;
        font-size: 95%;
        background: #d2dfd5;
        border: 1px solid #d2dfd5;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        text-align: center;
        text-decoration: none;
    }

        p.playbtn a:hover {
            padding: 2px 2px 0px 3px;
            color: #d2dfd5;
            background: #1f602e;
            border: 2px solid #ffffff;
        }

        p.playbtn a#image_reel_play {
            color: #372f2c;
            background: #ffffff;
        }
/*******************************************************************************
    コンテンツ
*******************************************************************************/
/*------------------------------------------------------------------------------
    予約
------------------------------------------------------------------------------*/
.lunchbox {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    overflow: hidden;
    zoom: 100%;
}

    .lunchbox h2 {
        margin: 0px 0px 15px 0px;
        padding: 0px 5px 0px 5px;
        font-size: 110%;
        font-weight: bold;
        text-align: left;
        border-bottom: solid 3px #d8cfb0;
    }

    .lunchbox h3.nutrition {
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 0px 20px;
        font-size: 100%;
        font-weight: normal;
        color: #1f602e;
        background: url(image/icon/nutrition.png) no-repeat left bottom;
        text-align: left;
        line-height: 1.5;
        letter-spacing: 0.1em;
    }

    .lunchbox h3.allergen {
        margin: 0px 0px 3px 0px;
        padding: 2px 0px 2px 20px;
        font-size: 100%;
        font-weight: normal;
        color: #a10000;
        background: url(image/icon/allergen.png) no-repeat left bottom;
        text-align: left;
        line-height: 1.5;
        letter-spacing: 0.1em;
    }

    .lunchbox h3.comment {
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 1px 20px;
        font-size: 100%;
        font-weight: normal;
        color: #59493f;
        background: url(image/icon/comment.png) no-repeat left bottom;
        text-align: left;
        line-height: 1.5;
        letter-spacing: 0.1em;
    }

.lunchl {
    margin: 0;
    padding: 0px 20px 0px 0px;
    width: 430px;
    float: left;
    font-size: 75%;
    letter-spacing: 0em;
}

.lunchc {
    margin: 0;
    padding: 0px 20px 10px 0px;
    font-size: 75%;
    letter-spacing: 0em;
}

.lunchr {
    margin: 0;
    padding: 0;
    width: 450px;
    float: left;
    font-size: 85%;
    letter-spacing: 0em;
}

.lunchl .lunchimgl {
    margin: 0px;
    padding: 0px 8px 0px 0px;
    float: left;
    text-align: left;
}

/*---------- A 2016/02/01 (株)フューチャーイン 村上 正和 START ----------*/
/* 堺市版 */
/* ご飯の量 */
.lunchl .ricelist {
    margin: 5px 0px 0px 0px;
}

.ricelist table {
    border: none;
}

.ricelist td {
    padding: 10px 0px 0px 0px;
    border: none;
}

.lunchr .eiyoutop {
    float: left;
}

.lunchr .eiyoubuttom {
    font-size: 85%;
    clear: left;
}

/*---------- A 2016/02/01 (株)フューチャーイン 村上 正和 END ----------*/

.lunchl img {
    margin: 0px;
    padding: 0px;
    border: solid 1px #dfdfdf;
}

.enlarge {
    margin: 0px;
    padding: 3px 0px 0px 28px;
    text-decoration: underline;
    color: #0068db;
    background: url(image/icon/enlarge.png) no-repeat left bottom;
}

.lunchl ul {
    margin: 0px;
    padding: 0px;
    width: 180px;
    float: left;
    font-size: 120%;
    border-top: dotted 1px #b6b6b6;
    list-style-type: none;
    text-align: left;
}

.lunchl li {
    padding: 2px 5px 2px 5px;
    border-bottom: dotted 1px #b6b6b6;
}

.lunchl .note {
    margin: 0px;
    padding: 4px 0px 0px 10px;
    font-size: 90%;
    color: #372f2c;
    text-align: left;
}

.lunchc div.reservation {
    margin: 0px;
    display: inline-flex;
}

.lunchc p.reservation, .lunchc p.canceled {
    margin: 0px;
    /*padding: 13px 0px 13px 0px;*/
    padding: 0px 0px 0px 0px;
    /*font-size: 120%;*/
    font-size: 100%;
    /*text-align: center;*/
    text-align: left;
    display: inline-flex;
}

    .lunchc p.reservation a:link, .lunchc p.reservation a:visited, .lunchc p.canceled a:link, .lunchc p.canceled a:visited {
        margin: 0px 0px 10px 10px;
        padding: 12px 20px 12px 55px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-decoration: none;
        display: block;
        width: 125px;
    }

    .lunchc p.reservation a:hover, .lunchc p.reservation a:active, .lunchc p.canceled a:hover, .lunchc p.canceled a:active {
        margin: 0px 0px 10px 10px;
        padding: 12px 20px 12px 55px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-decoration: none;
        display: block;
    }

    .lunchc p.reservation a:link, .lunchc p.reservation a:visited {
        color: #ffffff;
        background: url(image/icon/reserve_ov.png) no-repeat 5px center #d83e3a;
        border: 1px solid #d85b5b;
    }

    .lunchc p.reservation a:hover, .lunchc p.reservation a:active {
        color: #d83e3a;
        background: url(image/icon/reserve.png) no-repeat 5px center #ffffff;
        border: 1px solid #d85b5b;
    }

    .lunchc p.canceled a:link, .lunchc p.canceled a:visited {
        color: #ffffff;
        background: url(image/icon/cancel_ov.png) no-repeat 5px center #5779a8;
        border: 1px solid #659acb;
    }

    .lunchc p.canceled a:hover, .lunchc p.canceled a:active {
        color: #5779a8;
        background: url(image/icon/cancel.png) no-repeat 5px center #ffffff;
        border: 1px solid #659acb;
    }


/*---------- A 2019/08/30 (株)フューチャーイン 大野 正幹 START ----------*/
.lunchc span.reservation, .lunchc span.canceled {
    margin: 0px;
    padding: 13px 0px 13px 0px;
    font-size: 90%; /* 藤沢市はランチ種類名が長いため90%にする */
    text-align: center;
}

    .lunchc span.reservation a:link, .lunchc span.reservation a:visited, .lunchc span.canceled a:link, .lunchc span.canceled a:visited {
        margin-left: 10px;
        padding: 12px 20px 12px 55px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-decoration: none;
    }

    .lunchc span.reservation a:hover, .lunchc span.reservation a:active, .lunchc span.canceled a:hover, .lunchc span.canceled a:active {
        margin-left: 10px;
        padding: 12px 20px 12px 55px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-decoration: none;
    }

    .lunchc span.reservation a:link, .lunchc span.reservation a:visited {
        color: #ffffff;
        background: url(image/icon/reserve_ov.png) no-repeat 5px center #d83e3a;
        border: 1px solid #d85b5b;
    }

    .lunchc span.reservation a:hover, .lunchc span.reservation a:active {
        color: #d83e3a;
        background: url(image/icon/reserve.png) no-repeat 5px center #ffffff;
        border: 1px solid #d85b5b;
    }

    .lunchc span.canceled a:link, .lunchc span.canceled a:visited {
        color: #ffffff;
        background: url(image/icon/cancel_ov.png) no-repeat 5px center #5779a8;
        border: 1px solid #659acb;
    }

    .lunchc span.canceled a:hover, .lunchc span.canceled a:active {
        color: #5779a8;
        background: url(image/icon/cancel.png) no-repeat 5px center #ffffff;
        border: 1px solid #659acb;
    }

.lunchr img {
    float: right;
}

.lunchr ul {
    margin: 0px 0px 0px 4px;
    padding: 0px 0px 0px 3px;
    /*---------- D 2016/02/01 (株)フューチャーイン 村上 正和 START ----------*/
    /* 堺市版 */
    /*width:137px;*/
    /*---------- D 2016/02/01 (株)フューチャーイン 村上 正和 END ----------*/
    float: left;
    font-size: 85%;
    border-left: solid 6px #d2dfd5;
    list-style-type: none;
    text-align: left;
}

.lunchr li {
    padding: 1px 5px 1px 5px;
}

.lunchr .commentbox {
    margin: 0px;
    padding: 3px 6px 3px 6px;
    font-size: 90%;
    border: solid 1px #d2d2d2;
    text-align: left;
}

/*---------- A 2016/02/01 (株)フューチャーイン 村上 正和 START ----------*/
/* 堺市版 */
.lunchr ul table {
    border: none;
}

.lunchr ul td {
    border: none;
}

    .lunchr ul td.righttext {
        border: none;
        text-align: right;
    }
/*---------- A 2016/02/01 (株)フューチャーイン 村上 正和 END ----------*/

/************************************************/
/* 共通設定 after */
/************************************************/
.clearfix {
    margin: 0px;
    padding: 0px 0px 20px 0px;
    overflow: hidden;
    zoom: 100%;
}

    .clearfix:after, .content:after, .contentbb:after, .contentbb ul:after, .contentmm:after, .contentmm ul:after, .mainbox:after, .lunchbox:after {
        content: url("Image/blank.gif");
        display: block;
        height: 0;
        clear: both;
    }

/*******************************************************************************
[1] 共通設定
*******************************************************************************/
* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', "Osaka", sans-serif;
    font-weight: normal;
    color: #221815;
    background: #FFFFFF;
    /*text-align:center; DEL TAJIMA 全体的に中央寄せになってしまうので */
    line-height: 1.5;
    letter-spacing: 0.05em;
}

img {
    border: none;
}

strong {
    font-weight: bold;
}

.hide {
    display: none;
}

a {
    color: #0068DB;
}
/*　noscript　*/
.scriptmessage {
    padding: 15px;
    font-size: 95%;
    text-align: center;
}
/*　本文へ　*/
#blockskip a {
    padding: 10px 20px 15px 20px;
    display: block;
    position: absolute;
    left: -9999px;
    color: #FFF;
    font-size: 100%;
    font-weight: bold;
    background-color: #0033CC;
}

#blockskip .show {
    position: absolute;
    left: 0;
}

/*******************************************************************************
[2] レイアウト
*******************************************************************************/
/*==============================================================================
        配置
==============================================================================*/
#header {
    width: 100%;
    background: #ffffff;
}

#headerinner {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
}

#tlogo {
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
    /*width:510px;*/
    width: 530px;
    float: left;
    position: relative;
}

    #tlogo p {
        /*padding:16px 0px 14px 0px;*/
        padding: 0px;
    }

#util {
    float: right;
    /*width:440px;*/
    width: 420px;
}

#util2 {
    margin: 0px;
    padding: 0px;
    float: right;
}

#user {
    padding: 5px 0px 5px 0px;
    width: 100%;
    background: #efebde;
    border-top: solid 1px #d8cfb0;
}

#userinner {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
}

#snavi {
    margin-top: 10px;
    /*width:440px;*/
    width: 420px;
    float: right;
    /*position:absolute;
    bottom:6px;
    right:0px;*/
}

#gnavi {
    width: 100%;
    background: #faf6df;
    /*background:url(image/gnavi/gnavi_bg.jpg) repeat-x left bottom;*/
}

#gnaviinner {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
}

#pagebody {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    clear: both;
    /*background:url(image/footer/footerinner_bg.gif) no-repeat right bottom;*/
}

#tpath {
    padding: 8px 0px 25px 0px;
}

#content {
    margin-left: auto;
    margin-right: auto;
    /*padding-bottom:30px;*/
    width: 950px;
    text-align: center;
}

#footer {
    width: 100%;
    background: #efebde;
    border-top: solid 1px #ffffff;
}

#footerinner {
    margin: 10px auto 10px auto;
    width: 950px;
    clear: both;
    /*background:url(image/footer/address_bg.jpg) no-repeat right top;*/
}

#footer #copy {
    padding: 5px 0px 5px 0px;
    width: 100%;
}
/*背景表示のため
#header
,#gnavi
,#toppagebody{   
    display:inline-block;   
}*/
/*==============================================================================
        書式設定その他
==============================================================================*/
#wrap {
    width: 100%;
    background: #faf6df;
    /*text-align:center; DEL TAJIMA とりあえず */
}

#header {
    text-align: left;
}

#tlogo {
    overflow: hidden;
    zoom: 100%;
}

#util2 {
    font-size: 110%;
    text-align: right;
    overflow: hidden;
    zoom: 100%;
}

#user {
    font-size: 90%;
    color: #59493f;
}

#snavi {
    font-size: 90%;
}

#gnavi {
    font-size: 110%;
}

#pagebody {
    font-size: 100%;
    text-align: left;
}

#tpath {
    font-size: 80%;
    line-height: 1.3;
}

#footer {
    font-size: 85%;
}

address {
    padding: 5px 10px 0px 45px;
    font-size: 90%;
    font-style: normal;
    line-height: 1.6;
    text-align: left;
}

#copy {
    color: #595250;
    font-size: 80%;
    background: #ffffff;
    border-top: solid 1px #d8cfb0;
    text-align: center;
}
/*******************************************************************************
[3] 詳細デザイン
*******************************************************************************/
/*==============================================================================
        ヘッダ
==============================================================================*/
/*==============================================================================
        文字サイズ
==============================================================================*/
#util2 p {
    margin: 7px 5px 0px 0px;
    float: left;
    font-size: 80%;
    text-align: right;
}
/*#util2 ul{
    margin:0px;
    padding:0px;
    width:141px;
    f4fadf:right;
    list-style-type:none;
    display:inline;
}
#util2 ul li{
    margin:0px;
    padding:0px;
    display:inline;
}
#util2 ul li img{
    vertical-align:bottom;
}
#util2 ul li a{
    padding:0px 0px 0px 5px;
}*/

#util2 ul {
    margin: 0;
    list-style-type: none;
    float: left;
}

#util2 li {
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 1;
}

    #util2 li a:link, #util2 li a:visited {
        margin: 0 0 0 3px;
        padding: 8px 8px 5px 8px;
        display: inline-block;
        color: #221815;
        background: #f4fadf;
        border-right: 1px solid #add15b;
        border-bottom: 1px solid #add15b;
        border-left: 1px solid #add15b;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        text-align: center;
        text-decoration: none;
    }

    #util2 li a:hover, #util2 li a:active {
        margin: 0 0 0 3px;
        padding: 8px 8px 5px 8px;
        display: inline-block;
        background: #add15b;
        border-right: 1px solid #add15b;
        border-bottom: 1px solid #add15b;
        border-left: 1px solid #add15b;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        text-align: center;
        text-decoration: none;
    }

/*==============================================================================
        利用者
==============================================================================*/
#user {
    font-size: 90%;
    color: #59493f;
    text-align: right;
}

#userinner span {
    margin: 0px 5px 0px 5px;
    padding: 1px 10px 0px 10px;
    font-size: 110%;
    background: #ffffff;
}
/*==============================================================================
        サブグローバルナビ
==============================================================================*/
#snavi ul {
    margin: 0px;
    list-style-type: none;
    text-align: right;
}

#snavi li {
    margin: 0px;
    padding: 0px;
    display: inline;
}

    #snavi li a:link, #snavi li a:visited {
        margin: 0px 0px 0px 3px;
        padding: 10px 0px 8px 0px;
        width: 135px;
        display: inline-block;
        color: #221815;
        background: #faf6df;
        border-top: 1px solid #d8cfb0;
        border-right: 1px solid #d8cfb0;
        border-left: 1px solid #d8cfb0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        text-align: center;
        text-decoration: none;
    }

    #snavi li a:hover, #snavi li a:active {
        margin: 0px 0px 0px 3px;
        padding: 10px 0px 8px 0px;
        width: 135px;
        display: inline-block;
        background: #d8cfb0;
        border-top: 1px solid #d8cfb0;
        border-right: 1px solid #d8cfb0;
        border-left: 1px solid #d8cfb0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        text-align: center;
        text-decoration: none;
    }

    #snavi li.personal a:link, #snavi li.personal a:visited {
        background: url(image/icon/personal.png) no-repeat 5px center #faf6df;
    }

    #snavi li.personal a:hover, #snavi li.personal a:active {
        background: url(image/icon/personal_ov.png) no-repeat 5px center #d8cfb0;
    }

    #snavi li.password a:link, #snavi li.password a:visited {
        background: url(image/icon/password.png) no-repeat 5px center #faf6df;
    }

    #snavi li.password a:hover, #snavi li.password a:active {
        background: url(image/icon/password_ov.png) no-repeat 5px center #d8cfb0;
    }

    #snavi li.logout a:link, #snavi li.logout a:visited {
        background: url(image/icon/logout.png) no-repeat 5px center #faf6df;
    }

    #snavi li.logout a:hover, #snavi li.logout a:active {
        background: url(image/icon/logout_ov.png) no-repeat 5px center #d8cfb0;
    }

    #snavi li.logon a:link, #snavi li.logon a:visited {
        background: url(image/icon/logon.png) no-repeat 5px center #faf6df;
    }

    #snavi li.logon a:hover, #snavi li.logon a:active {
        background: url(image/icon/logon_ov.png) no-repeat 5px center #d8cfb0;
    }
/*==============================================================================
        グローバルナビ
==============================================================================*/
#gnavi ul {
    margin: 1px 0px 2px 0px;
    list-style-type: none;
    text-align: left;
}

#gnavi li {
    margin: 0px;
    padding: 0px;
    display: inline;
}

    #gnavi li.home {
        margin: 12px 0px 12px 0px;
        padding: 3px 0px 2px 0px;
        border-left: solid 1px #d8cfb0;
    }

    #gnavi li a:link, #gnavi li a:visited {
        margin: 12px 0px 12px 0px;
        padding: 3px 0px 2px 0px;
        /*width: 157px;*/
        width: 115px;
        display: inline-block;
        color: #221815;
        border-right: solid 1px #d8cfb0;
        text-align: center;
        text-decoration: none;
    }

    #gnavi li a:hover, #gnavi li a:active {
        margin: 12px 0px 12px 0px;
        padding: 3px 0px 2px 0px;
        /*width:157px;*/
        width: 115px;
        display: inline-block;
        background: #d8cfb0;
        border-right: solid 1px #d8cfb0;
        text-align: center;
        text-decoration: none;
    }

    #gnavi li a#cmdCredit {
        width: 210px;
    }
/*==============================================================================
        フッタ
==============================================================================*/
#footer p {
    padding-bottom: 8px;
    float: left;
}

#footer ul {
    padding: 0px 0px 1px 0px;
    width: 850px;
    float: left;
    text-align: right;
}

#footer li {
    margin-right: 5px;
    padding-right: 10px;
    display: inline;
    border-right: solid 1px #b6b6b6;
    list-style-type: none;
}

    #footer li a:link, #footer li a:visited {
        padding: 0px 2px 0px 2px;
        color: #221815;
        text-decoration: none;
    }

    #footer li a:hover, #footer li a:active {
        padding: 0px 2px 0px 2px;
        color: #8100BD;
        text-decoration: underline;
    }

.hall {
    font-size: 140%;
}
/*==============================================================================
    このページのトップへ戻る
==============================================================================*/
/*#main #pagetop{
    margin:0px;
    padding:8px 0px 0px 0px;
    width:950px;
    float:left;
    text-align:right;
}*/
p.pagetop {
    margin: 0px;
    padding: 8px 0px 0px 0px;
    width: 950px;
    /*float:left;*/
    text-align: right;
}
/*#pagetop a{
    padding-left:20px;
    background:url(image/pagetop.gif) no-repeat left center;
}*/
/*==============================================================================
    トップ お知らせ
==============================================================================*/
#main #content .topinfo {
    margin-top: 30px;
    padding: 12px 23px 7px 23px;
    color: #372f2c;
    background: #ffffff;
    border: 1px solid #d4cdc3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    #main #content .topinfo h2 {
        padding-bottom: 5px;
        font-size: 110%;
        font-weight: bold;
        text-align: left;
        color: #221815;
        border: none;
        margin: 0;
    }

#main #content .infolist {
    padding-top: 7px;
    font-size: 85%;
}

    #main #content .infolist img {
        padding-left: 5px;
        vertical-align: middle;
    }
/************************************************/
/* 共通設定 after */
/************************************************/
#header:after, #tlogo:after, #util2:after, #gnavi:after, #footer:after {
    content: url("image/blank.gif");
    display: block;
    height: 0;
    clear: both;
}

.myCalendar {
    border: 1px solid #a6937c;
}

    .myCalendar .myCalendarTitle {
        background-color: #FBBF08;
        font-size: 100%;
        font-weight: bold;
        border: 1px solid #a6937c;
        height: 30px;
    }

    .myCalendar .myCalendarDayHeader {
        background-color: #FDE875;
        height: 15px;
    }

    .myCalendar th.myCalendarDayHeader {
        border: 1px solid #a6937c;
    }

    .myCalendar td.myCalendarNextPrev {
        text-align: center;
        color: #1f602e;
    }

        .myCalendar td.myCalendarNextPrev a {
            color: #1f602e;
        }

    .myCalendar td.myCalendarDay {
        /*position:relative;*/
        vertical-align: top;
        height: 70px;
        width: 90px;
        border: 1px solid #a6937c;
    }
    /*.myCalendar td.myCalendarToday {
    vertical-align:top;
    height:100px;
    width:90px;
    border:3px solid #25bae5;
}*/
    .myCalendar td.myCalendarOtherMonthDay {
        vertical-align: top;
        color: lightgray;
        height: 70px;
        width: 90px;
        border: 1px solid #a6937c;
    }

    .myCalendar td.myCalendarSelectedDay {
        /*position:relative;*/
        vertical-align: top;
        height: 70px;
        width: 90px;
        border: 3px solid #a6937c;
        background-color: #FDE875;
        font-weight: bold;
    }

    .myCalendar #linkLunch {
        /*text-align:center;
    position:absolute;*/
        /*bottom:0;*/
    }

    .myCalendar #linkLunchMenu {
        /*bottom:0;*/
    }
/*.myCalendar td.myCalendarWeekendDay {
    vertical-align:top;
    height:100px;
    width:90px;
    border:1px solid #a6937c;
}*/
input[type=text] {
    padding: 1px 2px 1px 2px;
}

input[type=password] {
    padding: 1px 2px 1px 2px;
}

input[type=checkbox] {
    padding: 3px 3px 3px 3px;
}

input[type=radio] {
    padding: 3px 3px 3px 3px;
}
/* A 2014/12/16 (株)フューチャーイン 田島 大輝 END */
div.privcontact {
    background-color: white;
    width: 930px;
    text-align: left;
    line-height: 1.1em;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    /*font-family: monospace;
    font-size: 0.8em;*/
    margin-top: 1em;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    vertical-align: middle;
    border: 2px solid #d4cdc3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    border-top-width: 0.05em;
    border-right-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-width: 0.05em;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;*/
}

    div.privcontact ul {
        padding: 0;
        margin: 0 0 0 1.5em;
        line-height: 1.2em;
    }

/*---------- A 2016/02/10 (株)フューチャーイン 村上 正和 START ----------*/
/* 堺市版 */
.nextprebox {
    margin-top: -10px;
    padding: 0px 10px 0px 10px;
    zoom: 100%;
}

    .nextprebox table {
        width: 100%;
    }

        .nextprebox table td.center {
            width: 70%;
            text-align: center;
        }

        .nextprebox table td.left {
            width: 15%;
        }

        .nextprebox table td.right {
            width: 15%;
            text-align: right;
        }
/*---------- A 2016/02/01 (株)フューチャーイン 村上 正和 END ----------*/

/*---------- A 2016/02/12 (株)フューチャーイン 村上 正和 START ----------*/
/* 二次強化 */
.allergie table {
    margin: 0px 0px 3px 0px;
    width: 100%;
    clear: both;
    border: 1px solid #d2d2d2;
    border-collapse: collapse; /*隣接するセルのボーダーを重ねて表示*/
}

.allergie th {
    padding: 3px 6px 2px 6px;
    border: 1px solid #d2d2d2;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
}

.allergie td {
    padding: 3px 6px 3px 6px;
    border: 1px solid #d2d2d2;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
}
/*---------- A 2016/02/12 (株)フューチャーイン 村上 正和 END ----------*/
div.card {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    width: 900px;
    background: #ffffff;
}

.card img {
    margin: 5px 10px 0px 0px;
}
/*---------- A 2018/05/22 (株)フューチャーイン 田島 大輝 START ----------*/
.contentbb .bblefthead {
    margin: 0px;
    padding: 0px 0px 1px 0px;
    width: 630px;
    text-align: left;
    overflow: hidden;
}

    .contentbb .bblefthead td a:link, .contentbb .bblefthead td a:visited {
        padding: 10px 5px 10px 50px;
        color: #0066cc;
        border-right: solid 1px #184923;
        border-bottom: solid 1px #184923;
        text-decoration: none;
    }

    .contentbb .bblefthead td a:hover, .contentbb .bblefthead td a:active {
        padding: 10px 5px 10px 50px;
        color: #8100BD;
        text-decoration: none;
    }

    .contentbb .bblefthead td.resrve a:link, .contentbb.resrve td a:visited {
        color: #d83e3a;
        background: url(image/icon/reserve.png) no-repeat 5px center #ffffff;
    }

    .contentbb .bblefthead td.resrve a:hover, .contentbb .bblefthead td.resrve a:active {
        color: #ffffff;
        background: url(image/icon/reserve_ov.png) no-repeat 5px center #d83e3a;
    }

    .contentbb .bblefthead td.cancel a:link, .contentbb.cancel td a:visited {
        color: #5779a8;
        background: url(image/icon/cancel.png) no-repeat 5px center #ffffff;
    }

    .contentbb .bblefthead td.cancel a:hover, .contentbb .bblefthead td.cancel a:active {
        color: #ffffff;
        background: url(image/icon/cancel_ov.png) no-repeat 5px center #5779a8;
    }

    .contentbb .bblefthead td.zutto a:link, .contentbb .bblefthead td.zutto a:visited {
        color: #d83e3a;
        background: url(image/icon/reserve.png) no-repeat 5px center #ffffff;
    }

    .contentbb .bblefthead td.zutto a:hover, .contentbb .bblefthead td.zutto a:active {
        color: #ffffff;
        background: url(image/icon/reserve_ov.png) no-repeat 5px center #d83e3a;
    }

    .contentbb .bblefthead td.resrve a {
        margin: 0px 20px 0px 0px;
        width: 249px;
        float: left;
    }

    .contentbb .bblefthead td.cancel a {
        margin: 0px 20px 0px 0px;
        width: 249px;
        float: left;
    }

    .contentbb .bblefthead td.zutto a {
        margin: 0px;
        width: 249px;
        float: left;
        padding: 10px 5px 15px 50px;
    }

#wrap #contents #main #contentbb .contentbb .bbleft .explanation {
    font-size: 80%;
    color: black;
}

.zaikoujibox {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    overflow: hidden;
    zoom: 100%;
    font-size: 90%;
}

    .zaikoujibox h2 {
        margin: 1em 0 0.5em;
        padding: 0px 5px 0px 5px;
        font-size: 110%;
        font-weight: bold;
        text-align: left;
        border-bottom: solid 3px #d8cfb0;
    }

    .zaikoujibox a {
        text-decoration: underline;
        cursor: pointer;
    }

        .zaikoujibox a:link {
            color: #005cd0;
        }

        .zaikoujibox a:visited {
            color: #800080;
        }

        .zaikoujibox a:hover {
            color: #ff4800;
        }

        .zaikoujibox a:focus,
        .zaikoujibox a:active {
            color: #e83200;
        }

.keizokubox {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    overflow: hidden;
    zoom: 100%;
    font-size: 90%;
}

    .keizokubox h2 {
        margin: 1em 0 0.5em;
        padding: 0px 5px 0px 5px;
        font-size: 110%;
        font-weight: bold;
        text-align: left;
        border-bottom: solid 3px #d8cfb0;
    }

    .keizokubox a {
        text-decoration: underline;
        cursor: pointer;
    }

        .keizokubox a:link {
            color: #005cd0;
        }

        .keizokubox a:visited {
            color: #800080;
        }

        .keizokubox a:hover {
            color: #ff4800;
        }

        .keizokubox a:focus,
        .keizokubox a:active {
            color: #e83200;
        }
/*---------- A 2018/05/22 (株)フューチャーイン 田島 大輝 END ----------*/
/*---------- A 2016/02/28 (株)フューチャーイン 田島 大輝 START ----------*/
/*==============================================================================
    献立一覧表示
==============================================================================*/
.contentmm {
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    width: 886px;
    background: inherit;
}

.contentmm {
    line-height: 1.8;
}

    .contentmm .bbleft {
    }

    .contentmm ul {
        margin: auto;
        padding: 0px 0px 1px 0px;
        width: 630px;
        text-align: left;
        overflow: hidden;
    }

    .contentmm li {
        display: inline;
        list-style-type: none;
    }

        .contentmm li a:link, .contentmm li a:visited {
            padding: 10px 5px 10px 50px;
            color: #0066cc;
            border-right: solid 1px #184923;
            border-bottom: solid 1px #184923;
            text-decoration: none;
        }

        .contentmm li a:hover, .contentmm li a:active {
            padding: 10px 5px 10px 50px;
            color: #8100BD;
            text-decoration: none;
        }

        .contentmm li.resrve a:link, .contentmm.resrve li a:visited {
            color: #d83e3a;
            background: url(image/icon/reserve.png) no-repeat 5px center #ffffff;
        }

        .contentmm li.resrve a:hover, .contentmm li.resrve a:active {
            color: #ffffff;
            background: url(image/icon/reserve_ov.png) no-repeat 5px center #d83e3a;
        }

        .contentmm li.cancel a:link, .contentmm.cancel li a:visited {
            color: #5779a8;
            background: url(image/icon/cancel.png) no-repeat 5px center #ffffff;
        }

        .contentmm li.cancel a:hover, .contentmm li.cancel a:active {
            color: #ffffff;
            background: url(image/icon/cancel_ov.png) no-repeat 5px center #5779a8;
        }

        .contentmm li.resrve a {
            margin: 0px 20px 0px 0px;
            width: 249px;
            float: left;
        }

        .contentmm li.cancel a {
            margin: 0px;
            width: 249px;
            float: left;
        }
/*---------- A 2016/02/28 (株)フューチャーイン 田島 大輝 END ----------*/

/*---------- A 2019/05/10 (株)フューチャーイン 今泉 瑛暉 START ----------*/
/*==============================================================================
    トップページ お知らせ概要
==============================================================================*/
div#oshiraseGaiyo {
    text-align: left;
}

    div#oshiraseGaiyo dt {
        font-size: 200%;
        font-weight: bold;
    }

    div#oshiraseGaiyo a:link {
        color: #f05030;
    }

    div#oshiraseGaiyo a:hover {
        color: #f03232;
    }

    div#oshiraseGaiyo dl dd.NoDisp {
        display: none;
    }
/*---------- A 2019/05/10 (株)フューチャーイン 今泉 瑛暉 END ----------*/

/*---------- A 2019/07/23 (株)フューチャーイン 川村 宏彰 START ----------*/
/*==============================================================================
    日別一括予約
==============================================================================*/
.monthresearvebox ul {
    text-align: left;
    list-style-type: disc;
}

table.monthresearvecmd {
    margin: 15px 0px 15px 0px;
    text-align: center;
}

table.monthresearve tr:nth-child(2n+1) {
    background-color: #f7f3f7;
}

table.borderless tr {
    border: hidden;
}

    table.borderless tr:nth-child(2n+1) {
        background-color: initial;
    }

p.calendar2 a:link, p.calendar2 a:visited {
    margin-left: 10px;
    padding: 10px 15px 10px 40px;
    color: #ffffff;
    border: 1px solid #1c65ad;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none;
}

p.calendar2 a:hover, p.calendar2 a:active {
    margin-left: 10px;
    padding: 10px 15px 10px 40px;
    color: #ffffff;
    border: 1px solid #1c65ad;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none;
}

p.calendar2 a:link, p.calendar a:visited {
    background: url(image/icon/calendar.png) no-repeat 5px center #0066cc;
}

p.calendar2 a:hover, p.calendar a:active {
    background: url(image/icon/calendar.png) no-repeat 5px center #1c65ad;
}

/*---------- A 2019/07/23 (株)フューチャーイン 川村 宏彰 END ----------*/

/*---------- A 2021/02/15 (株)フューチャーイン 川村 宏彰 START ----------*/
/*************************************/
/* 藤沢市 お知らせ詳細(S01P02-01)用
**************************************/
.infobox {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    width: 100%;
    font-size: 85%;
    zoom: 100%;
    overflow: hidden;
    color: #362E2B;
    background: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
}

    .infobox h2 {
        margin: 0px 0px 15px 0px;
        padding: 0px 5px 0px 5px;
        font-size: 100%;
        font-weight: bold;
        text-align: left;
        border-bottom: solid 3px #d8cfb0;
    }

    .infobox p.answer {
        margin: 10px 0px 10px 20px;
        text-align: left;
    }

    .infobox p.detail {
        margin: 10px 0px 10px 20px;
        text-align: left;
    }

    .infobox div.card {
        text-align: left;
    }
/*---------- A 2021/02/15 (株)フューチャーイン 川村 宏彰 END ----------*/

/*************************************/
/* 3Dセキュアに関するスタイル（PC版）
**************************************/
.tdsinfo {
    margin-top: 1.5em;
}

    .tdsinfo ul {
        margin: 0 0 0 1.5em;
        list-style-type: square;
    }

        .tdsinfo ul ul li {
            list-style-type: circle;
        }

/*************************************/
/* 栄養士のコメント
**************************************/
.luncht{
    margin-top:16px;
    margin-bottom:32px;
}

.luncht h3.comment {
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 1px 20px;
    font-size: 100%;
    font-weight: normal;
    color: #59493f;
    background: url(image/icon/comment.png) no-repeat left bottom;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.1em;
}

.luncht .commentbox {
    margin: 0px;
    padding: 3px 6px 3px 6px;
    font-size: 90%;
    border: solid 1px #d2d2d2;
    text-align: left;
}