@charset "utf-8";

/*==========================================
= 検索条件
===========================================*/

.searchBox {
	margin:11px auto 0 auto;
	position: relative;
	overflow:visible;
}

/* １行目 */

.searchBox .inner_r1 {
	padding:19px 27px;
	background-image: url(/images/common/search_bg.png);
	background-repeat:repeat-y;
	background-position: left top;
	border:0;
}

.searchBox .searchBox_r1 {
	padding:5px;
	overflow:visible;
}

.searchBox .searchBox_r1 .title {
	float:left;
	position:relative;
	font-size:15px;
	padding:19px 11px;
}

/* ジャンル／エリアを選択  */
.searchBox .btnGenreArea {
	float:left;
	position:relative;
	min-width:235px;
	margin:0 15px 0 0;
	padding:19px 47px 19px 18px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
	background-color:#FFFFFF;
	overflow: visible;
	font-size:15px;
	text-align:center;
	background-image: url(/images/common/arrow3.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/* 現在地からの距離   */
.searchBox .btnDistance {
	float:left;
	position:relative;
	min-width:187px;
	margin:0 15px 0 0;
	padding:19px 47px 19px 18px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
	background-color:#FFFFFF;
	overflow: visible;
	font-size:15px;
	text-align:center;
	background-image: url(/images/common/arrow3.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/* キーワード選択 */

.searchBox .keyword_wrapper {
	float:left;
	position:relative;
}

.searchBox .keyword_wrapper .keyword {
	float:left;
	position:relative;
	margin:0 15px 0 0;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background-color:#FFFFFF;
}

.searchBox .keyword_wrapper .keyword form {
	float:left;
	position:relative;
	display:block;
}

.searchBox .keyword_wrapper .keyword .txtKeyword {
	min-width:440px;
	border:0;
	margin:0;
	padding:19px 47px 19px 18px;
	background-color:#FFFFFF;
	font-size:15px;
	line-height:1;
}

.searchBox .keyword_wrapper .btnKeyword {
	float:left;
	position:relative;
	margin:6px 0 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
}

/* 検索ダイアログ */

.searchBox .inner_r_dialog {
	padding:0 27px;
	border:0;
	overflow:visible;
}

.searchBox .dlgSearch {
	position:relative;
	overflow:visible;
}

.searchBox .dlgGenreArea ,
.searchBox .dlgDate ,
.searchBox .dlgDistance {
	display:none;
	position:absolute;
	left:50%;
	top:-10px;
	margin-left:-427px;
	background-color: #FFFFFF;
	width:980px;
	padding: 15px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	z-index:10;
}

.searchBox .dlgSearch .dlgArrow {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    line-height: 0;
    position: absolute;
    top: -10px;
    width: 0;
}

.searchBox .dlgGenreArea .dlgArrow {
    left: 112px;
}
.searchBox .dlgDistance .dlgArrow {
    left: 334px;
}

.searchBox .dlgSearch .control {
	padding:5px 0 0 0;
	text-align:right;
}

.searchBox .dlgSearch .btnDlgClear,
.searchBox .dlgSearch .btnDlgSearch {
	display:inline-block;
	background-color:#DDDDDD;
    border-radius: 3px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
    margin: 10px 0 0 10px;
    text-align: center;
	padding:8px 15px;;
}

.searchBox .dlgSearch .btnDlgSearch {
	padding:10px 30px;;
	font-size:15px;
	font-weight:bold;
}

.searchBox .dlgSearch table {
	line-height:1;
}

.searchBox .dlgSearch tbody,
.searchBox .dlgSearch tr {
	line-height:1;
}

.searchBox .dlgSearch th {
	width: 200px;
	font-weight: bold;
	text-align: center;
	border:0;
	line-height:1;
	position:relative;
}

.searchBox .dlgSearch .th_sep {
	width:170px;
	height:1px;
	background-color:#B1A5AB;
	position:absolute;
	bottom:0px;
	left:10px;
}

.searchBox .dlgSearch td {
	position:relative;
	border:0;
	padding:6px 8px 20px 8px;
	line-height:1;
}

.searchBox .dlgSearch .td_sep {
	width:730px;
	height:1px;
	background-color:#B1A5AB;
	position:absolute;
	bottom:0px;
	left:3px;
}

.searchBox .dlgSearch .dlgGenreArea li {
	float: left;
	width: 222px;
	margin:10px 10px 0 10px;
	padding:0 0 5px 0
}

.searchBox .dlgSearch .dlgDistance ul {
	margin:40px 0 0 0;
}

.searchBox .dlgSearch .dlgDistance li {
	float: left;
	margin:0 15px;
	padding:0;
}

.searchBox .dlgSearch li label {
	font-weight:normal;
}

/* ２行目 */

.searchBox .inner_r2 {
	padding:0 27px 19px 27px;
	background-image: url(/images/common/search_bg.png);
	background-repeat:repeat-y;
	background-position: left top;
	border:0;
}

.searchBox .searchBox_r2 {
	border: solid 1px #B1A5AB;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin:0;
}

.searchBox .searchBox_r2 table {
	background-color:#FFFFFF;
	line-height:1;
}

.searchBox .searchBox_r2 tbody,
.searchBox .searchBox_r2 tr {
	line-height:1;
}

.searchBox .searchBox_r2 th {
	width: 126px;
	font-weight: bold;
	text-align: center;
	border:0;
	line-height:1;
}
.searchBox .searchBox_r2 td {
	border:0;
	border-left:solid 1px #B1A5AB;
	padding:6px 8px 4px 8px;
	line-height:1;
}

.searchBox .searchBox_r2 ul {
	display:inline-block;
}

.searchBox .searchBox_r2 li {
	display:inline-block;
	position:relative;
	float:left;
	line-height:1;
	background-color:#DFDDDC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
	margin:3px 4px;
}

.searchBox .searchBox_r2 .keys {
	float:left;
	padding:5px 8px 3px 8px;
	min-width:84px;
	line-height:1;
	text-align:center;
}

.searchBox .searchBox_r2 .btnDelWord {
	position:relative;
	float:left;
	background-color:#B2B2B7;
	height:21px;
	width:21px;
	line-height:1;
	background-image: url(/images/common/search_btn_del.png);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}

.searchBox .down_arrow {
	position:relative;
	float:left;
	margin:0 45px;
}

.searchBox .down_arrow img {
	vertical-align:baseline;
}

/*==========================================
= 検索結果＆並び順・表示切替
===========================================*/

.contHeader {
	margin:29px 0 0 0;
}

/* 検索結果 */

.contHeader .result {
	float:left;
	position:relative;
	padding:0 0 0 50px;
	min-width:262px;
	background-repeat: no-repeat;
	background-position: left -3px;
}
.season_spring .contHeader .result {background-image: url(/images/common/result_flag_spring.png);}
.season_summer .contHeader .result {background-image: url(/images/common/result_flag_summer.png);}
.season_autumn .contHeader .result {background-image: url(/images/common/result_flag_autumn.png);}
.season_winter .contHeader .result {background-image: url(/images/common/result_flag_winter.png);}

.contHeader .result p {
	float:left;
	font-size:30px;
}

.contHeader .result .count {
	text-align:right;
}

.contHeader .result .countSuffix {
	text-align:left;
}

/* 共通：並び順＆表示切替 */

.contHeader dl {
	display:inline-block;
	float:left;
}

.contHeader dt,
.contHeader dd {
	display:inline-block;
	float:left;
	margin:0 8px 0 0;
	padding:0;
}

.contHeader dd p {
	float:left;
	margin:0 8px 0 0;
}

/* 並び順 */

.contHeader dl.sort {
	min-width:458px;
}

/* 表示切替 */

.contHeader dl.disp {
	min-width:434px;
}

/* 閉じるボタン */

.btnSrhClose {
	text-align: right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	position: absolute;
	top: 11px;
	right: 11px;
	z-index: 200;
}