/* CSS Document */

@charset "utf-8";


h2.none {
	display: none;
}

/*------------------------------------------------------------------------*/
/* Clearfix Fx */
/*------------------------------------------------------------------------*/

#special-title:after,
#special-right:after {
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0%;
	display: block;
	content: "";
}


/*Point Element[
----------------------------------------------------------- */

.to-town-detail {
	margin: 0;
	padding-left: 12px;
	font-size: 90%;
	font-weight: 700;
	background: url('../img/list_point.gif') 0 40% no-repeat;
	float:right;
	color:#663300;
}

.to-town-detail a,.to-town-detail a:hover,.to-town-detail a:visited{
	color:#663300;
	text-decoration: none;
}

/*------------------------------------------------------------------------*/
/* インデックス */
/*------------------------------------------------------------------------*/


/* テキストインデックス[
----------------------------------------------------------- */
#special-title h1{
	width:950px;
	height:75px;
	background-image: url(../../town/special/img/town-kushiro-title.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}

#feature-title h1{
	width:950px;
	height:75px;
	background-image: url(../../town/special/img/special-feature-tit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}


#special-sub-content{
	width: 226px;
	float:left;
	margin-right:10px
}


#special-sub-content #top-btn{
	margin-bottom:13px
}

#special-right{
	width: 712px;
	float:left;
}


.town#main-content #text-index .sub-content-bg {
	padding: 0 8px;
	width: auto;
	height: 263px;
	_height: 265px;
}

.town#main-content #text-index h2 ,
.town#main-content #text-index h3 {
	margin: 3px 0;
	font-size: 85%;
	color: #663300;
	font-weight: 900;
}

.town#main-content #text-index h3 {
	clear: both;
	margin: 0.2em 13px 0 0;
	float: left;
}

.town#main-content #text-index hr {
	clear: both;
	visibility: visible;
	margin: 6px 0 10px;
	height: 0px;
	border: 1px #ded3c5 solid;
} 


.town#main-content #text-index ul {
	margin: 3px 0;
	font-size: 85%;
}

.town#main-content #text-index ul li {
	margin: 0 13px 0 0;
	padding: 2px 0 3px;
	font-weight: 700;
	float: left;
	_display: inline;
}

#special-sub-area {
	width:226px;
}

#special-sub-area h3.title {
	height:23px;
	width:226px;
	margin-bottom:2px;
	background-image: url(../img/special-sub-area.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

#special-sub-category,#feature-sub-category {
	width:226px;
}

#special-sub-category h3.title {
	height:23px;
	width:226px;
	margin-bottom:2px;
	background-image: url(../img/special-sub-category.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

#feature-sub-category h3.title {
	height:23px;
	width:226px;
	margin-bottom:2px;
	background-image: url(../img/feature-sub-category.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}


#special-sub-archive {
	width:226px;
}

#feature-sub-archive {
	width:226px;
}

#special-sub-archive h3.title {
	height:23px;
	width:226px;
	margin-bottom:2px;
	background-image: url(../img/special-sub-archive.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

#feature-sub-archive h3.title {
	height:23px;
	width:226px;
	margin-bottom:2px;
	background-image: url(../img/feature-sub-archive.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}


#special-tit-area p{
	line-height:19px;
	font-weight:700;
}

#special-tit-area .inline{
	display:inline;
}

#special-tit-area .inline-date{
	display:inline;
	float:right;
	font-size: 85%;
	font-weight: 700;
	color: #FF9900;
}

#special-tit-area .inline-date-feature{
	display:inline;
	float:right;
	font-size: 85%;
	font-weight: 700;
	color: #83C71D;
}



table .area_lv3 { /*行間の水平線*/
	border-bottom: 1px #EEEEEE dotted;
	
}

.special-select-bg th,
.special-select-bg td{
	height:30px;
}


.box-special {
	width:678px;
	height:auto;
	padding-right: 7px;
	display: block;
	margin-bottom: 10px;
	padding-left: 7px;
}
.box-special .box-left {
	float:left;
	margin-right: 6px;
	width:393px;
}
.box-special .box-right {
	float:left;
	height: auto;
	padding-right: 6px;
}
.box-special .box-right img{
	border: 3px solid #FF9900;
}


.box-special .box-right img.feature{
	border: 3px solid #83C71D;
}

.caption{
	font-size:80%;
	color:#666666;
}

h3.special-in-ckp-tit {
	height:23px;
	width:692px;
	margin-bottom:2px;
	background-image: url(../../town/special/img/special-in-ckp-tit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

h3.feature-in-ckp-tit {
	height:23px;
	width:692px;
	margin-bottom:2px;
	background-image: url(../../town/special/img/feature-in-ckp-tit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

.special-ph-inline p{
	display:block;
	float:left;
	margin-right:30px;
	
}

.feature-ph-inline p{
	display:block;
	float:left;
	margin-right:30px;
	
}

.special-ph-inline p.end{
	display:block;
	float:left;
	margin-right:0px;
	
}

.feature-ph-inline p.end{
	display:block;
	float:left;
	margin-right:0px;
	
}


.special-ph-inline img{
	border: 3px solid #FF9900;
	
}

.feature-ph-inline img{
	border: 3px solid #83C71D;
	
}



h3.special-out-ckp-tit {
	height:23px;
	width:692px;
	margin-bottom:2px;
	background-image: url(../../town/special/img/special-out-ckp-tit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

h3.feature-out-ckp-tit {
	height:23px;
	width:692px;
	margin-bottom:2px;
	background-image: url(../../town/special/img/feature-out-ckp-tit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}


.special-underline{
	border-bottom:solid 3px #D2D2D2;
}

h3.special-recommend-tit {
	margin: 0 0 10px;
	display: block;
	padding: 0 0 0 12px;
	font-size: 100%;
	line-height: 21px;
	background: url('../img/pt-rd-h2.gif')  0 0 no-repeat;
}

p.special-address{
	line-height: 1.5;
	display:block;
	margin-bottom:13px;
}
.tel{
	color:#FF0000;
}


#special-tbl  {
	margin: 0;
	padding:5px;
	text-align: center;
}

#special-tbl #article-info {
	margin: 0 0 13px;
}

#special-tbl #article-info table {
	margin: 0 auto;
	border: 1px #d2d2d2 solid;
	border-collapse: collapse;
	background-color: #ffffff;
}

#special-tbl #article-info table th ,
#special-tbl #article-info table td {
	padding: 3px 8px;
}

#special-tbl #article-info table th {
	text-align: left;
	font-size: 85%;
	font-weight: 700;
	color: #663300;
	background-color: #fff8de;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #d2d2d2;
	border-bottom-color: #d2d2d2;
}
#special-tbl #article-info table td {
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #d2d2d2;
	border-bottom-color: #d2d2d2;
}


h3.special-areaSearch-tit {
	height:32px;
	width:712px;
	margin-bottom:2px;
	background-image: url(../../town/special/img/special-areaSearch-tit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

.areaSerch-more-btn{
	float:right;
}
.feature-areaSerch-more-btn{
	float:right;
}

.box-right .areaSerch-more-btn{
	margin-top:40px;
}


#specialSearch-submit {
	text-align: center;
}

#specialSearch-submit .left-btn {
	margin-left:10px;
}