/***************************/
/*** phase2 - 03/10/2011 ***/
/***************************/

/*** current search word ***/
.currentSearchWords-wrapper {
	width:771px;
	background-color:#cde4b1;
	margin-bottom:15px;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.currentSearchWords-wrapper .title { color:#666; font-weight:bold; float:left; padding:12px 15px 0; }
.searchWord-block { float:left; margin:10px 5px; }
.searchWord-lf { float:left; width:10px; background:url(/images/mylist/searchword_bg.png) 0 0 no-repeat; height:20px; }
.searchWord-main { background:url(/images/mylist/searchword_bg.png) right 0 no-repeat; float:left; height:20px; padding:0 25px 0 5px; line-height:20px; }

/*** search box ***/
.searchbox-wrapper {
	width:96%;
	margin-bottom:15px;
	padding:10px 15px;

	border:1px solid #ddd;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;

	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f1f1), to(#ffffff));
	background: -moz-linear-gradient(#f1f1f1, #ffffff);
	background: linear-gradient(#f1f1f1, #ffffff);
	-pie-background: linear-gradient(#f1f1f1, #ffffff);
}
.searchbox-topBG { background:url(/images/mylist/search_topBG.png) 0 0 no-repeat; width:785px; height:5px; }
.searchbox-content { background:url(/images/mylist/search_midBG.png) 0 0 no-repeat; background-color:#fff; width:775px; _width:785px; padding:5px 5px 0; text-align:left; }
.searchbox-bottomBG { background:url(/images/mylist/search_btmBG.png) 0 0 no-repeat; width:785px; height:5px; }

.searchbox-wrapper h3 { margin:0; font-size:12px; border:none; line-height:normal; text-align:left; }

/*
.searchbox-wrapper h3.searchbox-msg { margin-bottom:3px; font-weight:bold; }
*/

.searchbox-msg {
	margin: 0;
	margin-bottom:3px;
	line-height: normal;
	text-align: left;
	font-size: 12px;
	font-weight:bold;
	border: none;
}

.keywordTitle {
	width: 110px;
	margin: 0 10px;
	padding: 5px 0;
	float: left;
	font-weight: bold;
	font-size:12px;
	line-height:normal;
	text-align:left;
	border:none;
}

.searchInput-wrapper { overflow:hidden; }
.searchPos-wrapper { position:relative; width:600px; margin:0 auto; }

.searchKeyword-wrapper,
.searchHistory-wrapper { overflow:hidden; margin-top:5px; clear:both;	 }
.searchKeyword-wrapper .title,
.searchHistory-wrapper .title { width:110px; font-weight:bold; padding:5px 0; float:left; margin:0 10px; }
.searchKeyword-wrapper ul.keyword-list li,
.searchHistory-wrapper ul.keyword-list li { float:left; list-style:none; padding-top:7px; }
.searchKeyword-wrapper ul.keyword-list li a,
.searchHistory-wrapper ul.keyword-list li a { padding:2px 5px; }

/*** search box group ***/
.searchbox-block { border:1px solid #BDC7D8; background-color:#fff; width:98%; float:left; padding:2px; padding-left:5px; margin-bottom:3px; }
.addKeyword-block { padding:3px 2px 2px; float:left; }
.clearSearch-block { float:right; }
.search-textbox { width:85%; _width:90%; border:none; font-size:14px; margin-top:3px; float:left; }
.search-textbox:focus { outline:none; }
.search-btn { width:60px; float:right; }
.addKeyword-btn { width:75px; }
.clearSearch-btn { width:50px; float:right; }
#clearSearch-btn { margin:7px 15px 0 0; }


/*** result ***/
.result-header { overflow:hidden; padding:8px 15px; background-color:#f6f6f6; border:1px solid #ccc; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; margin-bottom:10px; }
.result-title { font-size:12px; font-weight:bold; float:left; margin:0 0 0 10px; }
.result-keyword { font-weight:bold; }
.result-count { float:left; padding-top:3px; }
.result-none { margin:30px auto; }
.searchSort-wrapper { float:right; }

/*** suggestion ***/
#suggest {
	text-align:left;
	position: absolute;
	top:48px;
	background-color: #fff;
	border: 1px solid #ccf;
	padding:5px 0;
	width:592px;
}
#suggest div {
	display: block;
	width: 572px;
	padding:4px 10px;
	overflow: hidden;
	white-space: nowrap;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
	color: #fff;
	background-color: #36f;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
	background-color: #9cf;
}


/***************************/
/******* end phase 2 *******/
/***************************/

/* search form */
#d2search-page {
	width: 760px;
	margin-bottom: 24px;
}
#d2search-page input{
	float:left;
	margin: 0;
}
#k {
	width: 400px; _width: 400px;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin-right: 4px;
}
#d2search-page #search_btn {
	width: 96px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border: none;
	padding: 0;
  	background:url(../search/dsearch.png) no-repeat -310px top;
}

/* search result */
/*****/
.bm-btn {
	width: 72px;
	height: 20px;
	background:url(../review/buttons.png) no-repeat;
	background-position: left top;
	cursor: pointer;
	display: block;
	margin-bottom: 2px;
	float: right;
}
.bm-btn:hover {
	background-position: -72px top;
}
.review div {
	height: 17px;
	line-height: 17px;
	float: left;
	padding-left: 83px;
}
#result-count {
	margin-bottom: 30px;
	text-align: left;
	float:left;
	margin-left: 15px;
	clear: both;
}
#dsearch-wrap {
	width: 760px;
	margin: 0;
	padding: 0;
	clear: both;
}



.movie-panel{
	width: 150px;
	height: 222px; _height: 242px;
	text-align: left;
	float:left;
	padding: 8px 12px 12px;
	background-color: #fff;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: #999 0px 0px 5px;
	-webkit-box-shadow: #999 0px 0px 5px;
	-moz-box-shadow: #999 0px 0px 5px;

	margin:7px;
}

.mPanel-thumb { position:relative; }
.onlineStatus { background:url('/images/mylist/onlineStatusIcon.gif') no-repeat; width:85px; height:20px; display:block; position:absolute; top:0; left:0; }
.twoShot { background-position:0 0; }
.online { background-position:0 -20px; }
.inSession { background-position:0 -40px; }

ul#dsearch-wrap li div{
	overflow: hidden;
	clear: both;
	width: 150px;
	white-space:nowrap;
}


.dsearch-thumb {
	height:120px;
	background: #F5F5DC;
	margin-bottom: 5px;
}
.dsearch-title {
	color:#09F;
	font-weight: bold;
}
.dsearch-title a{
	color:#09F;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}
.dsearch-title a:hover{
	color:#09F;
	font-weight: bold;
	text-decoration: underline;
}
.dsearch-sitename {
	height: 16px;
	line-height: 16px;
	display:block;
}
.dsearch-sitename-movie { background-position:0 -90px; }
.dsearch-sitename-vchat { background-position:0 -74px; }
/*****/


.autocomp {
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  width: 0px;
}
.autocomp ul {
  background-color: #FFFFFF;
  width: 100%;
  line-height: 22px;
  padding: 2px 5px;
}
.autocomp li {
  width: 100px;
  text-align: left;
  list-style-type: none;
}
.autocomp li a {
  text-decoration: none;
}
.autocomp li a:hover {
  background-color: #D5E2FF;
}
.hoverOn {
	background:#f0f0f0;
  /* background:url(../search/dsearch.png) no-repeat -152px top; */
}
#search-pager {
	clear: both;
}


/***
.dearch-date {
	text-align: right;
	font-size: 10px;
}
***/