@charset "UTF-8";
/* CSS Document */
html{ height: 100%; width: 100%;}
body { margin: 0px; padding: 0px; height: 100%; width: 100%; background-color: #000; background-image: url(../img/base.gif); background-repeat: repeat-y; background-position: 0px 0px; color: #333; }
img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
h1{ margin: 0px; padding: 0px; }
h2{ margin: 0px; padding: 0px; }
h3{ margin: 0px; padding: 0px; }
h4{ margin: 0px; padding: 0px; }
a:link { color: #06C; text-decoration: none }
a:visited { color: #06C; text-decoration: none }
a:hover { color: #569DE2; text-decoration: underline; }
form { margin: 0px; padding: 0px; float: none; }
.box-cr{ margin: 0px; padding: 0px; clear: both; float: none; }
#base{ margin: 0px; padding: 0px; clear: both; float: none; width:1001px; }
#LEFT-SIDE{ background-image: url(../img/left_top.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding: 0px; float: left; width: 271px; }
#LEFT-SIDE h1{ text-align: center; display: block; clear: both; float: left; margin-top: 0px; margin-right: auto; margin-bottom: auto; margin-left: 0px; padding-top: 55px; padding-right: 0px; padding-bottom: 0px; padding-left: 40px; }
#LEFT-SIDE div.navi{ margin: 0px; clear: both; float: left; padding-top: 51px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#LEFT-SIDE div.navi ul{ margin: 0px; float: left; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; display: block; font-size: 0px; line-height: 0px; }
#LEFT-SIDE div.navi li{ margin: 0px; clear: both; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; font-size: 0px; line-height: 0px; list-style-image: none; list-style-type: none; }
body.second-bg{ background-image: url(../img/base2.gif); }
body.second-bg2{ background-image: url(../img/base3.gif); }
#RIGHT-SIDE{ margin: 0px; float: left; }
.top{padding: 0px;position: absolute; top: 0px; left: 271px;}
.second-bg01{ padding-left: 20px; background-image: url(../../rental_building/img/bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; position: absolute; top: 0px; left: 271px; }
.second-bg02{ padding-left: 20px; background-image: url(../../overdea_resort/img/bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; position: absolute; top: 0px; left: 271px; }
.second-bg03{ padding-left: 20px; background-image: url(../../associates/img/bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; position: absolute; top: 0px; left: 271px; }
.second-bg04{ padding-left: 20px; background-image: url(../../company_profile/img/bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; position: absolute; top: 0px; left: 271px; }
.second-bg05{ padding-left: 20px; background-image: url(../../contact/img/bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; position: absolute; top: 0px; left: 271px; }
.second-bg06{ padding-left: 20px; background-image: url(../../recruit/img/bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; position: absolute; top: 0px; left: 271px; }
#RIGHT-SIDE div.second-cont{ margin: 0px; padding: 0px; float: none; width: 690px; clear: both; overflow: overflow: hidden; }
#RIGHT-SIDE div.top-navi{ margin: 0px; clear: both; float:right; padding-top: 30px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; text-align: right; }
#RIGHT-SIDE div.top-navi ul{ margin: 0px; padding: 0px; float: right; text-align: right; }
#RIGHT-SIDE div.top-navi ul li{ font-size: 0px; line-height: 0px; margin: 0px; float: left; height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; list-style-image: none; list-style-type: none; }
#RIGHT-SIDE h2{ display: block; margin: 0px; clear: both; float: left; padding-top: 90px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
#RIGHT-SIDE h3{ display: block; margin: 0px; clear: both; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 110px; }
#RIGHT-SIDE h3.resort{ margin: 0px; padding-top:182px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; float: none; clear: both; }
#RIGHT-SIDE h3.profile{ display: block; margin: 0px; clear: both; float: none; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }
#RIGHT-SIDE h3.contact{ display: block; margin: 0px; clear: both; float: none; padding-top: 45px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; font-size: 12px; line-height: 1.65em; font-weight: normal; color: #333; }
#RIGHT-SIDE h3.resort span{ display: block; margin: 0px; float: right; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; }
#RIGHT-SIDE div.direct-jump{ margin: 0px; clear: both; float: none; padding-top: 15px; padding-right: 5px; padding-bottom: 15px; padding-left: 0px; text-align: right; }
#RIGHT-SIDE div.top-main{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#RIGHT-SIDE div.top-copy{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
#RIGHT-SIDE div.resort-read{ margin: 0px; clear: none; float: none; padding-left: 30px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
#RIGHT-SIDE div.resort-FLV{ margin: 0px; clear: both; float: none; padding-top: 15px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; }
/*scrollerâ–¼*/
#RIGHT-SIDE div.scroll-base{ margin: 0px; float: left; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }
#RIGHT-SIDE div.back-navi{ margin: 0px; float: left; padding-top: 350px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }
#RIGHT-SIDE div.next-navi{ margin: 0px; float: left; padding-top: 350px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
#RIGHT-SIDE div.scroller { overflow: hidden; margin: 0px; padding: 0px; float: left; width: 546px; }
#RIGHT-SIDE div.scroller div.section { margin: 0px; float: left; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px;}
#RIGHT-SIDE div.scroller div.scroller-content {margin: 0px; padding: 0px; float: none; width: 10000px;}
#RIGHT-SIDE div.scroller ul { margin: 0px; padding: 0px; display: inline-block; float: left; width: 546px; }
#RIGHT-SIDE div.scroller ul li{ margin: 0px; float: left; padding-top: 0px; padding-right: 7px; padding-bottom: 14px; padding-left: 7px; font-size: 0px; line-height: 0px; list-style-image: none; list-style-type: none; display: inline-block; }
#RIGHT-SIDE div.scroller ul li ul{ background-color: #FFF; display: inline-block; width:168px; padding-top: 5px; padding-bottom: 5px; }
#RIGHT-SIDE div.scroller ul li ul li{ clear: both; float: none; list-style-image: none; list-style-type: none; display:block; padding-right: 0px; padding-left: 5px; }
#RIGHT-SIDE div.scroller ul li.st{ clear: left; }
#RIGHT-SIDE div.scroller ul li ul li.img{ margin-top: 0px; margin-right: auto; margin-left: auto; float: none; clear: both; display:block; padding-top: 0px; padding-right: 0px; padding-bottom: 4px; padding-left: 5px; margin-bottom: 0px; }
#RIGHT-SIDE div.scroller ul li ul li.img span{overflow: hidden; width: 158px; height: 130px; display:block; float: none; clear: both;}
#RIGHT-SIDE div.scroller ul li ul li.img img.THUMBNAIL{ width: 160px; height: auto; min-height:130px;}
#RIGHT-SIDE div.scroller ul li ul li.img a:hover img{ filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
#RIGHT-SIDE div.scroller ul li ul li.buken-title{ font-size: 12px; line-height: 1.5em; font-weight: bold; color: #333; padding-top: 5px; float: none; padding-right: 0px; padding-left:5px; padding-bottom: 0px; clear: both; margin: 0px; display:block; width: 158px; }
#RIGHT-SIDE div.scroller ul li ul li.buken-address{ font-size: 11px; line-height: 1.5em; color: #666; padding-top: 3px; padding-right: 0px; padding-bottom: 4px; padding-left: 5px; float: none; clear: both; display:block; width: 158px; }
/*scrollerâ–²*/
#RIGHT-SIDE div.associates{ margin: 0px; clear: both; float: none; padding-top: 70px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; }
#RIGHT-SIDE div.associates dl{ margin: 0px; clear: both; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; display: block; }
#RIGHT-SIDE div.associates dt{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
#RIGHT-SIDE div.associates dt span{ padding: 0px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; }
#RIGHT-SIDE div.associates dd{ font-size: 12px; line-height: 2em; color: #666; margin: 0px; padding: 0px; clear: both; float: none; }
#RIGHT-SIDE div.associates dd span{ margin: 0px; float: left; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; display: block; clear: none; }
#RIGHT-SIDE div.associates dd.tensen{ background-image: url(../img/tensen.gif); background-repeat: repeat-x; background-position: 0px 50%; margin: 0px; padding: 0px; clear: both; float: none; height: 21px; }
#RIGHT-SIDE div.associates dt span a:hover img{filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
#RIGHT-SIDE div.profile{margin: 0px; clear: both; float: none; padding-top: 40px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px;}
#RIGHT-SIDE div.profile dl{ margin: 0px; clear: both; float: none; display: block; padding: 0px; }
#RIGHT-SIDE div.profile dl dt{ margin: 0px; float: left; width: 170px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; clear: left; }
#RIGHT-SIDE div.profile dl dd{ font-size: 12px; line-height: 15px; color: #666; float: none; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 175px; margin: 0px; vertical-align: middle; }
#RIGHT-SIDE div.profile dl dd.cap{ font-size: 12px; line-height: 15px; color: #666; margin: 0px; clear: both; float: none; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#RIGHT-SIDE div.profile dl dd.button{ clear: both; float: none; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#RIGHT-SIDE div.profile dl dd.button a:hover img{filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
#RIGHT-SIDE div.contact{margin: 0px; clear: both; float: none; padding-top: 40px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px;}
#RIGHT-SIDE div.contact ul{ display: block; margin: 0px; float: left; padding: 0px; }
#RIGHT-SIDE div.contact ul li{ font-size: 0px; line-height: 0px; display: inline-block; margin: 0px; clear: both; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; list-style-image: none; list-style-type: none; }
#RIGHT-SIDE div.contact ul li a:hover img{filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
#RIGHT-SIDE div.recruit{margin: 0px; clear: both; float: none; padding-top: 40px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px;}
#RIGHT-SIDE div.recruit div.kakomi01{ margin: 0px; padding: 0px; float: none; height: 10px; width: 630px; background-image: url(../../recruit/img/kakomi01.gif); background-repeat: no-repeat; background-position: 0px 0px; clear: both; font-size: 0px; line-height: 0px; }
#RIGHT-SIDE div.recruit div.kakomi02{ background-image: url(../../recruit/img/kakomi02.gif); background-repeat: repeat-y; background-position: 0px 0px; margin: 0px; padding: 0px; float: left; width: 630px; clear: both; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics{ margin: 0px; float: left; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics ul{ margin: 0px; padding: 0px; float: left; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics ul li{ font-size: 12px; line-height: 1.65em; color: #666; background-image: url(../../recruit/img/icon.gif); background-position: 0px 50%; padding-left: 15px; background-repeat: no-repeat; list-style-image: none; list-style-type: none; margin: 0px; clear: both; float: left; padding-top: 5px; padding-bottom: 2px; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics ul li.tensen{ background-image: url(../img/tensen.gif); background-repeat: repeat-x; background-position: 0px 50%; margin: 0px; padding: 0px; float: none; height: 3px; clear: both; width: 600px; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics ul li span{ font-weight: bold; color: #333; padding-right: 15px; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics ul li a:link{ color: #f7001f; text-decoration: none; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics ul li a:visited{color: #f7001f; text-decoration: none; }
#RIGHT-SIDE div.recruit div.kakomi02 div.topics ul li a:hover{ color: #FC6272; text-decoration: underline; }
#RIGHT-SIDE div.recruit div.kakomi03{ margin: 0px; padding: 0px; clear: both; float: none; height: 10px; width: 630px; background-image: url(../../recruit/img/kakomi03.gif); background-repeat: no-repeat; background-position: 0px 0px; }
#RIGHT-SIDE div.recruit table{ background-color: #CCC; width:630px;}
#RIGHT-SIDE div.recruit table td{ background-color: #FFF;}
#RIGHT-SIDE div.recruit table td.title{ font-size: 14px; line-height: 1.5em; font-weight: bold; color: #FFF; text-align: left; background-color: #f7001f; padding-left: 10px; }
#RIGHT-SIDE div.recruit table td.recruit-detail { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#RIGHT-SIDE div.recruit table td.recruit-detail dl{ margin: 0px; padding: 0px; clear: both; float: none; width:600px;}
#RIGHT-SIDE div.recruit table td.recruit-detail dl dt{ margin: 0px; float: left; width: 105px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; font-size: 12px; line-height: 1.65em; font-weight: bold; color: #333; clear: both; }
#RIGHT-SIDE div.recruit table td.recruit-detail dl dd{ font-size: 12px; line-height: 1.65em; color: #666; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 110px; }
#RIGHT-SIDE div.recruit table td.recruit-detail dl dd a:hover img {filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.page-top{ margin: 0px; clear: both; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 15px; padding-left: 155px; white-space: nowrap; }
.page-top img{ float: left; }
.under-navi{ text-align: right; margin: 0px; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; line-height: 1.5em; width: 702px; }
.copyright{ text-align: center; margin: 0px; clear: both; float: none; width: 269px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }