@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

body{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;
  margin: 0px 0px 5px 0px;
  padding: 0;
  font-size: 16px;
  color: #333333;
  border-top: solid 3px #765c47;
  border-top-color : #765c47;
  -webkit-text-size-adjust: none;
}


/* IE7 用 */

*:first-child +html *{
  font-family: "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-Serif;
}


/* IE6 用 */
* html *{
  font-family: "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-Serif;
}


a:link{
  color: #583822;
}

a:hover{
  color: #765c47;
}

a:visited{
  color: #583822;
}

img{
  border: 0;
}


/*---------- メイン ----------*/

#main{
  width: 100%;
  margin: auto;
  padding: 0;
/*   text-align: center; */
  background-color: #fbebdb;
}



/*---------- ヘッダー ----------*/

#header{
  margin: 0 auto 0 auto;
  width : 1027px;
/*   width: 900px; */
  height: 105px;
  text-align: center;
  background-image: url(img/header.jpg);
  background-repeat: repeat-x;
}

#header-partleft {
float: left; ;width: 787px; height: 135px;
}
#header-partsy {
float: none; width: 600px; height: 30px;text-align: left;
}
#header-syoukaitext{
  color: rgb(255, 121, 22); font-size: 14px; padding-top: 10px; display: block;font-weight: bold;
}
#header-partyagou {
float: left; width: 380px; height: 70px;text-align: left;
}
#header-partyagou span.space{
line-height: 11px;
}
#header-yagou-logo {
  width: 94px;
  height: 94px;
  float: left;
  padding: 3px 6px 0px 0px;
}
#header-yagou{
  color: rgb(123, 123, 123); margin-top: 0px; padding-top: 18px; display: block; letter-spacing: 0px; font-size: 37px; line-height: 37px;
}
#header-partccopy {
float: right; width: 400px; height: 70px;text-align: left;
}
#header-partccopy span.space {
line-height: 31px;
}
#header-ccopy{
  font-size: 23px; 
/*   line-height: 18px;  */
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  background-color: #F6FFA4;
}
#header-ccopy strong {
  font-size: 30px; 
/*   line-height: 18px;  */
  color: rgb(255, 121, 22);
  background-color: #F6FFA4;
}
#header-partinq {
float: left; width: 240px; height: 135px;text-align:left;
}
#header-partinq-tel {
width: 240px; height: 65px;font-size:24px;padding-top: 9px;
}
#header-partinq-wform {
width: 240px; height: 35px;
}

/* #header #table-left{ */
/*   float:left; */
/*   text-align: left; */
/*   font-size: 13px; */
/*   color: #444444; */
/*   line-height: 150%; */
/*   text-decoration: none; */
/* } */


#header-menu{
  margin: 3px auto 10px auto;
  width : 1199px;
  padding: 0;
  height: 45px;
  text-align: left;
  background-image: url(img/head_menu_back_base.gif);
  background-repeat: repeat-x;
}

#header-img{
  width: 100%;
  margin: 0;
  text-align: center;
/*   background-image: url(img/head_img_bg.gif); */
  background-image : url(img/back_white.png); 
  background-repeat: repeat-x;
  color : #333333;
}


/*---------- コンテンツ ----------*/

#container{
/*   width: 885px; */
  width: 996px;
  margin: 5px auto 15px auto;
  overflow: hidden;
  padding: 0px 10px 6px 5px;
  background-color: #fbebdb;
}


#leftbar {
  float:left; 
/*   margin: 15px 0px 0px 0px;  */
  margin: 5px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  width:200px; 
  height:655px;
/*   background-image: url(img/04leftbar_01.png); */
/*   background-image: url(img/04leftbar_01_edit.png); */
  background-image: url(img/04leftbar_01_min.png); 
}

#leftbar_rental {
width:180px;
height:180px;
padding-top:6px;
padding-left:10px;
padding-right:10px;
}
/*---------- メインコンテンツ ----------*/

#contents{
  float: right;
  margin: 5px 0 0px 0;
  padding: 0px 0 0px 0;
  width: 780px;
  letter-spacing: 1px;
  text-align: left;
/*   line-height: 180%; */
  background-color: #fbebdb;
}

#contents #contents-area-basic , #contents #webform  {
  background-color:white;
  padding:5px;
  width: 100%;
  min-height: 655px;
}

#contents-area-basic p {
  margin: 0px 10px 3px 10px;
/*   text-indent : 10px; */
  line-height: 120%;
/*   font-size:  11px; */
}

h2.h2ex {
  margin: 5px 5px 5px 5px;
  -moz-border-radius: 10px;    
  -webkit-border-radius: 10px; 
  border-radius: 10px;         
  border: 10px #ccffcc solid;  
  background-color: #ccffcc;   
  width: 560px;
  font-size: 30px;
  line-height:120%;
}

#contents-area-basic h2, #webform h2 {
  margin: 5px 5px 5px 5px;
  -moz-border-radius: 10px;    
  -webkit-border-radius: 10px; 
  border-radius: 10px;         
  border: 10px #ccffcc solid;  
  background-color: #ccffcc;   
  width: 560px;
  font-size: 30px;
  line-height:120%;
}

#contents-area-basic h3, #webform h3 {
  margin: 12px 3px 10px 3px;
  padding: 0px 10px 0px 13px;
  line-height: 180%;
  font-size: 23px;
  color: rgb(255,121,22);
  border-left: solid 5px rgb(255,121,22);
  border-bottom: solid 1px #aaaaaa;
  background-color: #ffffff;
}

#contents h4{
/*   border-left: solid 2px rgb(144, 86, 20); */
  padding: 0px 0px 0px 5px;
  margin: 4px 0px 4px 7px;
  width: 100%;
  color: rgb(144, 86, 20);
  font-size: 20px;
}

/*wk*/
#greeting{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 5px 5px 5px 5px;
  float: left;
  width: 780px;
  height: 440px;
  background-color: rgb(255,255,255);
/*   background-image: url(img/05greeting_01.png); */
/*   background-repeat : no-repeat; */
}
#greeting p {
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
/*   line-height: 180%; */
/*   letter-spacing: 1px; */
  font-size:15px;
/*   text-indent : 10px; */
}

#greeting strong.greeting_ansin {
  font-size: 30px;
  letter-spacing: 1px;
  color: blue;
  font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS P ゴシック","MS P Gothic",sans-serif;
  font-weight:bold;
}
#news{
  overflow: auto;
  border: solid 4px rgb(255,121,22);
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  float: left;
  width: 464px;
  height: 179px;
  background-color: rgb(255,255,255);
/*   background-image: url(img/06news_01.png); */
  background-position: -3px -3px;
  background-repeat : no-repeat;
}
#refresh{
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  width: 299px;
  height: 179px;
  float:right;
}

div #textbox {
  position: relative;
  top:100px;
  left:0px;
}

table.gairai-menu {
  text-align:left;padding-left: 20px;
}
table.gairai-menu tbody tr td.money {
width: 80px; text-align: right;padding-right: 7px;
}


/* 大き目表示 */
/* div.voice-img-div { */
/*   position:relative; */
/*   width: 600px; */
/*   height: 790px; */
/*   overflow: hidden; */
/* } */
/* div.voice-img-div img{ */
/*   position:absolute; */
/*   top: -160px; */
/*   left: -80px; */
/*   width:800px; */
/*   height:1128px; */
/* } */
/* 小さ目表示 */
/* div.voice-img-div { */
/*   position:relative; */
/*   width: 300px; */
/*   height: 395px; */
/*   float:left; */
/*   margin:  5px 5px 5px 5px; */
/*   overflow: hidden; */
/*   border: 1px solid; */
/* } */
/* div.voice-img-div img{ */
/*   position:absolute; */
/*   top: -80px; */
/*   left: -40px; */
/*   width:400px; */
/*   height:514px; */
/* } */
/* 小さ目改 */
div.voice-img-div {
  position:relative;
  width: 370px;
  height: 487px;
  float:left;
  margin:  5px 5px 5px 5px;
  overflow: hidden;
  border: 1px solid;
}
div.voice-img-div img{
  position:absolute;
  top: -98px;
  left: -49px;
  width:493px;
  height:695px;
}

table.inquiry-table {
}
table.inquiry-table td.rh{
  width:180px;
}
table.inquiry-table td.td-data{
  width:590px;
  word-break:break-all;
}

#linklist {
  margin: 10px; padding-left: 5px;
}
#linklist dt{
/*   background-color: rgb(224, 246, 244); */
  font-size:18px; 
}
#linklist dt span{
  background-color: #FFF2DA; 
}
#linklist dd{
  margin-left: 10px;font-size:20px;
}

#contents div.roomspace {
  clear:both;
  background-color:white;
  margin-top: 0px;
  margin-right: 3px;
  margin-bottom: 0px;
  margin-left: 3px;
  padding: 10px 10px 10px 10px;
}

/*wk*/
#contents h3.h3ex{
  margin-top: 12px;
  margin-right: 3px;
  margin-bottom: 4px;
  margin-left: 14px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 7px;
  line-height: 140%;
  font-size: 23px;
  color: rgb(255,121,22);
  border-left: solid 5px rgb(255,121,22);
  border-bottom: solid 0px #aaaaaa;
  background-color: #ffffff;
  text-align: left;
}
#leftbar h3.h3ex{
  margin-top: 12px;
  margin-right: 3px;
  margin-bottom: 4px;
  margin-left: 12px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 7px;
  line-height: 140%;
  font-size: 15px;
  color: #ffffff;
  border-left: solid 5px #ffffff;
  border-left-color: rgb(255,255,255);
  border-bottom: solid 0px #aaaaaa;
/*   背景は別の背景色・背景画像を優先したいので、このスタイル自体は透明色もしくは背景色無しを指定したい。 */
/*   background-color: rgba(0,0,0,0); */
  text-align: left;
}
#leftbar ul.leftbar_item {
  margin-top: 13px;
  margin-right: 10px;
  margin-bottom: 13px;
  margin-left: 10px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  background-color: #ffffff;
}
#leftbar ul.leftbar_item li {
/*   display: block; */
/*   display: box; */
/*   margin: auto; */

/* marginの省略 */
/*     margin:0px; (上下左右) */
/*     margin:0px 0; (上下)　(左右) */
/*     margin:0px 0px 0px; (上)　(左右)　(下) */
/*     margin:0px 0px 0px 0px; (上)　(右)　(下)　(左) */
  margin:0px 0px 0px 0px; 
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  min-height: 39px;
  line-height: 39px;
  list-style-type:disc;
  list-style-position:inside;
/*   line-height: 40px; */
/*   border-left: solid 1px #000000; */
  border-bottom: dotted 1px rgb(255,121,22);
/*   vertical-align: middle; */
  font-size:15px;
}
#leftbar ul.leftbar_item li a{
/*   display: block; */
}
#leftbar ul.leftbar_item li:after {
/*   content:"-"; */
}
#leftbar ul.leftbar_item li:last-child {
  border-bottom: none;
}
/*---------- メニュー ----------*/

#menu{
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  padding: 5px 0 0 0;
  width: 220px;
  text-align: left;
  letter-spacing: 1px;
}


/*---------- フッター ----------*/

#footer{
  clear: both;
/*   width: 100%; */
  width : 1050px; 
  margin:0 auto;
  padding: 23px 0 52px 0;
  text-align: center;
  font-size: 14px;
  color: #333333;
  line-height: 180%;
  background-image : url(img/back_white.png);
}

#footer a{
/*   color: #333333; */
/*   font-size: 12px; */
/*   text-decoration: none; */
}

#footer a:hover{
/*   color: #583822; */
/*   text-decoration: none; */
}

/*wk*/
/*-- あとで整理 ---*/
#header-menu2{
  margin: 12px auto 10px auto;
  width : 100%;
  padding: 0;
  height : 70px; 
  text-align: left;
  background-repeat: repeat-x;
  background-image : url(img/02nabi_02.png);
  clear:both;
}

#header-menu2 ul{
  width: 1000px;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(img/02nabi_02.png);
  background-repeat: repeat-x;
}

#header-menu2 li{
  display: block;
  list-style-type: none;
  float: left;
  color: #ffffff;
  width:200px;
  height:70px;
    text-align: center;
    vertical-align: middle;
}
/* li.navi_button { */
/*   display:block; */
/*   float:left; */
/*   width:200px; */
/*   height:70px; */
/* } */

#header-menu2 li a{
  width:200px;
  height:70px;
/* //  font-size: 12px; */
/* //  line-height: 20px; */
  color: #fffffc;
  text-align: center;
    vertical-align: middle;
  display: block;
/* //  line-height: 150%; */
/* //  letter-spacing: 1px; */
/* //  border-right-width: 1px; */
/* //  border-right-style: solid; */
/* //  border-right-color: #dddddd; */
  text-decoration: none;
/* //  padding: 6px 28px 2px 28px; */
/* //  background-image: url(img/head_menu_back_abase.gif); */
/* //  background-image: url(img/02nabi_02.png); */
  background-image: url(img/02nabi_bg.png);
}

#header-menu2 li a:hover{
  color: #ffffff;
  background-image: url(img/head_menu_back_hover.gif);
}

#header-menu2 li a span.ja{
  display: block;
  font-size: 15px;
  line-height: 21px;
  padding-top: 25px;
}
#header-menu2 li a span.en{
  display: block;
  line-height: 10px;
  font-size: 10px;
  text-transform: uppercase;
}

#header-menu2 #home a{
  border-left: none;
  padding: 6px 28px 2px 28px;
}

#header-menu2 span.sub{
  color: #662200;
}

#table_contlink tbody tr td{
  vertical-align: top;
  border: solid 1px rgb(255,121,22);
  width:188px;
  height:200px;
  background-color: #ffffff;
/*   padding: 9px; */
}
#table_contlink tbody tr td img{
  margin-top: 9px;
  margin-right: 9px;
  margin-bottom: 0px;
  margin-left: 9px;
}
div.table_contlink_detail{
  margin-top: 0px;
  margin-right: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  width:70px;
  height:13px;
  float:right;
  text-align: right;
  vertical-align: top;
  background-color:rgb(255,121,22);
}
div.table_contlink_detail span{
  height:13px;
  line-height:13px;
  font-size: 8px;
  text-align: right;
  vertical-align: top;
  color: #feffef;
}
div.table_contlink_title{
/*  t r b l */ 
  margin-top: 13px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 9px;
  display: block;
  text-align: left;
  color: rgb(255,121,22);
  font-size: 14px;
}
div.table_contlink_text{
  margin-top: 5px;
  margin-right: 9px;
  margin-bottom: 9px;
  margin-left: 9px;
}
span.table_contlink_text{
  font-size: 11px;
  line-height:11px;
  color: #000000;
}
p.p_info {
  margin-top: 0px;
  margin-right: 9px;
  margin-bottom: 0px;
  margin-left: 9px;
  font-size:13px;
/*   line-height:11px; */
/*  color:rgb(0,255,0); */
}
p.p_info span {
  font-size:13px;
/*   line-height:13px; */
/*   font-size: 13px; */
/*   color:rgb(0,255,0); */
}
p.p_info span date {
  font-size: 10px;
/*  color:rgb(0,255,0); */
}
#news hr {
  margin: 0px 15px 0px 15px;
  border: 0;
  border-bottom: 1px dashed rgb(255,121,22);
/*   background-color:rgb(255,121,22); */
}
#socialbuttons {
  width:180px;
  height:30px;
  margin:10px 10px 0px 10px;
}
#socialbuttons div {
  margin:2px 0px 0px 0px;
/*   float: left; */
}

#sinryou-annai {
  vertical-align: top;
  border: solid 1px rgb(0,0,0);
  border-collapse: collapse;
  width:370px;
  height:100px;
/*   background-color: #ffffff; */
}
#sinryou-annai tbody tr td {
  vertical-align: middle;
  text-align:center;
  border: solid 1px rgb(0,0,0);
/*   width:188px; */
/*   height:200px; */
/*   background-color: #ffffff; */
}
#sinryou-annai tbody tr td.line-h {
  width: 115px;
/*   background-color: #ffff00; */
}
#sinryou-annai tbody tr td.line-d {
  width: 42px;
/*   background-color: #ff00ff; */
}
span.f-c01 {
  font-size:20px;
  line-height:20px;
/*   background-color: #ff00ff; */
}
span.f-c01s {
  font-size:15px;
/*   background-color: #ff00ff; */
}
span.f-c02 {
  font-size:15px;
}
span.f-c03 {
  font-size:18px;
/*   background-color: #ff00ff; */
}
span.f-c03 span.f-c03houmon {
  font-weight:bold;font-size:120%;color:rgb(255,121,22);
}

img.banner {
  width: auto; 
  height: auto;
  max-width: 200px; 
  max-height: 70px;
}

#slide {
width:1000px;
height:271px;
margin:0 auto;
position:relative;
}
#slide ul {
padding:0;
margin:0;
}
#slide img {
position:absolute;
left:0;
top:0;
}
