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

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

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

/* キャッチ部の定義 */
#catch {
    width: 940px;
    height: 348px;
}

/* イベント部の定義 (Override) */
#event {
    position: relative;
    padding: 12px 78px 0px 82px;
    width: 780px;
    height: 152px;
    background: url('../images/home_event_org.jpg') no-repeat;
/*    height: 248px;  バナー2014 */
/*    background: url('../images/home_event_2014.jpg') no-repeat;  バナー2014 */
}

/* イベントメッセージの定義 */
#mess {
    height: 32px;
    font-size: 10pt;
    line-height: 32px;
}

/* ガイダンス部の定義 */
#guidance {
    margin-bottom: 24px;
}

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

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

/* コンテンツ部説明エリアの定義 */
#cont .expl {
    float: right;
    width: 416px;
}

/* アタッチ部の定義 */
#cont .attach {
    float: left;
    width: 160px;
}

/* ドロップイン部の定義 */
#dropin {
    position: absolute;
    top: 10px;
    right: 76px;
    width: 320px;
    height: 108px;
    padding: 6px;
    overflow: hidden;
    border: solid 1px #666666;
    background: #FFFFCC;
    visibility: hidden;
}

/* ドロップイン部写真の定義 */
#dropin_pics {
    float: left;
    width: 144px;
    height: 108px;
}

/* ドロップイン部説明の定義 */
#dropin_expl {
    float: right;
    width: 168px;
    line-height: 1.1em;
}

/* ドロップイン部ヘッダ文字の定義 */
#dropin_expl h3 {
    margin: 0px 0px 4px;
    color: #CC0000;
    font-size: 100%;
}