@charset "UTF-8";
/*---------------------------------------------------------------
search.css
-----------------------------------------------------------------
table of contents

	1. Search
-----------------------------------------------------------------
font-size table

	10px :   77%		16px : 123.1%
	11px :   85%		17px :    131%
	12px :   93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/

/*==============================================================
	1.	Search
===============================================================*/

#header{
	margin-left:20px;
}

#container{
	width:970px;
	/*padding:20px 0 0;*/
}

#contents{
	width:970px;
}

#footer{
	margin-left:20px;
}

#search{
	position:relative;
	width:970px;
}
#search h2{
	float:left;
	width:265px;
	margin-bottom:40px;
	padding-left:20px;
}
#search .description{
	float:right;
	width:685px;
	margin-top:-4px;
}
#search .description p{
	margin-bottom:18px;
}
#search .error-area{
	clear:both;
	margin:-2px 0 0 20px;
	padding-left:2px;
	padding-bottom:36px;
}
#search .error-area dt{
	margin-bottom:6px;
}
#search .error-area dd{
	margin:0;
	/*padding-left:10px;
	background:url(/images/shared/bg_ul_pink.gif) top left no-repeat;*/
	color:#ff008e;
	font-size:93%;
	line-height:1.7;
}

/*#search .text-area{
	height:115px;
	margin-left:265px;
}
#search .text-area p{
	margin-bottom:20px;
	color:#4c4c4c;
}
#search .text-area dl{
	color:#ff008e;
}
#search .text-area dt{
	margin-bottom:7px;
}*/
#search .search-area{
	position:relative;
	clear:both;
	width:930px;
	height:150px;
	margin-left:20px;
	background:url(/images/search/bg_search.png) top left no-repeat;
}
#search .search-area form{
	position:absolute;
	top:22px;
	left:22px;
	width:886px;
	height:106px;
}
#search .search-area form.error{
	background:#ffd9ee;
}
#search .search-area label{
	position:absolute;
	display:block;
	top:32px;
	left:172px;
	width:456px;
	height:42px;
	background:url(/images/search/icon_arrow.gif) center right no-repeat;
	line-height:42px;
}
#search .search-area form.error label{
	background:url(/images/search/icon_arrow_error.gif) center right no-repeat;
}
#search .search-area label img{
	position:relative;
	top:0px;
	margin-right:29px;
}
/* IE8 */
html>/* */body #search .search-area label img{
	top:-11px;
}
/* othres */
html:not(:target) #search .search-area label img{
	top:0px;
}
#search .search-area label input{
	position:relative;
	top:0px;
	width:344px;
	height:16px;
	padding:5px 7px;
	border:1px solid #c7c7c7;
	background:#fff;
	vertical-align: middle;
	font-size:16px;
}
/* IE8 */
html>/* */body #search .search-area label input{
	top:-18px;
}
/* othres */
html:not(:target) #search .search-area label input{
	top:0px;
}
#search .search-area .rollover{
	position:absolute;
	top:5px;
	left:643px;
}
#external_index{
	width:970px;
	margin:60px 0 -9px;
}
