@charset "euc-jp";

/*============================================
全般的なスタイル
============================================*/
* {
    margin:0; padding:0; /* 全要素のマージン・パディングをリセット */
    line-height:1.5;     /* 全要素の行の高さを1.5倍にする          */
    color:#004080;       /* 文字色                                 */

} 
body {
    background-color:#999999; /* ページ全体の背景色                  */
    text-align:center;        /* IE6以下でセンタリングするための対策 */
    background-image:url("../img/back.jpg"); /* 内容全体の背景 */
}
div {
    word-break: break-all; /* 数字を折り返す対応 */
}
div#pagebody {
    width:940px; margin:0 auto;    /* 内容全体をセンタリング           */
    text-align:left;               /* テキストの配置を左揃えにする     */
    background-color:#ffffff;      /* 内容全体の背景色                 */
}


/*============================================
ヘッダ
============================================*/
div#header {
    height:73px;
    /*--- ヘッダ部分の背景画像 ---*/
    background-image:url("../img/bg_header.png");
    /* background-image:url("../imgs/bg_header_newyearsoon.png"); */
    /* background-image:url("../imgs/bg_header_newyear.png"); */
    /*----------------------------*/
    background-repeat:no-repeat;
    background-color:#ffffff;
    position:relative; /* 位置固定宣言(親) */
}
div#header h1 {
    padding:2px 0px 0px 30px;        /* 見出し内容の位置調整 */
    font-size:8pt;                         /* 文字サイズ(ADD)   */
}
div#header h1 a {
    color:#888888;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;    /* フォントの種類 */
}
div#header span.h1 {
    padding:2px 0px 0px 30px;        /* 見出し内容の位置調整 */
}
div#header span.h1 a {
    color:#888888;
    text-decoration:none;
    font-size:8pt;                         /* 文字サイズ(ADD)   */
    font-family:Arial, Helvetica, sans-serif;    /* フォントの種類 */
}
div#header span.logo {
    position:absolute;
    top:23px; left:30px; z-index:1;
    width:206px; height:40px;
}
div#header span.msg {
    position:absolute;
    top:34px; left:525px; z-index:1;
    font-size:9pt;                         /* 文字サイズ(ADD)   */
    font-family:Arial, Helvetica, sans-serif;    /* フォントの種類 */
    color:#555555;
}
div#header span.msg a {
    color:#0000ff;
}
div#header span.google {
    position:absolute;
    top:45px; left:250px; z-index:2;
}

/*============================================
メインメニュー
============================================*/
/* メインメニュー - div版 */
div#menu {
    height:20px;
    margin-bottom:5px;
    padding:1px 20px 1px 20px;
    background-image:url("../img/bg_menu_line.jpg");
    background-repeat:repeat-x;
    background-color:#ffffff;
    text-align:left;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
}
div#menu a {
    color:#0000ff;
}

/* メインメニュー - ul版 */
ul#menu {
    height:41px; background-color:#; font-weight:bold;
    margin-bottom:5px;         /* 下マージンを5px空ける */
}
li#menu00,li#menu01,li#menu02,li#menu03,li#menu04,li#menu05,li#menu06,li#menu99 {
    float:left;            /*リスト項目を横に並べる*/
    display:inline;            /*リスト項目をインライン表示にする*/
    list-style-type:none;        /*リストマーカー無しにする*/
    background-repeat:no-repeat;     /*背景画像を繰り返さない*/
}

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu00 {
    width:27px; height:41px;
    background-image:url("../img/bg_menu00.jpg");
}
li#menu01 {
    width:171px; height:41px;    /*背景画像に合わせたサイズ指定*/
    background-image:url("../img/bg_menu01.jpg");    /*背景画像*/
}
li#menu02 {
    width:143px; height:41px;    /*背景画像に合わせたサイズ指定*/
    background-image:url("../img/bg_menu02.jpg");    /*背景画像*/
}
li#menu03 {
    width:143px; height:41px;    /*背景画像に合わせたサイズ指定*/
    background-image:url("../img/bg_menu03.jpg");    /*背景画像*/
}
li#menu04 {
    width:143px; height:41px;    /*背景画像に合わせたサイズ指定*/
    background-image:url("../img/bg_menu04.jpg");    /*背景画像*/
}
li#menu05 {
    width:143px; height:41px;    /*背景画像に合わせたサイズ指定*/
    background-image:url("../img/bg_menu05.jpg");    /*背景画像*/
}
li#menu06 {
    width:143px; height:41px;    /*背景画像に合わせたサイズ指定*/
    background-image:url("../img/bg_menu06.jpg");    /*背景画像*/
}
li#menu99 {
    width:27px; height:41px;    /*背景画像に合わせたサイズ指定*/
    background-image:url("../img/bg_menu99.jpg");    /*背景画像*/
}
ul#menu a {
    display:block;                /*リンクをブロック表示にする*/
    height:42px; padding-top:4px;
}

/*============================================
コンテンツ（左カラム）
============================================*/
div#content_left {
    width:290px;            /*幅の指定*/
    margin:0px 0px 0px 0px;    /*位置調整（IE6のバグに注意）*/
    display:inline;            /*IE6のマージン算出のバグ対策*/
    float:left;            /*サブメニューのカラムを左寄せにする*/
    background-color:#ffffff;        /* ヘッダ部分の背景色(ADD) */
}

/* コンテンツ（左カラム）のパネル部分 */
div#content_left div#panel {
    position:relative; /* 位置固定宣言(親) */
    height:410px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-image:url("../imgp/bg_panel.jpg");
    background-repeat:no-repeat; background-position:top;
}

/* コンテンツ（左カラム）のダイエットの町からお知らせ */
div#content_left div#news_header {
    height:64px;
    margin:5px 0px 0px 0px;
    background-image:url("../img/bg_news_header.jpg");
    background-repeat:no-repeat; background-position:top;
}
div#content_left ul#news_body {}
div#content_left ul#news_body li {
    height:81px;
    background-image:url("../img/bg_news_body.jpg");
    background-repeat:no-repeat; background-position:top;
    list-style-type:none;
}
div#content_left ul#news_body li a {
    display:block;
    padding:10px 20px 5px 25px;
    text-decoration:none;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
}
div#content_left ul#news_body li a:hover {
    color:#ff5555;
}
div#content_left div#news_index {
    padding:0px 20px 0px 0px;
    background-image:url("../img/bg_news_index.jpg");
    background-repeat:no-repeat; background-position:top;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    text-align:right;
}
div#content_left div#news_index a {
    color:#006666;
}
div#content_left div#news_footer {
    height:8px;
    background-image:url("../img/bg_news_footer.jpg");
    background-repeat:no-repeat; background-position:top;
}

/*コンテンツ（左カラム）のサブメニュー */
div#content_left div#submenu_header {
    height:25px;
    margin:10px 0px 0px 0px;
    padding:5px 0px 0px 0px;
    background-image:url("../img/bg_submenu_header.jpg");
    background-repeat:no-repeat; background-position:top;
    text-align:center;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;    /* フォントの種類 */
    color:#666666;
}
div#content_left ul#submenu_body {
    margin:10px 0px px 0px;
    padding:0px 0px 10px 0px;
    background-color:#ffbfff;
}
div#content_left ul#submenu_body li {
    font-size:10pt;
    list-style-type:none;        /*リストマーカー無しにする*/
    display:inline;            /*リスト項目をインライン表示にする*/
}
div#content_left ul#submenu_body li a {
    display:block;            /*リンクをブロック表示にする*/
    margin:0px 4px 1px 4px;        /*サブメニュー項目のマージン*/
    padding:5px 0px 5px 20px;    /*サブメニュー項目のパディング*/
    background-color:#ffeef7;    /*サブメニュー項目の背景色*/
    text-decoration:none;        /*リンクの下線を無くす*/
    font-family:Arial, Helvetica, sans-serif;    /* フォントの種類 */
    color:#555555;
}
div#content_left ul#submenu_body li a:hover {
    background-color:#ffffff;    /*リンクにマウスが乗ったら色を変える*/
}
div#content_left div#submenu_ftoor {
    height:5px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-image:url("../img/bg_submenu_footer.jpg");
    background-repeat:no-repeat; background-position:bottom;
    background-color:#ffffff;
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
    width:650px; margin:0px 0px 0px 0px;    /*幅の指定と位置調整*/
    float:right;                /*2カラム全体を右寄せにする*/
}

/*============================================
コンテンツ（中央カラム）
============================================*/
div#content_center {
    width:440px; margin-left:5px; padding-top:0px; /*幅の指定と位置調整*/
    float:left;                    /*カラムを左寄せにする*/
}

/* コンテンツ（中央カラム）のＤＴマップ */
div#content_center div#dtmap {
    position:relative; /* 位置固定宣言(親) */
    width:440px;
    height:275px;
    background-image:url("../img/bg_dtmap.jpg");
    background-repeat:no-repeat; background-position:top;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
}
div#dtmap span { color:#333355; }
div#dtmap span.str1 { position:absolute; top:175px; left:20px; z-index:1; }
div#dtmap span.str2 { position:absolute; top:192px; left:20px; z-index:1; }
div#dtmap span.str3 { position:absolute; top:209px; left:20px; z-index:1; }
div#dtmap span.str4 { position:absolute; top:226px; left:20px; z-index:1; }
div#dtmap span.str5 { position:absolute; top:243px; left:20px; z-index:1; }

/* コンテンツ（中央カラム）のサーチ */
div#content_center div#search {
    position:relative; /* 位置固定宣言(親) */
    width:438px;
    height:50px;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color:#88C4FF #88C4FF #88C4FF #88C4FF;
}
div#search input#txt {
    height:19px;
}
div#search input#btn {
    font-size:9pt;
    color:#000000;
    width:40px;
    height:22px;
}
div#search span {}
div#search span.p1 { position:absolute; top:0px; left:0px; z-index:1; }
div#search span.p1,span.p3 {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#006666;
    text-align:left;
    position:absolute;
    z-index:1;
}
div#search span.p2 {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:8pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
    text-align:left;
    position:absolute;
    z-index:2;
}
div#search span.p1 { position:absolute; top:5px;  left:10px;  }
div#search span.p2 { position:absolute; top:25px; left:10px;  }
div#search span.p3 { position:absolute; top:15px; left:212px; }

div#content_center div#mobile {
    position:relative; /* 位置固定宣言(親) */
    margin:5px 0px 0px 0px;
    padding:10px 10px 10px 10px;
    background-color:#ffffff;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color:#88C4FF #88C4FF #88C4FF #88C4FF;
}
div#mobile span.str {
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
    text-align:left;
}

/* コンテンツ（中央カラム）のポイント */
div#content_center div#point {
    position:relative; /* 位置固定宣言(親) */
    width:440px;
    height:512px;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
}
div#point span {}
div#point span.p1 { position:absolute; top:0px; left:0px; z-index:1; }
div#point span.p1_str,span.p2_str,span.p3_str,
          span.p4_str,span.p5_str,span.p6_str {
    width:200px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
    text-align:left;
    line-height:1.2;
    position:absolute;
    z-index:2;
}
div#point span.p1_str { position:absolute; top:40px;  left:10px;  }
div#point span.p2_str { position:absolute; top:40px;  left:232px; }
div#point span.p3_str { position:absolute; top:275px; left:10px;  }
div#point span.p4_str { position:absolute; top:210px; left:232px; }
div#point span.p5_str { position:absolute; top:380px; left:10px;  }
div#point span.p6_str { position:absolute; top:380px; left:232px; }

div#point span.p2 { position:absolute; top:0px;   left:222px; z-index:1; }
div#point span.p3 { position:absolute; top:172px; left:0px;   z-index:1; }
div#point span.p4 { position:absolute; top:172px; left:222px; z-index:1; }
div#point span.p5 { position:absolute; top:344px; left:0px;   z-index:1; }
div#point span.p6 { position:absolute; top:344px; left:222px; z-index:1; }

/*============================================
コンテンツ（右カラム）
============================================*/
div#content_right {
    width:200px; padding-top:0px;         /*幅の指定と位置調整*/
    float:right;                /*カラムを右寄せにする*/
    background-color:#ffffff;
}

/* コンテンツ（右カラム）のＰＲ */
div#content_right div#pr_header {
    height:25px;
    margin:0px 0px 0px 0px;
    background-image:url("../img/bg_pr_header.jpg");
    background-position:top;
    background-repeat:no-repeat;
}
div#content_right div#pr_body {
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 10px;
    background-image:url("../img/bg_pr_body.jpg");
    background-position:top;
    background-repeat:repeat-y;
}
div#content_right div#pr_body_180x150 {
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 10px;
    background-image:url("../img/bg_pr_body.jpg");
    background-position:top;
    background-repeat:repeat-y;
}
div#content_right div#pr_body_160x600 {
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 20px;
    background-image:url("../img/bg_pr_body.jpg");
    background-position:top;
    background-repeat:repeat-y;
}
div#content_right div#pr_body a {
    display:block;
    padding:5px 0px 5px 0px;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
    text-align:center;
}
div#content_right div#pr_body img {
    display:block;
    padding:0px 0px 0px 40px;
}
div#content_right div#pr_footer {
    height:8px;
    margin:0px 0px 5px 0px;
    background-image:url("../img/bg_pr_footer.jpg");
    background-position:top;
    background-repeat:no-repeat;
}

/* コンテンツ（右カラム）のなう最新情報 */
div#content_right div#now_header {
    height:25px;
    margin:3px 0px 0px 0px;
    background-image:url("../img/bg_now_header.jpg");
    background-position:top;
    background-repeat:no-repeat;         /*背景画像を繰り返さない*/
}
div#content_right div#now_body {
    margin:0px 0px 0px 0px;
    padding:0px 0px 2px 0px;
    background-image:url("../img/bg_now_body.jpg");
    background-position:top;
    background-repeat:repeat-y;    /* 背景画像を縦方向に繰り返す       */
}

/* なう */
div#content_right div#now_body div.lst_now_header {
    margin:0px 0px 0px 0px;
    padding:0px 0px 3px 0px;
    font-size:9pt;
    font-family:Arial, Helvetica, sans-serif; 
    color:#666666;
    text-align:center;
}
div#content_right div#now_body ul.lst_now_body {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
div#content_right div#now_body ul.lst_now_body li {
    font-size:10pt;
    list-style-type:none;
    display:inline;
}
div#content_right div#now_body ul.lst_now_body li a {
    display:block;
    margin:0px 10px 2px 10px;
    padding:5px 10px 5px 10px;
    background-color:#eeeeee;
    text-decoration:none;
    font-size:8pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
}
div#content_right div#now_body ul.lst_now_body li a:hover {
    background-color:#ffe1ff;
}

/* カフェ */
div#content_right div#now_body div.lst_cafe_header {
    margin:10px 0px 0px 0px;
    padding:0px 0px 3px 0px;
    font-size:9pt;
    font-family:Arial, Helvetica, sans-serif; 
    color:#666666;
    text-align:center;
}
div#content_right div#now_body ul.lst_cafe_body {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
div#content_right div#now_body ul.lst_cafe_body li {
    font-size:10pt;
    list-style-type:none;
    display:inline;
}
div#content_right div#now_body ul.lst_cafe_body li a {
    display:block;
    margin:0px 10px 2px 10px;
    padding:5px 10px 5px 10px;
    background-color:#eeeeee;
    text-decoration:none;
    font-size:8pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
}
div#content_right div#now_body ul.lst_cafe_body li a:hover {
    background-color:#ffe1ff;
}

div#content_right div#now_footer {
    height:11px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-image:url("../img/bg_now_footer.jpg");
    background-position:bottom;
    background-repeat:no-repeat;         /*背景画像を繰り返さない*/
}

/* 日記新着 */
div#content_right div#newdiary_header {
    margin:5px 0px 0px 0px;
    padding:2px 0px 2px 0px;
    background-color:#ffbfff;
    text-align:center;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#666666;
}
div#content_right ul#newdiary_body {
    margin:10px 0px px 0px;
    padding:0px 2px 1px 2px;
    background-color:#ffbfff;
}
div#content_right ul#newdiary_body li {
    list-style-type:none;
    display:inline;
}
div#content_right ul#newdiary_body li a {
    height:45px;
    display:block;
    margin:0px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    background-color:#ffeef7;
    text-decoration:none;
    font-size:8pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
    line-height:1.3;
}
div#content_right ul#newdiary_body li a img {
    padding:0px 5px 0px 0px;
}
div#content_right ul#newdiary_body li a:hover {
    background-color:#ffffff;
}
div#content_right div#newdiary_ftoor {
    height:1px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:#ffbfff;
}

/*============================================
サブフッタ
============================================*/
div#subfooter {
    padding:10px 0px 0px 0px;
    clear:both; /* 回り込み解除 */
    background-color:#ffffff;
}
div#subfooter hr.line {
    border-style:solid;
    border-color:#cccccc;
    border-width:1px 0px 0px 0px;
}
div#subfooter p {
    text-align:center;
    font-size:8pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
}
div#subfooter p a {
    font-size:9pt;
    font-family:Arial, Helvetica, sans-serif;
    color:#555555;
}

/*============================================
フッタ
============================================*/
div#footer {
    height:30px; text-align:center;
    clear:both;                    /*回り込みを解除する*/
    background-repeat:no-repeat;            /*背景画像を繰り返さない*/
    background-color:#0080c0;            /*フッタ部分の背景色*/
}
div#footer address {
    color:#ffffff;
    font-style:normal;             /*フォントスタイルを標準にする*/
    font-size:small;             /*フォントサイズを小さくする*/
    padding:5px 0px 0px 0px;         /*要素内容の位置調整*/
}

/*-------------- End of file ---------------*/