@charset "UTF-8";

/*
BASE CSS
*/


/* TAG */
body, p, dl, dt, dd, ol, ul, li, div, address, form {
    padding: 0px;
    margin: 0px;
    color: #333333;
    font-size: 12px;
    line-height: 1.5em;
    font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}
body {
    text-align: center;
}
img {
    padding: 0px;
    margin: 0px;
    border: none;
}
a {
    font-family: Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}
a:link, a:visited {
    color: #0066ff;
    text-decoration: underline;
}
a:hover {
    color: #ff3333;
    text-decoration: underline;
}
a:active {
    color: #ff3333;
    text-decoration: none;
}
td, th {
    color: #333333;
    font-size: 12px;
    line-height: 1.5em;
    font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}
ul li {
    padding: 0px;
    margin: 0em 0em .3em 1.5em;
}
ol li {
    padding: 0px;
    margin: 0em 0em .3em 2em;
}
strong, em {
    font-style: normal;
    font-weight: bold;
}



/* BASIC LAYOUT */
#contentsArea {
    padding: 0px;
    margin: 0px auto 0px auto;
    width: 760px;
    text-align: left;
}
#popupArea {
    padding: 0px;
    margin: 0px auto 0px auto;
    background: #ffffff;
}
#mainArea {
    padding: 0px;
    margin: 0px;
    text-align: left;

}
#menu00 {
    position: absolute;
    margin: 40px 0px 0px 150px;
}
#menu01 {
    position: absolute;
    margin: 60px 0px 0px 150px;
}
#menu02 {
    position: absolute;
    margin: 80px 0px 0px 150px;
}
#menu03 {
    position: absolute;
    margin: 100px 0px 0px 150px;
}
#menu04 {
    position: absolute;
    margin: 120px 0px 0px 150px;
}
#menu05 {
    position: absolute;
    margin: 140px 0px 0px 150px;
}



/* TOP */
body#topPage {
    background: #f3f3f3 url("/img/bg.jpg") center top no-repeat;
}
.topMessage {
    position: absolute;
    margin: 184px 0px 0px 153px;
}
#menuAreaTop {
    position: absolute;
    padding: 0px;
    margin: 185px 0px 0px 500px;
    width: 260px;
    height: 170px;
    background: #f3f3f3 url("/img/menu.jpg") center center no-repeat;
}

/* INFO */
body#infoPage {
    background: #f3f3f3 url("/info/img/bg.jpg") center top no-repeat;
}
.infoFrame {
    position: absolute;
    margin: 70px 0px 0px 160px;
    width: 340px;
}
.infoRecord {
    margin-bottom: 20px;
}
.infoDate {
    color: #666666;
    font-size: 10px;
}
.infoTitle {
    margin-bottom: 10px;
    color: #4e9c28;
    font-size: 16px;
    font-weight: bold;
}
.infoComment {
}

/* ABOUT */
body#aboutPage {
    background: #f3f3f3 url("/about/img/bg.jpg") center top no-repeat;
}
.aboutFrame {
    position: absolute;
    margin: 70px 0px 50px 50px;
    width: 440px;
}
.aboutTitle {
    margin-bottom: 10px;
    color: #4e9c28;
    font-size: 16px;
    font-weight: bold;
}
.aboutText {
    margin-bottom: 10px;
}
.aboutTable td {
    border-top: 1px solid #cccccc;
    padding: 5px 0px 10px 0px;
}

/* GALLERY */
body#galleryPage {
    background: #f3f3f3 url("/gallery/img/bg.jpg") center top no-repeat;
}
.galleryFrame {
    position: absolute;
    margin: 100px 0px 0px 120px;
}
/* SPECIAL */
body#specialPage {
    background: #f3f3f3 url("/specital/img/bg.jpg") center top no-repeat;
}
.specialFrame {
    position: absolute;
    margin: 200px 0px 0px 180px;
}
/* CONTACT */
body#contactPage {
    background: #f3f3f3 url("/contact/img/bg.jpg") center top no-repeat;
}
.contactForm {
    position: absolute;
    margin: 125px 0px 0px 230px;
}
.contactForm .name, .contactForm .mail, .contactForm .comment {
    width: 180px;
}
/* TREE */
.treeFrame {
    position: absolute;
    margin: 40px 0 0 0;
    width: 500px;
}
.treeFrame h1 {
    text-align: center;
    margin: 30px 0;
}
.treeFrame h2 {
    margin: 40px 0 10px;
}
.treeFrame .lead p {
    margin-bottom: 20px;
    font-size: 14px;
}
.treeFrame .photos,
.treeFrame .foods {
    margin-bottom: 20px;
}
.treeFrame .map .img {
    margin-bottom: 20px;
    text-align: right;
}


/* GENERAL CLASS */
ul.noMarker, ol.noMarker {
    list-style-type: none;
}
ul.noMarker li, ol.noMarker li {
    margin-left: 0px;
    margin-bottom: 0.5em;
}
ul.noMarker li.noMargin, ol.noMarker li.noMargin {
    margin: 0px;
}

.imgBdr1 {
	border: 1px solid #999999;
}
.pageTop {
    padding-top: 30px;
    float: right;
}
.popuppageTop {
    padding-top: 20px;
}
.allClear {
    clear: both;
}
.valignTop {
    vertical-align: top;
}
.valignMiddle {
    vertical-align: middle;
}
.valignBottom {
    vertical-align: bottom;
}
.alignLeft {
    text-align: left;
}
.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
}
.ftLeft {

    float: left;
}
.ftRight {
    float: right;
}

.en {
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

.fs10 { font-size: 10px; }
.fs11 { font-size: 12px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs36 { font-size: 36px; }

.lh12 { line-height: 1.2em; }
.lh15 { line-height: 1.5em; }
.lh18 { line-height: 1.8em; }

.fc000 { color: #000000; }
.fc333 { color: #333333; }
.fc666 { color: #333333; }
.fc999 { color: #999999; }
.fcccc { color: #cccccc; }
.fcfff { color: #ffffff; }
.fcf00 { color: #ff0000; }
.fcDeepBlue { color: #003366; }
.fcOrange { color: #ff9900; }

.attention { color: #ff0000; }

.bcBlue { background: #84b7d0; }
.bcDeepBlue { background: #005fad; }
.bc666 { background: #666666; }
.bc999 { background: #999999; }
.bcccc { background: #cccccc; }
.bceee { background: #eeeeee; }
.bcddd { background: #dddddd; }
.bcfff { background: #ffffff; }
.bcfc9 { background-color:#ffcc99; }
.bcLOrange { background-color:#ffe4bb; }


.bdr1 { border: 1px solid #cccccc; }
.bdrTop1 { border-top: 1px solid #cccccc; }
.bdrLeft1 { border-left: 1px solid #cccccc; }
.bdrBottom1 { border-bottom: 1px solid #cccccc; }
.bdrRight1 { border-right: 1px solid #cccccc; }
.bdr2 { border: 2px solid #cccccc; }
.bdrTop2 { border-top: 2px solid #cccccc; }
.bdrLeft2 { border-left: 2px solid #cccccc; }
.bdrBottom2 { border-bottom: 2px solid #cccccc; }
.bdrRight2 { border-right: 2px solid #cccccc; }
.bdr3 { border: 3px solid #cccccc; }
.bdrTop3 { border-top: 3px solid #cccccc; }
.bdrLeft3 { border-left: 3px solid #cccccc; }
.bdrBottom3 { border-bottom: 3px solid #cccccc; }
.bdrRight3 { border-right: 3px solid #cccccc; }
.bdrLeftBlue1 { border-left: 1px solid #003366; }
.bdrBottomBlue1 { border-bottom: 1px solid #003366; }
.bdrRightBlue1 { border-right: 1px solid #003366; }
.bdrLeftBlue3 { border-left: 3px solid #003366; }


.indent10 {
    padding-left: 10px;
    padding-right: 10px;
}
.pd0px { padding: 0px; }
.pd1px { padding: 1px; }
.pd2px { padding: 2px; }
.pd3px { padding: 3px; }
.pd4px { padding: 4px; }
.pd5px { padding: 5px; }
.pd7px { padding: 7px; }
.pd10px { padding: 10px; }
.pd15px { padding: 15px; }
.pd20px { padding: 20px; }
.pd25px { padding: 25px; }
.pd30px { padding: 30px; }
.pt0px { padding-top: 0px; }
.pt1px { padding-top: 1px; }
.pt2px { padding-top: 2px; }
.pt3px { padding-top: 3px; }
.pt4px { padding-top: 4px; }
.pt5px { padding-top: 5px; }
.pt7px { padding-top: 7px; }
.pt10px { padding-top: 10px; }
.pt15px { padding-top: 15px; }
.pt20px { padding-top: 20px; }
.pt25px { padding-top: 25px; }
.pt30px { padding-top: 30px; }
.pr0px { padding-right: 0px; }
.pr1px { padding-right: 1px; }
.pr2px { padding-right: 2px; }
.pr3px { padding-right: 3px; }
.pr4px { padding-right: 4px; }
.pr5px { padding-right: 5px; }
.pr8px { padding-right: 8px; }
.pr10px { padding-right: 10px; }
.pr15px { padding-right: 15px; }
.pr20px { padding-right: 20px; }
.pr25px { padding-right: 25px; }
.pr30px { padding-right: 30px; }
.pb0px { padding-bottom: 0px; }
.pb1px { padding-bottom: 1px; }
.pb2px { padding-bottom: 2px; }
.pb3px { padding-bottom: 3px; }
.pb4px { padding-bottom: 4px; }
.pb5px { padding-bottom: 5px; }
.pb7px { padding-bottom: 7px; }
.pb8px { padding-bottom: 8px; }
.pb10px { padding-bottom: 10px; }
.pb15px { padding-bottom: 15px; }
.pb20px { padding-bottom: 20px; }
.pb25px { padding-bottom: 25px; }
.pb30px { padding-bottom: 30px; }
.pl0px { padding-left: 0px; }
.pl1px { padding-left: 1px; }
.pl2px { padding-left: 2px; }
.pl3px { padding-left: 3px; }
.pl4px { padding-left: 4px; }
.pl5px { padding-left: 5px; }
.pl8px { padding-left: 8px; }
.pl10px { padding-left: 10px; }
.pl15px { padding-left: 15px; }
.pl20px { padding-left: 20px; }
.pl25px { padding-left: 25px; }
.pl30px { padding-left: 30px; }

.mg0px { margin: 0px; }
.mg1px { margin: 1px; }
.mg2px { margin: 2px; }
.mg3px { margin: 3px; }
.mg4px { margin: 4px; }
.mg5px { margin: 5px; }
.mg10px { margin: 10px; }
.mg15px { margin: 15px; }
.mg20px { margin: 20px; }
.mg25px { margin: 25px; }
.mg30px { margin: 30px; }
.mt0px { margin-top: 0px; }
.mt1px { margin-top: 1px; }
.mt2px { margin-top: 2px; }
.mt3px { margin-top: 3px; }
.mt4px { margin-top: 4px; }
.mt5px { margin-top: 5px; }
.mt10px { margin-top: 10px; }
.mt15px { margin-top: 15px; }
.mt20px { margin-top: 20px; }
.mt25px { margin-top: 25px; }
.mt30px { margin-top: 30px; }
.mt33px { margin-top: 33px; }
.mr0px { margin-right: 0px; }
.mr1px { margin-right: 1px; }
.mr2px { margin-right: 2px; }
.mr3px { margin-right: 3px; }
.mr4px { margin-right: 4px; }
.mr5px { margin-right: 5px; }
.mr10px { margin-right: 10px; }
.mr15px { margin-right: 15px; }
.mr20px { margin-right: 20px; }
.mr25px { margin-right: 25px; }
.mr30px { margin-right: 30px; }
.mb0px { margin-bottom: 0px; }
.mb1px { margin-bottom: 1px; }
.mb2px { margin-bottom: 2px; }
.mb3px { margin-bottom: 3px; }
.mb4px { margin-bottom: 4px; }
.mb5px { margin-bottom: 5px; }
.mb8px { margin-bottom: 8px; }
.mb10px { margin-bottom: 10px; }
.mb15px { margin-bottom: 15px; }
.mb20px { margin-bottom: 20px; }
.mb25px { margin-bottom: 25px; }
.mb30px { margin-bottom: 30px; }
.ml0px { margin-left: 0px; }
.ml1px { margin-left: 1px; }
.ml2px { margin-left: 2px; }
.ml3px { margin-left: 3px; }
.ml4px { margin-left: 4px; }
.ml5px { margin-left: 5px; }
.ml10px { margin-left: 10px; }
.ml15px { margin-left: 15px; }
.ml20px { margin-left: 20px; }
.ml25px { margin-left: 25px; }
.ml30px { margin-left: 30px; }