/* CSS Document */
* { margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal; text-decoration:none;}

body { margin:0 auto; color:#666; font-size:80%; line-height:140%;/* font-family: "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;*/}
table { margin:0; padding:0; border:0; text-align:left;}
img,p,div { margin:0; padding:0; border:0;}

/*==★　class指定　★==*/
/*==　テキスト　120%＝14pt　100%＝12pt　==*/
.txt_small { font-size:85%;}
.t_middle { font-size:12px;}
.txt_middle { font-size:100%; line-height:140%;}
.txt_large { font-size:110%;}
.txt_large2 { font-size:110%; line-height:120%;}
.bold { font-weight:bold;}
.bold_large { font-weight:bold; font-size:110%;}
/*カラー*/
.red { color:#f00;}
.green { color:#6aa635;}

/*==　padding系　==*/
.pad10 { padding:10px;}
.p_t3 { padding-top:3px;}
.p_t6 { padding-top:6px;}
.p_t10 { padding-top:10px;}
.p_t15 { padding-top:15px;}
.p_b3 { padding-bottom:3px;}
.p_b5 { padding-bottom:5px;}
.p_b8 { padding-bottom:8px;}
.p_b10 { padding-bottom:10px;}
.p_r4 { padding-right:4px;}

/*==　margin系　==*/
.m_t5 { margin-top:5px;}
.m_t15 { margin-top:15px;}
.m_b5 { margin-bottom:5px;}
.m_r4 { margin-right:4px;}
.m_r5 { margin-right:5px;}
.m_r10 { margin-right:10px;}
.m_r15 { margin-right:15px;}
.m_l4 { margin-left:4px;}
.m_l20 { margin-left:20px;}



/*==　リンク系　==*/
/*標準*/
a { text-decoration:underline; color:#666;}
a:hover { text-decoration:underline; color:#c00;}

/*==　そのた　==*/
img.item_b{ border:1px solid #ccc;}/*商品*/
img.icon_mr4{ margin-right:4px; vertical-align:middle;}/*アイコン*/
p.page_top { clear:both; text-align:right; padding:0 20px 30px 0; width:910px;}/*ページトップへ*/
.clear { clear:both; margin:0; padding:0;}

/*==★　ページ共通部分　★==*/
/*==　ヘッダー　==*/
#HeaderArea { background:url(../img/top_bg.gif) repeat-x; width:950px; height:60px; font-size:12px;}
#HeaderSugiLink { text-align:right; padding:10px 20px 0 0}
#HeaderSugiLink a { color:#3fb271;}
#HeaderSugiLink a:hover { color:#c00;}
#HeaderGuideArea { text-align:right; padding:0 5px 10px 0;}
#HeaderGuideArea img { margin-right:4px; vertical-align:middle;}
#HeaderGuideArea a { margin-right:15px;}
/*検索エリア*/
#HeaderSerchArea { background:url(../img/top_bg02.gif) repeat-x; width:950px; height:32px; font-size:12px;}
#HeaderSerchArea td input { width:200px;}

/*==　メインコンテンツBOX　==*/
#MainAreaTop { margin:10px 20px 10px; width:910px;}

/*==　フッター　==*/
#FooterArea { width:950px; border-top:1px solid #ccc; text-align:center;}
#FooterArea img { padding-bottom:30px;}



/*==★　トップページ内容　★==*/
/*==左==*/
div#TopLeftBox { float:left; text-align:left; width:180px;}
/*ちらし*/
#ChirashiTitle { display:block; text-indent:-9999px; width:180px; height:35px; background:url(../img/chirashi_tit.gif) no-repeat;}
#ChirashiBG { background:url(../img/chirashi_bg.gif) no-repeat; width:180px; height:90px; text-align:center;}
#chirashiWrap { width:151px; height:85px; border:none; overflow:hidden; background:#ffffff; text-align:left; margin:0 15px 0 14px;}
div#flashcontent { height:85px;}
div#flashcontent p{ font-size:80%; line-height:100%; padding:2px 4px 0;}

/*メニュー*/
#SerchMenuCategory p,#SerchMenuPurpose p,#SerchMenuBrand p { display:block; text-indent:-9999px; width:180px; height:30px;}
#SerchMenuCategory p { background:url(../img/serch_menu_category_title.gif) no-repeat; margin-top:15px;}
#SerchMenuPurpose p { background:url(../img/serch_menu_purpose_title.gif) no-repeat; margin-top:3px;}
#SerchMenuBrand p { background:url(../img/serch_menu_brand_title.gif) no-repeat; margin-top:3px;}
/*-メニュー共通-*/
#SerchMenuCategory ul,#SerchMenuPurpose ul,#SerchMenuBrand ul { line-height:120%;}
#SerchMenuCategory ul li,#SerchMenuPurpose ul li,#SerchMenuBrand ul li { list-style:none; width:180px;}
#SerchMenuCategory ul li a,#SerchMenuPurpose ul li a,#SerchMenuBrand ul li a { text-decoration:none;}
#SerchMenuCategory ul li a:hover,#SerchMenuPurpose ul li a:hover,#SerchMenuBrand ul li a:hover { text-decoration:underline;}
#SerchMenuCategory ul li a,#SerchMenuPurpose ul li a,#SerchMenuBrand ul li a,
#SerchMenuCategory ul li a:hover,#SerchMenuPurpose ul li a:hover,#SerchMenuBrand ul li a:hover { display:block; padding:4px 0;}
#SerchMenuCategory ul li a,#SerchMenuCategory ul li a:hover,
#SerchMenuPurpose ul li a,#SerchMenuPurpose ul li a:hover,
#SerchMenuBrand ul li a,#SerchMenuBrand ul li a:hover { width:166px; padding-left:14px; font-weight:bold;}
/*-カテゴリから探す-*/
#SerchMenuCategory ul li a:hover { color:#f30;}
#SerchMenuCategory ul li { border-bottom:1px solid #fbd18b; background:url(../img/serch_menu_bg_c1.gif) top left no-repeat;}
#SerchMenuCategory ul li a:hover { background:url(../img/serch_menu_bg_c1on.gif) top left no-repeat;}
/*-目的から探す-*/
#SerchMenuPurpose ul li a:hover { color:#099;}
#SerchMenuPurpose ul li { border-bottom:1px solid #6cc; background:url(../img/serch_menu_bg_p1.gif) top left no-repeat;}
#SerchMenuPurpose ul li a:hover { background:url(../img/serch_menu_bg_p1on.gif) top left no-repeat;}
/*-ブランドから探す-*/
#SerchMenuBrand ul li a:hover { color:#f94f67;}
#SerchMenuBrand ul li { border-bottom:1px solid #f99; background:url(../img/serch_menu_bg_b1.gif) top left no-repeat;}
#SerchMenuBrand ul li a:hover { background:url(../img/serch_menu_bg_b1on.gif) top left no-repeat;}

/*バナー　アイリスプラザ*/
div.bnr_iris { background:url(../img/bnr_iris_bg.gif) no-repeat; width:180px; height:180px;}
div.bnr_iris p.iris_img{ padding:10px 28px 4px 27px;}
div.bnr_iris p.iris_txt{ font-size:12px; line-height:17px; text-align:center;}

/*==真ん中==*/
div#TopCenterBox { float:left; text-align:left; width:520px; margin:0 15px;}
/*特集*/
#SpecialTitle { width:520px; height:38px; background:url(../img/top/title_special.gif) no-repeat; margin:10px 0 5px 0 ;}
#SpecialTitle h2 { text-indent:-9999px; float:left;}
#SpecialTitle p { float:right; padding:12px 14px 0 0; font-size:12px;}
#SpecialBox table td { text-align:center; padding-bottom:8px;}

/*話題の商品*/
#TopicsBox { margin-top:7px; background-color:#ffffe0; padding:0 5px; width:510px;}
div.topics { padding:8px 0;}
p.topics_tit { width:510px; height:22px; font-weight:bold; color:#fff; line-height:22px; text-indent:11px; margin-bottom:8px;}
p.bg_b { background:url(../img/top/title_bg_blue.gif) no-repeat;}
p.bg_g { background:url(../img/top/title_bg_green.gif) no-repeat;}
p.bg_o { background:url(../img/top/title_bg_orange.gif) no-repeat;}
p.bg_p { background:url(../img/top/title_bg_pink.gif) no-repeat;}
p.bg_r { background:url(../img/top/title_bg_red.gif) no-repeat;}
p.bg_y { background:url(../img/top/title_bg_yellowgreen.gif) no-repeat;}
p.img_icon { text-indent:26px;}

div.topi_box { padding:0 5px;}
div.topi_box div { width:92px; float:left;}
div.topi_box div p span { font-size:80%;}


/*話題の商品 スギ追加タイトル*/
p.bg_bi { background:url(../img/top/title_bg_blue_icon.gif) no-repeat;}
p.bg_gi { background:url(../img/top/title_bg_green_icon.gif) no-repeat;}
p.bg_oi { background:url(../img/top/title_bg_orange_icon.gif) no-repeat;}
p.bg_pi { background:url(../img/top/title_bg_pink_icon.gif) no-repeat;}
p.bg_ri { background:url(../img/top/title_bg_red_icon.gif) no-repeat;}
p.bg_yi { background:url(../img/top/title_bg_yellowgreen_icon.gif) no-repeat;}
p.bg_xmas { background:url(../img/top/title_bg_xmas.gif) no-repeat;}
p.bg_bath { background:url(../img/top/title_bg_bath.gif) no-repeat;}
p.bg_med { background:url(../img/top/title_bg_medicine.gif) no-repeat;}


/*==右==*/
div#TopRightBox { float:left; text-align:left; width:180px;}
/*ログインボタン*/
#LoginBox { width:160px; border:1px solid #ed6700; background-color:#ffffdb; padding:6px 8px;}

/*人気の商品ベスト10*/
#RankBox {width:180px; margin-top:15px; background-color:#eef2ff;}
#RankBox h2 { width:180px; height:30px; display:block; text-indent:-9999px; background:url(../img/top/title_best10.gif) no-repeat;}
td#rank1, td#rank2, td#rank3, td#rank4, td#rank5, td.rank_bg { border-bottom:1px solid #c4d2ff;}
td#rank1 { background-color:#4868ee;}
td#rank2 { background-color:#5775ee;}
td#rank3 { background-color:#6f88ee;}
td#rank4 { background-color:#869aed;}
td#rank5 { background-color:#97a7ed;}
td.rank_bg { background-color:#bbc9f4;}
td#rank10 { background-color:#bbc9f4;}
td.rank_item { border-bottom:1px solid #c4d2ff; padding:7px 5px 0;}
td.rank_item div { float:left;}
div.r_item_photo { margin-right:5px; padding-bottom:7px; width:52px;}
div.r_item_joho { width:93px;}
p.r_item_name { line-height:130%;}
p.r_item_price { line-height:180%;}
p.r_item_price span { font-size:80%;}
td.rank_item2 { border-bottom:1px solid #c4d2ff; padding:7px 5px 5px 7px;}
td.rank_item10 { padding:7px 5px 5px 7px;}

/*ご利用について*/
#UseBox { width:178px; margin-top:15px; border:1px solid #bbb5b2;}
h2#UseTit { width:178px; height:25px; display:block; text-indent:-9999px; background:url(../img/top/tit_use.gif) no-repeat; }
#UseBox ul {padding:7px 10px;}
#UseBox li { list-style:none; background:url(../img/top/point.gif) no-repeat; padding-left:8px;}