@charset   "UTF-8";

/*=================================================================================*/

body {
	margin: 0 auto;
	padding: 0;
	color: #333;
    font-size:12px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	/*background: url(../images/bg_head.png) repeat-x top ;*/
	background-color: #cccccc;
}


/*--------トップ・各ページの設定--------*/

       /*----ヘッダーの設定-----*/
#header {
       width:870px;
       height: 140px;
       margin: 0 auto;
       background:url(../images/bg_01.jpg) no-repeat top;
}

#header_s {
       width:870px;
       height: 140px;
       margin: 0 auto;
       background:url(../images/bg_tt_01.jpg) no-repeat top;
}

#header_rightbox {
      float:right;
      width:157px;
      height: 101px;
      margin-top:15px;
	  margin-right:15px;
}

#header_rightbox a:hover img {
	position: relative;
	left: -3px;
	top: 3px;
}

      /*--トップページ背景--*/
#Container {
	width:100%;
	margin: 0 auto;
	/*background:url(../images/main_bg.jpg) repeat-x top;*/
	background-color: #ffffff;
}
      /*--各ページ背景--*/
#U_Container {
	width:100%;
	margin: 0 auto;
	/*background:url(../images/main_bg.jpg) repeat-x top;*/
	background-color: #ffffff;
}
      /*------------------*/

#contents {
	width:870px;
	height: auto;
    margin: 0px auto;
}

#U_contents {
	width:870px;
	height: auto;
    margin: 0px auto;
	background:url(../images/bg_bottom.jpg) no-repeat bottom;
}

      /*------------------*/

#main {
	float:right;
	width:666px;
	height: auto;
	padding-left: 20px;
	background:url(../images/bg_s_03.jpg) no-repeat top;
}

#main_t {
	width:870px;
	height: auto;
}

/*--------フッターの設定-----------*/

#footer {
	clear:left;
	height: 160px;
	width:100%;
    margin: 0 auto;
	background:url(../images/bg_tt_bottom.jpg) repeat-x top;
}

#footerTxt {
	width:870px;
	height: auto;
	margin: 0 auto;
}

#footerTxt a:link, a:visited {color: #666; text-decoration:none;}
#footerTxt a:hover, a:active {color: #006699;  text-decoration:none;}

#footerTxt ul {
       width:550px;
       height: auto;
	   float:right;
	   line-height: 18px;
	   text-align:right;
}

#footerTxt li {
       height:20px;
       float:right;
       margin-right: 5px;
	   text-align:right;
}

#address{
	line-height: 18px;
	float:left;
    margin-left: 15px;
}
.footerCopy{
	color:#444;
	font-size:10px;
	padding:6px 10px 2px 0;
	text-align:right;
	/*background:url(../images/footer_bg3.gif) no-repeat center top;*/
}

.footerlink_left{
	width:200px;
	height: auto;
	float:left;
	padding:6px 10px 2px 0;
}

.footerlink_right{
	width:500px;
	height: auto;
	float:right;
	padding:6px 10px 2px 0;
}


/*--------トップページ左部ナビ・左部ナビの設定-----------*/

#leftnavi_t {
	width:184px;
    background:url(../images/bg_tt_02.jpg) no-repeat top;	
	height: 348px;
	float:left;
}

#leftnavi {
	width:184px;
    background:url(../images/bg_s_02.jpg) no-repeat top;	
	height: 844px;
	float:left;
}

/*#leftnavi a:hover img{ 
	position: relative;
	left: 5px;
}*/

#leftnavi_t ul {
	width:153px;
	height: auto;
}

#leftnavi_t li {
	margin-top: 3px;
	margin-left: 10px;
	height:32px;
}

#leftnavi ul {
	width:153px;
	height: auto;
}

#leftnavi li {
	margin-top: 3px;
	margin-left: 10px;
	height:32px;
}

#leftnavi_b {
	width:464px;
    background:url(../images/bg_tt_04.jpg) no-repeat left;	
	height: 192px;
	float:left;
}

#leftnavi_b li {
	margin-top: 3px;
	margin-left: 10px;
	height:32px;
}

#rightmain_h {
	float:right;
	width:686px;
	height:348px;
}

#rightmain_b {
	float:right;
	width:406px;
	background:url(../images/bg_tt_05.jpg) no-repeat top;	
	height:192px;
}

#blog_infoBox {
	float:right;
	width:326px;
	background:url(../images/bloginfo_bg.png) no-repeat bottom left;	
	height:170px;
	margin-top: 5px;
	padding-left:10px;
}




/*--------右カラム各ページ配置設定-----------*/

/*-----ご宿泊・野の花について------*/

#main .leftbox {
      float:left;
      margin-left:5px;
      margin-top:10px;
      width:310px;
      height: auto;
}

#main .rightbox {
      float:right;
      margin:5px 50px 0px 0px;
      padding-left:5px;
      width:270px;
      height: auto;
}

#main .leftbox2 {
      float:left;
      padding-left:15px;
      width:300px;
      height: auto;
}

#main .rightbox2 {
      float:right;
      margin:0px 70px 5px 0px;
      width:250px;
      height: auto;
}

#main .leftbox3 {
      float:left;
      margin-left:5px;
      margin-top:10px;
      width:300px;
      height: auto;
}

#main .rightbox3 {
      float:right;
      margin:5px 30px 5px 5px;
      width:300px;
      height: auto;
}

#main .centerbox_s {
      float:non;
      width:606px;
      height:auto;
	  padding-left:20px;
	  padding-top:20px;
}

　　　/*-----宿泊料金表-------*/

#main .centerbox_s table {
	border-collapse: collapse;
	border-spacing: 0;
}

#main .centerbox_s table#list01 {
	width: 520px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006699;
	border-bottom-color: #006699;
	margin-bottom: 10px;
}

#main .centerbox_s  #list01 tr th {
	padding: 8px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #006699;
	border-left-color: #CCC;
}
#main .centerbox_s  #list01 tr th#title {
	font-weight: bold;
	background-color: #006699;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
}
#main .centerbox_s  #list01 tr td {
	padding: 5px;
	text-align: center;
	border: 1px solid #CCC;
}

#main .centerbox_s  p#explain {
	margin-left: 40px;
	margin-bottom: 30px;
}
#main .centerbox_s  table#list02 {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 400px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B3BFC6;
	border-bottom-color: #0B3BFC6;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
#main .centerbox_s  table#list02 tr th {
	padding: 8px;
	text-align: center;
	background-color: #B3BFC6;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #CCC;
}
#main .centerbox_s  table#list02 tr td {
	padding: 8px;
	text-align: center;
	border: 1px solid #CCC;
}


/*-----館内施設------*/

#main .leftbox_p {
      float:left;
      margin-left:0px;
      margin-top:10px;
      width:280px;
      height: auto;
}

#main .rightbox_p {
      float:right;
      margin:5px 25px 5px 0px;
      width:320px;
      height: auto;
}

#main .leftbox_p2 {
      float:left;
      width:285px;
      height: auto;
	  margin-left:20px;
}

#main .rightbox_p2 {
      float:right;
      margin:0px 50px 5px 0px;
      width:300px;
      height: auto;
}


/*-----観光情報------*/

#planbox01 {
	width:626px;
	height:218px;
	padding-left: 40px;
	padding-top: 30px;
	background:url(../haramura/images/bg_hara_01.png) no-repeat left;
}

#planbox02 {
	width:646px;
	height:202px;
	padding-left: 20px;
	padding-top: 30px;
	background:url(../haramura/images/bg_hara_02.png) no-repeat left;
}

#planbox03 {
	width:636px;
	height:314px;
	padding-left: 30px;
	padding-top: 30px;
	background:url(../haramura/images/bg_hara_03.png) no-repeat left;
}

#planbox04 {
	width:636px;
	height:336px;
	padding-left: 30px;
	padding-top: 40px;
	background:url(../haramura/images/bg_hara_04.png) no-repeat left;
}

#planbox01 .leftPlanTxt {
      float:left;
	  height:auto;
}

#planbox01 .rightPlanTxt {
      float:right;
      margin:10px 100px 5px 0px;
      width:270px;
	  height:auto;
}

#planbox02 .leftPlanTxt {
      float:left;
	  margin:5px 0px 0px 0px;
      width:285px;
	  height:auto;
}

#planbox02 .rightPlanTxt {
      float:right;
	  margin:0px 20px 0px 0px;
      width:300px;
	  height:auto;
}

#planbox03 .leftPlanTxt {
      float:left;
	  height:auto;
}

#planbox03 .rightPlanTxt {
      float:right;
      margin:10px 100px 5px 0px;
      width:270px;
	  height:auto;
}

#planbox04 .leftPlanTxt {
      float:left;
	  margin:10px 0px 0px 0px;
      width:285px;
	  height:auto;
}

#planbox04 .rightPlanTxt {
      float:right;
	  margin:0px 40px 0px 0px;
      width:300px;
	  height:auto;
}

#main .leftbox_h {
      float:left;
      width:150px;
      height: auto;
	  margin-left:20px;
}

#main .rightbox_h {
      float:right;
      margin:0px 50px 5px 0px;
      width:440px;
      height: auto;
}

#main #mapbox {
      float:non;
      width:620px;
      height:auto;
}

#main #mapbox table{
      float:non;
      width:594px;
      height:auto;
}

/*-----アクセスマップ------*/

#main .leftbox_a {
      float:left;
      width:250px;
      height: auto;
	  margin-left:20px;
	  margin-top:10px;
}

#main .rightbox_a {
      float:right;
      margin:10px 120px 0px 0px;
      width:250px;
      height: 107px;
	  background:url(../access/images/line1.png) no-repeat left;
}

#main .centerbox_a {
      float:non;
      width:606px;
      height:auto;
	  background:url(../access/images/line2.png) no-repeat top;
	  padding-left:20px;
}



/*-----お気に入りサイト------*/

#main .centerbox_link {
      width:550px;
      height:auto;
	  padding-left:20px;
	  padding-top:20px;
}

.midashi_k{
	height: 20px;
	width: 172px;
	padding-left:30px;
	margin:10px 0px 10px 20px;
	background:url(../link/images/midashi_k.png) no-repeat bottom;
}

.midashi_l{
	height: 20px;
	width: 172px;
	padding-left:30px;
	margin:10px 0px 10px 20px;
	background:url(../link/images/midashi_l.png) no-repeat bottom;
}

.midashi_p{
	height: 20px;
	width: 172px;
	padding-left:30px;
	margin:10px 0px 10px 20px;
	background:url(../link/images/midashi_p.png) no-repeat bottom;
}

/*-----サイトマップ------*/

#main .leftbox_m {
	width: 250px;
	float: left;
	border-right: 1px dotted #336600;
	padding-right: 5px;
	padding-left: 5px;
	margin-left:20px;
	margin-top:10px;
}
#main .rightbox_m {
	width: 250px;
	margin:10px 120px 0px 0px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
}


#main dt {
	height: 20px;
	width: 180px;
	padding-left:30px;
	margin:10px 0px 10px 20px;
	background:url(../sitemap/images/midashi_m.png) no-repeat bottom;
	font-size: 105%
}

#main dd {
	margin-left: 40px;
	margin-top: 5px;
	padding-bottom: 15px;
}

/*-----宿泊申込みフォーム------*/

#main .centerbox_r {
      float:non;
      width:606px;
      height:auto;
	  padding-left:20px;
	  padding-top:20px;
}

　　　/*-----フォーム設定-------*/

#main .form_r table {
	width: 520px;
	padding: 4px 4px;
}

#main .form_r table#rlist01 {
	margin-left: 20px;
	margin-bottom: 20px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006699;
	border-bottom-color: #006699;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: solid;
	border-left-style: solid;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFFFF;
}

#main .form_r table#rlist02 {
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	border-spacing: 1px;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFFFF;
}


#main .form_r tr {
	border-bottom: 1px solid #CCCCCC;
}

#main .form_r tr.top_line {
	border-top: 1px solid #CCCCCC;
}

#main .form_r th {
	width:9em;
	padding: 10px;
	text-align: left;
	color: #666699;
	white-space: nowrap;
}

#main .form_r td {
	padding: 10px;
}

#main .privacybox_r {
	width:550px;
	margin:30px 0 20px;
	padding:15px;
	text-align:center;
	border:2px solid #E6E6E6;
}
#main .privacybox_r p {
	clear:both;
	margin-bottom:10px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
#main .privacybox_r span {
	display: inline;
	float: right;
	margin: 0 0 0 15px;
}

#main .privacybox_r textarea {
	width:400px;
	height:80px;
	font-size:11px;
	line-height:15px;
}

#main .float_r {
	display: inline;
	float: right;
	margin: 0 0 0 10px;
}

#main .sendbox_r {
	width:550px;
	padding:15px;
	text-align:center;
	/*background-color: #EBEDF2;*/
}

#main .fsendbox_r {
	width:550px;
	margin:30px 0 20px;
	height:1200px;
	padding:15px;
}

/*----clearfix------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*--------------------------------------*/

em {
	font-style: normal;
	font-weight: bold;
	
}

.clearright {
	clear:right;
}
.clearleft {
	clear:left;
}
.clr {
	clear:both;
}


p {
	font-size: 12px;
	line-height: 16px;
}

.right {
	margin-left: 5px;
	font-size: 12px;
	line-height: 16px;
}

.underline p  {   
      border-bottom: 1px dotted #99cc00;   
      line-height: 3em;   
      display: inline;   
      padding-bottom: 5px;
      font-size:13px;   
}

.gotop  {   
      float:right;
	  margin-right:70px;
}

.sitemap  {   
	margin-left: 30px;
	font-size: 12px;
	line-height: 16px;
	color: #006699;
}

/*--------------------------------------*/