@charset "UTF-8";
/* 20140225背景春バージョンここから */
#prom #summer{
    background: url("../../images/bg_moriz.jpg") no-repeat scroll center top transparent;
}
#prom {
    background: url("../images/bg_greenline.gif") repeat-x scroll 0 0 transparent;
    height: 373px;
}

/*  20140225背景春スライドショーの枠の設定ここから */

/* 20131127背景冬バージョンここから */
#prom #winter {
    background: url("../../images/bg_winter.jpg") no-repeat scroll center top transparent;
}
#prom {
    background: url("../images/bg_greenline.gif") repeat-x scroll 0 0 transparent;
    height: 373px;
}


/* 20130910背景秋バージョンここから */
#prom #forest {
    background: url("../../images/bg_autumn.jpg") no-repeat scroll center top transparent;
}
#prom {
    background: url("../images/bg_greenline.gif") repeat-x scroll 0 0 transparent;
    height: 373px;
}
/* 20130910背景秋バージョンここまで */

/* 前回の背景森バージョンここから
#prom #forest {
    background: url("../../images/bg_forest.jpg") no-repeat scroll center top transparent;
}
#prom {
    background: url("../images/bg_redline.gif") repeat-x scroll 0 0 transparent;
    height: 373px;
}
前回の背景森バージョンここまで */
#Slidearea {
    height: 373px;
    width: 995px;
}
.lof-slidecontent, .lof-slidecontent a {
}
.lof-slidecontent a.readmore {
}
.lof-slidecontent {
    overflow: hidden;
    position: relative;
}
.lof-slidecontent .preload {
 /* 20130910リロードの背景色の設定なし
    background: none repeat scroll 0 0 #FFFFFF; を削除*/
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%!important;
    z-index: 100000;
}
/* 20130910スライドショーの枠の設定ここから */
/*
p.frame-top {
    position: absolute;
    text-align: center;
    width: 995px;
    z-index: 100000;
}
p.frame-top img {
    margin:0 auto;
    /margin-left: -240px;
}
*/
p.frame-right {
    position: absolute;
    text-align: center;
    bottom: 14px;
    left: 860px;
    width: 63px;
    z-index: 100000;
}
p.frame-right img {
    margin:0 auto;
}
/*
p.frame-under {
    position: absolute;
    text-align: center;
    top: 320px;
    width: 995px;
    z-index: 100000;
}
p.frame-under img {
    margin:0 auto;
    /margin-left: -240px;
}
*/
p.frame-left {
    position: absolute;
    text-align: center;
    bottom: 14px;
    left: 25px;
    width: 50px;
    z-index: 100000;
}
p.frame-left img {
    margin:0 auto;
}
/* 20130910スライドショーの枠の設定ここまで */
.lof-slidecontent .preload div {
    background: url("../images/load-indicator.gif") no-repeat scroll 50% 50% transparent;
    height: 100%;
    width: 100%;
}
.lof-main-outer {
    height: 333px;
    overflow: hidden;
    position: relative;
    width: 755px;
}
.lof-main-item-desc {
    background: url("../images/bg_trans.png") repeat scroll 0 0 transparent;
    bottom: 50px;
    height: 100px;
    left: 0;
    padding: 10px;
    position: absolute;
    width: 350px;
}
.lof-main-item-desc p {
    margin: 0 8px;
    padding: 8px 0;
}
.lof-main-item-desc h3 {
    margin: 0;
    padding: 0;
}
.lof-main-item-desc h2 {
    margin: 15px 0 0;
    padding: 0;
}
.lof-main-item-desc h3 a {
    background: none repeat scroll 0 0 #C01F25;
    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    font-size: 75%;
    margin: 0;
    padding: 2px 3px;
    text-decoration: none;
    text-transform: uppercase;
}
.lof-main-item-desc h3 a:hover {
    text-decoration: underline;
}
.lof-main-item-desc h3 i {
    font-size: 70%;
}
ul.lof-main-wapper {
    background: url("../images/load-indicator.gif") no-repeat scroll 50% 50% transparent;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 25px;
}
ul.lof-main-wapper li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.lof-opacity li {
    float: inherit;
    left: 0;
    position: absolute;
    top: 0;
}
ul.lof-main-wapper li img {
    padding: 0;
}
.lof-navigator-wapper {
    bottom: 3px;
    padding: 0;
    position: absolute;
    right: 5px;
    /* スライドショーのナビゲーションz-indexの値変更 */
    z-index: 1000001;
}
.lof-navigator-outer {
    color: #FFFFFF;
    float: left;
    height: 54px;
    overflow: hidden;
    position: relative;
    width: 304px;
    z-index: 100;
}
ul.lof-navigator {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
ul.lof-navigator li {
    cursor: pointer;
    display: block;
    float: left;
    list-style: none outside none;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
ul.lof-navigator li img {
    padding-top: 16px;
}
ul.lof-navigator li.active {
    background: url("../images/slider_arrow.gif") no-repeat scroll center top transparent;
}
.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 30px;
    width: 22px;
}
.lof-navigator-wapper .lof-next {
    background: url("../images/arrow-l.png") no-repeat scroll right center transparent;
    float: left;
    margin-right: 5px;
    text-indent: -999px;
}
.lof-navigator-wapper .lof-previous {
    background: url("../images/arrow-r.png") no-repeat scroll left center transparent;
    float: left;
    margin-left: 5px;
    text-indent: -999px;
}