@import url("style.css");
@import url("base.css");

/* CSS Document */
/*トップページ*/
.topphoto {background: url(../images/main.jpg) no-repeat; height: 376px;}
/*.topphoto {
	height: 376px;
	background: url(../images/main100821.gif) no-repeat;;
}

.topphoto .sale a{
width:636px; height:300px;
margin-bottom:30px;
display:block;
text-indent:-9999px;}*/
	
.topphoto .sale{ width:666px; height:350px; float:left;}
h1{
	height:50px;
	margin:0;
	text-indent:-9999px;
}

.topphoto .menu{ width:180px; float:right; margin:10px 50px 0 0;}

#bodyindex #columnleft{ width:325px; margin-right:13px; float:left;}
#bodyindex #columnmain{ width:330px; margin-right:12px; float:left;}
#bodyindex #columnright{ width:170px; float:left;}

    /*イベント・オススメ*/
.topicslist { margin-bottom:10px;}
.topicslist li {
	background-image: url(../images/topics_bg.gif);
	background-repeat: repeat-x;
	border: 3px solid #E3CEA3;
	padding:8px 10px;
	margin-bottom:10px;
	clear: both;
	min-height:1px;
}
.topicslist a{
	font-weight: bold;
	margin:0 0 3px 0;
}

.topicslist img, .shoplist img {float: right;}

#columnmain .shoptopics{
	background-color: #F7E7C6;
	height:800px;
	overflow:auto;
}

#columnmain li{ padding:5px; min-height:1px;}
.shoptopics .blogttl{
	font-weight: bold;
	padding:3px;
	background-color: #FFFFFF;
	border-left: 8px solid #FF6600;
}

.shoptopics .shopname{
color:#CC9933;
	border-bottom: 1px dotted #CC9933;
	margin-bottom:5px;
	text-align:right;
}

#columnleft img,
#columnmain img{border:0;}


    /*あじさい市場*/
	#columnright .ajisai{
	background-image: url(../images/lbl_ajisai_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom:15px;}
	
	#columnright .ajisai p{ text-align:left;}
	
	
   /*サイドメニュー*/
    #columnright .sidemenu{ margin:10px 0;}
    #columnright .sidemenu a{text-indent:-9999px; display:block; width:170px;}
    #columnright .event_m a{
	background-image: url(../common/menu_event.gif);
	height: 34px;}
	#columnright .event_m a:hover{
	background-image: url(../common/menu_event-a.gif);
	height: 34px;}
	
	#columnright .sale_m a{
	background-image: url(../common/menu_sale.gif);
	height: 33px;}
	#columnright .sale_m a:hover{
	background-image: url(../common/menu_sale-a.gif);
	height: 33px;}
	
	#columnright .card_m a{
	background-image: url(../common/menu_card.gif);
	height: 36px;}
	#columnright .card_m a:hover{
	background-image: url(../common/menu_card-a.gif);
	height: 36px;}
	
	#columnright .access_m a{
	background-image: url(../common/menu_access.gif);
	height: 34px;}
	#columnright .access_m a:hover{
	background-image: url(../common/menu_access-a.gif);
	height: 34px;}
	
	#columnright .link_m a{
	background-image: url(../common/menu_link.gif);
	height: 35px;}
	#columnright .link_m a:hover{
	background-image: url(../common/menu_link-a.gif);
	height: 35px;}
    
    #columnright .com_m a{
	background-image: url(../common/menu_gaiyou.gif);
	height: 27px;}

	#columnright .pri_m a{
	background-image: url(../common/menu_privacy.gif);
	height: 27px;}