@charset "utf-8";

/*== 初期化 ================================================================================================*/
/*== 基本のタグ ==*/
html, body { margin:0; padding:0; width:100%; line-height:1.3em; background-color:#FFF; min-height:100%; min-width:100%; }
/*== 画像 ==*/
img { border:0; }
/*== 見出し ==*/
h1, h2, h3, h4, h5, h6, hr {
	font-family:"ＭＳ ゴシック", "MS Sans Serif", Geneva, sans-serif; font-size:100%; font-style:normal; font-weight:normal;
	font-stretch:normal; font-variant:normal; text-align:left; line-height:1.3em; border:0; }
/*== 表組み ==*/
table { border-collapse:collapse; border-spacing:0; }
th, td, caption { padding:0; text-align:left; vertical-align:top; line-height:1.3em; }
/*== リスト ==*/
ul, ol, li, dir { margin:0; padding:0; list-style:none; line-height:1.3em; }
/*== 文字装飾類 ==*/
b, i, u, strong, em, label, p, small, span, a, pre, plaintext,
marquee, p, s, samp, span, strike, sub, sup, var {
	margin:0; padding:0; font-size:100%;
	line-height:1.3em; font-style:normal;
	font-weight:normal; font-stretch:normal;
	font-variant:normal; text-align:left;
	text-decoration:none; vertical-align:baseline;
}
/*== フォーム関連 ==*/
form, fieldset { margin:0; padding:0; text-align:left; line-height:1.3em; }
input, select, textarea, option { font:normal 100%/1.3em normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none; }
/*== ブロック要素 ==*/
div { margin:0px; padding:0px; display:block; }

/*== 初期化ここまで ================================================================================================*/

/*== メインのbody ==*/
body { text-align:center; }
div.mainBody { width:980px; margin:0px auto; }
/*== floatのクリア ==*/
div.clear { clear:both; }
hr.clear { clear:both; border-width:0px; margin:0px; padding:0px; height:0px; }
html:not(:target) hr.clear { clear:both; border-width:0; border:none; display:none; }

/*== 【ヘッダー】 ==*/
/* ヘッダー全体の設定 */
div.header { width:980px; text-align:left; margin-left:auto; margin-right:auto; }
/*== ヘッダーは大きく３つに分割出来る ==*/
div.header1 { padding-top:8px; float:left; width:370px; }
/*== ヘッダーの文字 ==*/
div.h_read { font:bold 10px/16px normal; padding-top:3px; float:left; }
/** html div.h_read { font-size:10.5px; line-height:1.3em; float:left; }*/
/*== 伝書鳩ロゴ ==*/
div.titleimg { }
/*== 特選街ロゴ ==*/
div.header2 { float:right; }
/*== ヘッダー下青いバー ==*/
div.header3 { clear:both; width:980px; height:25px; text-align:left; background:url(../Images/header3_bg.gif) repeat-x #fff; }
div.header3 h1 { color:#fff; font:12px/25px normal; margin:0px; padding:0px 0px 0px 5px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }


/*== 【フッター】 ==*/
div.footer { margin-top:-22px; width:980px; text-align:center; background:url(../Images/food_bg.gif) no-repeat 0% 0%; font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-left:auto; margin-right:auto; }
/*== フッターのaタグの設定 ==*/
div.footerlink { padding-top:45px;}
div.footerlink a { color:#00f; font:normal 12px/1.2em normal; text-decoration:underline; font-family:"ＭＳ Ｐゴシック", "MS Gothic", Osaka-mono, monospace; }
div.footerlink a:hover { color:#666; }
div.copyright { font-size:12px; margin-bottom:10px;}


/*== メインコンテンツの設定 ==*/
div.mainContents {width:100%; height:auto; padding:0px 0px 20px ; background:url(../Images/main_bg.gif) no-repeat 100% 100%; }
/*== 左コンテンツ ==*/
div.leftContents { width:180px; height:auto; padding:0px 0px 40px; float:left; margin:5px 0px 0px 0px;}
/*== 特選街カテゴリーの囲み ==*/
div.T_category { width:100%; height:auto; }
div.category { text-align:center; width:180px; height:auto; padding-top:3px; background:url(../Images/category_bg.gif) repeat-y #fff; }
div.cate { width:170px; margin:auto; background-color:#fff; text-align:left;}
div.cate_img { padding:5px 0px 0px; border-top:dotted 2px #9C0; cursor:pointer; }
ul.cate { display:none; padding:0px 0px 5px 3px; }
ul.cate li { margin:0px 0px 2px 0px; padding:0px; font:normal 12px/1.2em normal; color:#303030;}
ul.cate li a { color:#00F; text-decoration:underline; font:normal 14px/1.2em normal; }
ul.cate li a:hover { color:#666; text-decoration:underline; font:normal 14px/1.2em normal; }

/*==　お知らせ囲み　==*/
div.PR_category { width:100%; height:auto; margin:5px auto; }
div.PR_cate { width:170px; text-align:center; margin:auto; padding:0px 0px 5px 0px;}
div.PR_cate img { margin:3px 0px; }
div.PR_cate p.pr {
    width:160px; text-align:left; font:normal 12px/1.2em normal; color:#333; text-align:justify; margin:0px auto;
    text-justify:inter-ideograph; padding:3px 0px 5px 0px; border-top:dotted 2px #9C0; border-bottom:dotted 2px #9C0;}

/*== 右コンテンツ ==*/
div.rightContents { width:790px; float:right;  padding-bottom:10px;}

/*== 検索エリア ==*/
div.searchArea { width:790px; margin:5px 0px 0px 0px; text-align:left; }
div.searchHead { position:relative; text-align:left; height:37px; background:url(../Images/search_head_bg.gif) no-repeat 100% 100% #FFF;}
div.searchHead img { position:absolute; top:0px; left:0px;}
div.searchHead div.help { float:right; background:url(../Images/help_icon.gif) no-repeat; margin:8px 0px 0px 0px;}
/*特選街の使い方*/
div.help a { display:block; padding:0px 0px 0px 23px; font:normal 14px/18px normal; color:#00F; text-decoration:underline;}
/*hover指定(テキストカラーのみ変更)*/
div.help a:hover,div.cart a:hover { color:#09f;}
/*検索部分の背景設定*/
div.sCenter { text-align:center; margin:auto; background:url(../Images/search_repeat.gif) repeat-y; }
/*検索form*/
div.sCenter form{ padding:10px 0px 10px 0px; margin:auto; text-align:left; width:630px; }
div.sCenter img { cursor:pointer;  }
div.sCenter label { cursor:pointer; font:normal 14px/1.4em normal; }
div.sCenter input[type=text] { border:1px #999 solid; line-height:1.4em; padding:1px 0px;}
div.sCenter input{ margin:0px 0px 0px 5px; padding:0px; }
/*キーワード検索*/
div.sCenter div.key_word { font:normal 14px/1.4em normal; margin:8px 0px 0px 3px; }
/*表示順番並び替えラジオボタン*/
div.order { float:left; width:375px; line-height:28px;}
div.order input {line-height:28px; }
/*検索ボタン*/
div.button_search{ float:left; text-align:right; width:140px; margin-left:20px; background:url(../Images/button_k_bg.gif) no-repeat;}
div.button_search input{ margin-left:20px; }
/*== 検索結果のボックス ==*/
div.SAL {  }

/*== 検索結果の答え ==*/
div.searchAnswer { _width:790px; width:786px; border:solid 2px #6D9504; margin:5px 0px 3px 0px; background:url(../Images/searchAnswer.gif) no-repeat #3A8E02; min-height:40px; }

div.searchAnswer div.searchAnswer2 { letter-spacing:0.5px; padding-left:15px; color:#fff; font:bold 14px/40px normal; text-align:left;}
/*== 検索結果の色付き文字 ==*/
div.searchAnswer2 span { color:#fff; font:bold 14px/40px normal;}

/*== ページャー設定 ==*/
div.pager { margin:0px 0px 3px 0px; padding:0; text-align:right; font:normal 13px/1.2em normal; color:#333; }
/*== ページャーのリンク ==*/
div.pager a { text-decoration:underline; font:normal 13px/1.2em normal; }

/*== アイコン ==*/
div.searchAnswer img { vertical-align:middle; }
div.LLicon { width:24px; margin:0px 5px 5px 0px;}
/*== 検索結果のリスト(検索時に表示される内容を全てくくるdiv) ==*/
div.answerList { text-align:left; margin-bottom:10px; }
/*検索結果１つずつのくくり*/
div.answerList div.answerList { width:788px; padding:1px; border:1px solid #4487CB; text-align:left; margin:0px 0px 10px; }

/*== 店舗、商品名 ==*/
div.LLtop { width:100%; background:url(../Images/listContents_bg.gif) repeat; margin:0px;}
/*== 店舗、商品名のaタグ ==*/
div.LLtop a { color:#fff; font:bold 18px/30px normal; text-decoration:underline; padding-left:10px; display:inline-block;}
div.LLtop a:hover { background:url(../Images/listContents_bg02.gif) no-repeat;  display:block;}
/*== リストの小カテゴリー ==*/
div.listContents div.category { border-bottom:solid 1px #4487CB; background-image:none; height:16px; background-color:#E4ECF3; width:100%;}
/*== リストの小カテゴリー文字設定 ==*/
div.listContents div.category div.category2 { font:normal 12px/100% normal; text-align:left; color:#333; padding:0px 0px 0px 10px; }

/*== 検索結果の中を二分割した左側 ==*/
div.listLeft { float:left; width:110px; min-height:102px; text-align:left; margin:0px 0px 0px 5px;}
/* 商品のイメージ画像 */
div.listLeft div.LLimage { width:110px; height:95px; margin:5px 5px 0px 0px; text-align:center;}
div.listLeft div.LLimage img { margin:10px auto 0px; }

/*== 検索結果の中を二分割した右側 ==*/
div.listRight { float:right; width:655px; }
/*== 商品の説明 ==*/
div.LLcoment { border-bottom:1px solid #999; font:normal 14px/1.3em normal; color:#333; padding:5px 5px 3px 0px; text-align:justify; text-justify:inter-ideograph;}
/*== ダミー画像 ==*/
div.LLImages div { width:100px; height:75px; background-color:#fff;  }
/*基本情報*/
div.LRdata { padding:5px 5px 5px 0px; font:normal 13px/16px normal; letter-spacing:0.3px; }
div.LRdata span { font:normal 13px/16px normal; background:url(../Images/list_head.gif) no-repeat; padding-left:12px;}
div.LRdata a { text-decoration:underline; }
div.LRdata a:hover { color:#666; }
div.LRdata span.price { color:red; font-weight:bold;}
/*商品の場合店舗名など*/
div.LRtop1 { border-bottom:1px solid #999; }
div.LRtop1 div.LRtopSTR { font:bold 14px/20px normal; color:#333; padding:5px 0px 0px 0px;}
div.LRtop1 div.LRtopSTR span { font:normal 12px/20px normal; color:#333; }

/*== 読み込み中画像 ==*/
div.loading { display:inline; color:#F00; font-weight:bold; }

