@charset "utf-8";

/*検索ボックス用CSS*/
#WF_Search form{display:none;}

#WF_Search{width:360px;font-size:10px;line-height:1;color:#222;}
#WF_Search,#WF_Search input{font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;}
#WF_Search form,#WF_Search ul{width:100%;}
#WF_Search form,#WF_Search ul,#WF_Search li{margin:0;padding:0;list-style:none;}
#WF_Search img{border:none;vertical-align:top;}
#WF_Search input{vertical-align:middle;}
*:first-child+html #WF_Search ul,#WF_Search form{width:100%;}
#WF_Search form a:hover img{outline:1px dotted #990000;}

/*リンク*/
#WF_Search a{color:#1155bb;text-decoration:none;}
#WF_Search a:hover{color:#ff6633;text-decoration:underline;}
#UT_SearchType a:hover{text-decoration:none;}
#UT_SearchType li.current a,#UT_SearchType li.current a:hover{color:#222;font-weight:bold;cursor:default;}

/*検索タイプ*/
#UT_SearchType{float:left;}
* html #UT_SearchType{margin-bottom:2px;}
*:first-child+html #UT_SearchType{margin-bottom:3px;}
#UT_SearchType li{float:left;margin:0 3px 3px 0;padding:1px 3px 0 0;border-right:1px solid #aaa;}
#WF_Search #st_video{border-right:none;}

/*入力エリア*/
#WF_Search input{display:block;float:left;margin:0;padding:0;}
#WF_Search input.txt{height:16px;margin-top:2px;padding:1px;border:1px solid #7f9db9;font-size:12px;}
* html #WF_Search input.txt{height:20px;padding:3px 2px 0;}
*:first-child+html #WF_Search input.txt{margin-top:1px;padding:3px 1px 0;}
#dev_search1 input.txt{width:300px;}
#dev_search2 input.txt{width:138px;}
#dev_search3 input.txt{width:127px;}
#WF_Search form span{display:block;float:left;margin:6px 2px;font-size:10px;}

/*例)*/
#WF_Search ul#search_example{display:none;width:100%;padding-top:3px;font-size:10px;}

/*回り込み解除*/
#WF_Search ul:after,#WF_Search form:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#WF_Search ul,#WF_Search form{display:inline-table;min-height:1em;}
/*\*/
* html #WF_Search ul,* html #WF_Search form{height:1%;}
#WF_Search ul,#WF_Search form{display:block;}
/**/



/*
サジェスト用
*/
.acResult1,
.acResult2{
visibility:hidden;
position:absolute;
overflow:hidden;
top:0;
left:0;
}

/*div*/
.acResult1,
.acResult2{
visibility:hidden;
position:absolute;
overflow:hidden;
border:1px solid #3366FF;
background-color:#fff;
font-size:12px;
line-height:1;
}
.acResult1 ul,
.acResult2 ul,
.acResult1 li,
.acResult2 li{
margin:0;
padding:0;
list-style:none;
cursor:default;
}

/*li > a*/
.acResult1 li a,
.acResult2 li a{
display:block;
padding:0 5px;
color:#222 !important;
text-decoration:none;
cursor:default;
line-height:1.6;
outline:none;
}
.acResult1 li.acZebra a,
.acResult2 li.acZebra a{
background-color:#F4F4FE;
}
.acResult1 li a:hover,
.acResult1 li.acSelected a,
.acResult2 li a:hover,
.acResult2 li.acSelected a{
background-color:#FDF5D8;
color:#222;
text-decoration:none;
cursor:default;
}

/*ie6,7*/
* html .acResult1 li,
* html .acResult2 li{
margin-bottom:-3px;
}
*:first-child+html .acResult1 li,
*:first-child+html .acResult2 li{
margin-bottom:-3px;
}

/*閉じる*/
.acResult1 p,
.acResult2 p{
margin:0;
padding:0 3px;
color:#222;
text-align:right;
line-height:1.6;
cursor:pointer;
}

/*カラム*/
.acGenreL{float:left;}
.acGenreR{float:right;}

/*回り込み解除*/
.acResult1 li a:after,
.acResult2 li a:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.acResult1 li a,
.acResult2 li a{display:inline-table;min-height:1em;}
/*\*/
* html .acResult1 li a,
* html .acResult2 li a{height:1%;}
.acResult1 li a,
.acResult2 li a{display:block;}
/**/

/* 検索ボタン */
.searchButton{
	margin:0;
	padding:0;
	border:0;
	color:#39C;
	cursor: pointer;
	outline:none;
	}

/* 検索リストページ対応*/
#layout #header #WF_Search ul{padding-top:5px;}
#layout #header form{text-align:left;}
* html #layout #header #WF_Search input.txt{height:15px;}

/*エラーページ用*/
.search_error{
float:none !important;
margin-bottom:15px;
text-align:center;
}
.search_error #WF_Search{
min-height:60px;
margin:0 auto;
text-align:left;
}
* html .search_error #WF_Search{height:60px !important;}
* html .search_error #WF_Search input.txt{height:15px !important;}



/* 2010.02.17 さらに検索するBOX */
#Referrer{
position:fixed;
top:0px;
right:0px;
z-index:9999;
text-align:right;
}
* html #Referrer{
position:absolute;
top:0px;
right:0px;
}
#Referrer form{
width:356px;
margin:0 0 0 auto;
padding:0;
text-align:left;
background:url(http://www.mapion.co.jp/img/top_new/title_bg.png) left bottom no-repeat #FFF;
border:2px solid #009DFF;
}
#Referrer dl{
margin:0;
padding:10px;
}
#Referrer dl dt{
display:block;
margin:0;
padding:2px 0 5px 25px;
line-height:18px;
min-height:18px;
font-size:14px;
font-weight:bold;
background:url(http://www.mapion.co.jp/f/mapion/img/admi/bg_h2_main.gif) no-repeat;
}
#Referrer dl dd{
margin:0;
padding:10px 0 0;
text-align:center;
}
#Referrer dl dd input{
width:320px;
padding:2px;
font-size:14px;
}
#Referrer p{
position:absolute;
top:15px;
right:13px;
margin:0;
padding:0;
}