@charset "UTF-8";

.searchBlock:after { content: ''; display: block; clear: both; }
.searchBlock {
	padding:14px 0px 14px 14px;
	background:url(../../common/images/bg_contents.jpg);
}
.searchBlock h1 {
	border:#999999 solid 1px;
	font-size:92.4%;
	text-align:center;
	width:122px;
	height:32px;
	padding:20px 0 0;
	margin:0 12px 0 0;
	float:left;
}


.formBox {
	width:100%;
	float:left;
}



.searchBoxHead:after { content: ''; display: block; clear: both; }
.searchBoxHead {
	padding:8px 0px 8px 7px;
	background:url(../images/bg_head02.png);
	z-index:500;
	width:100%;
	float:right
}
#search:after { content: ''; display: block; clear: both; }
.searchBoxHead #search_02 {
	display:none;
}


.checkDateCell {
	display:block;
	width: 220px;
}
.checkDate {
	border:0;
	padding:4px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	width:150px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0;
	background-color:#FFF;
	background-image: url(../images/icon_cal.png);
	background-repeat:no-repeat;
	background-position: 96% center;
}
.checkDatey {
	border:0;
	padding:4px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	margin:0px 5px;
	width: 50px;
}
.checkDatem {
	border:0;
	padding:4px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	margin:0px 5px;
	width: 40px;
}
.checkDated {
	border:0;
	padding:4px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	margin:0px 5px;
	width: 40px;
}
.checkAccom {
	border:0;
	padding:2px 2px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0px 5px;
	text-align:center;
	width: 40px;
}
.ninzuCell {
	padding:0 0 0 8px;
	color:#000;
}
.ninzu {
	border:0;
	padding:4px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	width:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0;
}
.checkRoomCell {
	padding:0 0 0 5px;
	color:#000;
}
.checkRoom {
	border:0;
	padding:2px 2px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0;
}
.checkRoomCell select {
	border:0;
	padding:2px 2px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0;
}
select option{color: #000000;}
.button {
	color:#000;
	border:0;
	padding:6px 10px 5px 10px;
	margin:0 0 0 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #FFF;
	background-repeat:no-repeat;
	background-position:7% 48%;
	cursor:pointer;
	font-size: 13px;
}

.searchBtn:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
.shukusho {
	font-size:92.4%;
}


.snsBox {
	float:right;
	width:194px;
	height:auto;
	text-align:right;
	padding:0 10px 0 0;
}
.snsBox ul {
    overflow: hidden;
}
.snsBox li {
    display:inline-block;
    vertical-align:top;
}
.snsBox iframe {
    margin: 0 !important;
}

.systemlink {
	width:830px;
	height:auto;
	float:left;
	font-size:85%;
	padding:13px 0 0;
}
.systemlink a {
	color:#FFF;
	margin:0 15px 0 0;
}
.systemlink a:hover {
	color:#ccc;
}



.planBlock:after { content: ''; display: block; clear: both; }
.planBlock {
	padding:60px 0 0;
}
.planBlock h1 {
	text-align:center;
	border-bottom:#666 dotted 1px;
	padding:0 0 8px;
}
.planBlock dl {
	width:284px;
	padding:8px 8px 14px;
	margin:30px 16px 0;
	background:url(../../common/images/bg_contents.jpg);
	float:left;
}
.planBlock dd {
	padding:10px;
}
.planBlock dd h2 {
	line-height:1.4em;
	padding:0 0 10px;
}
.toDetailBtn {
}
.toDetailBtn a {
	background:#000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	color:#000;
	display:block;
	padding:6px;
}
.toDetailBtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}




.infoBlock:after { content: ''; display: block; clear: both; }
.infoBlock {
	padding:60px 0 0;
}
.infoBlock h1 {
	text-align:center;
	border-bottom:#666 dotted 1px;
	padding:0 0 8px;
	margin:0 0 30px;
}

.side {
	width:300px;
	height:auto;
	float:left;
}

.cardBox {
	background:url(../../common/images/bg_contents.jpg);
	padding:12px;
}
.cardThumb {
	width:95px;
	height:144px;
	float:left;
}
.cardBox h2 {
	padding:0 0 7px;
}
.cardBox p {
	line-height:1.4em;
}
.shukusho_w {
	padding:7px 0 0;
	font-size:85%;
}
.cardBox ul {
	margin:14px 0 0;
	border-top:#666 dotted 1px;
	padding:12px 0 0;
}
.cardBox li {
	font-size:92.4%;
	line-height:1.4em;
}
.bnrBox li {
	padding:15px 0 0;
}



.side {
	width:300px;
	height:auto;
	float:left;
}

.topicsBlock {
	width:645px;
	height:535px;
	background:url(../../common/images/bg_contents.jpg);
	float:right;
	padding:20px 5px 20px 20px;
}
.topicsList {
	height:490px;
	overflow:auto;
}
.topicsList dl:after { content: ''; display: block; clear: both; }
.topicsList dl {
	padding:0 0 24px;
}
.topicsList dt {
	float:left;
	width:100px;
	height:100px;
	margin:0 16px 0 0;
}
.topicsList dd {
}
.topicsList dd p {
	line-height:1.5em;
}
.topicsList dd h2 {
	font-size:116%;
	line-height:1.4em;
	padding:4px 0;
}
.topicsList dd h2 a {
	text-decoration:underline;
}
.date {
	font-size:85%;
}
.honbun {
	font-size:92.4%;
}
.toListBtn a {
	background:#2a5c19;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	color:#000;
	display:block;
	width:300px;
	margin:14px auto 0;
	padding:6px;
}
.toListBtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

a.hs_btn_a,
a.hs_btn_b{
	padding: 6px 10px 5px 10px;
	border-radius: 4px;
	font-size: 13px;
	
}
a.hs_btn_a{margin-left: 5px;background-color: #FFFFFF;color:#000000;}
a.hs_btn_b{margin-left: 5px;background-color: #F80B0F;color:#FFF;}

/*追加*/
.campaign{
	display: block!important;
	position: absolute;
	right: 20px;
	bottom: 120px;
}
.campaign img{
	width: 350px!important;
	z-index: 9999!important;
}
.campaign_sp{
	display: none!important;
}

@media (max-width: 980px) {
.campaign{
	display: none!important;
}
.campaign_sp{
	display: block!important;
	text-align: center;
	margin-bottom: 40px;
}
.campaign_sp img{
	width: 90%!important;
}
}