/* ------------------------------------
htl
------------------------------------- */
body {
    background:
		url("../images/common/bg.jpg") no-repeat top left,
		url("../images/common/footer_bg.jpg") no-repeat center bottom 910px;
	background-color: black !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;
}

/*------------------------------
common
------------------------------*/
#RESOL_wrapper #contents_area{
    padding: 0;
}

/*------------------------------
rakuten_banner
------------------------------*/
#RESOL_wrapper .rakuten_banner{
    text-align: center;
    padding: 30px 0;
    font-size: 12px;
}


#RESOL_wrapper .rakuten_banner .bnr_01{
    width: 950px;
    margin: 10px 0;
}
#RESOL_wrapper .rakuten_banner .bnr_01 img{
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
#RESOL_wrapper .rakuten_banner .banr_01 p{
    margin-bottom: 10px;
}

#RESOL_wrapper .rakuten_banner .bnr_02{
    width: 950px;
    margin: 10px 0;
}
#RESOL_wrapper .rakuten_banner .bnr_02 .left{
    width: 460px;
    float: left;
    display: block;
}
#RESOL_wrapper .rakuten_banner .bnr_02 .right{
    width: 460px;
    float: right;
    display: block;
}
#RESOL_wrapper .rakuten_banner .bnr_02 img{
    width: 100% !important;
}


/*------------------------------
concept
------------------------------*/
#RESOL_wrapper #concept .bg{
    background:url(../images/top/concept_bg.jpg) top center no-repeat;
    padding: 140px 0 180px 0;
}
#RESOL_wrapper #concept .bg h2{
    margin-bottom: 20px;
}
#RESOL_wrapper #concept .bg p{
    background:url(../images/top/concept_bg_p.png) center center no-repeat;
    text-align: center;
    padding: 60px 0;
}
#RESOL_wrapper #concept dl{
    width: 100%;
    margin: 0;
    display: table;
}
#RESOL_wrapper #concept dl dt,
#RESOL_wrapper #concept dl dd
{
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
#RESOL_wrapper #concept .text{
    background-color: #161616;
    padding: 0 60px;
}
#RESOL_wrapper #concept .text h3{
    margin-bottom: 15px;
}
#RESOL_wrapper #concept .text p{
    margin-left: 50px;
}
#RESOL_wrapper #concept dl span{
    color: #787878;
    font-size: 12px;
    display: block;
    margin-top: 10px;
    line-height: 180%;
}

/*------------------------------
faci
------------------------------*/
#RESOL_wrapper #faci .icon{
    background:url(../images/top/faci_bg.jpg) bottom center no-repeat;
    padding: 75px 0;
}
#RESOL_wrapper #faci .icon ul{
    width: 800px;
    margin: 0 auto 60px auto;
    display: table;
}
#RESOL_wrapper #faci .icon li{
    width: 200px;
    display: table-cell;
}
#RESOL_wrapper #faci .icon li img{
    display: block;
    margin: 0 auto 25px auto;
}
#RESOL_wrapper #faci .icon li p{
    width: 170px;
    margin: 0 auto;
}
#RESOL_wrapper #faci .icon .btn{
    text-align: center;
}
/*------------------------------
accecc
------------------------------*/

#RESOL_wrapper #access iframe{
    margin-bottom: 30px;
}
#RESOL_wrapper #access dl{
    width: 100%;
}
#RESOL_wrapper #access dl dt{
    width: 60%;
    float: left;
}
#RESOL_wrapper #access dl dd{
    width: 35%;
    float: right;
}
#RESOL_wrapper #access dl dt h3{
    margin-bottom: 20px;
}