@charset "UTF-8";
/*前頁共通*/
body {
background: url("../images/bg.jpg") top right repeat-y;
}
#noflash {
width: 420px;
margin: 30px  0px  0px 30px;
}
#noflash li {
margin-top: 15px;
}
#container {
text-align:center;
}
#container {
text-align: /**/left;
}/*IE5.5除外*/
#head {
width: 900px;
height: 60px;
margin: 0px auto 0px auto;
text-align: left;
}
#hn_logo {
width:245px;
height:50px;
text-indent:-9999px;
float:left;
display:block;
background:url("../images/logo.gif") no-repeat;
margin:0;
}
#hn_logo a {
width:245px;
height:50px;
display:block;
}
#base {
width: 900px;
height: 550px;
border: 1px solid #a58d69;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
text-align: left;
z-index: 1;
}
#index_base {
width: 900px;
height: 550px;
border: 1px solid #a58d69;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background: url("../images/index_bg.jpg") no-repeat;
text-align: left;
z-index: 1;
}
#contents {
width: 449px;
height: 546px;
margin: 2px 0px 0px 1px;
float: left;
}
#index_contents {
width: 530px;
height: 546px;
margin: 2px 0px 0px 1px;
float: left;
}
#scroll {
height:546px;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-face-color: #a58d69; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #fcfcfc;
}
#information_base {
width: 420px;
height: 200px;
background-color: #a58d69;
margin: 15px 0px 0px 30px;
padding: 5px 0px 0px 5px;
}
#information_base h3 {
width: 145px;
height: 35px;
text-indent: -9999px;
background: url(../images/information_ttl.gif) no-repeat;
margin: 0px 0px 0px 0px;
}
#information_base p {
width: 400px;
height: 134px;
margin: 10px 10px 10px 10px;
padding-top: 20px;
border-top: 1px dotted #ffffff;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 80%;
color: #ffffff;
line-height: 1.5em;
}
#price {
width: 420px;
height: 50px;
margin: 0px 0px 0px 30px;
}
#thumbs {
width: 420px;
height: 140px;
margin: 15px 0px 0px 32px;
}
#thumbs img {
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.link {
font: 80% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 5px 0px 0px 30px;
padding: 0px;
}
.link a {
color: #a58b69;
}
.link a:hover {
color: #FF6699;
}
#pictures {
width: 420px;
height: 546px;
margin: 2px 0px 0px 0px;
float: right;
}
#index_pictures {
width: 350px;
height: 546px;
margin: 2px 0px 0px 0px;
float: right;
}
#footer {
width: 900px;
height: 50px;
margin: 0px auto 0px auto;
}
#footer address {
float: right;
font: 12px Arial, Helvetica, sans-serif;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*ページ個別*/
/*大塚１*/
.cnts_otuka1_ttl {
text-indent: -9999px;
background: url("../images/hn_otuka1_ttl.gif") no-repeat;
margin: 30px 0px 10px 30px;
}
.cnts_otuka1_ld {
text-indent: -9999px;
background: url("../images/hn_otuka1_ld.gif") no-repeat;
margin: 0px 0px 0px 30px;
}
.price_otuka1_01 {
width: 135px;
height: 35px;
text-indent: -9999px;
background: url("../images/hn_otuka1_domitori.gif") no-repeat;
margin: 15px 0px 0px 30px;
}
/*大塚２*/
.cnts_otuka2_ttl {
text-indent: -9999px;
background: url("../images/hn_otuka2_ttl.gif") no-repeat;
margin: 30px 0px 10px 30px;
}
.cnts_otuka2_ld {
text-indent: -9999px;
background: url("../images/hn_otuka2_ld.gif") no-repeat;
margin: 0px 0px 0px 30px;
}
.price_otuka2_01 {
width: 135px;
height: 35px;
text-indent: -9999px;
background: url("../images/hn_otuka2_domitori.gif") no-repeat;
margin: 15px 0px 0px 0px;
float: left;
}
.price_otuka2_02 {
width: 215px;
height: 35px;
text-indent: -9999px;
background: url("../images/hn_otuka2_kositu.gif") no-repeat;
margin: 15px 0px 0px 30px;
float: left;
}
/*東長崎*/
.cnts_nagasaki_ttl {
text-indent: -9999px;
background: url("../images/hn_nagasaki_ttl.gif") no-repeat;
margin: 30px 0px 10px 30px;
}
.cnts_nagasaki_ld {
text-indent: -9999px;
background: url("../images/hn_nagasaki_ld.gif") no-repeat;
margin: 0px 0px 0px 30px;
}
.price_nagasaki_02 {
width: 215px;
height: 35px;
text-indent: -9999px;
background: url("../images/hn_nagasaki_kositu.gif") no-repeat;
margin: 15px 0px 0px 30px;
}
/*casablanca*/
.cnts_casablanca_ttl {
text-indent: -9999px;
background: url("../images/hn_casablanca_ttl.gif") no-repeat;
margin: 30px 0px 10px 30px;
}
.cnts_casablanca_ld {
text-indent: -9999px;
background: url("../images/hn_casablanca_ld.gif") no-repeat;
margin: 0px 0px 0px 30px;
}
.price_casablanca_01 {
width: 135px;
height: 35px;
text-indent: -9999px;
background: url("../images/hn_casablanca_domitori.gif") no-repeat;
margin: 15px 0px 0px 0px;
float: left;
}
.price_casablanca_02 {
width: 215px;
height: 35px;
text-indent: -9999px;
background: url("../images/hn_casablanca_kositu.gif") no-repeat;
margin: 15px 0px 0px 30px;
float: left;
}
/*会社概要*/
.cnts_gaiyou_ttl {
text-indent: -9999px;
background: url("../images/hn_gaiyou_ttl.gif") no-repeat;
margin: 30px 0px 30px 30px;
}
.gaiyou_dl {
width: 400px;
height: 17px;
display: block;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 90%;
line-height: 1.5em;
color: #333333;
margin: 20px 0px 0px 30px;
padding: 0px 0px 0px 0px;
}
.gaiyou_dl dt {
width: 100px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.gaiyou_dl dd {
width: 280px;
float: left;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
.gaiyou_p1{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 80%;
line-height: 1.5em;
color: #333333;
margin: 120px 30px 0 30px;
}
.gaiyou_p2 {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 80%;
line-height: 1.5em;
color: #333333;
margin: 10px 30px 0 30px;
}
.gaiyou_dl a {
color: #a58b69;
}
.gaiyou_dl a:hover {
color: #FF6699;
}

/*ゲストハウスについて*/
.cnts_guesthouse_ttl {
text-indent: -9999px;
background: url("../images/hn_guesthouse_ttl.gif") no-repeat;
margin: 30px 0px 10px 30px;
}
.cnts_guesthouse_p {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 80%;
line-height: 1.5em;
color: #333333;
margin: 15px 30px 0 30px;
}
.cnts_qa_ttl {
text-indent: -9999px;
background: url("../images/hn_qa_ttl.gif") no-repeat;
margin: 50px 0px 20px 30px;
}
#scroll dl {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 80%;
line-height: 1.5em;
color: #333333;
}
#scroll dt {
margin: 0px 30px 0px 30px;
padding: 0px 0px 0px 0px;
}
#scroll dd {
margin: 0px 30px 20px 30px;
padding: 0px 0px 0px 0px;
}
.qa1 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q1.gif") no-repeat;
}
.qa2 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q2.gif") no-repeat;
}
.qa3 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q3.gif") no-repeat;
}
.qa4 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q4.gif") no-repeat;
}
.qa5 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q5.gif") no-repeat;
}
.qa6 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q6.gif") no-repeat;
}
.qa7 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q7.gif") no-repeat;
}
.qa8 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q8.gif") no-repeat;
}
.qa9 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q9.gif") no-repeat;
}
.qa10 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q10.gif") no-repeat;
}
.qa11 {
width: 300px;
height: 14px;
text-indent: -9999px;
background: url("../images/qa_q11.gif") no-repeat;
}
/*空室情報*/
.cnts_vacancy_ttl {
text-indent: -9999px;
background: url("../images/hn_vacancy_ttl.gif") no-repeat;
margin: 30px 0px 30px 30px;
}
.vacancy_otuka1 {
width: 200px;
height: 15px;
text-indent: -9999px;
background: url("../images/vacancy_otuka1.gif") no-repeat;
margin:20px 0px 0px 25px;
padding:0px 0px 0px 0px;
}
.vacancy_otuka2 {
width: 200px;
height: 15px;
text-indent: -9999px;
background: url("../images/vacancy_otuka2.gif") no-repeat;
margin:20px 0px 0px 25px;
padding:0px 0px 0px 0px;
}
.vacancy_nagasaki {
width: 200px;
height: 15px;
text-indent: -9999px;
background: url("../images/vacancy_nagasaki.gif") no-repeat;
margin:20px 0px 0px 25px;
padding:0px 0px 0px 0px;
}
.vacancy_casablanca {
width: 200px;
height: 15px;
text-indent: -9999px;
background: url("../images/vacancy_casablanca.gif") no-repeat;
margin:0px 0px 0px 25px;
padding:0px 0px 0px 0px;
}
#vacancy {
width: 430px;
}
#vacancy dl {
width: 449px;
height: 25px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#vacancy dt {
margin: 10px 0 0 50px;
padding: 0 0 0 0;
}
#vacancy dd {
margin: 10px 0 0 0;
padding: 0 0 0 0;
}
.type {
width: 100px;
height: 15px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.price {
width: 100px;
height: 15px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.empty {
width: 70px;
height: 15px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #0066CC;
}
.full {
width: 70px;
height: 15px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #CC6699;
}