*       { font-family: sans-serif; }
a:hover { color: #aaf; text-decoration: underline; }
.button { border: 1px solid #55f; background-color: #eef; color: #666; font-size: 10px; height: 23px; }
.text   { border: 1px solid #666; background-color: #fff; color: #000; width: 25px; ime-mode: disabled; }
.select { color: #f33; }
@media screen and (min-width: 0px) and (max-width: 850px){
    body { margin-left: 0; margin-right: 0; }
}

/*----------------------------------------------------------------------------*/
/* トップタイトル部分                                                         */
/*----------------------------------------------------------------------------*/
.toptitle_div
          { border: dotted 3px rgb(204,223,133); border-radius: 10px; background-color: rgb(226,241,186); padding: 20px 20px; text-align: center; }
@media screen and (min-width: 0px) and (max-width: 600px){
    .toptitle_div { margin: auto; padding: 20px 0; width: 95%; }
    .toptitle_div img { width: 90%; height: auto; border: none; }
}
@media screen and (min-width: 600px){
    .toptitle_div img { width: 535px; height: 50px; border: none; }
}


/*----------------------------------------------------------------------------*/
/* トップページのレイアウト用大枠                                             */
/*----------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 850px){
    div.toppagelayout1 { margin: 0; padding: 0; width: 100%; }
    div.toppagelayout2 { display: none; }
    div.toppagesearchtype { margin: 0; padding: 0; width: 100%; float: none; }
}
@media screen and (min-width: 851px){
    div.toppagelayout1 { margin: auto; padding: 0; width: 830px; }
    div.toppagelayout2 { margin: auto; padding: 0; width: 850px; clear: both; }
    div.toppagesearchtype { margin: auto; padding: 0; width: 50%; float: left; }
}


/*----------------------------------------------------------------------------*/
/* トップページのテーブル要素                                                 */
/*----------------------------------------------------------------------------*/
table.listsearchbox
          { border-collapse: collapse; border: 0px;
            background-color: #ffffff; width: 400px;
            margin-right: auto; margin-left: auto; }
table.listsearchbox td.backimage
          { width: 23px; height: 23px; border: 0px; margin: 0px; padding: 0px; }
table.listsearchbox div.title
          { background-color: #aaffaa; text-align: center; line-height: 200%;}
table.listsearchbox td.main
          { background-color: #ffffff; text-align: left; padding: 5px; line-height: 120%; }

table.recomsearchbox
          { border-collapse: collapse; border: 0px;
            background-color: #ffffff; width: 400px;
            margin-right: auto; margin-left: auto; }
table.recomsearchbox td.backimage
          { width: 23px; height: 23px; border: 0px; margin: 0px; padding: 0px; }
table.recomsearchbox div.title
          { background-color: #aaffaa; text-align: center; line-height: 200%;}
table.recomsearchbox td.main
          { background-color: #ffffff; text-align: left; padding: 5px; line-height: 120%; }

table.detailsearchbox
          { border-collapse: collapse; border: 0px;
            background-color: #ffffff; width: 800px;
            margin-right: auto; margin-left: auto; }
table.detailsearchbox td.backimage
          { width: 23px; height: 23px; border: 0px; margin: 0px; padding: 0px; }
table.detailsearchbox div.title
          { background-color: #aaffaa; text-align: center; line-height: 200%;}
table.detailsearchbox td.main
          { background-color: #ffffff; text-align: left; padding: 5px; line-height: 120%; }
table.detailinput
          { border-collapse: collapse; border: 0px;
            background-color: #ffffff; width: 100%;
            margin-right: auto; margin-left: auto; }
table.detailinput td.title
          { background-color: #ffffff; text-align: left; line-height: 200%;
            border-width: 0px 0px 1px 10px; border-color: #88dd88; border-style: solid; }
table.detailinput td.colum
          { line-height: 200%; }


a.button  { padding:7px 10px 7px 10px; border: 1px solid #606060;
            font-size: 12px; color: #606060; text-decoration: none; cursor: pointer;
            background: #88ff88;
            background: -webkit-gradient( linear, left top, left bottom, from( #aaffaa ), to( #55aa55 ) );
            background: -moz-linear-gradient( top, #aaffaa, #55aa55 );
            -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
a.button:hover
          { background: -webkit-gradient( linear, left top, left bottom, from( #ffbbdd ), to( #fe4ca5 ) );
            background: -moz-linear-gradient( top, #ffbbdd, #fe4ca5 ); }
a.button:active
          { position: relative; top: 1px; }


/*----------------------------------------------------------------------------*/
/* 検索結果  食事効果検索 テーブル                                            */
/*----------------------------------------------------------------------------*/
table.searchlist
          { border-collapse: separate; border-spacing: 1px; border: 0px;
            background-color: #606060; width: 900px;
            margin-right: auto; margin-left: auto; }
table.searchlist th
          { text-align: center; background-color: #aaffaa; padding: 5px; font-weight: normal; }
table.searchlist tr td
          { padding: 5px; }

table.jobdatainfobox
          { border-collapse: collapse; background-color: #ffffff; width: 450px;
            margin-right: auto; margin-left: auto; }
table.jobdatainfobox td.backimage
          { width: 23px; height: 23px; border: 0px; margin: 0px; padding: 0px; }
table.jobdatainfobox div.title
          { background-color: #aaffaa; text-align: center; line-height: 200%;}
table.jobdatainfobox td.main
          { background-color: #ffffff; text-align: left; padding: 5px; line-height: 120%; }
table.jobdatainfo
          { border-collapse: collapse; background-color: #ffffff; width: 100%;
            margin-right: auto; margin-left: auto; }
table.jobdatainfo th
          { text-align: center; background-color: #aaffaa; padding: 5px; font-weight: normal; }
table.jobdatainfo td
          { text-align: center; background-color: #ffffff; padding: 5px; }