img	{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	}
.hidden	{display: none;}
.clear	{clear: both;}

.clearfix{
	overflow: hidden;
}
/* IE6 */
* html .clearfix{
	zoom: 1;
}

form{
	margin: 0;
	padding: 0;
	}
input,textarea{
	margin: 5px;
	padding: 7px;
	border: solid 1px #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

input.IMEinactive{
	ime-mode: inactive;
	}

h3{
	display: block;
	font-size: 15px;
	color: #583b1a;
	}

h4	{
	display: block;
	margin: 0 0 5px 0;
	padding: 9px 10px 10px 17px;
	background: url(/img/bg_h4.jpg) left center no-repeat;
	font-size: 14px;
	color: #583b1a;
	}

h5	{
	display: block;
	margin: 0 0 15px 0;
	padding: 10px 0 3px 0;
	background: url(/img/bg_h5.gif) bottom repeat-x;
	text-align: left;
	line-height: 140%;
	font-size: 13px;
	color: #583b1a;
	}
	h5.Step{
		display: block;
		text-align: left;
		line-height: 140%;
		font-size: 12px;
		margin: 0 0 15px 0;
		padding: 8px 15px 8px 65px;
		background: url(/img/bg_step.jpg) #efefef;
		}
		h5.Step span{
			color: #24a1e6;
			font-size: 18px;
			line-height: 130%;
			}

.page-ttl {
	line-height: 120%;
}

a.MoreLink{
	display:block;
	clear: both;
	padding: 2px 18px 2px 2px;
	background: #ede8df url(/img/list_mark.gif) no-repeat right center;
	text-align: right;
	font-size: 11px;
	}

a.MarkMail{
	padding: 2px 2px 2px 24px;
	background: url(/img/mark_mail.gif) 0 1px no-repeat;
	text-align: left;
	}
a.MarkUrl{
	padding: 2px 2px 2px 24px;
	background: url(/img/mark_url.gif) 0 1px no-repeat;
	text-align: left;
	}
a.UpLink{
	display:block;
	clear: both;
	padding: 2px 18px 2px 2px;
	background: #f6f3ee url(/img/list_mark2.gif) no-repeat right center;
	text-align: right;
	font-size: 11px;
	}
a.UpLink2{
	display:block;
	clear: both;
	padding: 2px 18px 2px 2px;
	background: url(/img/list_mark2.gif) no-repeat right center;
	text-align: right;
	font-size: 11px;
	}
a.MarkLink{
	padding: 2px 2px 2px 24px;
	background: url(/img/list_mark.gif) no-repeat left center;
	text-align: left;
	}

div.ReturnPage{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
	}
	div.ReturnPage a{
		padding: 2px 18px 2px 2px;
		background: url(/img/list_mark.gif) no-repeat right center;
		text-align: right;
		font-size: 11px;
		font-weight: normal;
		}
div.OtherPage{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
	}
	div.OtherPage a{
		padding: 2px 18px 2px 2px;
		background: url(/img/list_mark.gif) no-repeat right center;
		text-align: right;
		font-weight: normal;
		}

ul.LinkList{
	margin: 10px 0 10px 5px;
	padding: 0px;
	list-style-type: none;
	}
	ul.LinkList li{
		display: block;
		padding: 0 10px 7px 0;
		}
		ul.LinkList li a,
		ul.LinkList li span{
			padding: 2px 2px 2px 18px;
			background: url(/img/list_mark.gif) -2px 1px no-repeat;
			}
			ul.LinkList li a.Sub	{padding: 2px; background: none;}
		ul.LinkList li.w100{
			float: left;
			width: 100px;
			margin: 0 5px 0 0;
			padding: 0 0 7px 0;
			}
		ul.LinkList li.w120{
			float: left;
			width: 120px;
			margin: 0 5px 0 0;
			padding: 0 0 7px 0;
			}
		ul.LinkList li.w300{
			float: left;
			width: 300px;
			margin: 0 5px 0 0;
			padding: 0 0 7px 0;
			}

ul.TextList{
	margin: 10px 0 10px 5px;
	padding: 0px;
	list-style-type: none;
	}
	ul.TextList li{
		margin: 0 0 5px 0;
		padding: 2px 2px 2px 18px;
		background: url(/img/list_mark.gif) -2px 1px no-repeat;
		}

div.ContentsBox{
	display: block;
	margin: 0;
	padding: 0 0 20px 20px;
	}

.AcrobatReader{
	word-break: break-all;
	padding: 5px 5px 5px 5px;
	border: solid 1px #bfbfbf;
	}

/* SSLの記述 */
div.SSL{
	margin: 10px 0;
	padding: 4px 4px 5px 30px;
	background: url(/img/ssl.gif) 5px 2px no-repeat;
	font-size: 9px;
	line-height: 125%;
	}
div.SSL_l{
	margin: 10px 0;
	padding: 12px 4px 10px 30px;
	background: url(/img/ssl.gif) 5px 2px no-repeat;
	font-size: 9px;
	line-height: 125%;
	}

div.Error404{
	width: 680px;
	height: 300px;
	margin: 20px auto;
	background: url(/img/Error404.jpg);
	}

div.Error500{
	width: 680px;
	height: 300px;
	margin: 20px auto;
	background: url(/img/Error500.jpg);
	}

span.BoldTxt{
	font-weight: bold;
	}

.Btn {
	padding: 3px 15px !important;
    background: #fff !important;
	border: solid 3px #e60012 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	text-align: center !important;
	font-size: 13px !important;
	color: #e60012;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.Btn:hover {
	background: #e60012 !important;
	color: #fff !important;
	opacity: 1;
}
.Btn2 {
	padding: 3px 15px !important;
    background: #fff !important;
	border: solid 3px #818181 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	text-align: center !important;
	font-size: 13px !important;
	color: #575757;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.Btn2:hover {
	background: #818181 !important;
	color: #fff !important;
	opacity: 1;
}

/*-----------------------------------------------------------
  入力フォーム
-----------------------------------------------------------*/
.NormalBox{
	width: 100%;
	margin: 0 !important;
	}
	.NormalBox p{
		display: block;
		padding: 5px 0;
		}
	.NormalBox .FormErrorMessage{
		display: block;
		margin: 0 0 1em 0;
		color: #ff0000;
		}
		.NormalBox .FormErrorMessage .ErrorTitle{
			margin: 0 0 15px 0;
			padding: 3px 0 3px 45px;
			background: url(/img/bg_Err.jpg) left -14px no-repeat;
			font-weight: bold;
			font-size: 140%;
			}
		.NormalBox .FormErrorMessage ul{
			margin: 0 0 0 20px;
			padding: 0 0 0 30px;
			list-style-type: disc
			}
	.NormalBox .FormStepMessage{
		display: block;
		width: 700px;
		margin: 0 auto 1em auto;
		}
		.NormalBox .FormStepMessage .StepTitle{
			display: block;
			margin: 0 0 1em 0;
			font-weight: bold;
			font-size: 140%;
			}
table.TBL_Form{
	margin: 5px 0;
	background-color:#ffffff;
	border: solid 1px #aaa;
	}
	table.TBL_Form th{
		width: 30%;
		padding: 15px;
		background: #f2f2f2;
		border-bottom:solid 1px #aaa;
		text-align: left;
		color:#583b1a;
		font-weight: bold;
		line-height: 120%;
		border-right:solid 1px #aaa;
		}
		table.TBL_Form th.Sub{
			width: 20%;
			}
	table.TBL_Form td{
		width: 70%;
		padding: 15px;
		background-color:#fff;
		border-bottom:solid 1px #aaa;
		}
		table.TBL_Form td span{
			display: block;
			padding: 5px 0px 0px 0px;
			color: #8f8f8f;
			font-size: 12px;
			line-height: 130%;
			}
			table.TBL_Form td span.Error{
				margin: 0 0 5px 0;
				padding: 2px 5px;
				background: #ff0000;
				color: #ffffff;
				font-weight: bold;
				}
		table.TBL_Form td.TextBox{
			width: 550px;
			}
		table.TBL_Form td.Top{
			padding: 8px 10px 8px 10px;
			border-right:solid 1px #68b7ef;
			border-bottom:solid 1px #e3e3e3;
			text-align:center;
			color:#707070;
			font-weight: normal;
			text-align: left;
			line-height: 120%;
			}
		table.TBL_Form th span.necessary{
			display: block;
			padding: 2px 45px 2px 0;
			background: url(/img/icon_need.gif) right center no-repeat;
			}
.mb10{
	display: block;
	padding: 15px 0;
	text-align: center;
	}
.mb20{
	display: block;
	padding: 15px 0;
	text-align: center;
	}
.BtnBox{
	display: block;
	margin: 0 0 0.5em 0;
	padding: 10px 0 0 0;
	}
	.BtnBox input{
		margin: 0;
		padding: 0;
		border: none;
		}
	.BtnBox .NextBtn{
		display: block;
		float: right;
		width: 280px;
		}
		.BtnBox .NextBtn .SSL{
			margin: 10px 0;
			padding: 4px 4px 5px 30px;
			background: url(/img/ssl.gif) 5px 2px no-repeat;
			font-size: 9px;
			line-height: 125%;
			}
	.BtnBox .BackBtn{
		display: block;
		float: left;
		width: 200px;
		}
/*-----------------------------------------------------------
  エラースタイル
-----------------------------------------------------------*/
		span.msg_errTitle{
			color:red;
			font-size:150%;
			margin:0.5em 0em;
			display:block;
		}
		td span.msg_err{
			color:red !important;
		}
/*-----------------------------------------------------------
  ノーマルテーブル
-----------------------------------------------------------*/
table.NormalTBL{
	margin: 5px 0;
	background-color:#ffffff;
	border: solid 1px #aaa;
	}
	table.NormalTBL th{
		padding: 15px;
		background: #f2f2f2;
		border-right: solid 1px #aaa;
		border-bottom: solid 1px #aaa;
		text-align: left;
		color: #583b1a;
		font-weight: bold;
		line-height: 120%;
		}
		table.NormalTBL th.Top{
			border-right:solid 1px #aaa;
			}
		table.NormalTBL th span.nessesary{
			display: block;
			padding: 2px 45px 2px 0px;
			background: url(/img/icn_nessesary.gif) no-repeat right center;
			}
	table.NormalTBL td{
		padding: 15px;
		background-color: #fff;
		border-bottom: solid 1px #aaa;
		}
		table.NormalTBL td span{
			display: block;
			padding: 5px 0px 0px 0px;
			color: #8f8f8f;
			font-size: 12px;
			line-height: 130%;
			}
			table.NormalTBL td span.Small{
				display: block;
				padding: 5px 0px 2px 0px;
				font-size: 11px;
				line-height: 120%;
				color: #000000;
				}

/*-----------------------------------------------------------
  お届けエリア検索
-----------------------------------------------------------*/
.SearchArea{
	}
	.SearchArea .SearchPost{
		width: 300px;
		float: left;
		}
		.SearchArea .SearchPost .AreaSearch{
			position:relative;
			display: block;
			width: 280px;
			height: 94px;
			margin: 0 auto;
			padding: 0;
			background: url(/img/delivery/AreaSearch.jpg) ;
			}
			.SearchArea .SearchPost .AreaSearch input.TextBox{
				position: absolute;
				display: block;
				width: 110px;
				margin: 0;
				padding: 0;
				top: 41px;
				left: 91px;
				background: none;
				border: none;
				ime-mode: inactive;
				font-size: 18px;
				letter-spacing: 1px;
				}
			.SearchArea .SearchPost .AreaSearch input.Button{
				position: absolute;
				display: block;
				width: 56px;
				height: 30px;
				margin: 0;
				padding: 0;
				top: 38px;
				left: 206px;
				}
		
			.SearchArea .SearchAdd{
				width: 600px;
				float: right;
				}
ul.inPageLink{
	margin: 0 0 1.5em 0;
	padding: 0;
	}
	ul.inPageLink li{
		width: 70px;
		float: left;
		margin: 0 5px 0 0;
		margin-bottom: 10px;
		}
		ul.inPageLink li a{
			display: block;
			padding: 10px;
			background: #efefef;
			font-weight: bold;
			text-align: center;
			font-size: 14px;
			}
			ul.inPageLink li a:hover{
				background: #d6ec88;
				text-decoration: none;
				}
h3.h_Lv3pt3{
	width: 100px;
	margin: 0 0 5px 0;
	padding: 3px 0;
	background: #cc0000;
	color: #ffffff;
	text-align: center;
	}
ul.listMunicipality{
	margin: 0 0 0.5em 0;
	padding: 0;
	}
	ul.listMunicipality li{
		width: 185px;
		float: left;
		margin: 0 5px 5px 0;
		margin-bottom: 10px;
		}
		ul.listMunicipality li a{
			display: block;
			padding: 10px;
			background: #efefef;
			font-weight: bold;
			text-align: center;
			font-size: 14px;
			}
			ul.listMunicipality li a:hover{
				background: #d6ec88;
				text-decoration: none;
				}
			ul.listMunicipality li a span.ruby{
				display: block;
				font-size: 10px;
				font-weight: normal;
				color: #909090;
				}

/*-----------------------------------------------------------
  [ パスワードをお忘れの方 ]
-----------------------------------------------------------*/
div.PwdReminder{
	display: block;
	margin: 0 auto 10px auto;
	padding: 20px 50px 0 50px;
	width:600px;
	}
	div.PwdReminder div.PwdReminderDoc{
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
		}
		div.PwdReminder div.PwdReminderDoc span.nessesary_head{
			display: block;
			padding: 2px 2px 2px 45px;
			background: url(/img/icn_nessesary.gif) no-repeat left center;
			}
	div.PwdReminder div.Cancel{
		display: block;
		float: left;
		width: 280px;
		padding: 10px 0 0 0;
		}
	div.PwdReminder div.Execution{
		display: block;
		float: right;
		width: 280px;
		padding: 10px 0 0 0;
		}
	div.PwdReminder input.Btn{
		margin: 0;
		padding: 0;
		}
	div.PwdReminder div.GoHome{
		padding: 30px 0pt 15px;
		text-align: center;
		}
	div.PwdReminder div.PwdReminderErr{
		display: block;
		margin: 0pt 50px 20px;
		padding: 20px 20px 20px 50px;
		background: url(/img/bg_Err.jpg) repeat-y;
		border: 1px solid #FF4E00;
		}

/*-----------------------------------------------------------
  [ プライバシーポリシー ]
-----------------------------------------------------------*/
div#privacy{
	margin: 0;
	padding: 20px 0 0 0;
	}
ol.Privacy{
	margin: 0;
	padding: 10px 20px 10px 50px;
	}
	ol.Privacy li{
		margin: 0;
		padding: 0 0 10px 0;
		}


/*-----------------------------------------------------------
  新規追加分
-----------------------------------------------------------*/
#page-title.search {
  position: relative;
  background: url(/img/img-bg-search.png) no-repeat;
  background-size: 100%;
}

.searching-delivery-area{
	padding: 50px;
}
.searching-delivery-area .postcode{
	width: 340px;
}
.searching-delivery-area .area-search{
	width: 520px;
	margin-left: 22px;
}
.searching-delivery-area .district-list{
	width: 300px;
	margin-bottom: 5px;
}
.searching-delivery-area .pref-list{
	width: 500px;
}

#page-title.inquiry {
  position: relative;
  background: url(/img/img-bg-inquiry.png) no-repeat;
  background-size: 100%;
}
#page-title.login {
  position: relative;
  background: url(/img/img-bg-login.png) no-repeat;
  background-size: 100%;
}
#page-title.campaign {
  position: relative;
  background: url(/img/img-bg-campaign.png) no-repeat;
  background-size: 100%;
}
#page-title.catalog {
  position: relative;
  background: url(/img/img-bg-catalog.png) no-repeat;
  background-size: 100%;
}
#page-title.inquiry_co {
  position: relative;
  background: url(/img/img-bg-inquiry_co.png) no-repeat;
  background-size: 100%;
}

#page-title.none {
  position: relative;
  background: url(/img/img-bg-none.png) no-repeat;
  background-size: 100%;
}

/* (W15-014)四つ角丸め 背景薄ピンク */
.contentbox2{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","メイリオ","Verdana", "Times New Roman", Times, serif;
	background-color:#FFF2F2;
	border:solid 2px #800000;
	padding:3px 0 3px 7px;
	border-radius: 5px 5px;
	margin-bottom:2px;
}
ul.NormalList,ol.NormalList{
	margin: 15px 10px;
	padding: 0 0 0 15px;
	list-style: normal;
}
ul.NormalList,ol.NormalList li{
	margin-bottom: 5px;
	padding: 0;
}

div.div-order-info {
    text-align: right;
    top: 0;
    position: absolute;
    right: 20px;
    top: 40px;
}

div.div-order-info .LoginName {
  margin-bottom: 10px;
}

div.div-order-info .LoginName span {
  font-weight: bold;
}


div.div-order-info .LogoutBtn {
  margin-bottom: 40px;
}

div.div-order-info .MemberMenu {
}

div.div-order-info input {
  border: none;
  padding: 0;
}

div.div-order-info input {
  border: none;
  padding: 0;
}

div.div-postareasearch-list {
  margin-left: 10px;
}

@media only screen and (max-width: 768px) {
    #page-title.search {
      position: relative;
      background: url(/img/img-bg-search.png) no-repeat 100% 0;
      background-size: auto 100%;
      text-shadow: 1px 1px 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
    }

    #page-title.inquiry {
      position: relative;
      background: url(/img/img-bg-inquiry.png) no-repeat 100% 0;
      background-size: auto 100%;
      text-shadow: 1px 1px 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
    }

    #page-title.none {
      position: relative;
      background: url(/img/img-bg-none.png) no-repeat 100% 0;
      background-size: auto 100%;
      text-shadow: 1px 1px 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
    }

    div.search-area-ttl-wrap {
      width: 100% !important;
    }

    div.search-area-ttl-wrap p.sp-only {
      display: none !important;
    }

    div.postcode {
      width: 100%;
      margin-left: 22px !important;
    }

    div.postcode p.caution {
      width: 220px;
      text-align: left;;
    }

    div.postcode  p.search-img {
      display: none !important;
    }

    div.postcode  div.post-wrap {
      display: block !important;
    }

    div.area-search {
      width: 100% !important;
    }

    .searching-delivery-area input#txtZip {
      width: 120px !important;
    }

    div.area-search div.district-wrap {
      width: 90% !important;
    }

    div.area-search ul.pref-list {
      width: 90% !important;
    }

    div.div-postareasearch-list div.div-no-result {
      margin-right: 30px;
    }

    div.div-postareasearch-list div.div-no-result img {
      width: 70%;
    }

    ul.listMunicipality li {
        width: 45%;
    }

}