@charset "utf-8";
/* CSS Document */
body {
    text-align: center;
    padding-top: 10px;
    background-image: url(../images/bk.png);
    background-repeat: repeat-x;
    background-color: #FEF5E8;
    background-position: left bottom;
    zoom: 1
    }
a {
    color: #fff;
    text-decoration: none
    }
a:hover {
    color: #f00;
    text-decoration: none
    }
h2.topPage {
    text-align: left;
    margin-top: 24px;
    background-image: url(../image/common/sttlnewcolmuns00.png);
    background-repeat: no-repeat;
    background-color: #fef5e8;
    height: 14px;
    width: 520px;
    text-indent: -9999px
    }
div#text-align-center {
    text-align: center
    }
div#text-align-right {
    text-align: right
    }
div#text-align-left {
    text-align: left
    }
div.newcolumn {
    text-align: left;
    margin-top: 0;
    background-image: url(../image/common/sttlnewcolmuns00.png);
    background-repeat: no-repeat;
    background-color: #fef5e8;
    height: 14px;
    width: 516px;
    text-indent: -9999px
    }
h2.secondPage {
    text-align: left;
    background-image: url(../image/common/sttlnewcolmuns00.png);
    background-repeat: no-repeat;
    background-color: #fef5e8;
    height: 14px;
    width: 700px;
    text-indent: -9999px
    }
div#page {
    text-align: left;
    width: 930px;
    margin-left: auto;
    margin-right: auto
    }
div#head {
    text-align: left;
    position: fixed;
    /*z-index:0; */
    width: 230px;
    height: 592px;
    /* float:left; */
    background-image: url(../images/headerBackgrownd_b4.png);
    background-repeat: no-repeat;
    margin-top: 0;
    margin-right: auto
    }
div#head_top {
    text-align: left;
    position: fixed;
    /*z-index:0; */
    width: 230px;
    height: 600px;
    /* float:left; */
    background-image: url(../images/headerBackgrownd_b4.png);
    background-repeat: no-repeat;
    margin-top: 0;
    margin-right: auto
    }
div#head_poster {
    text-align: left;
    position: fixed;
    width: 230px;
    height: 315px;
    background-image: none;
    margin-top: 588px;
    margin-right: auto
    }
div#eventsnews_bttn {
    text-align: center;
    position: relative;
    width: 186px;
    height: 24px;
    margin-left: 16px;
    margin-top: 256px;
    margin-right: auto;
    margin-bottom: auto
    }
div#area {
    text-align: left;
    position: relative;
    width: 198px;
    height: 51px;
    margin-left: 26px;
    margin-top: 18px;
    margin-right: 18px;
    margin-bottom: 24px
    }
div#area a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8
    }
div#linkbttns {
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    width: 198px;
    height: auto;
    margin-top: 6px;
    margin-right: auto;
    margin-bottom: auto
    }
div#topics_new {
    text-align: left;
    width: 206px;
    height: 200px;
    margin-left: 16px;
    margin-top: 18px;
    margin-right: 2px;
    margin-bottom: 2px
    }
div#content {
    text-align: left;
    position: relative;
    /*z-index:1; : */
    float: right;
    width: 700px;
    /* margin-left:230px; */
    background-image: url(/yappa-saiki.sakura.ne.jp/saiki-kankou/image/common/common-bkimg010.png);
    background-repeat: repeat-y;
    background-color: #e0cab1
    }
div#wrapper {
    position: relative;
    /*z-index:1; */
    float: left;
    width: 700px;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    font-family: "ã¡ã¤ãªãª", "Meiryo", "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ï¼°ã´ã·ãã¯", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif
    }
div#wrapper-topimg {
    /*position: relative;*/
    /*z-index:1; */
    float: left;
    width: 700px;
    padding-top: 0;
    padding-bottom: 4px
    }
div#wrapper-main {
    position: relative;
    /*z-index:1; */
    float: left;
    width: 520px;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    font-family: "ã¡ã¤ãªãª", "Meiryo", "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ï¼°ã´ã·ãã¯", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif
    }
div#wrapper-content {
    float: left;
    width: 520px
    }
div#wrapper-parts {
    float: right;
    width: 180px
    }
div#contentHead {
    background-color: #333;
    width: 700px;
    height: 28px;
    font-weight: bold;
    color: #fafafa
    }
div#innerHead {
    border: none;
    padding: 0 0 0 0;
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 520px;
    height: 280px
    }
.blink a:link {
    color: #009
    }
.blink a:visited {
    color: #800000
    }
.blink a:hover {
    color: #0000cd
    }
.clink a {
    color: #300
    }
.clink a:link {
    color: #333
    }
.clink a:visited {
    color: #333
    }
.clink a:hover {
    color: #C00
    }
.dlink a:link {
    color: #600
    }
.dlink a:visited {
    color: #333
    }
.dlink a:hover {
    color: #C00
    }
img.ml4 {
    margin-left: 8px
    }
div#spacer {
    width: 4px;
    height: 10px;
    background-image: none;
    font-size: 9px;
    line-height: none
    }
div#contentInner-main {
    float: left;
    width: 700px;
    margin-bottom: 12px
    }
div#contentInner-shoku {
    float: left;
    width: 700px;
    margin-bottom: 12px;
    background-image: url(/yappa-saiki.sakura.ne.jp/saiki-kankou/image/common/shoku-bkimg010.png);
    background-repeat: no-repeat
    }
div#contentInner-raku {
    float: left;
    width: 700px;
    margin-bottom: 12px;
    background-image: url(/yappa-saiki.sakura.ne.jp/saiki-kankou/image/common/raku-bkimg010.png);
    background-repeat: no-repeat
    }
div#contentInner-haku {
    float: left;
    width: 700px;
    margin-bottom: 12px;
    background-image: url(/yappa-saiki.sakura.ne.jp/saiki-kankou/image/common/haku-bkimg010.png);
    background-repeat: no-repeat
    }
div#contentInner-kau {
    float: left;
    width: 700px;
    margin-bottom: 12px;
    background-image: url(/yappa-saiki.sakura.ne.jp/saiki-kankou/image/common/kau-bkimg010.png);
    background-repeat: no-repeat
    }
div#contentInner-miru {
    float: left;
    width: 700px;
    margin-bottom: 12px;
    background-image: url(/yappa-saiki.sakura.ne.jp/saiki-kankou/image/common/miru-bkimg010.png);
    background-repeat: no-repeat
    }
div#area-side {
    position: relative;
    z-index: 2;
    float: left;
    width: 680px;
    margin-top: 20px;
    margin-right: 9px;
    margin-left: 9px;
    margin-bottom: 0;
    background-image: none
    }
div#innerbox {
    position: relative;
    /*z-index:1; */
    float: left;
    width: 680px;
    height: 100%;
    margin-top: -12px;
    margin-right: 9px;
    margin-left: 9px;
    margin-bottom: 0;
    background-image: url(../image/common/inner-bkimg000.png);
    background-repeat: repeat-y;
    border-style: dotted;
    border-color: #666;
    border-width: thin;
    padding: 0;
    font-family: "ã¡ã¤ãªãª", "Meiryo", "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ï¼°ã´ã·ãã¯", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif
    }
div#contentInner-left {
    float: left;
    width: 335px
    }
div#contentInner-right {
    float: right;
    width: 335px
    }
div#title-common {
    float: left;
    width: 680px;
    background: #C9BC9C
    }
h1#title-raku {
    padding-top: 4px;
    padding-left: 8px;
    padding-bottom: 0;
    color: #303030;
    font-size: 1.2em;
    font-weight: bold
    }
div#subtitle-raku {
    padding-top: 0;
    padding-left: 16px;
    padding-bottom: 4px;
    color: #333;
    font-size: 0.7em
    }
div#textbox {
    font-size: 0.8em;
    color: #333;
    margin-top: 14px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 6px;
    line-height: 1.5em
    }
div#textbox_b {
    font-size: 0.8em;
    font-weight: bold;
    color: #333;
    margin-top: 4px;
    margin-left: 2px;
    margin-right: 8px;
    margin-bottom: 6px;
    line-height: 1.7em
    }
div#osirasebox {
    border: dotted;
    border-bottom-color: #666;
    border-style: dotted;
    border-width: thin;
    margin-top: 4px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 4px;
    padding: 6px;
    font-size: 0.7em;
    color: #660;
    line-height: 1.5em
    }
div#toiawasebox {
    border: dotted;
    border-bottom-color: #666;
    border-style: dotted;
    border-width: thin;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 6px;
    font-size: 0.7em;
    color: #333;
    line-height: 1.5em
    }
div#innercolumn02075 {
    border: dotted;
    border-bottom-color: #666;
    border-style: dotted;
    border-width: thin;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 8px;
    padding: 6px;
    font-size: 0.7em;
    color: #333;
    line-height: 1.5em
    }
div#innercolumn0300 {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 2px
    }
div#innercolumn0300_cap {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 0;
    font-size: 0.7em;
    color: #555;
    text-align: center
    }
div#innercolumn0301u {
    margin-top: 9px;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 0;
    font-size: 0.5em;
    color: #666;
    text-align: center
    }
div#innercolumn0301d {
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 0;
    font-size: 0.5em;
    color: #666;
    text-align: center
    }
div#innercolumn0301_cap {
    width: 310px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 0;
    font-size: 0.5em;
    color: #666;
    text-align: center
    }
div#googlemap {
    width: 316px;
    margin-top: 16px;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 6px
    }
div#content-navi {
    position: relative;
    /* z-index:1; */
    float: left;
    width: 700px;
    text-align: center;
    font-size: 0.75em;
    color: #333;
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
    }
.subHeadShoku {
    background-image: url(../image/parts/subheadShoku.gif);
    background-repeat: no-repeat
    }
div#contentHead li {
    line-height: 28px;
    float: left;
    margin-left: 8px;
    margin-right: 5px;
    margin-bottom: 4px
    }
div#contentMain {
    position: relative;
    float: left;
    /*
        width:450px;
    */
    width: 520px
    }
div#contentMainBox {
    float: left;
    width: 520px
    }
div#contentMainHead {
    float: left;
    widows: 520px;
    height: 124px
    }
div#contentSubHead {
    height: 33px
    }
div#contentMainHead ul {
    float: left
    }
div#contentMainHead .menu01 {
    background-image: url(../images/contentHead_menu01b.png);
    height: 124px;
    width: 180px;
    font-size: 10px;
    line-height: 13px;
    text-align: right
    }
div#contentMainHead .menu02 {
    font-size: 10px;
    line-height: 12px;
    margin-left: 4px;
    background-image: url(../images/contentHead_menu02b.png);
    height: 124px;
    width: 80px
    }
div#contentMainHead .menu03 {
    font-size: 10px;
    line-height: 12px;
    margin-left: 4px;
    background-image: url(../images/contentHead_menu03b.png);
    height: 124px;
    width: 80px
    }
div#contentMainHead .menu04 {
    font-size: 10px;
    line-height: 12px;
    margin-left: 4px;
    background-image: url(../images/contentHead_menu04b.png);
    height: 124px;
    width: 80px
    }
div#contentMainHead .menu05 {
    font-size: 10px;
    line-height: 12px;
    margin-left: 4px;
    background-image: url(../images/contentHead_menu05b.png);
    height: 124px;
    width: 80px
    }
div#contentBanner {
    font-size: 0.8em;
    float: right;
    width: 174px;
    margin-left: auto;
    margin-right: auto
    }
div#contentBannerAd {
    width: 164px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    padding-left: 3px;
    padding-right: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 0.75em;
    color: #333;
    line-height: 1.5em;
    display: block;
    background-color: #FFF;
    border: 1px solid #aaa
    }
div#contentBannerMargin {
    margin-bottom: 3px
    }
div#contentRight {
    font-size: 0.85em;
    /* float:right; */
    width: 171px;
    height: 70x
    }
div#contentRight a {
    color: #666
    }
div#contentRight li {
    padding: 5px;
    margin-bottom: 4px;
    margin-left: 2px;
    display: block;
    height: 32px;
    background-color: #f8f8ff;
    border: 1px solid #999
    }
div#foot {
    position: relative;
    /*z-index:2; */
    width: 930px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
    }
div#foot li {
    font-size: 9px;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    float: left
    }
div#footTop {
    line-height: 20px;
    height: 20px;
    display: block;
    background-color: #666;
    color: #FFF
    }
div#footBottom {
    line-height: 20px;
    height: 20px;
    display: block;
    background-color: #EFEFEF
    }
div#footCI {
    font-size: 10px;
    text-align: center;
    line-height: 40px;
    height: 20px;
    display: block;
    background-color: transparent
    }
/*
/*ã¡ã¤ã³ã®ã³ã³ãã³ã*/
div#fb-likebox {
    background-color: #fdf5e6
    }
div#contentItem {
    /*
    background-image:url(../image/common/common-piecehead000.png);
    background-repeat:no-repeat;
    */
    background-color: #fdf5e6;
    font-size: 13px;
    width: 245px;
    height: 140px
    }
div#contentItem.itemShoku {
    background-image: url(../image/common/item-bkimg000shoku.png)
    }
div#contentItem.itemRaku {
    background-image: url(../image/common/item-bkimg000raku.png)
    }
div#contentItem.itemHaku {
    background-image: url(../image/common/item-bkimg000haku.png)
    }
div#contentItem.itemKou {
    background-image: url(../image/common/item-bkimg000kau.png)
    }
div#contentItem.itemMiru {
    background-image: url(../image/common/item-bkimg000miru.png)
    }
div#contentItemTitle {
    position: relative;
    font-size: 1em;
    font-weight: bold;
    color: #f0f0f0;
    padding-top: 2px;
    padding-left: 24px;
    height: 24px;
    z-index: 0
    }
div.headMachi {
    background-image: url(../image/parts/item-headmachi.png);
    background-repeat: no-repeat;
    color: #333
    }
div.headUra {
    background-image: url(../image/parts/item-headura.png);
    background-repeat: no-repeat;
    color: #333
    }
div.headSato {
    background-image: url(../image/parts/item-headsato.png);
    background-repeat: no-repeat;
    color: #333
    }
div.headShoku {
    background-image: url(../image/parts/item-headshoku.png);
    background-repeat: no-repeat;
    color: #333
    }
.icon1 {
    z-index: 1;
    float: right;
    height: 28px;
    width: 26px
    }
.icon2 {
    z-index: 1;
    float: right;
    height: 28px;
    width: 26px
    }
.descript {
    font-size: 0.9em;
    color: #444;
    margin-top: 24px;
    margin-left: 12px;
    margin-right: 0;
    margin-bottom: 0;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px
    }
.descript2 {
    font-size: 0.75em;
    color: #444;
    line-height: 1.5em
    }
.itemMDate {
    width: 240px;
    display: inline-block;
    font-size: 0.65em;
    color: #999;
    margin-left: 2px
    }
div#contentItem img {
    margin-left: 8px;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
    }
div#contentItem.title {
    font-size: 1em;
    font-weight: bold;
    color: #f0f0f0;
    padding-top: 2px;
    padding-left: 8px
    }
div#contentMainItems {
    /* background-image: url(../images/contentbase.png);
    background-repeat: repeat-y;
    */
    float: left;
    width: 520px;
    margin-top: 0;
    margin-bottom: 2px;
    padding-top: 8px;
    padding-bottom: 2px
    }
div#contentMainItems li {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 0
    }
div#pageContent {
    width: 580px;
    background-color: #FFF;
    background-image: url(../images/contentbase.png)
    }
div#pageContent a {
    color: #00f
    }
div#pageContent a:hover {
    color: #0ff
    }
div#contentFooter {
    text-align: center;
    width: 516px;
    height: auto;
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px;
    margin-bottom: -10px
    }
/* blog parts */
div#blogparts {
    width: 180x
    }
div#blogcategories {
    text-align: left;
    background-image: url(../image/common/sttlcategories00.png);
    background-repeat: no-repeat;
    padding-top: 6px;
    padding-left: 0;
    padding-right: 6px;
    padding-bottom: 6px
    }
div#blogsearch {
    text-align: left;
    background-image: url(../image/common/sttlsearch00.png);
    background-repeat: no-repeat;
    padding-top: 6px;
    padding-left: 0;
    padding-right: 6px;
    padding-bottom: 6px
    }
div#blogitems {
    text-align: left;
    background-image: url(../image/common/sttlitems00.png);
    background-repeat: no-repeat;
    padding-top: 6px;
    padding-left: 0;
    padding-right: 6px;
    padding-bottom: 6px
    }
h3.blogsearch-header {
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    color: #333
    }
.item {
    display: inline;
    float: left;
    margin-left: 4px;
    margin-bottom: 4px
    }
/* website */
div#website-innerbox {
    position: relative;
    /*z-index:1; */
    float: left;
    width: 680px;
    height: 100%;
    margin-top: 10px;
    margin-right: 9px;
    margin-left: 9px;
    margin-bottom: 0;
    background-image: none;
    border-style: dotted;
    border-color: #666;
    border-width: thin;
    padding: 0;
    font-family: "ã¡ã¤ãªãª", "Meiryo", "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ï¼°ã´ã·ãã¯", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif
    }
div#website-title-common {
    float: left;
    width: 680px;
    background: #C9BC9C
    }
h1#website-title {
    padding-top: 4px;
    padding-left: 8px;
    padding-bottom: 0;
    color: #303030;
    font-size: 1.2em;
    font-weight: bold
    }
div#website {
    position: relative;
    /*z-index:1; */
    margin-top: 8px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 12px;
    background-image: none;
    padding: 0;
    font-family: "ã¡ã¤ãªãª", "Meiryo", "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ï¼°ã´ã·ãã¯", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: normal
    }
div#website-innerbox2 {
    width: 680px;
    height: 100%;
    margin-top: 6px;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 6px;
    background-image: none;
    border-style: dotted;
    border-color: #666;
    border-width: thin;
    padding-top: 2px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 2px
    }
div.list-links dl {
    margin-left: 9px;
    background-image: none;
    border-style: dotted;
    border-color: #999;
    border-width: thin;
    padding: 4px;
    line-height: normal
    }
div.list-links dt {
    margin-left: 0;
    background-image: none;
    font-size: 1em;
    font-weight: bold;
    line-height: normal
    }
div.list-links dd {
    margin-left: 48px;
    margin-bottom: 6px;
    background-image: none;
    font-size: 0.8em;
    font-weight: normal;
    color: #333;
    line-height: normal
    }
/* site map */
.tree ul {
    padding: 0;
    margin: 0;
    background-position: -9px 15px;
    background-image: url(images/ul.gif);
    background-repeat: repeat-y
    }
.tree li {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 3px 0 3px 24px;
    list-style-type: none
    }
.tree li a {
    text-decoration: none;
    color: #000
    }
.tree li a:hover {
    text-decoration: underline
    }
.tree ul ul {
    background-position: -1px 15px;
    background-image: url(images/ul.gif);
    background-repeat: repeat-y
    }
.tree ul li {
    background-position: 0 7px;
    background-image: url(images/li.gif);
    background-repeat: no-repeat
    }
.tree ul li a {
    font-weight: bold;
    text-decoration: underline
    }
.tree ul li a:hover {
    text-decoration: none
    }
.tree ul ul li {
    background-position: 8px 7px;
    background-image: url(images/li.gif);
    background-repeat: no-repeat
    }
.tree ul ul li a {
    background-position: 0 7px;
    font-size: 1em;
    color: #666;
    text-decoration: none
    }
.tree ul ul ul li a {
    background-position: 0 7px;
    font-size: 0.8em;
    color: #999;
    text-decoration: none
    }
.ul_disc {
    list-style-position: outside;
    list-style-type: disc
    }
.ul_circle {
    list-style-position: outside;
    list-style-type: circle
    }