@charset "shift_jis";

/*
//  2010.08 第3開発　AG画面パーツ
//  id = agGoodsSearch
//  class = 冒頭にagを付加
*/
/*

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 15px;
}

img {
	border: none;
	vertical-align: bottom;
}

body {
	font-size: 13px;
	color: #333333;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
}

p{
margin:0;
padding:0;
}


a:link	{
	color: #4c8dd9;
}

a:visited	{
	color: #505ab9;
}

a:hover	{
	color: #4c8dd9;
	text-decoration: none;
}

a:active	{
	color: #111184;
}

**********************************************************************/

#agGoodsSearch{
width:auto;
height:auto;
border:1px solid #C8C8C3;
background:#ECF3FF;
min-width:200px;
max-width:950px;
}

/* -----------------------------------
Goods Search 
-------------------------------------*/
/* header title */
#agGoodsSearch .agHeadTitle{
background-color:#191970;
padding-bottom:3px;
}

#agGoodsSearch .agHeadImg{
color:#fff;
background:url(../img/askul/icon_Search.gif) no-repeat left top;
z-index:10000;
padding-left:51px;
height:37px;
width:100%;
z-index:10000;
}

#agGoodsSearch .agHeadImg img{
vertical-align:middle;
margin-right:10px;
}

#agGoodsSearch .agHeadTitle p{
margin:0;
padding:0;
padding:2px 0 0 51px;
color:fff;
}

/* main */
#agGoodsSearch .agMain{
padding:0 5px 10px 5px;
}




/* -----------------------------------
Category Search 
-------------------------------------*/
#agGoodsSearch .agCateSearchBox{
margin-bottom:10px;
background:#fff;
}

#agGoodsSearch .agGrayBox{
border:3px solid #C8C8C3;
}


/* header title */
#agGoodsSearch .agCateTitle{
background:url(../img/askul/img_bg.gif) repeat-x top;
}

#agGoodsSearch .agCateImg{
background: url(../img/askul/title_cateSearch.gif) no-repeat left;
height:35px;
z-index:10000;
}

/* common : pulldown menu box */
#agGoodsSearch .agPulldown{
margin:10px 5px;
}

#agGoodsSearch .agPulldown ul{
margin:0;
padding:0;
}

#agGoodsSearch .agPulldown ul li{
margin:0;
padding:0;
margin-bottom:5px;
list-style:none;
}

#agGoodsSearch .agPulldown ul li select{
width:100%;
word-spacing:normal;
word-break:break-all;
}

#agGoodsSearch .agPulldown ul li select option{
width:100%;
float:left;
}

#agGoodsSearch .agPulldown ul li select.short{
width:163px;
}

#agGoodsSearch .agPulldown ul li input{
width:150px;
color:#999999;
border:1px solid #969696;
padding:8px;
}

#agGoodsSearch .agPulldown ul li input.txtBox{
width:80%;
color:#999999;
border:1px solid #969696;
padding:8px;
margin-right:5px;
font-size:80%;
}



/* -----------------------------------
keywordSearch 
-------------------------------------*/
#agGoodsSearch .agKeySearchBox{
margin-bottom:10px;
background:#fff;
}

/* header title */
#agGoodsSearch .agKeyTitle{
background:url(../img/askul/img_bg.gif) repeat-x top;
}

#agGoodsSearch .agKeyImg{
background: url(../img/askul/title_keySearch.gif) no-repeat left;
height:35px;
z-index:10001;
}


/* search botton */
#agGoodsSearch input{
padding:0;
}

#agGoodsSearch input.btnSearch{
background:url(../img/askul/askulAG_button_search_short_rollout.gif) no-repeat;
width:73px;
height:23px;
display:block;
border:none;
}


/* -----------------------------------
Fonts
-------------------------------------*/
#agGoodsSearch p.white{
color:#fff;
font-size:100%;
}

#agGoodsSearch p.red{
color:#D00000;
font-size:100%;
}

#agGoodsSearch p{
line-height:18px;
}

#agGoodsSearch p.mP0{
margin:0;
padding:0;
}


.mB10 { margin-bottom: 10px; }
.mT10 { margin-top: 10px; }
.red { color: #e63228; }

/*
**********************************************************************/

div.askulAG_errorBox {
 margin: 10px 0px 0px;
 padding: 12px 15px 10px 15px;
 background-color: #ffffff;
 border: 3px solid #c8c8c3;
 font-size: 12px;
 zoom: 1;
 width:95%; /* 2010.10.12 追加 */
}

div.askulAG_errorBox p {
 line-height: 140%;
 margin: 0px;
 padding: 0px;
 padding-left: 15px;
 margin-bottom: 3px;
 color: #e63228;
 font-weight: bold;
 background: transparent url(../img/askul/askulAG_icon_exclamation.gif) no-repeat left 3px;
}

div.askulAG_errorBox ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

div.askulAG_errorBox ul li {
 color: #e63228;
 line-height: 140%;
 padding-left: 15px;
 background: transparent url(../img/askul/askulAG_icon-dot.gif) no-repeat left 3px;
}