@charset "UTF-8";
/** ************************************************************
    SYSTEM   : gela CMS
    TITLE    : プレーン左メニュースタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.4.1
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : サイト共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2009/01/10  //as Ver1.2.1
    UPDATED  : 2015/11/28  //as Ver1.4.1
    CREDIT   : Copyright 2010 studio yap (http://yap.jp)
***************************************************************/

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

/* 文字色・フォントの定義 */
body, table, input, button, textarea, select {
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 10pt;
    font-family: 'Meiryo UI', 'MS UI Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Verdana';
    line-height: 1.4em;
}

/* 背景色の定義 */
body {
    background: #FFFFFF fixed;
}

/* 画像の定義 */
img {
    border: none;
}

/* テーブルの定義 */
table {
    font-size: 100%;
}

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

/* リンクの定義 */
a {
    color: #000080;
    text-decoration: none;
    outline: none;
}

/* リンク選択の定義 */
a:hover {
    color: #CC0000;
}

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

/* 冒頭文の定義 */
#headline {
    margin: auto;
    width: 784px;
    font-size: smaller;
}

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

/* ヘッダ部の定義 */
#head {
    position: relative;
    float: left;
    margin: 0px 4px;
    width: 792px;
    min-height: 120px;
    height: auto !important;
    height: 120px;
    display: inline; /* IE6用 */
    background: url('../images/head.png') no-repeat;
}

/* サイト名の定義 */
#site {
    margin: 0px;
    height: 16px;
    font-size: 6pt;
    text-indent: -9999px;
    line-height: 1.0em; /* IE6用 */
}

/* ロゴ部の定義 */
#logo {
    float: left;
    width: 456px;
    display: inline; /* IE6用 */
}

/* ロゴ部文字の定義 */
#logo h1 {
    margin: 4px 16px;
    color: #666666;
    font-size: 175%;
    font-weight: normal;
    line-height: 1.2em;
}

/* コンタクト情報部の定義 */
#contact {
    float: right;
    margin: 0px 16px;
    width: 304px;
    color: #666666;
    font-size: larger;
    text-align: right;
    line-height: 1.4em;
}

/* ナビ部の定義 */
#navi {
    float: left;
    margin: 0px 4px;
    padding: 0px;
    width: 791px;
    display: inline; /* IE6用 */
    list-style-type: none;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    background: url('../images/navi.gif') repeat;
}

/* ナビ部リスト項目の定義 */
#navi li {
    float: left;
    padding: 0px 12px;
    line-height: 24px;
    display: inline; /* IE6用 */
    background: url('../images/list.gif') no-repeat right;
}

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

/* ボディ部の定義 */
#body {
    float: left;
    margin: 0px 4px;
    padding: 8px 0px 0px;
    display: inline; /* IE6用 */
}

/* コンテンツ部の定義 */
#cont {
    float: right;
    width: 600px;
    padding-left: 12px;
    border-left: solid 1px #999999;
}

/* トレース部の定義 */
#trace {
    margin-bottom: 8px;
    padding: 4px 8px 4px 24px;
    color: #666666;
    background-color: #F0F0F0;
}

/* キャッチ部の定義 */
#catch {
    position: relative;
    margin-bottom: 8px;
    min-height: 160px;
    height: auto !important;
    height: 160px;
    background: url('../images/catch.jpg') no-repeat;
}

/* キャッチ部文字の定義 */
#catch h2 {
    margin: 0px;
    padding: 64px 32px 0px;
    height: 96px;
    color: #666666;
    font-size: 150%;
    font-weight: normal;
    line-height: 1.2em;
}

/* コンテンツ部タイトルの定義 */
#cont .title {
    clear: both;
    margin: 0px 0px 8px 0px;
}

/* コンテンツ部タイトル文字の定義 */
#cont .title h2 {
    margin: 0px;
    padding: 6px 24px 0px;
    height: 26px;
    font-size: larger;
    font-weight: normal;
    line-height: 18px;
    background: url('../images/title.gif') no-repeat;
}

/* コンテンツ部概要の定義 */
#cont .summ {
    padding: 0px 0px 16px 24px;
}

/* コンテンツ部見出しの定義 */
#cont .capt {
    clear: both;
    margin: 0px 0px 8px 24px;
}

/* コンテンツ部見出し文字の定義 */
#cont .capt h3 {
    margin: 0px;
    padding: 3px 8px 0px;
    height: 20px;
    font-size: 100%;
    font-weight: normal;
    line-height: 18px;
    border-left: solid 8px #999999;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #999999;
    background: url('../images/capt.gif') repeat-x;
}

/* コンテンツ部説明の定義 */
#cont .expl {
    padding: 0px 0px 8px 40px;
}

/* コンテンツ部アタッチの定義 */
#cont .attach {
    float: right;
    margin-left: 8px;
}

/* コンテンツ部アタッチ項目の定義 */
#cont .atts {
    margin: 0px 0px 8px 8px;
}

/* ギャラリー部の定義 */
#cont .gallery .attach {
    width: 576px;
}

/* ギャラリー部の定義 */
#cont .gallery .atts {
    float: left;
    width: 136px;
    display: inline; /* IE6用 */
}

/* コンテンツ部ページトップへの定義 */
#cont .ptop {
    clear: both;
    margin-left: auto;
    margin-bottom: 8px;
    text-align: right;
    background: url('../images/ptop.gif') no-repeat top right;
}

/* コンテンツ部ページトップへの定義 */
#cont .ptop a {
    margin-left: auto;
    width: 100px;
    height: 16px;
    display: block;
}

/* イベント部アタッチの定義 */
#events .attach {
    float: none;
    margin: 0px !important;
}

/* イベント部アタッチ項目の定義 */
#events .atts {
    float: left;
    display: inline; /* IE6用 */
}

/* スライドショー部の定義 */
#slide {
    margin: 0px auto 8px;
    padding: 8px 0px;
    width: 598px;
    font-size: 9pt;
    border: solid 1px #999999;
    background-color: #FFFFFF;
}

/* スライドショー部説明の定義 */
#slide .expl {
    display: none;
}

/* スライドショー部アタッチの定義 */
#slide .attach {
    float: none !important;
    margin: 0px !important;
}

/* スライドショー部アタッチ項目の定義 */
#slide .atts {
    margin: 0px 4px !important;
    width: 140px !important;
}

/* スライドショー部タイトルの定義 */
#slide .pcap {
    margin: 8px 0px 4px;
    padding: 4px;
    color: #FFFFFF;
    text-align: center;
    background-color: #999999;
    overflow: hidden;
}

/* 新着情報部の定義 */
#news {
    margin-bottom: 8px;
    padding: 15px;
    height: 224px;
    border: solid 1px #999999;
}

/* 新着情報部ニュースの定義 */
#news .expl {
    margin: 0px;
    padding: 0px;
    height: 224px;
    overflow: auto;
    scrollbar-face-color: #E5E5E5;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #999999;
    scrollbar-shadow-color: #999999;
    scrollbar-highlight-color: #999999;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
}

/* 新着情報部ラインの定義 */
#news hr {
    height: 1px; /* IE用必須 */
    border-width: 1px 0px 0px;
    border-style: solid;
    border-color: #999999;
}

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

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

/* サイドバー部の定義 */
#side {
    float: left;
    margin-right: 11px;
    width: 168px;
}

/* メニュー部リストの定義 */
#menu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/* メニュー部リスト項目の定義 */
#menu li {
    margin: 0px;
    padding: 0px;
    text-indent: 14px;
    line-height: 32px;
    overflow: hidden;
    background: url('../images/menu_sel.gif') repeat-x;
}

/* メニュー部リスト項目リンクの定義 */
#menu li a {
    height: 32px;
    color: #000000;
    display: block;
    background: url('../images/menu.gif') repeat-x;
}

/* メニュー部リスト項目リンク選択の定義 */
#menu li a:hover {
    background: url('../images/point.gif') no-repeat 4px 10px;
}

/* サイドバー部フレームの定義 */
#side .frame {
    margin-bottom: 8px;
    border: solid 1px #999999;
}

/* サイドバー部フレームヘッダの定義 */
#side .frame_head {
    padding-top: 8px;
    width: 166px;
    height: 18px;
    color: #666666;
    font-weight: bold;
    line-height: 8px;
    text-align: center;
    background: url('../images/frame_head.gif') repeat-x;
}

/* サイドバー部フレームボディの定義 */
#side .frame_body {
    padding: 7px;
    border-top: solid 1px #999999;
}

/* サイドバー部フレームフッタの定義 */
#side .frame_foot {
}

/* バナー部の定義 */
#banner {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/* バナー部リスト項目の定義 */
#banner li {
    float: left;
    padding-bottom: 8px;
    width: 168px;
}

/* バナー部リスト項目リンクの定義 */
#banner li a {
    display: block;
}

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

/* フッタ部の定義 */
#foot {
    clear: both;
    margin: 0px auto;
    padding: 0px 4px;
    width: 792px;
}

/* リンク部の定義 */
#link {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 791px;
    list-style-type: none;
    border-right: solid 1px #CCCCCC;
    background: url('../images/link.gif') repeat;
}

/* リンク部リスト項目の定義 */
#link li {
    float: left;
    padding: 0px 12px;
    line-height: 24px;
    display: inline; /* IE6用 */
    background: url('../images/list.gif') no-repeat right;
}

/* 著作権表記部の定義 */
#copy {
    clear: both;
    padding: 8px 0px;
    width: 792px; /* IE5用 */
    color: #666666;
    text-align: center;
}

/* 脚注の定義 */
#footnote {
    margin: auto;
    width: 784px;
    font-size: smaller;
}

/***************************************************************
    フォームクラスの定義
***************************************************************/

/* エラー部の定義 */
.err {
    margin-bottom: 12px;
    padding: 8px;
    color: #FF0000;
    border: solid 1px #999999;
}

/* プロンプト部の定義 */
.prompt {
}

/* 表の定義 */
table.list {
    margin: 0px auto 8px;
    width: 560px;
    border-collapse: collapse;
}

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

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

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

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

/* セレクト入力の定義 */
select.form {
    padding: 1px;
}

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

/* オプション部の定義 */
.opt {
    text-align: center;
}

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

/* 前進ボタンの定義 */
.btn_fwd {
    margin: 0px 8px;
    padding: 0px 16px;
    height: 32px;
    cursor: pointer;
    outline: none;
    border: solid 1px #660000;
    background: url('../images/btn_fwd.gif') repeat-x;
}

/* 後退ボタンの定義 */
.btn_rew {
    margin: 0px 8px;
    padding: 0px 16px;
    height: 32px;
    cursor: pointer;
    outline: none;
    border: solid 1px #666666;
    background: url('../images/btn_rew.gif') repeat-x;
}

/* 注釈部の定義 */
.notes {
    margin: 16px 8px 0px;
}

/* 謝辞部の定義 */
.thanx {
    text-align: center;
}

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

/* 絶対位置の定義 */
.absol {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

/* 左寄せの定義 */
.left {
    text-align: left;
}

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

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

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

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

/* 段組みクリアの定義 */
.clear {
    clear: both;
}