xcharset "utf-8";

#combo_keywords {
	display:inline-block;
	width:270px;
}
#keywords{
display:inline-block;
width:270px;
}
.ac_combobox_area{
	margin           : 0;
	padding          : 0;
}

.ac_input {
	border           : none;
	background-color : white;
	display          : inline !important;
	font-size        : 14px;
	margin           : 0;
}

.ac_result_area {
	border           : 0;
	background-color : white;
	margin           : 0;
	padding          : 0;
	list-style       : none;
	position         : absolute;
	z-index          : 1000;
	display          : none;
}
/**************************************
 table
**************************************/
.ac_table, .ac_table th, .ac_table td{
	margin           : 0;
	width            : auto;
	border-collapse  : separate;
	border-spacing   : 0;
	background       : white;
}
.ac_table{
	border           :1px solid #79b;
/*	border-style:inset;
	border-width:2px 1px 1px 2px; */
	padding          : 0;
}

.ac_table th{
	padding          : 1px;
	border           : 0px;

}
.ac_table td{
	/*
	プルダウンボタン画像と、Ajaxローディング画像の幅は
	どちらも16pxでそろえています。
	セルの幅も、それと同じく16pxにする必要があります。
	*/
	border           : 1px solid #abd;
	padding          : 0px 3px;
	width            : 16px;
	text-align       : center;
	vertical-align   : middle;
	display          :none;
}
.ac_table img{
	padding          : 0;
	margin           : 0;

	/* IE7用に、幅と高さを指定する必要があります */
	width            : 16px;
	height           : 16px;
}
/**************************************
 results
**************************************/
.ac_results {
	border           : 1px solid #79b;
	background-color : white;
	margin           : 0;
	padding          : 0;
	list-style       : none;
}
.ac_results li {
	margin           : 0;
	height           : auto !important;
	padding          : 3px 5px;
	white-space      : nowrap;
	color            : #000;
	text-align       : left;
	overflow         : hidden;
	font-size        : 12px;
	line-height      : 1;
	/* IE用 */
	*width           :100%;
}
.ac_over {
	cursor           : pointer;
	background-color : #36c;
	color            : #fff !important;
}
.ac_match {
	text-decoration  : underline;
}
.ac_over .ac_match{
	text-decoration  : none;
}

/**************************************
 navi
**************************************/
.ac_navi{
	border           : 1px solid #79b;
	border-bottom    : none;
	margin           : 0;
	padding          : 4px;

	text-align       : right;
	font-size        : 13px;
	font-family      : "ＭＳ Ｐゴシック",sans-serif;
	font-weight      : normal;
	line-height      : 1;
	display          : none;
}
.ac_navi a:link,
.ac_navi a:visited,
.ac_navi a:hover,
.ac_navi a:active{
	color            : blue;
	text-decoration  : underline;
	margin           : 0px 4px;
	font-weight      : normal;

}
.ac_navi p{
	font-size        : 15px;
	text-align       : center;
	color            : black;
	padding-top      : 4px;
	margin           : 0;
}
.current{
	font-weight      : bold;
	color            : #00c;
}
.page_end{
	color            : gray;
	margin           : 0px 4px;
	font-weight      : normal;
}
/*
===== suggest ==========================================
*/


/*========*/
#suggestForm{
text-align: center;
padding:2px 0;
}

#suggestForm .searchWrap{
width:900px;
padding: 4px;
margin: 0 auto;
}
#suggestForm .searchImg,
#suggestForm #combo_keywords,
#suggestForm .searchBotan{
float: left;
height: 20px;
vertical-align: middle;
}
/*#suggestForm #combo_keywords input{
border: 2px solid #800000;
padding: 5px;
}*/
#suggestForm #combo_keywords{
text-align: left;
padding: 0 2px;
}
#suggestForm .searchMore{
float: left;
margin-left: 15px;
vertical-align:bottom;
padding:4px 2px 2px 2px;
}
#suggestForm .searchMore a{
text-decoration: none;
padding: 5px 5px 5px 12px;
background: URL(/main/top/img/pickup_botan.gif) left no-repeat;
}

/*====プルダウン====*/
#categoryCode{
margin: 0;
vertical-align: top;
height: 20px;
}


/*
===== 1: CLEARFIX ==========================================
*/
.suggest_clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.suggest_clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .suggest_clearfix{
    display:inline-table;
    /*\*/display:block;/**/
}
/**************************************
 desighn
**************************************/
#suggestForm{
background:URL(/main/top/img/sidebar_back.gif) repeat-x;

}



/* Normal Bubble */
div.assert_bubble {
    width: 280px;
    font-size: 12px;
    margin-bottom: 24px;
    cursor:pointer;
}

div.assert_bubble blockquote {
    margin: 0px;
    padding: 0px;
    border: 1px solid #c9c2c1;
    background-color: #fff;
}

div.assert_bubble blockquote p {
    margin: 10px;
    padding: 0px;
    font-size:12px;
    line-height:130%;
}

div.assert_bubble cite {
    position: relative;
    margin: 0px;
    padding: 0;
    top: -1px;
    background: transparent url(../../../lib/images/tip.gif) no-repeat 20px 0;
    font-style: normal;
    width:40px;
    height:8px;
    display:block;
}

/* Rounded Bubble */
div.assert_bubble div.rounded {
    margin-bottom: 10px;
    border: 3px solid #fff;
    background-color: #b7e0ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
div.assert_bubble div.rounded blockquote {
    border: 0;
    background-color: transparent;
}
div.assert_bubble div.rounded blockquote p {
    margin: 10px 10px;
}
div.assert_bubble cite.rounded {
    position: relative;
    top:-13px;
    height:15px;
    background: transparent url(../../../lib/images/tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.assert_bubble {
}
div#pimped.assert_bubble div.rounded {
    color: #fff;
    border: 3px solid #fff;
    background-color: #111;
    filter: Alpha(opacity=80);
    opacity:0.8;
}
div#pimped.assert_bubble cite.rounded {
    background: transparent url(../../../lib/images/tip-pimped.gif) no-repeat 15px 0;
    filter: Alpha(opacity=80);
    opacity:0.8;
}