@charset "utf-8";

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


/* Basic Structure
-------------------------------------*/
*{margin:0;padding:0;}
body {margin: 0;padding: 0;}
fieldset{border:none;}
a img{ border:none;}
ul li{
	list-style-type: none;
	text-decoration: none;
}
img{ vertical-align:bottom;}

/* Sentence, Character
------------------------------------*/
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;font-size: 87%;font-weight: normal;font-family: "�l�r �o�S�V�b�N", sans-serif;line-height: 170%;color: #786A56;}

/*
-------------------------------------*/
.center {text-align:center}
.right {text-align: right;}
.left {text-align:left}



.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:10px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl70{padding-left:70px;}
.pl150{padding-left:150px;}
.pr0{padding-right:0px;}
.pr5 {padding-right: 5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr70{padding-right:70px;}

/***********************************************
FREE
***********************************************/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/bg.jpg) repeat;
}
#content {

	margin: 0px auto;
	padding:0px;
}

.free_wrap {

}
.freeArea {
	width: 990px;
	margin: 0 auto 20px;
  padding-bottom: 10px;
  background-color: #fff;
}
/*.freeArea a img:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}*/
h1{
	position: absolute;
	top:-1000px;
}
.title {
  text-align: center;
  margin-bottom: 7px;
}
.beginning_txt {
  margin: 0 0 0 18px;
  padding-bottom: 230px;
  position: relative;
}
/*湯原*/
.yubara {
  position: absolute;
  top: 260px;
  left: 0;
}
.yubara_yado {
  width: 940px;
  margin: 0 auto 10px;
}
.yado {
  position: relative;
}
.yado a {
  position: absolute;
}
.yado a:hover img {
  /*background-color: #ffe5e7;*/
  background-color: #ccc;
  filter: alpha(opacity=45);
  -khtml-opacity: .45;
  -moz-opacity: .45;
  opacity: .45;
}
.yado .yado_list:hover img {
  background-color: #fff;
  filter: alpha(opacity=40);
  -khtml-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
}
.yubara_yado01 {
  margin-bottom: 10px;
}
.yubara01 {
  top: 15px;
  right: 14px;
  z-index: 2;
}
.yubara01_plan {
  top: 91px;
  left: 409px;
}
.yubara01_list {
  bottom: 20px;
  right: 20px;
}
.yubara_yado02 {
  float: left;
  margin-right: 30px;
}
.yubara02 {
  top: 10px;
  right: 14px;
  z-index: 2;
}
.yubara02_plan {
  bottom: 5px;
  right: 15px;
}
.yubara02_list {
  bottom: 72px;
  right: 15px;
}
.yubara_yado03 {
  float: left;
}
.yubara03 {
  top: 10px;
  right: 14px;
  z-index: 2;
}
.yubara03_plan {
  bottom: 5px;
  right: 5px;
}
.yubara03_list {
  bottom: 72px;
  right: 15px;
}

/*湯郷*/
.yunogo_yado {
  width: 940px;
  margin: 0 auto 30px;
}
.yunogo {

}
.yunogo_yado01 {
  float: left;
  margin-right: 30px;
}
.yunogo01 {
  top: 10px;
  right: 14px;
  z-index: 2;
}
.yunogo01_plan {
  bottom: 5px;
  right: 10px;
}
.yunogo01_list {
  bottom: 72px;
  right: 15px;
}
.yunogo_yado02 {
  float: left;
}
.yunogo02 {
  top: 10px;
  right: 14px;
  z-index: 2;
}
.yunogo02_plan {
  bottom: 5px;
  right: 15px;
}
.yunogo02_list {
  bottom: 72px;
  right: 15px;
}
/*瀬戸由加温泉*/
.setoyuga_yado {
  width: 940px;
  margin: 0 auto 10px;
}
.setoyuga01 {
  top: 15px;
  right: 14px;
  z-index: 2;
}
.setoyuga01_plan {
  top: 91px;
  left: 409px;
}
.setoyuga01_list {
  bottom: 20px;
  right: 20px;
}