@charset "utf-8";
/* CSS Document */

/*******************商品のご案内トップ********************/
#comm .bn_item ul{
	margin: 0 16px;
}

#comm .bn_item li {
	float:left;

}

#comm .item01 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item01.jpg) no-repeat;
	margin-right:15px;
	margin-bottom:15px;
}

#comm .item02 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item02.jpg) no-repeat;
	margin-right:15px;
	margin-bottom:15px;
}

#comm .item03 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item03.jpg) no-repeat;
	margin-bottom:15px;
}


#comm .item04 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item04.jpg) no-repeat;
	margin-right:15px;
	margin-bottom:15px;
}

#comm .item05 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item05.jpg) no-repeat;
	margin-right:15px;
	margin-bottom:15px;
}

#comm .item06 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item06.jpg) no-repeat;
	margin-right:15px;
	margin-bottom:15px;
}

#comm .item07 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item07.jpg) no-repeat;
	margin-right:15px;
	margin-bottom:15px;
}

#comm .item08 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item08.jpg) no-repeat;
  margin-bottom:15px;
}

#comm .item09 a {
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	background:url(../commodity/images/item09.jpg) no-repeat;
	margin-right:15px;
	margin-bottom:15px;
}

#comm .item10 a {
  background:url(../commodity/images/item10.jpg) no-repeat;
	display:block;
	height:206px;
	width:206px;
	text-indent:-1000em;
	margin-right:15px;
	margin-bottom:15px;
	margin-bottom:15px;
}

#comm .item01 a:hover,
#comm .item02 a:hover,
#comm .item03 a:hover,
#comm .item04 a:hover,
#comm .item05 a:hover,
#comm .item06 a:hover,
#comm .item07 a:hover,
#comm .item08 a:hover,
#comm .item09 a:hover,
#comm .item10 a:hover {
	background-position:0 -206px;
}


#comm .snavi_border {
	bprder-bottom:solid 1px #ccc;
	padding-bottom:10px;
	margin:0 11px 10px 0;

}

#comm .pop_history {
	text-align:right;
	margin-bottom:5px;
	margin-right:8px;
}
/*-----エリアナビ------*/

#comm #area_navi li {
	float:right;
	line-height:0;
	font-size:0;
}

#area_navi .anavi01 a {
	background:url(../commodity/images/area_navi05.gif) no-repeat;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi02 a {
	background:url(../commodity/images/area_navi04.gif) no-repeat;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi03 a {
	background:url(../commodity/images/area_navi03.gif) no-repeat;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi04 a {
	background:url(../commodity/images/area_navi02.gif) no-repeat;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi05 a {
	background:url(../commodity/images/area_navi01.gif) no-repeat;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi01 a:hover,
#area_navi .anavi02 a:hover,
#area_navi .anavi03 a:hover,
#area_navi .anavi04 a:hover,
#area_navi .anavi05 a:hover {
	background-position: 0 -30px;
}

#area_navi .anavi01x a {
	background:url(../commodity/images/area_navi05.gif) no-repeat 0 -30px;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi02x a {
	background:url(../commodity/images/area_navi04.gif) no-repeat 0 -30px;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi03x a {
	background:url(../commodity/images/area_navi03.gif) no-repeat 0 -30px;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi04x a {
	background:url(../commodity/images/area_navi02.gif) no-repeat 0 -30px;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}

#area_navi .anavi05x a {
	background:url(../commodity/images/area_navi01.gif) no-repeat 0 -30px;
	width:85px;
	height:30px;
	display:block;
	text-indent:-1000em;
}


/*-----カテゴリ共通------*/

#comm #area_navi {
	border-bottom:solid 5px #bcb5af;
	margin-bottom:10px;
}


#comm .itemtb01 {
	width:662px;
	margin:0 auto;
	clear:both;
}

#comm .itemtb01 td {
	width:184px;

}

#comm .itemtb01 .td01 {
	border:solid 3px #ebe6e2;
	vertical-align:top;
	text-align:center;
}

#comm .name_box {
	border-top:dotted 1px #bcb5af;
	border-bottom:dotted 1px #bcb5af;
  padding-bottom:5px;
	text-align:left;
	position: relative;
}

#comm .name_box2 {
	border-top:dotted 1px #bcb5af;
 	padding-bottom:5px;
	text-align:left;
	position: relative;
}

#comm .item_name a {
	background:url(../commodity/images/icon_arriw1.gif) no-repeat 5px 13px;
	font-size:115%;
	font-weight:bold;
	display:block;
	padding:10px 5px 0 23px;
}

#comm .i_name_inner {
	padding-left:23px;
	padding-right:5px;
}

#comm .item_name2 {
	color:#999;
	font-size:92%;
}

#comm .item_price {
	text-align:right;
}

#comm .price {
	color:#ba5412;
}

#comm .date {
	padding: 5px;
	color:#999;
	font-size:92%;
	text-align:left;
}

#comm .btn{
	width:220px;
	margin:0 auto;
	padding:20px 0;
}

#comm .new_box {
	position:relative;
	width:100%;
}

#comm .new_item {
	position:absolute;
	left:0;
	z-index:1000;
}

/*-----商品詳細------*/

#comm .detail_box {
	border:solid 3px #ebe6e2;
	width:604px;
	margin:30px auto 0;
}

#comm .detail_inner {
	padding:15px;
}

#comm .item_img {	
	margin-right:27px;
}

#comm .info_box  {
	width:330px;
	float:right;
}

#comm .detail_name {
	font-size:116%;
	color:#ba5412;
	font-weight:bold;
	background:url(../commodity/images/bg_name.gif) no-repeat;
	line-height:1.2;
	padding:13px 13px 4px 33px;
	
}

#comm .info_tb {
	width:310px;
	margin:12px auto 0;
	border-top:dotted 1px #bcb5af;
	border-bottom:dotted 1px #bcb5af;
}

#comm .info_tb th {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	background-color:#f1fade;
	padding:10px;
	text-align:left;
	font-weight:normal;
}

#comm .info_tb td {
	border-top:dotted 1px #bcb5af;
	padding:10px;
	color:#999;
	font-size:92%;
}

#comm .green {
	color:#83ab32;
}

#comm .comment {
	background:url(../commodity/images/icon_comment.gif) no-repeat;
	padding-left:20px;
	
	width:290px;
	margin:10px auto 0;
}

/*-----ポプラのこだわりHot弁当------*/

#comm .copy_box {
	width:622px;
	margin:0 auto;
	height:207px;
}

#comm .copy1 {
	background:url(../commodity/images/bg_copy.gif) no-repeat 0 bottom;
	height:68px;
}

#comm .copy_inner {
	padding:10px 5px 0 14px
}

#comm  .sub_title {
	background:url(../commodity/images/bg_subtitle.gif) no-repeat;
	height:60px;
	text-indent:34px;
	line-height:40px;
	font-size:116%;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
}
.mb5 {
	margin-bottom:5px;
}

.w312 {
	width:300px;
	
}

#comm .kiseki {
	width:622px;
	margin:0 auto 5px;
	background:url(../commodity/images/bg_th.gif);
}

#comm .kiseki2 {
	width:622px;
	margin:0 auto 12px;
	background:url(../commodity/images/bg_th.gif);

}


#comm .kiseki_L1 {
	width:120px;
	float:left;
	color:#5a810b;
	font-weight:bold;
	text-align:center;
	margin-top:48px;
}

#comm .kiseki_L2 {
	width:120px;
	float:left;
	color:#5a810b;
	font-weight:bold;
	text-align:center;
	margin-top:77px;
}


#comm .kiseki_L3 {
	width:120px;
	float:left;
	color:#5a810b;
	font-weight:bold;
	text-align:center;
	margin-top:60px;
}

#comm .kiseki_L4 {
	width:120px;
	float:left;
	color:#5a810b;
	font-weight:bold;
	text-align:center;
	margin-top:80px;
}

#comm .kiseki_L5 {
	width:120px;
	float:left;
	color:#5a810b;
	font-weight:bold;
	text-align:center;
	margin-top:70px;
}

#comm .kiseki_L6 {
	width:120px;
	float:left;
	color:#5a810b;
	font-weight:bold;
	text-align:center;
	margin-top:100px;
}


#comm .kiseki_R  {
	background:url(../commodity/images/border_bot.gif) repeat-x bottom #fff;
	float:left;
	width:502px;
	
}

#comm .kiseki_tb1 {
	margin:8px 0 8px 8px;
}

#comm .kiseki_tb1 th {
	font-weight:normal;
	vertical-align:top;
	padding-right:5px;
	text-align:left;
}

#comm .kiseki_tb1 td{
	color:#83ab32;
	padding-right:5px;
	font-size:12px;
}

#comm .ktb_td01 {
	vertical-align:bottom;
	padding-bottom:20px;
}

#comm .ktb_td02 {
	border:solid 2px #83ab32;
	padding:8px 8px 8px 0;
}

#comm .ktb_td02 img {
	float:left;
	margin-right:10px;
}

#comm .ktb_td02 p {
/*	width:252px;
	padding-top:10px;
	float:right;*/
	padding:10px 10px 0 10px;

}
#comm .kiseki_tb2 .fl1 {
	float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
#comm .dekigoto2 {
	color:#ff6c00;
}
#comm .dekigoto span{
	color:#666;
	font-weight:normal;
}


#comm .kiseki_tb2 {
	margin:8px 0 14px 8px;
}

#comm .kiseki_tb2 th {
	font-weight:normal;
	vertical-align:top;
	padding-right:5px;
	text-align:left;
}

#comm .sousei {
	background:url(../commodity/images/sousei02.jpg) no-repeat right bottom #83ab32;
	width:622px;
	margin:0 auto 12px;
	
}

#comm .sousei_inner {
	padding:0 25px 30px; 
	color:#fff; 
	line-height:1.6; 
	font-size:12px;  
}

#comm .sousei_inner img {
	float:left;
	margin-right:8px;
	margin-bottom:8px;     
}

#comm .pt5 {
	padding-top:5px;
}

#comm .kiseki_tb3 {
	background-color:#83ab32;
	color:#fff;
}

#comm .kiseki_tb3 th {
	padding:8px 0 12px 12px;
	vertical-align:middle;
}

#comm .ktb_td03 {
	padding:5px 22px 30px;
}

.w258 {
	width:266px;
}



#comm .dekigoto {
	font-weight:bold;
	color:#ff6c00;
}

#comm .prepar {
	padding:60px 0 80px;
	width:240px;
	margin:0 auto;
}

#comm .kodawari {
	position:relative;
}

#comm .kodawari04 {
	position:absolute;
	right:55px;
	top:70px;
	font-size:12px;
}

#comm .kodawari05 {
	position:absolute;
	right:50px;
	top:172px;
	font-size:12px;
}

#comm .kodawari_tb {
	width:260px;
}

#comm .kodawari_tb th {
	font-weight:normal;
	text-align:left;
	padding:3px;
	border-bottom:dotted 1px #aaa;
}

#comm .kodawari_tb td {
	font-weight:normal;
	text-align:right;
	padding:3px;
	border-bottom:dotted 1px #aaa;
}

/*お菓子================================*/


.candy {
	padding-left:23px;
}

#lineup {
	background:url(../commodity/images/lineup_bg.jpg) no-repeat left bottom;
	background-color:#333333;
	padding:5px;
}

#lineup ul{
}


#lineup li {
	float:left;
	line-height:0;
	font-size:0;
	margin-right:5px;
}

#lineup .lineup01 a {
	background:url(../commodity/images/lineup01.jpg) no-repeat;
	width:140px;
	height:40px;
	display:block;
	text-indent:-1000em;
}

#lineup .lineup02 a {
	background:url(../commodity/images/lineup02.jpg) no-repeat;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
}

#lineup .lineup03 a {
	background:url(../commodity/images/lineup03.jpg) no-repeat;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
}

#lineup li a.x,
#lineup .lineup01 a:hover,
#lineup .lineup02 a:hover,
#lineup .lineup03 a:hover{
	background-position: 0 -40px;
}

#lineup .lineup01x a {
	background:url(../commodity/images/lineup01.gif) no-repeat 0 -40px;
	width:140px;
	height:40px;
	display:block;
	text-indent:-1000em;
}

#lineup .lineup02x a {
	background:url(../commodity/images/lineup02.gif) no-repeat 0 -40px;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
}

#lineup .lineup03x a {
	background:url(../commodity/images/lineup03.gif) no-repeat 0 -40px;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
}

#lineup .m0 {
	margin-right:0;
}

#comm .goods {
	text-align:center;
	margin:23px 23px 0 0;
	width:190px;
	height:210px;
	border:solid 3px #ebe6e2;
	float:left;
	overflow:hidden;
}
#comm .new_box2 img{
	border:1px solid #ccc;
}


#comm .ama {
	background:url(../commodity/images/ic_ama.jpg) no-repeat;
	text-indent:-1000em;
	width:21px;
	height:18px;
	position:absolute;
	left:2px;
	top:-22px;
}

#comm .kara {
	background:url(../commodity/images/ic_kara.jpg) no-repeat;
	text-indent:-1000em;
	width:21px;
	height:18px;
	position:absolute;
	left:2px;
	top:-22px;
}

#comm .candy_t {
	width:310px;
	color:#333333;
	border:1px dotted #bcb5af;
	margin:1px auto 12px;
	text-align:center;
}

#comm .candy_t th {
	background-color:#95b751;
	color:#ffffff;
	padding:5px;
	font-size:11px;
}

#comm .candy_t .th1 {
	background-color:#ebe6e2;
	color:#732d2d;
	text-align:center;
}


#comm .candy_t td {
	padding:5px;
	text-align:center;
	color:#732d2d;
}

#comm .g_inner {
	margin:30px 50px 30px 50px;
}

#comm .game_outer {
	margin-left:30px;
	margin-bottom:100px;
}

#comm .game_bg {
	background:url(../site_map/images/bg.gif) repeat-y;
	width:850px;
}

#comm .game_bg h3{
	background:url(../site_map/images/ic_big.gif) no-repeat;
	text-indent:30px;
	font-size:14px;
	font-weight:bold;
	display:block;
	border-bottom:1px dotted #999999;
	height:28px;
	line-hight:28px;
	margin-bottom:5px;
	color:#ca394a;
}

#comm .game {
	margin:25px;
}

#comm .flash_caption {
	margin-left:50px;
	margin-top:20px;
}

#comm .flash_caption .ficon{
	width:161px;
	float:left;
	margin-right:10px;
}

#comm .flash_caption p{
	width:450px;
	float:left;
}


/*カウンターフーズ================================*/



#lineup2 {
	background:url(../commodity/images/lineup_bg.jpg) no-repeat left bottom;
	background-color:#333333;
	padding:5px;
}

#lineup2 ul{
}


#lineup2 li {
	float:left;
	line-height:0;
	font-size:0;
}

#lineup2 .lineup04{
	width:140px;
	height:40px;
		margin-right:5px;

}

#lineup2 .lineup05 a {
	background:url(../commodity/images/ff01.jpg) no-repeat;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
		margin-right:5px;
}

#lineup2 .lineup06 a {
	background:url(../commodity/images/ff02.jpg) no-repeat;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
}


#lineup2 .lineup05 a:hover,
#lineup2 .lineup06 a:hover{
	background-position: 0 -40px;
}

#lineup2 .lineup05x a {
	background:url(../commodity/images/ff01.jpg) no-repeat 0 -40px;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
	margin-right:5px;
}

#lineup2 .lineup06x a {
	background:url(../commodity/images/ff02.jpg) no-repeat 0 -40px;
	width:260px;
	height:40px;
	display:block;
	text-indent:-1000em;
}

#comm .ff_atention {
	margin-left:36px;
	
}

#comm .arergen {
	padding-left:10px;
	color:#83ab32;
	margin-top:12px;
}

#comm . {
}

#comm . {
}