/**
 * sample css by FORCIA
 */

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}

.clearfix {
display: inline-table;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
	clear:both;
}




#inner #api{padding:2px; background:url(/img/under/ttl_bg.gif);}
#inner #apiIn{padding:5px; background:#fff;}

.forcia_searchBody {
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	margin: 0px;
	padding; 0px;
}

.forcia_searchBody:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.forcia_searchBody {min-height: 1px;}
* html .forcia_searchBody {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}

.forcia_searchBody input, .forcia_searchBody select, .forcia_searchBody textarea {
	color: #333333;
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	line-height: 1.5;
}

.forcia_searchBody .forcia_blockLeft {width: 190px; padding-right:5px;}
.forcia_searchBody .forcia_blockLeft dl{border-bottom:dotted 1px #ddd; padding-bottom:5px;}

.forcia_searchBody .forcia_blockLeft dl:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.forcia_searchBody .forcia_blockLeft dl {min-height: 1px;}
* html .forcia_searchBody .forcia_blockLeft dl {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}

.forcia_searchBody .forcia_blockMiddle{width: 300px; overflow:hidden !important; /*background:#eee;*/}
.forcia_searchBody .forcia_blockMiddle #SearchAPI_map{width:300px;}
.forcia_searchBody .forcia_blockRight{width:211px; padding-left:5px;}
.forcia_searchBody .forcia_searchBlock {float:left;}
.forcia_searchBody .forcia_searchBlock .forcia_title {
	background:url(/img/under/ttl_bg.gif);
	padding: 3px 10px;
	position: relative;
	margin-bottom:3px;
	font-size:12px; font-weight:bold;
	color:#fff;
}

.forcia_searchBody .forcia_searchBlock .forcia_title em {
	font-size: 10px;
	font-weight: normal;
}

.forcia_searchBody .forcia_searchBlock dl.forcia_keyword {
	padding: 3px 0 10px 0;
	margin:0;
	font-size: 90%;
}

.forcia_searchBody .forcia_searchBlock dl.forcia_keyword dt {
	float: left;
	margin-right: 3px;
}
.forcia_searchBody .forcia_searchBlock dl.forcia_keyword dt .forcia_kywd {
	width: 209px;
	margin: 0px;
	padding: 0px;
	border:solid 1px #c8c8c8;
}
.forcia_searchBody .forcia_searchBlock .forcia_select_inner {
	position: relative;
	z-index: 30;
	font-size: 90%;
	padding-top:5px;
}
.forcia_searchBody .forcia_searchBlock dl.forcia_select {
	margin: 0px 0px;
	font-size: 90%;
	dine-height: 22px;
	clear: both;
	margin-bottom:10px;
}
.forcia_searchBody .forcia_searchBlock dl.forcia_select dt {
	float: left;
	text-align: left;
	display:block;
	line-height: 22px;
	margin-right:5px;
}
.forcia_searchBody .forcia_searchBlock dl.forcia_select dd { margin: 0px ; }
.forcia_searchBody .forcia_searchBlock dl.forcia_select dd select { float: left; }

.forcia_map { 
	height: 210px;
	position: relative; text-align: center;
}
.forcia_map .overlay{ 
	width: 300px;
	height: 210px;
	z-index: 10;
}
.forcia_map img { 
	position: absolute; top: 0; left: 0;
	border: medium none;
	vertical-align: middle;
}
.forcia_map map div.na { 
	color: black;
}
.forcia_map map div.ac { 
	font-weight: bold;
}
.forcia_map map div { 
	position: absolute;
    background-color:#FFFFFF;
    border:1px solid #F1D625;
    padding:1px 1px;
	color: #3c6cb5;
    font-size:10px;
    text-align:center;
	z-index: 15;
    cursor:pointer;
}

/*.forcia_map_path{width:300px;}*/
.forcia_map_path p { 
	font-size: 74%;
	margin:7px 0 0 0;
	/*background:#eee;*/
	padding:4px 10px;
}

/** calendar */
#btnCalendar{float:left;}

.forcia_openCalendar a {
	background: url(/img/icon_calendar.png) no-repeat left 3px;
	height: 0px;
	width: 15px;
	padding-top:18px;
	display:block;
	overflow: hidden;
	margin-right:1.3em;
}

.forcia_calendar table, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 1.5;
	text-align: inherit;
}
.forcia_calendar a:link {
	color: #3c6cb5;
	text-decoration: none;
}
.forcia_calendar a:visited {
	color: #3c3cb5;
	text-decoration: none;
}
.forcia_calendar a:hover, a:active, a:focus {
	color: #CC0000;
	text-decoration: underline;
}
.forcia_calendar img {
	border: medium none;
	vertical-align: middle;
}
.forcia_calendar_inner, .forcia_monthPager { min-height: 1px; }
.forcia_calendar:after, .forcia_priceRange:after, .forcia_calendar_head:after, .forcia_calendar_inner:after, .forcia_monthPager:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.forcia_calendar {
	position: absolute;
	background: #FFF;
	width: 350px;
	display: block;
}

.forcia_calendar .forcia_calendar_head {
	height: 36px;
	position: relative;
}
.forcia_calendar .forcia_calendar_head .forcia_calendar_popupTitle {
	background: url(../img/tit_popup_calendar1.png) no-repeat 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 350px;
	padding-top: 36px;
	overflow: hidden;
}
.forcia_calendar .forcia_calendar_head .forcia_btnClose {
	position: absolute;
	z-index: 30;
	top: 5px;
	right: 8px;
}
.forcia_calendar .forcia_calendar_head .forcia_btnClose a {
	background: url(../img/btn_close1.png) no-repeat 0px 0px;
	height: 0px;
	width: 53px;
	padding-top: 23px;
	overflow: hidden;
	display: block;
}

.forcia_calendar .forcia_monthPager {
	clear: both;
	margin: 0px 10px 5px 0px;
}
.forcia_calendar .forcia_monthPager .prev {
	background: url(../img/arrow3_l_ac.png) no-repeat left center;
	float: left;
	padding-left: 15px;
}
.forcia_calendar .forcia_monthPager .next {
	float: right;
	background: url(../img/arrow3_r_ac.png) no-repeat right center;
	padding-right: 15px;
}

.forcia_calendar table {
	float: left;
	width: 147px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFFFFF;
	margin-right: 5px;
}
.forcia_calendar table th {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
}
.forcia_calendar table th.month {
	background: #f3f3f3 url(../img/bg4.jpg) repeat-x 0px 0px;
	text-align: center;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	border: 1px solid #CCCCCC;
}
.forcia_calendar table th.sun {
	background: #ffe2e2;
	color: #FF0000;
}
.forcia_calendar table th.sat { background: #cde3ff; }
.forcia_calendar table td {
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	width: 20px;
	vertical-align: middle;
	color: #999999;
}
.forcia_calendar table td.sat { background: #e8f2ff; }
.forcia_calendar table td.sun { background: #fff2f2; }
.forcia_calendar table td a {
	display: block;
	height: 20px;
	font-weight: bold;
}
.forcia_calendar table td a:hover { background: #FFFF99; }

.forcia_calendar .forcia_calendar_inner {
	clear: both;
	padding: 10px 0px 15px 15px;
	border-right: 2px solid #a5a5a5;
	border-bottom: 2px solid #a5a5a5;
	border-left: 2px solid #a5a5a5;
}

/** tourType */

.forcia_tourType {
	margin:0;
	padding: 0px;
	font-size: 90%;
	padding-bottom:15px;
}
.forcia_tourType dt{float:left; margin-right:5px;}
.forcia_tourType dd{height:0; padding:16px 0 0 0; margin:0; overflow:hidden; display:block; float:left;}
.forcia_tourType dd:hover{opacity:0.8;}
.forcia_tourType #SearchAPI_tourType_1{background:url(/img/SearchAPI_tourType_1.gif) left top no-repeat; width:64px; margin-right:5px;}
.forcia_tourType #SearchAPI_tourType_3{background:url(/img/SearchAPI_tourType_3.gif) left top no-repeat; width:56px;}
.forcia_tourType dd.ac{background-position:0 -16px !important;}

.forcia_tourType:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.forcia_tourType {min-height: 1px;}
* html .forcia_tourType {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
/*
.forcia_tourType div.na { color: #999999; background: #f7f7f7; }
.forcia_tourType div.ac {
	background: url(../img/icon_check_ac.png) no-repeat 5px center;
	font-weight: bold;
}
*/

.forcia_tourType div {
	margin: 5px;
	background: url(../img/icon_check_na.png) no-repeat 5px center;
	padding-left: 18px;
}

/** priceRange */

.forcia_priceRange {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 208px;
	padding: 0px;
	margin:0 0 15px 0;
	font-size: 80%;
}

.forcia_priceRange li {
	float: left;
	width: 103px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color:#3C6CB5;
	line-height: 28px;
	overflow: hidden;
	text-align:center;
}

.forcia_priceRange li a { display: block; }
.forcia_priceRange li:hover { background: #ffe7cd };
.forcia_priceRange li.na { color: #999999; background: #f7f7f7; }
.forcia_priceRange li.ac {
	background: #ffd4a4;
	border-right: 1px solid #dbb68d;
	border-bottom: 1px solid #dbb68d;
	box-shadow: 1px 1px 2px 0 #dbb68d inset;
}

.forcia_priceRange li.ac { color: #000; }
.forcia_priceRange li.ac a { color: #000; }

.inner, .forcia_searchBody dl .areaSelect, .forcia_calendar_inner, .monthPager, .detailBlock { min-height: 1px; }
.inner:after, .forcia_searchBody dl:after, .areaSelect:after, .budgetList:after, .selectedBlock dl dd:after, .pager:after, .resultHeadBlock:after,  .forcia_calendar_inner:after, .forcia_monthPager:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



#searchBtn input{width:99%; height:auto;}