@charset "shift_jis";

body {
    padding    : 0px;
    margin     : 0px;
    font       : 75%/2 "メイリオ", Meiryo, "BIZ UDGothic", Arial, sans-serif;
    color      : #333333;
    text-align : center;
    background : #FFFFFF url(images/bg.gif);
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {
    padding : 0px;
    margin  : 0px;
}
ul {
    list-style-type: none;
}
input,textarea,select {
    font-size : 1em;
}
table {
    border-collapse : collapse;
    border-spacing  : 0;
    font-size       : 100%;
}
img {
    border : none;
}

/* -----------------------------------------------
▼ リンク（全般）
----------------------------------------------- */
a {
    color: #333333;
}
a:hover {
    color           : #72C3E9;
    text-decoration : none;
}

/* -----------------------------------------------
▼ コンテナー（ＨＰを囲むブロック）
----------------------------------------------- */
#container {
    width        : 930px;
    margin-left  : auto;
    margin-right : auto;
    text-align   : left;
}

/* -----------------------------------------------
▼ ヘッダー（ロゴが入ったブロック）
----------------------------------------------- */
#header {
    width      : 100%;
    text-align : center;
    background : url(images/header_bg.gif) no-repeat center top;
}
#header h1 {
    padding-bottom : 20px;
    font-size      : 12px;
    color          : #ffffff;
    line-height    : 24px;
}
#header h1 a {
    color           : #ffffff;
    text-decoration : none;
}

/* -----------------------------------------------
▼ トップページスライドショー
----------------------------------------------- */
#mainimg {
    position : relative;
    height   : 320px;
    width    : 930px;
}
#mainimg .slide_file {
    display : none;
}
#slide_image {
    position : absolute;
    top      : 0px;
    left     : 0px;
    z-Index  : 2;
}
#slide_image2 {
    position : absolute;
    top      : 0px;
    left     : 0px;
    z-Index  : 1;
}
#mainimg img {
    vertical-align : bottom;
}

/* -----------------------------------------------
▼ メインメニュー
----------------------------------------------- */
ul#menu {
    padding-top  : 17px;
    padding-left : 20px;
}
ul#menu li {
    float         : left;
    padding-right : 10px;
    margin-bottom :  5px;
}
ul#menu img {
    vertical-align : bottom;
}

/* -----------------------------------------------
▼ コンテンツ（左右ブロック・フッターを囲むボックス）
----------------------------------------------- */
#contents {
    clear        : left;
    width        : 890px;
    margin-left  : auto;
    margin-right : auto;
}

/* -----------------------------------------------
▼ メインコンテンツ
----------------------------------------------- */
#main {
    float          : left;
    width          : 670px;
    padding-bottom :  30px;
}
#main h1 {
    clear        : both;
    height       :  45px;
    width        : 670px;
    padding-left :  10px;
    overflow     : hidden;
    font-size    :  16px;
    color        : #ffffff;
    line-height  :  35px;
    background   : url(images/h2bgmain.jpg) no-repeat;
}
#main h2 {
    clear        : both;
    height       :  45px;
    width        : 890px;
    padding-left :  10px;
    overflow     : hidden;
    font-size    :  16px;
    color        : #ffffff;
    line-height  :  35px;
    background   : url(images/h2bg.jpg) no-repeat;
}
#main p {
    padding : 0.5em 10px 1em;
}

/*box*/
#main .box {
    width         : 644px;
    padding       : 10px;
    margin-bottom : 1em;
    border        : 3px solid #72C3E9;
    overflow      : hidden;
    background    : #FFF;
}
#main .box p.img {
    float   : left;
    padding : 0px;
}
#main .box p.img img {
    padding : 5px;
    border  : 1px solid #CCC;
}
#main .box h3 {
    margin-left   : 230px;
    margin-bottom : 0.5em;
    border-bottom : 2px dotted #72C3E9;
    font-size     : 100%;
    color         : #000080;
}
#main .box p.text {
    padding     :   0px;
    margin-left : 230px;
}
#main .box.noimg p.text,
#main .box.noimg h3 {
    margin-left : 0px;
}

/* -----------------------------------------------
▼ サブコンテンツ
----------------------------------------------- */
#search {
    width : 200px;
    margin: 0 auto;
}

#sub {
    float          : right;
    width          : 200px;
    padding-top    :  24px;
    padding-bottom :  30px;
}
#sub h3 {
    padding       : 3px;
    border-bottom : 4px solid #F1A803;
    font-size     : 100%;
    color         : #ffffff;
    text-align    : center;
    background    : #72C3E9;
}
#sub p {
    padding : 0.5em 0px 0.5em;
}

/*サブメニュー*/
ul.submenu {
    margin-bottom : 1em;
}
ul.submenu li a {
    display         : block;
    width           : 178px;
    padding         : 3px 10px;
    border-left     : 1px solid #CCC;
    border-right    : 1px solid #CCC;
    border-bottom   : 1px solid #CCC;
    text-decoration : none;
    background      : #FFF;
}
ul.submenu li a:hover {
    color      : #333;
    background : #e5e5e5;
}

/*box*/
#sub .box {
    padding    : 5px;
    border     : 1px solid #CCC;
    background : #FFF;
}

/*カレンダー用*/
#sub #flash-calendar {
    height            : 170px;
    width             : 200px;
    margin-bottom     :  15px;
    background-image  : url(images/flash_calender.jpg);
    background-repeat : no-repeat;
}

/*floating-menu*/
div#floating-menu {
    position         : fixed;
    top              : 0px;
    left             : 0px;
    right            : 0px;
    border           : 1px solid #000000;
    z-index          : 9999;
    background-color : #FFFFFF;
}

/* -----------------------------------------------
▼ トップページ内
----------------------------------------------- */
/*更新情報・お知らせ*/
#main .new {
    height       : 128px;
    width        : 660px;
    padding-left : 10px;
    overflow     : auto;
}
#main .new dl {
    clear         : left;
    width         : 640px;
    border-bottom : 1px solid #cccccc;
    overflow      : hidden;
}
#main .new dt {
    float       : left;
    width       : 120px;
    font-weight : bold;
}
#main .new dd {
    float : left;
    width : 520px;
}
#main .new dd img {
    vertical-align : middle;
}
*html #main .new dd img {
    margin-top     : 0.5em;
    vertical-align : baseline;
}

/*メニュー画像*/
#main div.box2column {
    position      : relative;
    width         : 100%;
    margin-bottom : 5px;
    overflow      : hidden;
}
#main div.box2column_left {
    float        : left;
    width        : 310px;
    padding      :   5px;
    border-width :   1px;
    border-style : solid;
    border-color : #cccccc;
}
#main div.box2column_right {
    float        : right;
    width        : 310px;
    padding      :   5px;
    border-width :   1px;
    border-style : solid;
    border-color : #cccccc;
}
#main div.box2column p {
    padding-bottom : 0px;
}
#main div.imagebox {
    position      : relative;
    width         : 100%;
    margin-bottom : 5px;
    overflow      : hidden;
}
#main div.imagebox_left {
    float         : left;
    padding-right : 10px;
}
#main div.imagebox_left2 {
    float         : left;
    padding-right : 10px;
    height        : 120px;
}
#main div.imagebox_left img {
    padding      : 5px;
    border-width : 1px;
    border-style : solid;
    border-color : #cccccc;
}
#main div.imagebox_left2 img {
    padding      : 5px;
    border-width : 1px;
    border-style : solid;
    border-color : #cccccc;
}
#main div.imagebox_right {
    float        : right;
    padding-left : 10px;
}
#main div.imagebox_right img {
    padding      : 5px;
    border-width : 1px;
    border-style : solid;
    border-color : #cccccc;
}

/*写真ギャラリー*/
.gallery {
    width       : 880px;
    margin      : 0;
    font        : 75% "メイリオ";
    font-weight : bold;
}
.gallery img {
    height        : 200px;
    width         : 200px;
    border        : 0;
  /*border-bottom : 4px solid #F1A803;*/
}
.gallery dl {
    float         : left;
    width         : 200px;
    padding       :   0;
    margin-right  :  20px;
    margin-bottom :   2em;
    border        :   0px solid #000080;
    font-size     : 12px;
}
.gallery dd {
    padding    : 0;
    margin     : 0;
    border     : 0px solid #000080;
    color      : #ffffff;
    background : #72C3E9;
}
dd.date {
    margin           : 0;
    height           : 3.2m;
    padding          : 0 0.2em;
    background-color : #72C3E9;
}

dd.date a {
    font        : "メイリオ";
    font-weight : bold;
    color       : #ffffff;
}

/* -----------------------------------------------
▼ トップページ以外
----------------------------------------------- */
/*年月日カレンダー*/
#main1 {
    padding :   0px;
    margin  :   0px;
    float   : left;
    width   : 650px;
    font-family : "メイリオ", Meiryo, Arial, sans-serif;
    table, tr, td { background-color : transparent; }
}

#main1 h1{
    font-family : Arial;
    font-weight : bold;
    font-style  : italic;
    font-size   : 11px;
    color       : #ec7979;
    text-align  : right;
}
#main1 h2{
    font-family : Arial;
    font-weight : bold;
    font-style  : italic;
    font-size   : 11px;
    color       : #999999;
    text-align  : right;
}
#main1 h3{
    font-family : Arial;
    font-weight : bold;
    font-style  : italic;
    font-size   : 11px;
    color       : #7b8eea;
    text-align  : right;
}
#main1 h4{
    font-family : Arial;
    font-weight : bold;
    font-style  : italic;
    font-size   : 16px;
    text-align  : center;
    color       : #d2691e;
}
#main1 h5 {
    clear        : both;
    height       :  45px;
    width        : 670px;
    padding-left :  10px;
    overflow     : hidden;
    font-size    : 16px;
    color        : #ffffff;
    line-height  :  35px;
    background   : url(images/h2bg.jpg) no-repeat;
}
#main1 a:link, a:visited, a:hover{
    text-decoration : underline;
    color           : #223a70;
}

/*テーブル*/
.ta1 {
    width      : 670px;
    background : #FFF;
}
.ta1, .ta1 td, .ta1 th {
    border      : 1px solid #72C3E9;
    line-height : 1.5;
}
.ta1 h3 {
    font-size : 120%;
    color     : #ffffff;
}
.ta1 p {
    font-size : 100%;
    padding   : 0px !important;
}
.ta1 th {
    width      : 200px;
    padding    :  10px;
    font-size  : 100%;
    text-align : center;
    background : #f8f4c1;
}
.ta1 th.tamidashi {
    width      : auto;
    text-align : left;
    background : #d4edf8;
}
.ta1 td {
    width   : 425px;
    padding :  10px;
}
.ta1.schedule th {
    width      : 100px;
    text-align : left;
}
.ta1.schedule td {
    width : 525px;
}
.ta2 {
    width      : 890px;
    background : #FFF;
}
.ta2, .ta2 td, .ta2 th {
    border      : 1px solid #72C3E9;
    line-height : 1.5;
    font-size   : 100%; /* ★★★ */
}
.ta2 h3 {
    font-size : 120%;
    color     : #ffffff;
}
.ta2 p {
    padding   : 0px !important;
    font-size : 100%;
}
.ta2 th {
    width      : 200px;
    padding    :  10px;
    font-size  : 100%;
    text-align : center;
    background : #f8f4c1;
}
.ta2 th.tamidashi {
    width      : auto;
    text-align : left;
    background : #d4edf8;
}
.ta2 td {
    width   : 25px;
    padding :  0px;
}
.ta2.schedule th {
    width      : 250px;
    text-align : left;
}
.ta2.schedule td {
    width      : 75px;
    text-align : center;
    padding    : 3px;
}
.ta3.schedule td {
    width   : fixed; !important;
    padding : 2px;   !important;
}

/* -----------------------------------------------
▼ フッター
----------------------------------------------- */
#footer {
    clear      : both;
    width      : 100%;
    font-size  : 12px;
    text-align : center;
    background : url(images/footer_bg.jpg) no-repeat center top;
}
#footer h1 {
    padding-bottom : 20px;
    font-size      : 12px;
    color          : #ffffff;
    line-height    : 24px;
}
#footer a {
    text-decoration : none;
}

/* -----------------------------------------------
▼ その他
----------------------------------------------- */
.look {
    background-color : #d2d2d2;
}
.mini {
    font-size   : 9.5px;
    line-height : 1.75;
}
.mb1em {
    margin-bottom : 1em;
}
.clear {
    clear : both;
}
ul.disc {
    padding    : 0em 25px 1em;
    list-style : disc;
}
.color1 {
    color : #72C3E9;
}
.pr {
    font-size : 10px;
}
.btn {
    font-size : 13px;
}
.wl {
    width : 96%;
}
.ws {
    width : 50%;
}
.c {
    text-align : center;
}