body:before {
    content: '';
    display: block;
    width: 100%;
    height: 948px;
    position: absolute;
    left: 0;
    top: 174px;
    min-width: 1230px !important;
    background: url("../images/top_new/bg_body.jpg") no-repeat left top;
}

.single-column .search-container{
	background: none !important;
}

#htlMainContent {
    width: 1200px !important;
    margin-left: 0 !important;
}

#htlContents {
    background: none;
    width: 1190px !important;
    margin: 0 auto !important;
    min-width: 1190px !important;
    position: relative;
}

#htlContents #htlHeader {
    background: none;
    width: 1190px !important;
    margin: 0 auto !important;
    min-width: 1190px !important;
}

div#RthCustomizeW {
    width: auto !important;
}

#htlContents #htlSide-A {
    float: none !important;
    position: absolute;
    top: 900px;
    left: 0;
}

/*-------------------
header
-------------------*/
#RESOLwrapper img{
    display: inline-block;
    line-height: 100%;
    vertical-align: bottom
}
#RESOLwrapper iframe{
    display: block;
}
#RESOLwrapper #header{
	height:630px;
	width: 100%;
	position: relative;
}
#RESOLwrapper #header.lg{
	height: 710px;
}
#RESOLwrapper #header.lg.header_movie{
	height: 860px;
}
#RESOLwrapper #header ul{
    height: 80px;
}
#RESOLwrapper #header ul li{
    float: left;
    line-height: 100%;
    width: 150px;
}
#RESOLwrapper #header ul li:nth-child(4),
#RESOLwrapper #header ul li:nth-child(5),
#RESOLwrapper #header ul li:nth-child(7){
    width: 190px;
}
#RESOLwrapper #header ul li:nth-child(6){
    width: 170px;
}
#RESOLwrapper #header .bnr_corona{
    position: absolute;
    display: inline-block;
    right: 20px;
    top: 20px;
    z-index: 2
}
#RESOLwrapper #header .bnr{
	margin-top: 10px;
}
/*-------------------
contents_area
-------------------*/
#RESOLwrapper #contents_area{
    width: 950px !important;
    margin: 0 auto !important;
	padding:50px 0 0;
}

/*-------------------
concept
-------------------*/
#RESOLwrapper #concept{
    background: url("../images/top_new/bg_concept.jpg") top left no-repeat;
    padding: 70px 0 0 0;
    margin-bottom: 80px;
}
#RESOLwrapper #concept h2{
    text-align: center;
    margin-bottom: 60px;
}
#RESOLwrapper #concept .contents{
    background: url("../images/top_new/photo_concept-3.jpg") top left no-repeat;

}
#RESOLwrapper #concept .contents h3{
    padding: 45px 0 60px 540px;
}
#RESOLwrapper #concept .contents .box{
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    width: 510px;
    padding: 45px 45px 30px 45px;
    box-sizing: border-box;
    float: right;
}
#RESOLwrapper #concept .contents .box p{
    margin-bottom: 15px;
}

/*-------------------
guide
-------------------*/
#RESOLwrapper #guide{
    background:
        url("../images/top_new/bg_guide-2.jpg") top left no-repeat,
        url("../images/top_new/bg_guide_sub.jpg") top 497px left repeat;
    padding: 80px 50px 90px 50px;
    box-sizing: border-box;
	text-align: center;
}
#RESOLwrapper #guide .intro {
    padding: 0 0 50px 0;
}
#RESOLwrapper #guide .intro h2{
    margin-bottom: 50px;
}
#RESOLwrapper #guide .intro h3{
    margin-bottom: 30px;
}
#RESOLwrapper #guide .intro .btn{
    width: 260px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border:solid white 1px;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background: url("../images/top_new/icon_pdf.png") center right 30px no-repeat;
}
#RESOLwrapper #guide .intro .btn:hover{
    opacity: 0.8;
    background-color: #406A52;
}
#RESOLwrapper #guide ul{
    width: 100%;
}
#RESOLwrapper #guide ul li:nth-child(odd){
    width: 50%;
    float: left;
}
#RESOLwrapper #guide ul li:nth-child(even){
    width: 50%;
    float: right;
}
/*-------------------
guide
-------------------*/
#RESOLwrapper #spavillage{
    background:url("../images/top_new/bg_spavillage_202405.jpg") top left no-repeat black;
    padding: 539px 0 0 0;
    box-sizing: border-box;
    position: relative;
}
#RESOLwrapper #spavillage h2{
    position: absolute;
    top: 60px;
    right: 60px;
}
#RESOLwrapper #spavillage .box{
    width: 100%;
    background: url("../images/top_new/bg_spavillage_sub_202401.jpg") top right no-repeat;
    padding: 65px 55px 85px 55px;
    box-sizing: border-box;
}
#RESOLwrapper #spavillage .box h3{
    margin-bottom: 50px;
}
#RESOLwrapper #spavillage .box .btn{
    width: 260px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
	background: url("../images/top_new/btn_arrow.png") center right 30px no-repeat #9B2426;
}
#RESOLwrapper #spavillage .box .btn:hover{
    opacity: 0.8;
	background-color: #9B2426;
}
/*-------------------
plan
-------------------*/
#RESOLwrapper #plan{
    background-color: #F3F3F0;
    padding: 70px 50px;
    margin-bottom: 50px;
}
#RESOLwrapper #plan h2{
    text-align: center;
    margin-bottom: 50px;
}
#RESOLwrapper #plan ul{
    width: 850px;
    margin: 0 0 50px 0;
    display: flex; 
    justify-content: space-between;
}
#RESOLwrapper #plan ul li{
    width: 260px;
    font-size: 12px;
}
#RESOLwrapper #plan ul li h3{
    text-align: center;
    font-weight: bold;
    color: #2E873D;
    margin: 15px 0 10px 0;
    font-size: 14px;
    line-height: 100%;
}
#RESOLwrapper #plan .btn{
    width: 400px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0 auto;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background: url("../images/top_new/btn_arrow.png") center right 30px no-repeat #007545;
}
#RESOLwrapper #plan .btn:hover{
    opacity: 0.8;
}
/*-------------------
rakuten_banner
-------------------*/

div.rakuten_banner {
    width: 950px;
    overflow: hidden;
    zoom: 1;
    text-align: center;
    font-size: 12px;
    clear: both;
    line-height: 1.5em;
    margin: 0px auto 20px auto;
    padding: 0px 0px 0px 0px;
}
div.rakuten_banner p {
    width: 730px;
    text-align: center;
    margin: 0px auto 10px auto;
    padding: 0px 0px 0px 0px;
}
div.rakuten_banner img {
    text-align: center;
    border-style: none;
    display: block;
    margin: 0px auto 3px auto;
    padding: 0px 0px 0px 0px;
}
div.rakuten_banner a:hover img {
    opacity:0.8;
    filter: alpha(opacity=80);
}