@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Search */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#PanelSearch
{
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Search Menu */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#PanelSearchMenu
{
	width				:	200px;
	padding				:	0px 40px 0px 0px;
}

/* Search Menu Tab */
#PanelSearchMenuTab
{
	width				:	202px;
	margin				:	0px 0px 15px 0px;
	overflow				:	hidden;
}
#PanelSearchMenuTab ul
{
	margin				:	0px;
	padding				:	0px;
	white-space			:	nowrap;
}
#PanelSearchMenuTab ul#ListSearchMenuTab
{
//	border-bottom-style		:	solid;
//	border-bottom-width		:	5px;
}
#PanelSearchMenuTab li
{
	display				:	inline-block;
	width				:	99px;
	margin				:	0px;
	padding				:	10px 0px 8px 0px;
	list-style-type			:	none;
	line-height			:	0px;
	border-top-left-radius		:	5px;
	border-top-right-radius		:	5px;
	text-align				:	center;
}
#PanelSearchMenuTab li:hover
{
	opacity				:	0.5;
	-moz-opacity			:	0.5;
	filter				:	alpha(opacity=50);
	transition				:	all 0.2s ease-out;
	-webkit-transition			:	all 0.2s ease-out;
	-moz-transition			:	all 0.2s ease-out;
	-o-transition			:	all 0.2s ease-out;
}
#PanelSearchMenuTab li img
{
	height				:	17px;
}
#PanelSearchMenuTab li#ListSearchMenuTabRental
{
	background			:	-moz-linear-gradient( top, rgb(157,201,62), rgb(102,167,82) );
	background			:	linear-gradient( top, rgb(157,201,62), rgb(102,167,82) );
	background			:	-webkit-gradient( linear, left top, left bottom, from( rgb(157,201,62) ), to( rgb(102,167,82) ) );
	background			:	-ms-linear-gradient( top, rgb(157,201,62), rgb(102,167,82) );
}
#PanelSearchMenuTab li#ListSearchMenuTabSell
{
	background			:	-moz-linear-gradient(top, rgb(226,148,58), rgb(226,108,49));
	background			:	linear-gradient( top, rgb(226,148,58), rgb(226,108,49) );
	background			:	-webkit-gradient( linear, left top, left bottom, from( rgb(226,148,58) ), to( rgb(226,108,49) ) );
	background			:	-ms-linear-gradient( top, rgb(226,148,58), rgb(226,108,49) );
}
#PanelSearchMenuTab li#ListSearchMenuTabTochi
{
	background			:	-moz-linear-gradient(top, rgb(7,128,172), rgb(7,128,163));
	background			:	linear-gradient( top, rgb(7,128,172), rgb(7,128,163) );
	background			:	-webkit-gradient( linear, left top, left bottom, from( rgb(7,128,172) ), to( rgb(7,128,163) ) );
	background			:	-ms-linear-gradient( top, rgb(7,128,172), rgb(7,128,163) );
}
#PanelSearchMenuTab #ListSearchMenuTabSub
{
	text-align				:	center;
	margin				:	0px;
	padding				:	8px 0px;
}
#PanelSearchMenuTab #ListSearchMenuTabSub li
{
	margin				:	0px;
	padding				:	0px;
}
#PanelSearchMenuTab #ListSearchMenuTabSub a
{
	color				:	#ffffff;
	font-size				:	14px;
}

/* Search Menu Box */
div.PanelSearchMenuBox
{
	margin				:	0px 0px 5px 0px;
	border				:	solid 1px rgba(0,0,0,0.4);
	border-radius			:	5px;
}
div.PanelSearchMenuBoxInner
{
	padding				:	10px;
	border-bottom			:	solid 1px rgba(0,0,0,0.4);
}
div.PanelSearchMenuBox div.PanelSearchMenuBoxInner:last-child
{
	border				:	none;
}
div.PanelSearchMenuBox ul
{
	margin				:	0px;	
}
div.PanelSearchMenuBoxInner h2
{
	font-size				:	14px;
}

/* Search Menu Category */
ul#ListSearchMenuCategory
{
	margin				:	0px;
	padding				:	5px;
}
ul#ListSearchMenuCategory li.ListSearchMenuCategory
{
	margin				:	0px 0px 3px 0px;
	padding				:	10px;
	list-style-type			:	none;
	border-radius			:	5px;
	font-size				:	14px;
	font-weight			:	normal;
	line-height			:	14px;
}
ul#ListSearchMenuCategory li.ListSearchMenuCategory:hover,
ul#ListSearchMenuCategory li.ListSearchMenuCategorySelected
{
	transition				:	all 0.2s ease-out;
	-webkit-transition			:	all 0.2s ease-out;
	-moz-transition			:	all 0.2s ease-out;
	-o-transition			:	all 0.2s ease-out;
}
ul#ListSearchMenuCategory li.ListSearchMenuCategory img
{
	height				:	12px;
}

/* Search Menu Area */
ul#ListSearchMenuArea
{
	margin				:	0px;
	padding				:	0px;
}

li.ListSearchMenuFormOption
{
	display				:	table;
	margin				:	0px;
	padding				:	0px;
}
li.ListSearchMenuFormOption input
{
	display				:	table-cell;
	vertical-align			:	top;
}
li.ListSearchMenuFormOption label
{
	display				:	table-cell;
	vertical-align			:	top;
	padding-left			:	4px;
}
/* 2016.12.12 MTN-SASAKI ADD START */
input.SearchMenuFormText[type="text"] {
        font-size                       :       14px;
        width                           :       175px;
        -webkit-border-radius           :       5px;
        -moz-border-radius              :       5px;
        border-radius                   :       5px;
        border                          :       solid 1px #999999;
}
/* 2016.12.12 MTN-SASAKI ADD END */
/* Search Menu Button */
#PanelSearchMenuButton
{
	position				:	relative;
	height				:	50px;
	margin				:	0px 0px 50px 0px;
}
#PanelSearchMenuButton a
{
	position				:	absolute;
	top				:	0px;
	left				:	0px;
	z-index				:	0;
}
#PanelSearchMenuButton img
{
	width				:	200px !important;
}
#PanelSearchMenuButton span
{
	position				:	absolute;
	top				:	28px;
	right				:	20px;
	z-index				:	100;
	font-size				:	16px;
	font-weight			:	bold;
	color				:	#ffffff;
	line-height			:	0em;
}

/* Search Menu Area */
#PanelSearchMenuArea
{
}
#PanelSearchMenuAreaTitle
{
}
#PanelSearchMenuAreaTitle h2
{
	white-space			:	nowrap;
}
#PanelSearchMenuAreaMap
{
	position				:	relative;
	height				:	130px;
}
#PanelSearchMenuAreaMapButton
{
	position				:	absolute;
	top				:	0px;
	left				:	-12px;
	z-index				:	0;
}
#PanelSearchMenuAreaMapButton img
{
	width				:	224px;
}
div.PanelSearchMenuAreaMapFloat
{
	position				:	absolute;
	display				:	none;
	z-index				:	1000;
}
div.PanelSearchMenuAreaMapFloat img
{
	height				:	80px;
}
#PanelSearchMenuAreaMapFloatCenter
{
	top				:	50px;
	left				:	50px;
}
#PanelSearchMenuAreaMapFloatNorth
{
	top				:	40px;
	left				:	60px;
}
#PanelSearchMenuAreaMapFloatEast
{
	top				:	70px;
	left				:	90px;
}
#PanelSearchMenuAreaMapFloatSouth
{
	top				:	70px;
	left				:	60px;
}
#PanelSearchMenuAreaMapFloatWest
{
	top				:	50px;
	left				:	20px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Search List */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#PanelSearchList
{
	width				:	710px;
	padding				:	0px;
}

/* Menu Area */
#PanelSearchListArea
{
	display				:	none;
	margin				:	0px 0px 30px 0px;
	padding				:	15px;
	border-radius			:	5px;
	background-color			:	rgba(121,142,158,0.1);
}
#PanelSearchListArea h2
{
	font-size				:	16px;
}
#PanelSearchListArea ul
{
	margin				:	0px;
	padding				:	0px;
}
#PanelSearchListArea li
{
	list-style-type			:	none;
	margin				:	4px 0px;
	padding				:	10px 15px;
	border-radius			:	5px;
	font-size				:	14px;
	font-weight			:	bold;
	color				:	rgb(255,255,255);
	background			:	linear-gradient( top, rgba(7,128,153,0.4), rgba(7,128,153,0.7) );
	background			:	-webkit-gradient( linear, left top, left bottom, from( rgba(7,128,153,0.4) ), to( rgba(7,128,153,0.7) ) );
	background			:	-ms-linear-gradient( top, rgba(7,128,153,0.4), rgba(7,128,153,0.7) );
}
#PanelSearchListArea li:hover
{
	transition				:	all 0.2s ease-out;
	-webkit-transition			:	all 0.2s ease-out;
	-moz-transition			:	all 0.2s ease-out;
	-o-transition			:	all 0.2s ease-out;
}

/* Map */
#PanelSearchListMap
{
	margin				:	0px 0px 20px 0px;
}

/* Title */
#PanelSearchListTitle
{
	margin				:	0px 0px 20px 0px;
	padding				:	10px 20px;
	border-radius			:	5px;
}
#PanelSearchListTitle h1
{
	margin				:	0px;
	font-size				:	16px;
	font-weight			:	bold;
	line-height			:	1em;
}

/* List */
div.PanelSearchList
{
	margin				:	0px 0px 20px 0px;
}
div.PanelSearchListTitle
{
	display				:	table;
	width				:	100%;
	margin				:	0px 0px 20px 0px;
	padding				:	10px 0px;
	border-radius			:	5px;
}
div.PanelSearchListTitle h3
{
	display				:	table-cell;
	margin				:	0px;
	padding-left			:	20px;
	color				:	#000000;
	font-size				:	14px;
	line-height			:	1em;
}
div.PanelSearchListTitle span
{
	display				:	table-cell;
	padding-right			:	20px;
	color				:	#da3e68;
	text-align				:	right;
}
div.PanelSearchListBodyLeft
{
	width				:	280px;
	padding				:	0px 20px 0px 0px;
}
div.PanelSearchListBodyPhoto
{
	padding				:	0px 10px 0px 0px;
}
div.PanelSearchListBodyPhoto img
{
	width				:	100%;
	height				:	auto;
	border-radius			:	5px;
}
div.PanelSearchListBodyComment
{
	margin				:	0px 0px 10px 0px;
}
div.PanelSearchListBodyComment dl
{
	display				:	table;
	width				:	100%;
	margin				:	0px;
}
div.PanelSearchListBodyComment dt
{
	display				:	table-cell;
	width				:	4em;
	vertical-align			:	baseline;
	margin				:	0px;
	white-space			:	nowrap;
	text-align				:	left;
}
div.PanelSearchListBodyComment dd
{
	display				:	table-cell;
	vertical-align			:	baseline;
	margin				:	0px;
	text-align				:	left;
}
table.PanelSearchListDetail
{
	width				:	100%;
	border-collapse			:	collapse;
}
table.PanelSearchListDetail tr th:first-child
{
	border-top-left-radius		:	5px;
	border-bottom-left-radius		:	5px;
}
table.PanelSearchListDetail tr th:last-child
{
	border-top-right-radius		:	5px;
	border-bottom-right-radius		:	5px;
}
table.PanelSearchListDetail th
{
	padding				:	3px;
	background-color			:	#ebeef0;
	color				:	#5d778a;
	font-weight			:	normal;
}
table.PanelSearchListDetail td
{
	padding				:	3px 5px 1px 5px;
	border-bottom			:	dotted 1px rgba(0,0,0,0.2);
	text-align				:	center;
}
table.PanelSearchListDetail td.ListSearchListDetailPriceMontdly
{
	color				:	#da3e68;
	font-size				:	14px;
	font-weight			:	bold;
}
table.PanelSearchListDetail tr:hover td
{
	transition				:	all 0.1s ease-out;
	-webkit-transition			:	all 0.1s ease-out;
	-moz-transition			:	all 0.1s ease-out;
	-o-transition			:	all 0.1s ease-out;
}
table.PanelSearchListDetail a
{
	color				:	#da3e68;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Search Detail */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#PanelSearchDetail
{
}
#PanelSearchDetailLeft
{
	width				:	170px;
	padding-right			:	30px;
	font-weight			:	bold;
}
#PanelSearchDetailCenter
{
	width				:	300px;
	padding-right			:	30px;
}
#PanelSearchDetailRight
{
	width				:	300px;
}

#PanelSearchDetailName
{
	margin				:	0px 0px 30px 0px;
}
#PanelSearchDetailName h1
{
	font-size				:	18px;
	line-height			:	1em;
	color				:	rgb(0,0,0);
	margin				:	0px;
}
#PanelSearchDetailPoint
{
	margin				:	0px 0px 30px 0px;
	padding				:	10px 20px;
	border-radius			:	5px;
	font-size				:	14px;
	font-weight			:	bold;
}
#PanelSearchDetailPhotoMain
{
	text-align				:	center;
}
#PanelSearchDetailPhotoMain img
{
	max-width			:	100%;
	max-height			:	250px;
	border-radius			:	5px;
}
#PanelSearchDetailPhotoSub
{
}
#PanelSearchDetailPhotoSub ul
{
	margin				:	0px;
	padding				:	0px;
}
#PanelSearchDetailPhotoSub li
{
	display				:	inline-block;
	margin				:	0px 5px 5px 0px;
	padding				:	0px;
}
#PanelSearchDetailPhotoSub img
{
	max-width			:	100px;
	max-height			:	100px;
	border-radius			:	5px;
}
#PanelSearchDetailPhotoLayout
{
	text-align				:	center;
}
#PanelSearchDetailPhotoLayout img
{
	max-width			:	100%;
	max-height			:	200px;
}
#PanelSearchDetailPhotoMap
{
	text-align				:	center;
}
#PanelSearchDetailPhotoMap img
{
	max-width			:	100%;
	max-height			:	200px;
}

dl.ListSearchDetail
{
	display				:	table;
	width				:	100%;
	margin				:	0px;
	padding				:	0px;
	border-bottom			:	solid 1px rgb(0,0,0);
}
dt.ListSearchDetailTitle
{
	display				:	table-cell;
	margin				:	0px;
	padding				:	2px 0px 2px 10px;
}
#PanelSearchDetailLeft dt.ListSearchDetailTitle
{
	padding				:	5px 0px 5px 10px;
	font-size				:	14px;
}
dd.ListSearchDetailBody
{
	display				:	table-cell;
	margin				:	0px;
	padding				:	2px 10px 2px 0px;
	text-align				:	right;
}
#PanelSearchDetailLeft dd.ListSearchDetailBody
{
	padding				:	5px 10px 5px 0px;
	font-size				:	14px;
}

#PanelSearchDetail h2
{
	font-size				:	14px;
	line-height			:	1.5em;
	color				:	rgb(0,0,0);
	text-align				:	left;
}
#PanelSearchDetail h2.PanelSearchDetailPhotoTitle
{
	margin				:	0px 0px 15px 0px;
	padding				:	0px 0px 4px 0px;
	border-bottom			:	solid 1px rgb(0,0,0);
}
#PanelSearchDetail h2.PanelSearchDetailTitle,
#PanelSearchDetail h2.PanelSearchDetailTitleEnhanced
{
	margin				:	0px 0px 5px 0px;
	padding				:	3px 10px;
	border-radius			:	5px;
}
#PanelSearchDetail h2.PanelSearchDetailTitleEnhanced
{
	background-color			:	rgba(218,62,104,0.3);
}

#PanelSearchDeatailContact
{
	/*border-style			:	solid;*/
	border-width			:	3px;
	border-radius			:	10px;
	padding				:	25px 30px;
}
#PanelSearchDeatailContact h2
{
	padding				:	5px 20px;
	margin				:	0px 0px 15px 0px;
	border-radius			:	5px;
}
#PanelSearchDeatailContact p
{
	font-size				:	14px;
}



/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width: 1024px)
{
	/* Menu */
	#PanelSearchMenu
	{
		width			:	inherit;
	}
	#PanelSearchMenuTab
	{
		width			:	inherit;
	}
	#PanelSearchMenuTab li
	{
		width			:	163px;
	}
	#PanelSearchMenuButton img
	{
		width			:	330px !important;
	}
	#PanelSearchMenuButton span
	{
		top			:	45px;
	}

	/* List */
	#PanelSearchList
	{
		width			:	inherit;
	}
	div.PanelSearchListBodyLeft,
	div.PanelSearchListBodyRight
	{
		width			:	inherit;
		padding			:	0px;
		margin			:	0px 0px 10px 0px;
	}
	div.PanelSearchListTitle,
	div.PanelSearchListTitle h3,
	div.PanelSearchListTitle span
	{
		display			:	block;
	}
	#PanelSearchMenuArea
	{
		display			:	none;
	}

	/* Detail */
	#PanelSearchDetail
	{
		margin-top		:	30px;
	}
	#PanelSearchDetail div.PanelParagraphGap
	{
		margin			:	0px;
	}
	#PanelSearchDetailLeft,
	#PanelSearchDetailCenter,
	#PanelSearchDetailRight
	{
		width			:	inherit;
		margin			:	0px 0px 0px 0px;
	}
	#PanelSearchDetailLeft
	{
		margin			:	0px 0px 30px 0px;
	}
	#PanelSearchDetail h2.PanelSearchDetailTitle,
	#PanelSearchDetail h2.PanelSearchDetailTitleEnhanced,
	#PanelSearchDetail h2.PanelSearchDetailPhotoTitle
	{
		text-align			:	center;
	}
	#PanelSearchDetailPhotoMain
	{
		margin			:	0px 0px 15px 0px;
	}

	/* Detail */
	#PanelSearchDeatailContact
	{
		padding				:	15px;
	}
	#PanelSearchDeatailContact h2
	{
		text-align				:	center;
	}
}