/* レイアウト用 */

html{
    height:100%;
}
body{

	text-align:center;
    height:100%;
    width:100%;
    margin:0px auto;
}
div#container{
    margin:0 auto;
	text-align:left;
    background-color:#ffffff;
	width: 960px;
    height:auto;
    min-height: 100%;
	padding-bottom:6px;
	background-image:url(../top_images/back_01.gif);
	background-repeat: repeat;
}

h1, h2, h3 {padding:0; margin:0;}

#header {background-image:url(../top_images/header_back_02.gif);
	background-repeat: no-repeat; height:103px;}
	
#header .banner	{padding-right:25px; padding-top:8px; padding-bottom:10px; font-size:10px; }
#header h1 {display:none;}
#header .logo {margin-left:20px; margin-right:30px;}


#main_menu {padding-left:19px;}

#left_cate {padding-left:10px; float:left; width:170px;}


#left_cate .menu1 a{ background-image:url(../top_images/left_navi_01.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu2 a{ background-image:url(../top_images/left_navi_02.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu3 a{ background-image:url(../top_images/left_navi_03.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu4 a{ background-image:url(../top_images/left_navi_04.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu5 a{ background-image:url(../top_images/left_navi_05.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu6 { background-image:url(../top_images/left_navi_06.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu7 a{ background-image:url(../top_images/left_navi_07.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu8 { background-image:url(../top_images/left_navi_08.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu9 a{ background-image:url(../top_images/left_navi_09.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}
#left_cate .menu10 { background-image:url(../top_images/company_01.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}

#left_cate .menu11 a{ background-image:url(../top_images/left_navi_11.gif); background-repeat:no-repeat; height:28px; width:164px; display:block; text-indent:-9999px; overflow: hidden;}

#left_cate .menu1 a:hover {background-image:url(../top_images/left_navi2_01.gif);}
#left_cate .menu2 a:hover {background-image:url(../top_images/left_navi2_02.gif);}
#left_cate .menu3 a:hover {background-image:url(../top_images/left_navi2_03.gif);}
#left_cate .menu4 a:hover {background-image:url(../top_images/left_navi2_04.gif);}
#left_cate .menu5 a:hover {background-image:url(../top_images/left_navi2_05.gif);}
#left_cate .menu6 a:hover {background-image:url(../top_images/left_navi2_06.gif);}
#left_cate .menu7 a:hover {background-image:url(../top_images/left_navi2_07.gif);}
#left_cate .menu8 a:hover {background-image:url(../top_images/left_navi2_08.gif);}
#left_cate .menu9 a:hover {background-image:url(../top_images/left_navi2_09.gif);}
#left_cate .menu11 a:hover {background-image:url(../top_images/left_navi2_11.gif);}

.company { background-image:url(../top_images/company_02.gif); background-repeat:repeat-y; margin-bottom:10px;}



#left_cate ul {
   margin: 4px 0 12px 10px; /* ul内部の余白を調整*/
   padding:0px; /* ul内部の左端余白を消す(Fx,Op) */
   font-size:11px;  
   width:140px;
   list-style-type:none;
}
#left_cate ul li{ line-height:1.4; color:#666; text-indent:10px; background:url(../top_images/listmark_01.gif) 0px 2px no-repeat;}



#left_cate a:link{color:#666;text-decoration:none;}
#left_cate a:visited{color:#666;text-decoration:none;}
#left_cate a:active{color: #666;text-decoration:none;}
#left_cate a:hover{text-decoration: underline; color: #FF0000;}

#main_cont {float:left; width:750px; margin-left:15px;}

#left_cate ul.comp{
   margin: 4px 0 0px 12px;
}



/* キャンペーン */
h2 span {display:none;}
#top_canpain {background-image:url(../top_images/50tn_back_03.gif); background-repeat:repeat; text-align:center;}
.canp_upper {background-image:url(../top_images/50tn_back_01.gif); background-repeat:no-repeat; height:17px;}
.canp_under {background-image:url(../top_images/50tn_back_02.gif); background-repeat:no-repeat; height:17px;}

/* おすすめ商品 */
#top_osusume { text-align:center; background-image:url(../top_images/osusume_back_03.gif); background-repeat:repeat-y;}
.osusume_upper {background-image:url(../top_images/osusume_back_01.gif); background-repeat:no-repeat; height:42px; margin-top:12px;} 
.osusume_upper h2 span {display:none;}
.osusume_under {/*background-image:url(../top_images/osusume_back_02.gif); background-repeat:no-repeat; */height:11px;} 

.photo_under10{ margin-bottom:10px;}
.photo_right10{ margin-right:10px; margin-bottom:10px;}
.photo_right30{ margin-right:30px; margin-bottom:10px;}
.photo_right10_6{ margin-right:10px; margin-bottom:6px;}
.photo_right30_6{ margin-right:30px; margin-bottom:6px;}
.photo_under5 {margin-bottom:5px;}
.photo_right5{ margin-right:5px;}
.photo_up_right5{ margin-right:5px; margin-top:5px;}
.photo_lef_right5{ margin-right:5px; margin-left:15px;}



/* チラシ */
#top_chirasi {background-image:url(../top_images/chirasi_back_01.jpg); 
background-repeat:no-repeat;
height:143px;
margin-top:12px;
}

#top_chirasi h2 span {display:none;}

.chirasi_t { padding:46px 0 8px 15px;}
.chirasi_photo {margin-top:15px; margin-left:5px;}


/* net-super */
#netshop {margin-top:12px; height:170px;}
#e_shop {margin-top:0; background-image:url(../top_images/e_shop2_02.jpg); background-repeat:repeat-y;}
#e_shop table {margin-left:22px;}


/* e-shop */
.e_shop_back {background-image:url(../top_images/shop_02back_02.jpg); background-repeat:repeat-y;}
#e_shop2 {margin-top:12px;}
#e_shop2 table {font-size:11px;}
#e_shop2 table td {padding:0 10px 0px 0; font-size:11px; line-height:1.2; color:#666666;}
#e_shop2 table ul { margin:0 30px 0 10px; padding:0; list-style-type:none;}
#e_shop2 table ul li { text-indent:10px; background:url(../top_images/allow_pink.gif) 0px 2px no-repeat; font-size:11px;}
#e_shop2 a:link{color:#666;text-decoration:none;}
#e_shop2 a:visited{color:#666;text-decoration:none;}
#e_shop2 a:active{color: #666;text-decoration:none;}
#e_shop2 a:hover{text-decoration: underline; color: #FF0000;}
#e_shop2 .price {color:#FF0000;}

.shop_item {margin-left:24px;}
.item_photo {padding:4px 4px 4px 0;}


/* オーカード */
#o_card {background-image:url(../top_images/card_back.jpg); 
background-repeat:no-repeat;
height:173px;margin-top:12px;}

#o_card .card_title { margin:36px 0 5px 255px;}
#o_card .card_linkpad {margin:10px 0 0 255px;}


/* 新着情報 */
#news_area {margin:20px 0; font-size:small;}

#news_area .news_t {background-image:url(../top_images/news_t_01.gif);
background-repeat:no-repeat;
height:25px; margin-bottom:10px;}

.gray {color:#999999;}

#news_area p {margin:0 0 0.3em 0; padding:0;}

/* フッター */

#footer {margin:20px auto; font-size:11px; background-color:#FFFFFF; padding-bottom:20px; width:760px;}
.copyright {color:#666666; font-size:11px; margin-top:10px;}



/* オークワ情報 */

#okuwainfo {background-image:url(../top_images/top_sub_back.gif);
background-repeat:no-repeat; height:170px; margin-left:24px; margin-top:20px; padding-top:40px; text-align:center;}
#okuwainfo .img1 { margin:0px 3px;}
#okuwainfo .img2 { margin:0px 20px 0 3px;}