/*-------------------------
/* /sm/top.html用CSS
/* 3:38 2009/11/12作成
/*
/* ベースレイヤー
/* div#container
/*	div#maincolumn
/*	
/*		div#maintop
/*		div#mainmiddle
/*		div#mainbottom
/*
--------------------------*/

div.framebox{
	border: #333333 solid 1px;
	margin-top: 3px;
	background: #FFFFFF;
	overflow: auto;
	clear: both;
}


/* #maintop */

	/* #maintop .lside */
	div#maintop div.lside{
		width: 460px;
		float: left;
	}

	div#maintop div.lside h2{
		width: 452px;
		height: 32px;
		background: url("/img/deli/bar_sm_pickup.gif") no-repeat left top;
		text-indent: -9999px;
		margin-bottom: 4px;
	}

	div#maintop div.lside div#screen{
		width: 452px;
		height: 263px;
		background: url("/img/deli/pickup_backwall.gif") no-repeat left top;
	}

	div#maintop div.lside div#screen div#photos{
		top: 10px;
		left: 10px;
		position: relative;
	}

	div#maintop div.lside div#screen div#photos div.overlay{
		background: black;
		height:42px;
		left:0;
	    filter:alpha(opacity=60);
	    -moz-opacity:0.6;
	    -khtml-opacity: 0.6;
	    opacity: 0.6;
		position:absolute;
		top:201px;
		width:432px;
		z-index:998;
	}

	div#maintop div.lside div#screen div#photos div.panel {
		position:absolute;
		top:201px;
		width:432px;
		z-index: 999;
		height:42px;
		left:0;
	}

	div#maintop div.lside div#screen div#photos div.panel dl{
		padding: 0pt 10px;
		position: absolute;
		width: 412px;
		height: 42px;
		color: white;
		font-size: 1em;
	}

	div#maintop div.lside div#screen div h3{
		font-size: 14px;
		line-height: 1.6em;
		width: 120px;
		padding-right: 10px;
		text-align: right;
		float: right;
	}

	div#maintop div.lside div#screen div#photos div h3 a{
		color: white;
		text-decoration: underline;
		font-weight: bold;
	}

	div#maintop div.lside div#screen div#photos div dl dt, div#maintop div.lside div#screen div#photos div dl dt a{
		color: white;
		font-size: 14px;
		line-height: 1.6em;
		font-weight: bold;
	}

	div#maintop div.lside div#screen div#photos div dl dd{
		display: inline;
	}

	/* #maintop .rside */

	div#maintop div.rside{
		width: 268px;
		float: right;
	}

	div#maintop div.rside ul li{
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}

	div#maintop div.rside ul li#shopsearch{
		width: 268px;
		height: 102px;
		background: url("/img/deli/btn_shoplist.jpg") no-repeat left -102px;
	}

	div#maintop div.rside ul li#shopsearch a{
		width: 268px;
		height: 102px;
		display: block;
		background: url("/img/deli/btn_shoplist.jpg") no-repeat left top;
	}

	div#maintop div.rside ul li#discount{
		width: 268px;
		height: 95px;
		background: url("/img/deli/btn_discount.gif") no-repeat left -95px;
		margin-top: 5px;
	}

	div#maintop div.rside ul li#discount a{
		width: 268px;
		height: 95px;
		background: url("/img/deli/btn_discount.gif") no-repeat left top;
		display: block;
	}

	div#maintop div.rside ul li#shopsearch a:hover, div#maintop div.rside ul li#discount a:hover, div#maintop div.rside ul li#gravure a:hover{
		background-image: none;
	}

/* #mainmiddle */
div#mainmiddle{
	margin-top: 15px;
	height: 240px;
}
	/* #mainmiddle .lside */
	div#mainmiddle div.lside{
		width: 400px;
		float: left;
	}

	div#mainmiddle div.lside div.headline{
		width: 400px;
		height: 32px;
		background: url("/img/deli/bar_topics.gif") no-repeat left top;
		position: relative;
	}

	div#mainmiddle div.lside div.headline h2{
		text-indent: -9999px;
	}

	div#mainmiddle div.lside div.headline p{
		bottom: 0;
		right: 2px;
		background: url("/img/deli/ico_bararrow.gif") no-repeat left center;
		text-indent: 14px;
		position: absolute;
	}

	div#mainmiddle div.lside div.headline p a, div#mainmiddle div.lside div.headline p a:link{
		color: #FFFFFF;
		text-decoration: none;
		line-height: 14px;
	}

	div#mainmiddle div.lside div.framebox{
		height: 200px;
	}

	div#mainmiddle div.lside div.framebox dl{
		width: 380px;
		margin: 2px 0 0 1px;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
		padding-bottom: 2px;
		clear: both;
	}

	div#mainmiddle div.lside div.framebox dl dt{
		width: 72px;
		text-indent: -9999px;
		margin-right: 5px;
		float: left;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi1{
		background: url("/img/com/ico_topi1.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi2{
		background: url("/img/com/ico_topi2.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi3{
		background: url("/img/com/ico_topi3.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi4{
		background: url("/img/com/ico_topi4.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi5{
		background: url("/img/com/ico_topi5.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi6{
		background: url("/img/com/ico_topi6.gif") no-repeat right center;
	}


	div#mainmiddle div.lside div.framebox dl dd{
		width: 302px;
		float: left;
	}

	div#mainmiddle div.lside div.framebox dl dd span{
		color: #FF9933;
		margin-right: 2px;
	}

	div#mainmiddle div.lside div.framebox dl dd.shop a, div#mainmiddle div.lside div.framebox dl dd.shop a:link{
		color: #3399FF;
		text-decoration: none;
	}

	div#mainmiddle div.lside div.framebox dl dd.title a, div#mainmiddle div.lside div.framebox dl dd.title a:link{
		color: #FF3399;
		text-decoration: none;
	}

	div#mainmiddle div.lside div.framebox dl dd.time{
		text-align: right;
		margin-right: 5px;
		width: 72px;
		clear: both;
	}

	/* for Safari2 and Opera9 */
	html:first-child div#mainmiddle div.lside div.framebox dl dd.time{
		font-size: 10px;
		line-height: 1.6em;
	}

	/* for Safari3 */
	body:first-of-type div#mainmiddle div.lside div.framebox dl dd.time{ 
		font-size: 10px;
		line-height: 1.6em;
	}




	div#mainmiddle div.lside div.framebox dl dd.shop a:hover, div#mainmiddle div.lside div.framebox dl dd.title a:hover{
		text-decoration: underline;
	}

	/* #mainmiddle .rside */
	div#mainmiddle div.rside{
		width: 325px;
		float: right;
	}

	div#mainmiddle div.rside h2{
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		color: #FFFFFF;
		background: url("/img/deli/bar_violet.gif") no-repeat right top;
		height: 24px;
		text-indent: 12px;
		margin: 5px 0 2px 0;
	}

	div#mainmiddle div.rside div.framebox{
		height: 202px;
	}

	div#mainmiddle div.rside div.framebox div.box{
		width: 300px;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
		padding-bottom: 4px;
		margin: 2px 0 0 5px;
		clear: both;
	}

	div#mainmiddle div.rside div.framebox div.box img{
		border: #333333 solid 1px;
	}

	div#mainmiddle div.rside div.framebox div.box div{
		width: 170px;
		background: url("/img/top/newreport_backwall.gif") no-repeat right top;
		float: right;
	}
	
	div#mainmiddle div.rside div.framebox div.box div h3{
		border-bottom: #FF9933 solid 1px;
	}

	div#mainmiddle div.rside div.framebox div.box div h3 a{
		color: #303030;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none
	}
	div#mainmiddle div.rside div.framebox div.box div ul li.hp{
		margin-left: 120px;
	}
	div#mainmiddle div.rside div.framebox div.box div ul li.hp a{
		float: right;
	}


div#gokusen ul li{
	width: 120px;
}


/* #mainbottom */
div#mainbottom{
	margin-top: 10px;
}

	/* #mainbottom .lside */
	div#mainbottom div.lside{
		width: 480px;
		float: left;
	}


	/* #mainbottom #newface */
	div#mainbottom div.lside div#newface{
		width: 480px;
		margin-top: 10px;
	}

	div#mainbottom div.lside div#newface div.headline{
		height: 32px;
		background: url("/img/deli/bar_newface.gif") no-repeat left top;
		position: relative;
	}

	div#mainbottom div.lside div#newface div.headline h2{
		text-indent: -9999px;
	}

	div#mainbottom div.lside div#newface div.headline p{
		bottom: 0;
		right: 2px;
		background: url("/img/deli/ico_bararrow.gif") no-repeat left center;
		text-indent: 14px;
		position: absolute;
	}

	div#mainbottom div.lside div#newface div.headline p a, div#newface div.headline p a:link{
		color: #FFFFFF;
		text-decoration: none;
		line-height: 14px;
	}

	div#mainbottom div.lside div#newface div.framebox{
		height: 186px;
		overflow: hidden;
	}

	div#mainbottom div.lside div#newface div.framebox div.box{
		width: 157px;
		background: url("/img/newface_backwall2.gif") no-repeat left bottom;
		margin-left: 2px !important;
		margin-left: 1px;
		float:left;
	}

	div#mainbottom div.lside div#newface div.framebox div.box h3{
		width: 138px;
		height: 30px;
		margin-left: 4px;
		clear: both;
	}

	div#mainbottom div.lside div#newface div.framebox div.box h3 a{
		font-size: 11px;
	}

	div#mainbottom div.lside div#newface div.framebox div.box dl dt{
		height: 62px;
		float:left;
	}

	/* for Safari2 and Opera9 */
	html:first-child div#newface div.framebox div.box dl dd{
		font-size: 10px;
		line-height: 1.6em;
	}

	/* for Safari3 */
	body:first-of-type div#newface div.framebox div.box dl dd{ 
		font-size: 10px;
		line-height: 1.6em;
	}

	div#newface div.framebox div.box dl dd{
		line-height: 1.2em;
	}

	div#newface div.framebox div.box dl dd.hp{
		margin-left: 100px;
	}

	div#newface div.framebox div.box img{
		margin: 1px;
	}

	/* イベント情報 */
	div#mainbottom div.lside div.headline{
		width: 480px;
		height: 32px;
		background: url("/img/deli/bar_event.gif") no-repeat left top;
		position: relative;
		margin-top: 10px;
	}

	div#mainbottom div.lside div.headline h2{
		text-indent: -9999px;
	}

	div#mainbottom div.lside div.headline p{
		bottom: 0;
		right: 2px;
		background: url("/img/deli/ico_bararrow.gif") no-repeat left center;
		text-indent: 14px;
		position: absolute;
	}

	div#mainbottom div.lside div.headline p a, div#mainbottom div.lside div.headline p a:link{
		color: #FFFFFF;
		text-decoration: none;
		line-height: 14px;
	}

	div#mainbottom div.lside div#eventbox{
		height: 200px;
	}

	div#mainbottom div.lside div#eventbox h3{
		width: 420px;
		height: 18px;
		background: #CCCCCC;
		text-indent: 4px;
		margin-top: 1px;
		float: left;
		clear: both;
		overflow: hidden;
	}

	div#mainbottom div.lside div#eventbox p{
		height: 18px;
		float: left;
		background-color: #CCCCCC;
		margin-top: 1px;
	}

	div#mainbottom div.lside div#eventbox h3 span{
		margin-left: 15px;
	}

	div#mainbottom div.lside div#eventbox h3 a, div#mainbottom div.lside div#eventbox h3 a:link{
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}

	div#mainbottom div.lside div.framebox h3 a:hover{
		color: #FF3399;
		text-decoration: underline;
	}

	div#mainbottom div.lside div#eventbox dl{
		margin-left: 4px;
		clear: both;
	}

	div#mainbottom div.lside div#eventbox dl dt, div#mainbottom div.lside div#eventbox dl dd{
		line-height: 2em;
		height: 2em;
		overflow: hidden;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
	}

	div#mainbottom div.lside div#eventbox dl dt{
		width: 160px;
		float: left;
		clear: left;
	}

	div#mainbottom div.lside div#eventbox dl dd{
		float: left;
	}

	div#mainbottom div.lside div#eventbox dl dd{
		text-indent: 6px;
		width: 190px;
	}

	div#mainbottom div.lside div#eventbox dl dd.date{
		width: 100px;
	}

	/* 更新情報(共通) */
	div#mainbottom div.rside div{
		width: 235px;
	}

	div#mainbottom div.rside div h2{
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		color: #FFFFFF;
		background: url("/img/deli/bar_violet.gif") no-repeat right top;
		height: 24px;
		text-indent: 12px;
		margin: 5px 0 2px 0;
	}

	div#mainbottom div.rside div.framebox{
		height: 210px;
		margin-bottom: 10px;
	}

	div#mainbottom div.rside div.framebox dl{
		width: 216px;
	}

	div#mainbottom div.rside div.framebox dl dt{
		width: 216px;
		height: 16px;
		background: url("/img/top/graybar_black.gif") no-repeat left top;
		text-indent: 12px;
	}

	div#mainbottom div.rside div.framebox dl dd{
		width: 212px;
		padding-bottom: 2px;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
		margin: 0 2px;
	}

	/* サイト更新情報 */
	div#mainbottom div.rside div.framebox h3{
		width: 216px;
		height: 24px;
		background: url("/img/top/update_backwall.gif") no-repeat left top;
		font-size: 16px;
		font-weight: bold;
		text-indent: 16px;
	}

	div#mainbottom div.rside div.framebox dl dt.blue{
		background: url("/img/top/graybar_blue.gif") no-repeat left top;
	}

	div#mainbottom div.rside div.framebox dl dt.red{
		background: url("/img/top/graybar_red.gif") no-repeat left top;
	}

	div#mainbottom div.rside div.framebox dl dt.ogrange{
		background: url("/img/top/graybar_orange.gif") no-repeat left top;
	}

	div#mainbottom div.rside div.framebox dl dt.green{
		background: url("/img/top/graybar_green.gif") no-repeat left top;
	}

	/* オフィシャルHP更新情報 */
	div#mainbottom div.rside div.framebox h3{
		width: 216px;
		height: 24px;
		background: url("/img/top/news_backwall.gif") no-repeat left top;
		font-size: 16px;
		font-weight: bold;
		text-indent: 16px;
	}

	/* コンテンツ紹介 */
	div#mainbottom div.lside h3.pinkbar{
		margin-top: 10px;
	}

	div#mainbottom div.lside div#contents{
		width: 480px;
		height: 415px;
		background: url("/img/top/contents_backwall.gif") no-repeat left top;
	}

	div#mainbottom div.lside div#contents div.box{
		width: 160px;
		height: 138px;
		float: left;
	}

	div#mainbottom div.lside div#contents div.box h4{
		height: 48px;
		visibility: hidden;
		overflow: hidden;
	}

	div#mainbottom div.lside div#contents div.box p{
		margin: 0 8px 0 12px;
	}

	div#mainbottom div.lside div#contents div.box p.hide{
		visibility: hidden;
	}

	/* スポンサーバナー */
	div#mainbottom div.lside ul#sponsor{
		margin: 5px auto;
	}

	div#mainbottom div.lside ul#sponsor li{
		text-align: center;
	}






	/* #mainbottom .rside */
	div#mainbottom div.rside{
		width: 240px;
		float: right;
	}

	/* 新規掲載 */
	div#mainbottom div.rside div#newcomer div.box{
		width: 240px;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
		padding-bottom: 2px;
	}
	div#mainbottom div.rside div#newcomer div.box h4{
		color: #FF9933;
		margin: 1px 0;
	}

	div#mainbottom div.rside div#newcomer div.box img{
		margin: 1px 2px;
		float: left;
	}

	div#mainbottom div.rside div#newcomer div.box dl{
		margin-left: 2px;
	}

	div#mainbottom div.rside div#newcomer div.box dl dt{
		width: 140px;
		overflow: hidden;
		float: left;
	}

	div#mainbottom div.rside div#newcomer div.box dl dt, div#mainbottom div.rside div#newcomer div.box dl dd.hp{
		height: 20px;
	}

	div#mainbottom div.rside div#newcomer div.box dl dd.hp{
		margin-left: 194px;
	}

	div#mainbottom div.rside div#newcomer div.box dl dd{
		line-height: 1.2em;
	}

	/* 新規掲載申し込み */
	div#mainbottom div.rside div#offer{
		width: 240px;
		height: 144px;
		background: url("/img/top/keisai_backwall.gif") no-repeat left top;
		margin-top: 10px;
	}

	div#mainbottom div.rside div#offer h3{
		color: #FFFFFF;
		font-weight: bold;
		line-height: 28px;
		text-align: center;
	}

	div#mainbottom div.rside div#offer p{
		margin: 5px 10px;
	}

	div#mainbottom div.rside div#offer p.bottun{
		width: 180px;
		height: 50px;
		background: url("/img/top/btn_keisai.gif") no-repeat left top;
		text-indent: -9999px;
		margin: 0 auto;
	}

	div#mainbottom div.rside div#offer p.bottun a, div#mainbottom div.rside div#offer p.bottun a:link{
		width: 180px;
		height: 50px;
		display: block;
	}


	div#mainbottom div.rside p.pop{
		margin: 10px auto;
	}
	/* メルマガ登録 */
	div#mainbottom div.rside div#melmaga{
		width: 240px;
		height: 211px;
		background: url("/img/top/pop_melmaga.gif") no-repeat left top;
		margin-top: 10px;
		position: relative;
	}

	div#mainbottom div.rside div#melmaga h3, div#mainbottom div.rside div#melmaga p{
		visibility: hidden;
		margin: 0 10px;
	}

	div#mainbottom div.rside div#melmaga form{
		left: 8px;
		bottom: 2px;
		position: absolute;
	}

	div#mainbottom div.rside div#melmaga form p{
		margin: 0;
		color: #FFFFFF;
		visibility: visible;
	}

	div#mainbottom div.rside div#melmaga form input#email{
		width: 175px;
	}

/* gokusen */
div#gokusen ul li{
	width: 116px;
	padding: 0 2px;
	float: left;
	text-align: center;
}