@charset "utf-8";

/* ============================================================================
==ベース CSS
============================================================================= */


/* ==#mainContents
***************************************************************************** */


/* #mainContents */

#mainVisual .mnLogo {
    text-align: right;
    background: #fff;
}

#mainVisual h1 img {
    width: 960px;
    height: 430px;
}

#mainVisual .carousel {
    position: relative;
}

#mainContents {
    background: #fff;
}

#oenFeature {
    padding: 30px 0 20px;
    background: #edf7fc;
}

#oenFeature a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

#oenFeature .innerOenFeature {
    padding: 0 30px 20px;
    overflow: hidden;
    zoom: 1;
}

#oenFeature .image1 {
    float: right;
    margin: 0 10px 30px 30px;
}

#oenFeature .read1 {
    margin: 10px 0 20px;
    color: #222;
    font-size: 16px;
    line-height: 2.0;
}
#oenFeature .read2 {
    margin: 10px 0 20px;
    color: #222;
    font-size: 14px;
    line-height: 1.7;
}

#oenFeature .eps1 {
    color: #0e59a5;
    font-weight: bold;
}

#oenFeature .txt-spl {
    color: #0e59a5;
}


/* #cont1 */

#oenFeature .title1 {
    clear: both;
		position: relative;
    text-align: center;
    margin: 30px 0 -40px;
}

#oenFeature #cont1 {
    width: 830px;
    margin: 0 auto;
    padding: 60px 30px 10px;
    background: url(../images/bg1.png);
    box-shadow: 0 5px 10px #abbcc4;
    -webkit-box-shadow: 0 5px 10px #abbcc4;
    -moz-box-shadow: 5px 5px 10px #abbcc4;
    overflow: hidden;
    zoom: 1;
}
#oenFeature .cont1-inner {
    width: 760px;
    margin: 40px auto 20px;
    padding: 0 30px 20px;
		border: 2px solid #62b9e4;
    background: #fff;

}
#oenFeature .item-title {
		position: relative;
    text-align: center;
    margin: -20px 0 -40px;
}
#oenFeature ul.ppr-item {
    padding-bottom: 20px;
    overflow: hidden;
    /* clearfix */
    zoom: 1;
    /* clearfix */
}
#oenFeature ul.ppr-item li {
    float: left;
    margin-right: 30px;
		text-align: center;
}

#oenFeature ul.useful-item {
    padding: 50px 0 20px 15px;
    overflow: hidden;
    /* clearfix */
    zoom: 1;
    /* clearfix */
}

#oenFeature ul.useful-item li {
    float: left;
		width: 235px;
    margin-right: 20px;
		text-align: center;
}

#oenFeature ul.useful-item li img {
	  display: block;
	  padding: 20px 0 0;
}

#oenFeature ul.useful-item li p {
		padding: 15px 0 0;
    text-align: left;
		font-size: 15px;
		line-height: 1.7em;
}

#oenFeature ul.ppr-item li:last-child,
#oenFeature ul.useful-item li:last-child {
    margin-right: 0;
}

/* .aboutRouteIn */

#oenFeature #aboutRouteIn {
    width: 890px;
    margin: 30px auto 0;
    background: #fff url(../images/line1.png)no-repeat;
		border: 2px solid #62b9e4;
    box-shadow: 0 5px 10px #abbcc4;
    -webkit-box-shadow: 0 5px 10px #abbcc4;
    -moz-box-shadow: 5px 5px 10px #abbcc4;
}
#oenFeature .about-inner {
    padding: 40px 30px 40px;
    background: url(../images/line1.png)no-repeat 0 100%;
    overflow: hidden;
    zoom: 1;
}
#oenFeature .about-title {
    text-align: center;
    margin-bottom: 30px;
}
#oenFeature .about-cont {
	  padding: 10px 0 0;
    overflow: hidden;
    zoom: 1;
}
#oenFeature .stitle {
    margin-bottom: 20px;
	  padding: 7px 10px;
		color: #fff;
		font-size: 18px;
		border-left: 18px solid #075131;
    background: #0fa966;
}
#oenFeature .stitle .point {
	  margin-right: 10px;
		padding: 5px;
    background: #ffff33;
		color: #075131;
		font-weight: bold;
}
#oenFeature .stitle .eps2 {
	  margin-right: 3px;
		color: #ffff33;
		font-size: 22px;
		font-weight: bold;
}
#oenFeature .image2 {
    float: right;
    margin: 0 0 20px 30px;
}
#oenFeature .read2 {
    margin: 10px 0 20px;
    color: #222;
    font-size: 15px;
    line-height: 1.8em;
}
#oenFeature .eps3 {
		color: #0e59a5;
		font-weight: bold;
    background: #ffff66;
}
#oenFeature sup {
    position: relative;
    top: -0.1em;
    font-size: 10px;
    vertical-align: top;
}

/* .hotelLst */

dl.hotelLst {
    margin: 20px 0 0;
    border: 1px solid #b5b5b5;
}

dl.hotelLst dt {
    padding: 15px;
    background: #fff;
    font-size: 22px;
    color: #222;
		font-weight: bold;
    text-align: center;
}

dl.hotelLst dt span {
    font-size: 24px;
    color: #075131;
    font-weight: bold;
}

dl.hotelLst dd {
    padding: 30px 0 15px 30px;
    background: #dcf2e9;
}

#oenFeature ul.area-wrap {
    padding: 0;
    overflow: hidden;
    zoom: 1;
}

#oenFeature ul.area-wrap li {
    float: left;
		width: 240px;
    margin: 0 20px 20px 0;
    cursor: pointer;
}

#oenFeature ul.area-wrap .area {
	  position: relative;
}

#oenFeature ul.area-wrap .area span {
	  position: absolute;
	  width: 100%;
		left: 0;
		bottom: 0;
		padding: 5px 0;
    color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
    background: rgba(7,81,49,0.85);
		z-index: 99;
}

.remodal ul.area-list {
    margin-right: -20px;
    padding: 0;
    overflow: hidden;
    zoom: 1;
}

.remodal ul.area-list li {
    float: left;
		width: 200px !important;
    margin: 0 20px 20px 0;
		padding: 10px;
		text-align: center;
    background-color: #fff;
}
.remodal ul.area-list li img {
		width: auto;
		height: 150px;
    margin-bottom: 10px;
}

#oenFeature .area-read {
    margin-bottom: 30px;
    color: #075131;
    font-size: 16px;
		text-align: center;
}

#oenFeature .btn {
	  padding: 20px 0;
    text-align: center;
}