@charset 'UTF-8';
/***************************************************************
    SYSTEM   : ゆりの里公園
    TITLE    : スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.3.2
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 画面共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2009/01/10  //as Ver1.2.1
    UPDATED  : 2014/08/01  //as Ver1.3.2
***************************************************************/

/***************************************************************
    ページ全体の定義
***************************************************************/

/* 文字色・フォントの定義 */
body, table, input, button, textarea {
    color: #000000;
    font-size: 12pt;
    font-weight: normal;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Osaka', Verdana, Arial, Helvetica, sans-serif;
/*  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Osaka', Verdana, Arial, Helvetica, sans-serif; */
    text-decoration: none;
}

/* 背景色の定義 */
body {
    margin: 0px;
    padding: 0px;
    line-height: 1.8em;
    background: #FFFFCC url('../images/wall.jpg') no-repeat;
}

/* テーブルの定義 */
table {
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
}

/* イメージの定義 */
img {
    border: none;
}

/* フォームの定義 */
form {
    margin: 0px;
    padding: 0px;
}

/* 字下げの定義 */
blockquote {
    margin: 12px 16px 12px 32px;
}

/* リンクデザイン */
a {
    text-decoration: none;
    outline: none;
}
a:link    {color: #0000CC;}
a:visited {color: #0000CC;}
a:hover   {color: #CC0000;}
a:active  {color: #0000CC;}

/***************************************************************
    ヘッダ部の定義
***************************************************************/

/* ページ部の定義 */
#page {
    margin: 0px auto;
    padding: 0px 10px;
    width: 940px;
    background: url('../images/page.jpg') repeat-y;
}

/* ヘッダ部の定義 */
#head {
    width: 940px;
    height: 80px;
    background: url('../images/head.jpg') no-repeat;
}

/* ロゴ部の定義 */
#logo {
    float: left;
    width: 216px;
    height: 80px;
}

/* ロゴ部文字の定義 */
#logo h1 {
    margin: 0px;
    font-size: 6pt;
    text-indent: -9999px;
}

/* ナビゲーション部の定義 */
#navi {
    float: right;
    margin: 8px 40px 8px 0px;
    padding: 0px;
    width: 684px;
    height: 64px;
    display: inline;
    list-style: none;
}

/* ナビゲーション部ボタンの定義 */
#navi li {
    float: left;
}

/* ナビゲーション部ボタンリンクの定義 */
#navi li a {
    height: 64px;
    display: block;
}

/* ナビゲーション部ボタン幅の定義 */
#navi_home {width: 80px;}
#navi_guid {width: 122px;}
#navi_ency {width: 104px;}
#navi_mail {width: 98px;}
#navi_link {width: 90px;}
#navi_blog {width: 186px;}

/* イベント部の定義 */
#event {
    padding: 20px 78px 12px 82px;
    width: 780px;
    height: 120px;
    background: url('../images/event_org.jpg') no-repeat;
/*    height: 216px;  バナー2014 */
/*    background: url('../images/event_2014.jpg') no-repeat;  バナー2014 */
}

/* ゆりフェスタ部の定義 */
#festa {
    height: 120px;
/*    height: 216px;  バナー2014 */
}

/* イベント部リスト項目リンクの定義 */
#festa a {
    width: 780px;
    height: 120px;
/*    height: 216px;  バナー2014 */
    display: block;
}

/***************************************************************
    ボディ部の定義
***************************************************************/

/* ボディ部の定義 */
#body {
    float: left;
    padding: 16px 66px 16px 70px;
    width: 804px;
}

/* コンテンツ部の定義 */
#cont {
    float: left;
    width: 576px;
}

/* パンくずリスト部の定義 */
#trace {
    margin: 0px 0px 16px;
    padding: 0px 16px;
    height: 24px;
    font-size: 10pt;
    line-height: 24px;
    list-style: none;
    background: url('../images/trace.gif') no-repeat;
}

/* パンくずリスト部リスト項目の定義 */
#trace li {
    float: left;
    margin-right: 16px;
}

/* パンくずリスト部リスト項目リンクの定義 */
#trace li a {
    color: #666666;
}

/* パンくずリスト部リスト項目リンク選択の定義 */
#trace li a:hover {
    color: #CC0000;
}

/* コンテンツ部タイトルの定義 */
#cont .title {
    clear: both;
    margin: 0px 0px 16px;
    width: 576px;
    height: 44px;
    background: url('../images/title.gif') no-repeat;
}

/* コンテンツ部タイトル文字の定義 */
#cont .title h2 {
    margin: 0px;
    padding: 12px 0px 0px 56px;
    color: #404080;
    font-size: 15pt;
    font-weight: bold;
    line-height: 24px;
}

/* コンテンツ部タイトル文字リンク選択の定義 */
#cont .title a:hover h2 {
    color: #CC0000;
}

/* コンテンツ部サマライズの定義 */
#cont .summ {
    margin-bottom: 16px;
}

/* コンテンツ部見出しの定義 */
#cont .capt {
    margin: 0px 0px 8px;
    background-color: #E5F2FF;
    border-left: solid 8px #297ACC;
}

/* コンテンツ部見出し文字の定義 */
#cont .capt h3 {
    margin: 0px 0px 0px 12px;
    color: #404080;
    font-size: 13.5pt;
    font-weight: bold;
    line-height: 32px;
}

/* コンテンツ部見出し文字リンク選択の定義 */
#cont .capt a:hover h3 {
    color: #CC0000;
}

/* アタッチ部画像の定義 */
#cont .attach .pics {
    margin-bottom: 16px;
}

/* コンテンツ部ボーダーの定義 */
#cont .border {
    clear: both;
    width: 576px;
    height: 32px;
    background: url('../images/border.gif') repeat-x;
}

/* ページトップ部の定義 */
#cont .ptop {
    margin: 0px;
    font-size: 10pt;
    line-height: 18px;
    text-align: right;
}

/* ページトップ部リンクの定義 */
#cont .ptop a {
    color: #666666;
}

/* ページトップ部リンク選択の定義 */
#cont .ptop a:hover {
    color: #CC0000;
}

/* ソーシャルメディアボタン部の定義  */
#smb {
    margin-bottom: 12px;
}

/***************************************************************
    サイド部の定義
***************************************************************/

/* サイド部の定義 */
#side {
    float: right;
    margin-left: 20px;
    width: 208px;
    font-size: 10pt;
    line-height: 18px;
}

/* 文字サイズ変更部の定義 */
#charsize {
    padding: 8px 6px 8px 88px;
    width: 114px;
    height: 24px;
    background: url('../images/charsize.gif') no-repeat;
}

/* 文字サイズ変更部リンクの定義 */
#charsize div {
    float: left;
    width: 38px;
    height: 24px;
    cursor: pointer;
}

/* ゆりの生育情報部の定義 */
#grow {
    clear: both;
    padding: 40px 20px 36px;
    width: 168px;
    height: 168px;
    background: url('../images/grow.gif') no-repeat;
}

/* フォトコレクション部の定義 */
#coll {
    width: 208px;
    height: 212px;
    text-align: center;
    background: url('../images/coll.gif') no-repeat;
}

/* 写真部の定義 */
#photo {
    padding: 40px 20px 6px;
    height: 126px;
}

/* コントロール部の定義 */
#ctrl {
    margin: 0px 12px 20px;
    width: 184px;
    height: 32px;
}

/* 写真番号の定義 */
#numb {
    float: left;
    padding-top: 16px;
    width: 120px;
    height: 16px;
    font-size: 7.5pt;
    text-align: right;
}

/* 次/前ボタンの定義 */
#prev, #next {
    float: left;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

/* お問合せ部の定義 */
#inqu {
    padding: 6px 10px;
    width: 188px;
    height: 44px;
    background: url('../images/inqu.gif') no-repeat;
}

/* お問合せ部リンクの定義 */
#inqu a {
    width: 188px;
    height: 44px;
    display: block;
}

/* インフォメーション上部の定義 */
#cover {
    width: 208px;
    height: 45px;
    background: url('../images/cover.gif') no-repeat;
}

/* インフォメーション部の定義 */
#info {
    padding: 0px 10px;
    width: 188px;
    text-align: center;
    line-height: 16px;
    background: #FFFFFF url('../images/info.gif') repeat-y;
}

/* インフォメーション部メニューの定義 */
#menu {
    margin: 0px 32px 8px;
    padding: 0px;
    line-height: 24px;
    text-align: left;
    list-style: none;
}

/* インフォメーション部メニュー項目の定義 */
#menu li {
    padding-left: 12px;
    background: url('../images/point.gif') no-repeat;
}

/* インフォメーション部見出しの定義 */
#info .capt {
    margin: 8px 12px 0px;
    padding: 2px;
    background-color: #E5E5E5;
}

/* インフォメーション部メッセージの定義 */
#infomess {
    margin: 8px 0px;
}

/* インフォメーション部休館日の定義 */
#holiday {
    background-color: #FFCCCC;
    border: solid 1px #CCCCCC;
}

/* インフォメーション部カレンダーの定義 */
#calendar {
    padding: 0px 10px;
}

/* 下部の定義 */
#below {
    width: 208px;
    height: 20px;
    background: url('../images/below.gif') no-repeat;
}

/* ソーシャル部の定義 */
#social img {
    margin-top: 8px;
}

/***************************************************************
    百科事典部の定義
***************************************************************/

/* 百科事典部の定義 */
#encyclo {
    clear: both;
    width: 940px;
    height: 336px;
    background: url('../images/encyclo.gif') no-repeat;
}

/* 検索部の定義 */
#search {
    position: relative;
    float: left;
    padding: 60px 0px 0px 78px;
    width: 292px;
}

/* 検索部リストの定義 */
#search ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* 検索部リスト項目の定義 */
#search li {
    float: left;
    width: 146px;
}

/* 検索部リスト項目リンクの定義 */
#search li a {
    width: 146px;
    height: 40px;
    display: block;
}

/* 百科事典部リンク位置の定義 */
#ency_about {margin-left: 146px; display: inline;}
#ency_srch, #ency_seek {margin-top: 18px;}
#ency_shop, #ency_lang {margin-top: 72px;}
#ency_arng, #ency_know {margin-top: 8px;}

/* 百科事典ヘルプの定義 */
#encyhelp {
    clear: both;
    position: absolute;
    top: 162px;
    left: 88px;
    width: 268px;
    font-size: 9pt;
    line-height: 18px;
}

/* バナー部の定義 */
#banner {
    float: right;
    padding: 8px;
    width: 554px;
}

/* バナー部バナーの定義 */
#banner img {
    float: left;
    margin: 4px;
}

/***************************************************************
    フッタ部の定義
***************************************************************/

/* フッタ部の定義 */
#foot {
    clear: both;
    width: 940px;
    height: 152px;
    background: url('../images/foot.jpg') no-repeat;
}

/* リンク部の定義 */
#foot #link {
    margin: 0px;
    padding: 56px 66px 12px 70px;
    width: 804px;
    height: 20px;
    font-size: 9pt;
    line-height: 18px;
    list-style: none;
}

/* リンク部ボタンの定義 */
#foot #link li {
    float: left;
    padding: 0px 16px 0px 10px;
    display: inline;
    background: url('../images/arrow.gif') no-repeat;
}

/* リンク部ボタンリンクの定義 */
#foot #link li a {
    color: #000000;
}

/* リンク部ボタンリンク選択の定義 */
#foot #link li a:hover {
    color: #FF0000;
}

/* 注釈部の定義 */
#note {
    width: 940px;
    height: 64px;
}

/* 底辺部の定義 */
#bottom {
    margin: 0px auto;
    padding-top: 12px;
    width: 960px;
    height: 44px;
    font-size: 9pt;
    line-height: 18px;
    text-align: center;
    background: url('../images/bottom.jpg') no-repeat;
}

/***************************************************************
    クラスの定義
***************************************************************/

/* エラー部の定義 */
.err {
    margin: 0px 0px 16px;
    padding: 8px;
    color: #FF0000;
    line-height: 1.5em;
    background-color: #FFFFCC;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
}

/* 表見出しの定義 */
th.list {
    padding: 2px 4px;
    font-weight: normal;
    border: solid 1px #999999;
    background-color: #E5FFCC;
}

/* 表明細の定義 */
td.list {
    padding: 2px 4px;
    border: solid 1px #999999;
}

/* 入力枠の定義 */
.input {
    padding: 2px;
    background-color: #FFFFCC;
    border: 1px solid #999999;
}

/* テキスト入力の定義 */
.form {
    padding: 0px 2px;
    border: 1px solid #FF00FF;
}

/* ボックス入力の定義 */
textarea.box {
    margin: 2px 0px;
    padding: 0px 2px;
    border: 1px solid #FF00FF;
}

/* ボタンエリア部の定義 */
.btnarea {
    margin: 12px 0px;
    text-align: center;
}

/* ボタンの定義 */
.btn_fwd, .btn_rew {
    margin: 0px 8px;
    cursor: pointer;
}

/* プロンプト部の定義 */
.prompt {
    color: #990000;
    line-height: 1.5em;
}

/* 控えメール送信部の定義 */
.opt {
    margin-top: 8px;
    text-align: center;
}

/* 必須入力項目識別子の定義 */
.ess {
    color: #FF0000;
    font-weight: bold;
}

/* 大きめ文字の定義 */
.large {
    font-size: larger;
}

/* 小さめ文字の定義 */
.small {
    font-size: smaller;
}

/* 中央寄せの定義 */
.center {
    text-align: center;
}

/* 右寄せの定義 */
.right {
    text-align: right;
}

/* 文字寄せクリアの定義 */
.clear {
    clear: both;
}