@charset "UTF-8";
/*common*/
body { background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/bg.gif); font-size:13px; line-height:1.6em;}
#RthCustomizeW a img:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.7;}
#RthCustomizeW a { text-decoration:underline; color:#000;}
#RthCustomizeW a:hover { text-decoration:none;}

/*header*/
#r_header { position:relative; background:#f6f2e6 url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/h_bg.png) no-repeat left top;}
#r_header h1{ position:absolute; top:-5px; left:50px; z-index:100;}
#r_header div { float:right; width:205px; margin:20px 30px 13px 30px;}
#r_header div img { display:block; margin:0 0 5px 0;}
#r_gnav { float:right; margin:20px 0; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/line2.png) no-repeat center left;}
#r_gnav li { float:left; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/line2.png) no-repeat center right;}
#r_gnav li a { display:block; padding:25px 20px; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/icon_off.gif) no-repeat center 10px;}
#r_gnav li a:hover, #r_gnav #gnav01 a { background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/icon_on.gif) no-repeat center 10px;}

/*footer*/
#footer { clear:both; padding:15px 15px 15px 15px; background:#893c00 url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/f_bg.png) repeat-x; color:#fff;}
#footer a { color:#fff;}
#footer dl, #footer ul { float:left;}
#footer address { width:385px; padding:8px 30px 0 0; font-style:normal; font-size:11.5px; line-height:1.4em;}
#footer ul { width: 160px; padding:10px 0 0 0;}
#footer li { padding:0 0 0 11px; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/icon01.png) no-repeat left 6px;}
#footer .photo { float:right;}

/*clearfix*/
#r_header:after,
#r_gnav:after,
#footer:after,
#r_top #r_spend:after,
#r_top #r_spend ul:after,
#r_top #r_lead:after,
#r_top #r_info:after,
#r_top #bnra:after,
#r_top #bnrb:after,
#r_top #r_plan:after,
#r_top #charm1:after,
#r_top #charm2:after,
#r_top #charm3:after,
#r_top #charm4:after { clear:both; display:block; height:0px; visibility:hidden; content:".";}
#r_header,
#r_gnav,
#footer,
#r_top #r_spend,
#r_top #r_spend ul,
#r_top #r_lead,
#r_top #bnra,
#r_top #bnrb,
#r_top #r_plan,
#r_top #charm1,
#r_top #charm2,
#r_top #charm3,
#r_top #charm4 { zoom:1;}

/*slide*/
#visual { position:relative; height:546px; overflow:hidden;}
#visual div { position:absolute; left:0; top: 0; width:950px; height:542px; border-top:solid 2px #3d372b;}
#visual div.vis01 { background: url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/slide01.jpg) no-repeat center top;}
#visual div.vis02 { background: url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/slide02.jpg) no-repeat center top;}
#visual div.vis03 { background: url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/slide03.jpg) no-repeat center top;}
#visual div.vis04 { background: url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/slide04.jpg) no-repeat center top;}
#visual div.vis05 { background: url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/slide05.jpg) no-repeat center top;}

/*spend*/
#r_top #r_spend { background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/spend_bg.gif) no-repeat;}
#r_top #r_spend h2 { float:right; padding:0 50px 0 10px; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/line2.png) no-repeat left top;}
#r_top #r_spend li { float:right;}
#r_top #spend_01 { padding:30px 40px 0 0;}
#r_top #spend_02 { padding:60px 30px 0 0;}
#r_top #spend_03 { padding:0 5px 0 0;}

/*info(lead,bnr,plan)*/
#r_top #r_info { /*padding:0 0 50px 0;*/padding: 0 0 25px; background:#f6f2e6;}

#r_top #r_lead h2,
#r_top #r_lead p { float:right;}
#r_top #r_lead h2 { padding:50px 100px 60px 30px; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/lead_bg.png) no-repeat right 120px;}
#r_top #r_lead p { padding:40px 20px 0 0;}
#r_top #r_lead .photo { float:left;}

/* 160905 maehata
#r_top #bnra,#r_top #bnrb { width:900px; margin:0 auto;}
#r_top #bnra li,#r_top #bnrb li { float:left;}*/
#r_top #bnra { float: left; width: 420px; padding: 0 0 0 50px;}
#r_top #bnra li { /*padding:0 5px;*/ padding: 0; float: none; width: 420px;}
#r_top #bnra li.first { padding:0px 0 5px 0; /*padding:0;*/}
#r_top #bnrb { float: right; width: 450px; margin: 0; padding: 0 30px 0 0; /* width:900px; margin:20px auto 0 auto; padding:20px 0; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/bnrb_bg.gif) no-repeat;*/}
#r_top #bnrb li { float:left; padding:0 7px;}
#r_top #bnrb li.first { padding:0 7px 0 28px;}

#r_top #r_plan { clear: both; padding:0 0 30px 0; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/plan_bg.png) no-repeat;}

#r_top #r_plan h3 { padding:40px 0 30px 0; text-align:center;}
#r_top #r_plan dl { float:left; width:290px; padding:0 5px; color:#fff;}
#r_top #r_plan dl.first { padding:0 5px 0 30px;}
#r_top #r_plan dl a { display:block; padding:8px 0; color:#e6b867; text-decoration:underline;}
#r_top #r_plan dl a:hover { text-decoration:none;}
#r_top #r_plan dd a img { padding:30px 0 20px;}


/*charm*/
#r_top h3 { padding:0 0 20px 0; text-align:center;}
#r_top #charm1 { position:relative; margin:0 0 20px 0;}
#r_top #charm1 h4 { position:absolute; left:50%; margin:0 0 0 -20px; }
#r_top #charm1 dl { float:left; width:530px;}
#r_top #charm1 dt { margin:0 0 10px 0; padding:20px 0 5px 0; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/line.png) no-repeat center bottom;}
#r_top #charm1 dd{ margin-top: 22px;}
#r_top #charm1 dd span { display:block; margin:10px 0 0 0;}
#r_top #charm1 .photo { padding:5px 0 0 15px;}

#r_top #charm1 > div{margin: 20px 10px 10px;}
#r_top #charm1 > div img{ margin: 0 auto 8px; display: block;}
#r_top #charm1 > div table{ width: 100%;table-layout: fixed;}
#r_top #charm1 > div table tr th{border: 1px solid #000000;color: #FFFFFF;padding: 15px;text-align: center;background-color: #3b817e;width: 6%;}
#r_top #charm1 > div table tr:nth-child(3) th{background-color: #3b5c81;}
#r_top #charm1 > div table tr td{border: 1px solid;box-sizing: border-box;padding: 0;}
#r_top #charm1 > div table th + td,
#r_top #charm1 > div table tr td:first-child{padding: 8px; line-height: 2; width: 14%;}
#r_top #charm1 > div table tr td ul{display: table;}
#r_top #charm1 > div table tr td ul li{list-style: none; display: table-cell; padding: 10px; box-sizing: border-box; width: 25%; border-right: 1px solid;}
#r_top #charm1 > div table tr td ul li:last-child{border: none;}
#r_top #charm1 > div table td figure{ margin: 0 auto 5px; max-width: 120px;}
#r_top #charm1 > div table td figure img{ width: 100%;}
#r_top #charm1 > div table td figure figcaption{text-align: center;}
#r_top #charm1 dl.col{ margin: 0 10px 10px; padding: 16px; width: 896px; background: #fffdf8;}
#r_top #charm1 dl.col dt{ background: none; margin: 0 0 2px 0; padding: 0;}
#r_top #charm1 dl.col dd{ margin: 0 0 16px 10px;}
#r_top #charm1 dl.col dd:nth-child(2){margin-bottom: 7px;}

#r_top #charm2,#r_top #charm3 { width:470px;}
#r_top #charm2,
#r_top #charm2 h4,
#r_top #charm3 h4,
#r_top #charm2 dl,
#r_top #charm3 dl { float:left;}
#r_top #charm3,
#r_top #charm2 .photo,
#r_top #charm3 .photo { float:right;}
#r_top #charm2 dl,
#r_top #charm3 dl { width:270px;}

#r_top #charm2 h4,
#r_top #charm3 h4 { margin:-20px 0 0 0;}
#r_top #charm2 dt,
#r_top #charm3 dt { margin:0 0 10px 0; padding:20px 0 5px 0; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/line.png) no-repeat center bottom;}
#r_top #charm2 a,
#r_top #charm3 a { display:block; margin:10px 0 0 0;}
#r_top #charm2 .photo,
#r_top #charm3 .photo { padding:5px 0 0 0;}

#r_top #charm4 h4,
#r_top #charm4 .map,
#r_top #charm4 dl { float:left;}
#r_top #charm4 { clear:both; padding:60px 0 20px 0;}
#r_top #charm4 h4 { margin:-20px 0 0 0;}
#r_top #charm4 .map { padding:5px 20px 0 25px;}
#r_top #charm4 dl { width:495px;}
#r_top #charm4 dt { margin:0 0 20px 0; padding:20px 0 5px 0; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/line.png) no-repeat center bottom;}
#r_top #charm4 dd { position:relative;}
#r_top #charm4 dd li { padding:0 0 0 11px; background:url(https://www.kairakuen.net/rak_kairakuen/rakuten_renew/img/icon02.png) no-repeat left 6px;}
#r_top #charm4 dd li span { padding:0 0 0 10px; font-weight:bold;}
#r_top #charm4 a { position:absolute; right:0; bottom:0;}

/*bnr*/
#r_top #bnr1 { float:right; margin:-110px 0 0 0; padding:0 25px 0 0;}
