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

/* ------------------------------------ */

/* 共通 */

/* ------------------------------------ */

h2 {
	font-size:22px;
	font-size:2.2rem;
}
.ttl-news01{
	font-size: 1.8rem;
	font-size: 18px;
	height: 30px;
	padding: 0 15px;
	color: #fff;
	background: #b93131;
	display: inline-block;
	margin-bottom: 15px;
	position: relative;
}
.ttl-news01:after{
	content: " ";
	position: absolute;
	left: 100%;
	top: 0;
    border-top: 15px solid #B93131;
    border-left: 15px solid #b93131;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

h3 {
	font-size:16px;
	font-size:1.6rem;
}
h4 {
	font-size:16px;
	font-size:1.6rem;
}

p {
	padding-bottom:20px;
}

/* 標準リンク ---------------*/
.home-index a,
#gnav a,
.event_catgori1 li a,
.event_catgori2 li a {
	color:#333;
	text-decoration:underline;
}
.event_catgori1 li a:hover,
.event_catgori2 li a:hover {
	color:#ff9900;
}
/* topに戻る ----------------*/
.toTop {
	float:right;
	height: 25px;
	width: 110px;
	margin: 20px 26px 0 0;
	clear:both;
}

/* ▲ページの先頭に戻る */
.toTop2 {
		text-align: right;
		font-size: 80%;
		margin: 20px 12px 10px;
}

/* SPヘッダー ---------------*/
.drawer-toggle,
#sp_mainnavi,
.sp_chirashi{display:none;}
.tenpo-adress{
	float:left;
	width: 200px;
	clear:both;
}
/* キャプション左寄せ */
.t_cap_l {float: left;font-size: 85%;}
/* 写真センターキャプション付き */
.photoCenter {
	margin:0 auto;
	width: 400px;
	text-align:left;
	line-height: 1.5em;
}
/* -----------------------------------------------------------
       ヘッダー
----------------------------------------------------------- */
#sitelogo{
	position:absolute;
	top:0px;
	left:10px;
	width:280px;
}
#sitelogo h1{
	float: left;
	margin-right:20px;
}
#sitelogo p{
	margin-top:25px;
	text-align:right;
}
#hd-opinion,
#hd-usmh{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#hd-usmh p img{
	vertical-align: top;
}
#hd-opinion p,
#hd-usmh p{
	text-align: center;
	padding:12px 0 0 0;
	display: block;
}
#hd-opinion p::before{
	content: url(../images/icon-opinion.png);
	margin-right: 3px;
}
#hd-opinion a,
#hd-usmh a{
	text-decoration: none;
	display: block;
}
#hd-opinion a{
	color: #fff;
}
#hd-usmh a{
	color: #b82209;
}
#hd-opinion{
	position: absolute;
	top: -5px;
	right: 190px;
	width: 155px;
	height: 45px;
	background: #b82209;
	color: #fff;
	border: solid 3px #b82209;
	outline: solid 3px #fff;
	-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
}
#hd-usmh{
	position: absolute;
	top: -5px;
	right: 20px;
	width: 155px;
	height: 45px;
	border: solid 3px #b82209;
	outline: solid 3px #fff;
	-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
}

/* -----------------------------------------------------------
フッター
----------------------------------------------------------- */
footer {
	background:#f5f5f5;
	color:#cccccc;
	border-top:#c5041b solid 6px;
}
#footer-nav {float:left;margin-right:20px;}
#footer-nav p {
	font-size:16px;
	font-size:1.6rem;
	padding:0;
	left:0;
	clear:both;
}
#footer-nav p span {
	display:inline-block;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
#footer-nav a {
	color:#333;
	text-decoration: none;
	padding-left:16px;
	position: relative;
}
#footer-nav a::before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 3px solid #df0000;
	border-right: 3px solid #df0000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#footer-nav-list {float:left;margin-bottom:5px;}
#footer-nav-list a {
	font-size:12px;
	font-size:1.2rem;
	color:#333;
	padding-left:12px;
	position: relative;
	display: block;
}
#footer-nav-list a::before {
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-top: 1px solid #df0000;
	border-right: 1px solid #df0000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#footer-nav .icon-fb a{padding-left: 0;}
#footer-nav .icon-fb a::before{content: normal;padding-left: 0;}
#footer-utility {
	background: #fff;
	margin-top:10px;
	padding-top:10px;
	font-size:12px;
	font-size:1.2rem;
	color:#333;
	text-align:right;
}
#footer-utility a {
	font-size:12px;
	font-size:1.2rem;
	text-decoration: none;
	color:#333;
}
#footer-utilityInner {position: relative;}
#footer-utilityInner #ft-utility-nav {
	position: absolute;
	bottom: 60px;
	left: 10px;
	z-index:10;
}
#footer-utility #ft-utility-nav ul {overflow:hidden;width: 600px;}

#footer-utility #ft-utility-nav ul li {
	float: left;
	text-align:left;
	margin-right:15px;
}
/*#footer-utility #ft-utility-nav ul .w-a {width: 90px;}
#footer-utility #ft-utility-nav ul .w-b {width: 75px;}
#footer-utility #ft-utility-nav ul .w-c {width: 100px;}
#footer-utility #ft-utility-nav ul .w-d {width: 265px;}*/
#copyright{text-align: center;}

/* -----------------------------------------------------------
error page
----------------------------------------------------------- */
.error_txt {color:#999999;font-size:40px;font-weight:bold;}
.error_read {color:#c5041b;font-size:20px;font-weight:bold;}
.error_topBtn {
	display: block;
	width:200px;
	height:50px;
	line-height:50px;
	margin: 0 auto;
	border:#c5041b 1px solid;
	border-radius:5px;
	text-align:center;
}
.error_topBtn a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	vertical-align:middle;
	color:#c5041b;
	font-weight:bold;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.error_topBtn a:hover {opacity: 0.6;filter: alpha(opacity=40);}

/* -----------------------------------------------------------
グローバルナビ
----------------------------------------------------------- */
#gnav li a {text-decoration:none;}
#gnav {
	position:absolute;
	bottom:0;
	font-size:14px;
	font-size:1.4rem;
	height:40px;
	display:table;
	table-layout:fixed;
	width:980px;
}
#gnav a {display: block;}
#gnav > li {
	display:table-cell;
	text-align:center;
	position: relative;
	border-left: solid 1px #ccc;
	padding-top: 5px;
	border-bottom:5px solid transparent;

}
#gnav > li:last-child {border-right: solid 1px #ccc;}
#gnav > li > a:before {
	content: url(../images/icon-gnav.jpg);
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 5px;
	color: #c5041b;
}

#gnav > li:hover {border-bottom:5px solid #c5041b;}
#gnav > li:hover:before {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: #c5041b;
	border-width: 6px;
	margin-left: -6px;
}
#gnav > li:hover > a,
#gnav > li.current > a {color:#c5041b;}
.m-menu {
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 20;
	padding:20px;
	background:#fff;
	overflow:hidden;
	visibility: hidden;
}
#gnav > li:last-child .m-menu {right: 0;left:auto;}
#gnav > li:last-child .m-menu {width: 120px;}
#gnav > li:nth-child(6) .m-menu {width: 135px;}

.m-menu:before{
	bottom: 100%;
	left: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: #c5041b;
	border-bottom-color: #c5041b;
	border-width: 8px;
	margin-left: -8px;
}
#gnav li:hover .m-menu {visibility: visible;}
.m-menu_cont-box{width: 340px;overflow: hidden;}
#gnav li ul li,
#gnav li p {
	overflow: hidden;
	height: 0;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
#gnav li:hover ul li,
#gnav li:hover p{
	opacity: 1;
    visibility: visible;
    overflow: visible;
    height: auto;
}

#gnav-sub-nav {
	float:left;
	margin-right:-30px;
	margin-bottom:-30px;
	text-align: left;
	overflow: hidden;
}
#gnav-sub-nav > p {
	font-size:16px;
	font-size:1.6rem;
	padding:0;
	clear:both;
	left:0;
}
#gnav-sub-nav a {
	color:#333;
	text-decoration: none;
	padding-left:16px;
	position: relative;
}
#gnav-sub-nav a::before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 3px solid #df0000;
	border-right: 3px solid #df0000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#gnav-sub-nav-list {
	float:left;
	margin-bottom:30px;
	margin-right:20px;
}
#gnav-sub-nav-list a {
	font-size:12px;
	font-size:1.2rem;
	color:#333;
	padding-left:12px;
	position: relative;
	display: block;
}
#gnav-sub-nav-list a::before {
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-top: 1px solid #df0000;
	border-right: 1px solid #df0000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.m-menu_box {
	display:block;
	float:left;
	width:180px;
}
.m-menu_box p {padding:0;font-weight:bold;}
.m-menu_box ul#gnav-sub-nav-list {margin-bottom:10px;}
/* -----------------------------------------------------------
TOP PAGE
----------------------------------------------------------- */
/* お知らせティッカー ---------------*/
#announce {background: #f5f5f5;padding: 15px 0;}
.announce-container{
    margin: 0 auto;
    background: #fff;
    width: 940px;
    overflow: hidden;
}
#announce h2 {
	font-size: 1.5rem;
	font-size: 15px;
	color: #fff;
	display: block;
	padding: 3px 20px;
	float: left;
	background: #bf0008;
	position: relative;
	margin-right: 15px;
}
#announce h2:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #bf0008;
	border-width: 6px;
	margin-top: -6px;
}
#announce .ticker {
    text-align: left;
    position: relative;
    overflow: hidden;
    padding: 3px;
    z-index: 10; /*ちらつき防止*/
}
#announce .ticker ul {width: 100%;position: relative;}
#announce .ticker ul li {width: 100%;display: none;}
#announce a{text-decoration: none;}
#announce .announce-date{font-weight: bold;margin-right: 10px;}
/* SPチラシ・店舗一覧ボタン -----*/
#sp_tenpolist_btn{display:none;}

/* バナースライド ---------------*/
#bannerArea{
	padding: 20px 0;
	border-top: solid 10px #e60012;
	background: #f5f5f5;
}

/* パネルメニュー ---------------*/
#panel-menu{
	background: #e60012;
	margin-top: 15px;
}
#panel-menu #container{
	background: #fff;
	margin-bottom: -15px;
	margin-top: 0;
}
.pnl-block-b,
.pnl-block-d {
	overflow: hidden;
	margin-right: 15px;
}
.pnl-block-b,
.pnl-block-c,
.pnl-block-d {
	float: right;
	margin-left: 0;
}
.pnl-block-a {
	width: 764px;
	float: left;
}
.pnl-block-b {
	width: 180px;
}
.pnl-block-d {
	float: left;
	width: 368px;
	text-align: center;
}
.pnl-block-d ul li:first-child {
	border: 3px solid #e8380d;
	padding: 12px;
	margin-bottom: 10px;
}
.pnl-block-d ul li:first-child img {
	width: 80%;
	height: auto;
}
.pnl-block-d ul li img {
	width: 100%;
	height: auto;
}
.pnl-w-a,
.pnl-w-b,
.pnl-w-c {
	position: relative;
	border: solid 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	overflow: hidden;
}
#panel-menu .img-center img {
	position: absolute;
	top: -2%;
	left: -2%;
	right: -2%;
	bottom: -2%;
	margin: auto;
	width: 101%;
	height: auto;
}
.pnl-w-a{
	width: 367px;
	height: 345px;
}
.pnl-w-b{
	width: 367px;
}
.pnl-w-c{
	width: 176px;
}
.pnl-w-b,
.pnl-w-c {
	height: 165px;
}

#panel-menu .flm-red     {border-color: #c5041b;}/* red */
#panel-menu .recipe,
#panel-menu .flm-pelgreen{border-color: #8fc31f;}/* pelgreen */
#panel-menu .netshop,
#panel-menu .flm-green   {border-color: #44af53;}/* green */
#panel-menu .shokuiku,
#panel-menu .flm-yellow  {border-color: #f8b72d;}/* yellow */
#panel-menu .card,
#panel-menu .flm-gray    {border-color: #b8b8b8;}/* gray */
#panel-menu .usmh,
#panel-menu .flm-orange  {border-color: #e8380d;}/* orange */
#panel-menu .staff,
#panel-menu .flm-pink    {border-color: #ef7368;}/* pink */
#panel-menu .safe,
#panel-menu .flm-pelpink {border-color: #f6b5d2;}/* pelpink */

#panel-menu .tenpo{
	border-color: #c5041b;
	background: url(../images/panel-tenpo.png) no-repeat 5px 5px;
	position: relative;
}
#panel-menu .recipe{
border-color: #8fc31f;
}
#panel-menu .netshop{
	border-color: #44af53;
}
#panel-menu .shokuiku{
	border-color: #f8b72d;
}
#panel-menu .card{
	border-color: #b8b8b8;
}
#panel-menu .usmh{
	border-color: #e8380d;
}
#panel-menu .recruit{
	border-color: #c30d22;
}
#panel-menu .staff{
	border-color: #ef7368;
}
#panel-menu .safe{
	border-color: #f6b5d2;
}
#panel-menu .tenpo ul{
	overflow: hidden;
	position: absolute;
	left: 10px;
	bottom: 5px;/* 新店舗時 100px */
	z-index:10;
}
#panel-menu .tenpo ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;/* 新店舗時 8px */
}
#panel-menu .tenpo ul li a{
	font-size: 1.3rem;
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	width: 60px;
	padding: 6px 2px;/* 新店舗時 4px 2px */
	background: #bf0008;
	border: solid 2px #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
#panel-menu p.new_tenpo {
	display: block;
	overflow: hidden;
	position: absolute;
	left: 10px;
	bottom: 5px;
	width: 344px;
	padding: 0;
	z-index:1;

}
#panel-menu .new_tenpo span {
	display: inline-block;
	margin: 0 1px 4px 0;
	padding: 0px 4px;
	line-height: 30px;
	background: #d4d4d4;
	border-radius: 3px;
}
#panel-menu .new_tenpo span a{
	text-decoration: none;
}
#panel-menu .new_tenpo {
	display: block;
	width: 100px;
	margin: 10px 0 0 0;
	padding: 0px 6px;
	background:none;
	color: #bf0008;
	font-weight: bold;
}
#panel-menu .new_tenpo_title {
	display:block;
	margin-top: 50px!important;
	padding: 0px 6px 40px 6px;
	color: #bf0008;
	font-weight: bold;
	width: 100%;
	text-align: center;
}
#panel-menu .new_tenpo_title {
	background: -moz-linear-gradient(#ffffff 0%, #ffffff 46%, #bf0008 47%, #bf0008 55%, #ffffff 56%, #ffffff 100%)!important;
  background: -ms-linear-gradient(#ffffff 0%, #ffffff 46%, #bf0008 47%, #bf0008 55%, #ffffff 56%, #ffffff 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #bf0008), color-stop(55%, #bf0008), color-stop(56%, #ffffff), color-stop(100%, #ffffff))!important;
	background: -webkit-linear-gradient(#ffffff 0%, #ffffff 46%, #bf0008 47%, #bf0008 55%, #ffffff 56%, #ffffff 100%)!important;
  background: -o-linear-gradient(#ffffff 0%, #ffffff 46%, #bf0008 47%, #bf0008 55%, #ffffff 56%, #ffffff 100%)!important;
	background: linear-gradient(#ffffff 0%, #ffffff 46%, #bf0008 47%, #bf0008 55%, #ffffff 56%, #ffffff 100%)!important;
}
#panel-menu .new_tenpo_title .new_tenpo_tlinner{
	display: inline;
	background: #fff;
	padding: 0 5px;
}

/* メインスライド ---------------*/
#top_slider_iframe {
	width:100%;
	height: 282px;
	border:#FFF 0px solid;
}
.coat{
	position:absolute;
	z-index:1000;
}
#slider li{
	position: relative;
}

#slider li p{
	position: absolute;
	left: 40px;
	bottom: 25px;
	color: #fff;
}

/* 新着情報・facebook ---------------*/
#news{
	margin-top: 0;
}
#news #container{
	padding-top: 15px;
	position: relative;
	margin-top: 0;
	padding-bottom: 40px;
	overflow: visible;
}
#news #container:before{
	content: url(../images/bg-cont-left.jpg);
	position: absolute;
	top: 0;
	left: -710px;
}
#news #container:after{
	content: url(../images/bg-cont-right.jpg);
	position: absolute;
	top: 0;
	right: -710px;
}
.news h2.sp_ttl-news01{display:none;}
.btn-ichiran a{
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	display:inline-block;
	padding: 2px 10px;
	background: #ccc;
	color: #fff;
	position: absolute;
	top: 5px;
	right: 5px;
}
.news{
	width: 460px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	border: solid 2px #bf0008;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.news dl a{
	color:#bf0008;
	text-decoration: none;
}
.news dd {
	margin-bottom: 10px;
	padding-right: 35px;
}
.news .date {
	margin-bottom: 10px;
}
.news .news-icon {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 70px;
}
.news .news-icon span {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: block;
	padding: 5px 0;
	line-height: 120%;
	position: relative;
	z-index: 10;
}
.news .news-icon span:before {
	content: "";
	background: #bf0008;
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	z-index: -1;
	min-height: 25px;
}
.news .news-cont {
	overflow: hidden;
}

.news ul {
	height: 360px;
	overflow-y:scroll;
	padding: 0 15px;
}
.news ul a {
	color:#333;
	display:block;
	overflow:hidden;
}
.news ul li {
	border-top: solid 1px #eee;
	display:block;
	overflow:hidden;
}
.news ul a:hover {
	background:#f5f5f5;
}
.news li a {
  position: relative;
  text-decoration: none;
}
.news li a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	margin-top: -4px;
	border-top: 3px solid #ccc;
	border-right: 3px solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.news li a:hover .news-cont {
	color: #bf0008;
}
.news li a:hover::after {
	border-top: 3px solid #bf0008;
	border-right: 3px solid #bf0008;
}

#sp_fb{display:none;}
.fb-wrap{
	width: 460px;
	border: solid 2px #3b5998;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}



/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/*                 　　　　   下　層                           */
/* ----------------------------------------------------------- */
/*--- ニュース */
.news_release {margin:20px 0 0 0;}

/* -----------------------------------------------------------
お買い物情報
----------------------------------------------------------- */
/* カスミのうた */
#songbtn{
	border:#C90300 3px double;
	padding:0 25px 0 0;
}
.song .cotion {
	float:left;
	margin:20px 0 40px 5px!important;
	padding:0!important;
}
.song .songleft{float:left;}
.song .left{float:left;!important}
.song .right {float:right;}
.song .right img {
	padding-top:22em;
}
.song dl{border:none;}
.song dt{
	width:1.5em!important;
	background:#fff;

}
.song dd{
	padding: 0 0 0 2.0em!important;
	font-size: 120%;
	line-height:1.8em!important;
	border:none!important;
	margin-bottom:20px;
}
/* 週刊ちゃ～ぶる ----------*/
.chableBtn a, .chableRecpieBtn a, .toFormBtn a, .recycleCenterBtn a, .xmasBtn a {
	color:#fff;
	border: 1px solid #ccc;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #B7000D;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7000D), to(#810911));
	background: -webkit-linear-gradient(#B7000D, #810911);
	background: -moz-linear-gradient(#B7000D, #810911);
	background: -ms-linear-gradient(#B7000D, #810911);
	background: -o-linear-gradient(#B7000D, #810911);
	background: linear-gradient(#B7000D, #810911);
filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1, GradientType=0, StartColorStr=#B7000D, EndColorStr=#810911);
	-pie-background: linear-gradient(#B7000D, #810911);
	background: url(../images/btnBg.jpg) repeat-x;
	/* behavior: url(/PIE.htc); */
text-decoration: none;
}
.chableBtn a, .xmasBtn a {
	padding: 5px 33px;
}
.chableRecpieBtn a, .toFormBtn a, .recycleCenterBtn a {
	padding: 5px 20px;
}
.chableBtn a:hover, .chableBtn a:active, .chableRecpieBtn a:hover, .chableRecpieBtn a:active, .toFormBtn a:hover, .toFormBtn a:active, .recycleCenterBtn a:active, .xmasBtn a:active {
	color: #FF3;
}
.chableBtn hr, .recpieList hr, .pdf_prof hr, .trace hr, .naturekids hr, .shodan hr, .xmas hr {
	clear:both;
	margin:20px 0 10px 0;
	border:none;
	border-top:dashed 1px #bbb;
	height:1px;
	color:#FFFFFF;
	width:100%;
}
/* 今週のレシピ */
.chableRecpieBk {
	clear:both;
	margin: 20px 0 0 0;
}
.chableRecpieBk li {
	margin-bottom:20px;
}
/* レシピ・バックナンバー ----------*/
.recpieBkNum {
	clear:both;
}
.recpieBkNum ul {
	width: 100%;
	margin:0 0 30px 0;
	clear:both;
}
.recpieBkNum li {
	float:left;
	width: 46%;
	background: url(../images/arrow_03.png) no-repeat 0px 0.4em;
	padding: 5px 5px 5px 1.2em;
	text-indent: 0;
	line-height:1.3em;
	height:2.0em;
}
/* 2012年5月までのバックナンバー ----------*/
.chableRecpieBalance {
	margin:10px 0 0 0;
}
.chableRecpieBalance li {
	float: left;
	width:47%;
	height:3.4em;
}
/* KASUMIカード ----------*/
.kasumiCard {
	width:499px;
	margin: 0 auto;
}
.kasumiCard .img_center {
	margin:0 0 5px 0!important;
}
.happyDay, .wPoint {
	float:left;
	width:232px;
}
.happyDay, .wPoint { margin:0 35px 0 0;}
.wPoint { margin:0;}
.happyDay .txtRed, .wPoint .txtRed {
	margin: 0.5em 0!important;
	padding:0!important;
	color:#CD3333;
	line-height:1.5em;
	font-weight: bold;
	text-align:center;
}
.happyDay .blueBox, .wPoint .blueBox {
	margin: 0.5em 0!important;
	padding: 0.5em;
	background:#E5ECF4;
	line-height:1.5em;
}
.cardUdTxt {
	clear: both;
	padding: 10px 0 0 0;
}
/* トップバリュー */
.topvalu {margin:0 auto; width:530px; margin-bottom:20px;}
.topvaluHr {
	page-break-before:always;
	clear:both;
	color:#fff;
	border: 0;
	width:530px;
}
/* ====== Xmas Osechi ====== */
.xmas .topImg {
	text-align:center; margin:0 0 30px 0;
}
.xmas {
	margin:0 auto 20px;
}
.xmas .clearfloat{padding:0!important;}
.xmasInner {
	margin:0 0 0 0;
	border-bottom:#CCCCCC dashed 2px;
}
.xmasInner h4 {
	background-image: url(../shopping/xmas_data/icon_movie.gif)!important;
	padding-left: 28px!important;
	height:23px;
}
.xmasTitle {
	font-size:12px;
	padding-bottom:5px;
	display:block;
}
.xmas hr {/*週刊ちゃ～ぶる内に設定*/}
.xmas .toTop2 {padding:0!important; margin:5px 0 0 0!important;}
.xmas .left{
	float:left;
	width:300px;
	margin:0 15px 10px 0;
	padding:0;
}
.xmas .right{float:left;width:320px;}
.xmas .read .left,
.xmas .read .left2,
.xmas .read .left3,
.xmas .read .left4 {
	float:left;
	padding:5px;
	margin-right:12px;
	border: #CCC solid 1px;
	margin-bottom: 15px;
}
.xmas .read .left{width:128px;}
.xmas .read .left2{width:172px;}
.xmas .read .left3{width:72px; text-align:center;}
.xmas .read .left4{width:136px;}
.xmas .read .center, .xmas .read .center2 {float:left;}
.xmas .read .center {width:123px;text-align:center;margin-right:12px;}
.xmas .read .right,
.xmas .read .right1,
.xmas .read .right2,
.xmas .read .right3,
.xmas .read .right4,
.xmas .read .right5 {
	float:right;
	padding:0;
}
.xmas .read .right {width:487px;}
.xmas .read .right1 {width:444px;}
.xmas .read .right2 {width:309px;}
.xmas .read .right3 {width:544px;}
.xmas .read .right4 {width:610px;}
.xmas .read .right5 {width:480px;}
.xmas .read .right img {margin-bottom:10px;}
.xmas .pdflist ul {margin:0 0 0 15px;}
.xmas .pdflist li {
	width:297px;
	float:left;
	margin:0 20px 15px 0;
	text-align:center;
}
.liright {margin:0 0 15px 0!important;}
/* = Chrome = */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#flv {display:none!important;}
#getfla {display:none;}
}
/* = Firefox = */
#flv, x:-moz-any-link, x:only-child {
display:block!important;
}
#mp4, x:-moz-any-link, x:only-child {
display:none!important;
}
/* == iPad/tablet = */
@media only screen and (min-width: 1536px) and (max-width:2048px) {
#flv {display:none;}
#mp4 {display: block;margin:0 auto;}
#getfla {display:none;}
}
/* = iPhon/smartphone = */
@media only screen and (max-width:1535px) {
#flv {display:none;}
#mp4 {display: block;margin:0 auto;}
}
/* 子育て家庭優待制度 ----------*/
.kosodate {
}
.kosodate .left {float:left;margin: 0 0 20px 10px;}
.kosodate .right {
	float:left;
	margin: 0 0 20px 10px;
}
/* トレーサビリティ ----------*/
.traceBtn, .douiBtn {
	padding: 5px 20px;
	background:#B7000D;
	color:#fff;
	font-weight:bold
}
.traceBtn2 {padding:0;float:left; margin:0 0 0 10px;}
.traceFrom {
	height:24px;
	float:left;
	width:100px;
}
.trace .left {
	float:left;
	width:245px;
	background:#99FF00;
}
.trace .right {
	float:right;
	background:#960;
}
.trace hr {/*週刊ちゃ～ぶる内に設定*/}
/* 放射性物質自主検査 ----------*/
.radiation dl dt {
	float:left;
}
.radiation dt {
	width: 6.5em;
}
.radiation .s_txt {
	font-size: 80%;
	font-weight: normal;
	padding: 0 0 0 1em;
}
.radiation li {
	float:left;
	margin: 0 10px 5px 0;
	background: url(../images/arrow_03.png) no-repeat 0px 0.4em;
	padding: 5px 0 5px 1.2em;
	line-height:1.3em;
}
.radiation .right{
	clear:both;
	text-align: right;
}
/* 放射性物質自主検査バックナンバー ----------*/
.radiationBk .sub {
	padding:0 0 0 1em; font-size:80%;
}
.radiationBk ul {
	width: 100%;
	margin:0 0 30px 0;
	clear:both;
}
.radiationBk li {
	float:left;
	width: 46%;
	background: url(../images/arrow_03.png) no-repeat 0px 0.4em;
	padding: 5px 5px 5px 1.2em;
	text-indent: 0;
	line-height:1.3em;
	height:2.0em;
}
/* 移動スーパー ----------*/
.idosuper ul {margin: 0 0 20px 0;}
.idosuper li {
	padding: 5px 0 5px 1.2em;
	text-indent: -1.2em;
	line-height:1.5em;
	font-size: 90%;
}
/* スマートフォンアプリ ----------*/
.smartphone .center {
	margin:0 auto;
	width: 510px;
}
.appStore img, .googlePlay img { margin-bottom:5px;}
.appStore h5, .googlePlay h5 { font-weight:bold; font-size:120%;}
.appStore {
	float:left;
	width:221px;
	text-align:center;
	margin: 0 20px 15px 0;
	border:#999999 1px solid;
	padding:10px;
	height:420px;
}
.googlePlay {
	float:left;
	width:221px;
	text-align:center;
	margin:0 0 15px 0;
	border:#999999 1px solid;
	padding:10px;
	height:420px;
}
#app {
	_zoom: 1;
	overflow: hidden;
	margin-bottom: 20px;
	clear: right;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#app img{
	position:absolute;
	float:left;
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	text-align:center;
}
#app h4{
	background:none;
	display:inline-block;
	margin:10px 10px 10px 278px;
	font-size:120%;
}
#app p{margin:10px 10px 10px 295px;}

/* -----------------------------------------------------------
店舗一覧
----------------------------------------------------------- */
/* 一覧地図 */
#tenpoMap {
	margin-left:-20px;
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
}
#tenpoMap .tenpLink {
	position: absolute;
	left: 270px;
	top: 76px;
	width: 386px;
	height: 136px;
}
.tenpLink ul {
	list-style-type:none;
	float: left;
	margin-right: 30px;
}
.tenpLink ul li {
	color: #333;
}
.tenpLink ul li a {
	background-position:0px 8px;
	line-height: 1.8;
	background-image: url(../images/arrow_03.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.tenpo_sabname {font-size:80%!important;}
#main {
	width: 992px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	clear: both;
}


/* 店舗facebook ----------*/
#fb-like-box{
	border-bottom:none;
	text-align:center;
}
#Page02 .fb-page{
	border:#202984 2px solid;
	padding:0;
}


/* -----------------------------------------------------------
会社概要
----------------------------------------------------------- */
/* ========== トップメッセージ ========== */
.name { width181px; margin:0 auto;}
.nameCenter {text-align:center; float:Center; margin:0 40px 0 0;} 

/* ========== 企業方針 ========== */
.policy dl {
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.policy dt {
	float:none!important;
	width:100%!important;
	font-size:110%;
	color:#333!important;
}
.policy dd {
	padding-left:0!important;
	border:none!important;
}
.policy dd li {
	padding-left:1.5em;
	text-indent:-1.5em;
	line-height:1.5em;
}
.policy dd li span {
	color:#999999;
	font-size:85%;
}
/* ========== 出店状況 ========== */
/* tenpo_style.css参照 */

/* ========== 行動宣言 / 個人情報保護方針 ========== */
.behavior ul li, .behavior ol li,
.privacypolicy ul li, .privacypolicy ol li {margin: 0 0 0.5em 0;}
.behavior ol,
.privacypolicy ol {padding: 0 0 0 20px;}
.behavior ol li,
.privacypolicy ol li {
	list-style-type: none;
	border-bottom:#bbb dotted 1px;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.behavior ol li li,
.privacypolicy ol li li {
	list-style-type:none;
	margin: 0 0 5px 1.5em;
	text-indent:-2.5em;
	border:none;
}
/* ========== コンプライアンス・ヘルプライン通報者保護規程 ========== */
.helpline {margin:0 0 20px 0;}
.helpline li {list-style-type: none;margin: 0 0 0 3.0em; text-indent:-3.0em;}
.helpline li li {list-style-type: none;margin: 0 0 0 1.5em; text-indent:-1.5em;}
.helpline .helpAd {padding:10px; border:#999 solid 1px; background:#DBDBDB;}
.helpline .helpAd h5 { font-weight:bold;}
.helpline .helpAd li {list-style-type:none; padding-left:1.3em; text-indent:-1.3em;margin: 0 0 0.5em 0;}
.textRight {text-align: right;}
.textCenter {text-align: center;}
/* ========== 広報誌 ========== */
.kohoshi table {margin-bottom:20px;}
.kohoshi table td {margin:0;padding:5px;}
.tokusyu { width:485px; margin:0 auto; margin-top:20px;}
.tokusyuLeft {text-align:center; float:left; margin:0 35px 0 0;}
.taidanRight {text-align:center; float:right; margin:0; padding:0;}
.kohoshi .content {background:#FFCCFF;}
.kohoshi .contentBkNum {background:#EFEFEF;}
.kohoshi td { text-align:left!important;}
.kohoshi .content, .kohoshi .contentBkNum {
text-align:center!important;width:110px; font-weight:bold;color:#0B5FB0;
}

.kohoshi dl.accordion {}
.kohoshi dl.accordion dt {
	float:none!important;
	width:96%;
	margin-bottom:5px;
	padding:10px 0 10px 4%;
	cursor:pointer;
	background:url(../images/subnavi_acdIconDown.png) no-repeat 10px 16px, #EDF1F1;
}
.kohoshi dl.accordion dt.open {
	background:url(../images/subnavi_acdIconUp.png) no-repeat 10px 16px, #EDF1F1!important;
}
.kohoshi dl.accordion dd {
	display:none;
	padding:0;
}

/* 会社概要 */
.CoOutline dl {
	margin-bottom:20px;
}
/* 業績 */
.gyoseki table.table02 {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	border-collapse: separate;
	border-spacing: 2px;
	max-width: 640px;
}
.gyoseki table.table02 caption {margin-top: 0.2em;text-align: right;}
.gyoseki table.table02 th, table.table02 td { padding: 4px 6px;}
.gyoseki table.table02 th {
	background: #7E1604;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
}
.gyoseki table.table02 tr.odd { background: #EDDEDC; }
.gyoseki table.table02 tr.even { background: #F6EFED; }
.gyoseki table.table02 td { text-align: left; }
.gyoseki table.table02 td.td_center { text-align: center; }
.gyoseki table.table02 th span {/* アスタリスク */ font-size: 85%; }
.gyoseki .nendo {width:8em;}
.gyoseki .label {width:8em;}
.gyoseki .tableCenter {
	margin:0 auto;
	width: 400px;
	text-align:center;
}
.gyoseki .t_cap_l {padding:0 0 0 60px;}
.gyoseki .tableCenter .t_cap_l {padding:0;}
.CoKasumiCenter{width: 17em!important;}

/* ワークライフバランスの取り組み */
.work li {
	margin:1.2em 10px 0 0;
	border-bottom: #bbb dotted 1px;
	width: 45%;
	float: left;
	background: url(../images/list_icon.gif) no-repeat 0 0.4em;
	padding: 0 0 0 1em;
}
/* 沿革 */
.history .textBox dl dd { padding-left:5em!important;}
.history .textBox dl dt {width: 5em!important;}
/* 次世代育成支援対策推進法に基づく当社の取り組み */
.jisedai table {border:0;}
.jisedai table td {margin:0;padding:5px;}
.jisedai table td {border-bottom:dashed 1px #bbb;}
.jisedaiBlue {color:#0B5FB0; font-weight:bold;}
/* PDF版会社案内/環境・社会活動報告書 */
.pdf_prof hr{/*週刊ちゃ～ぶる内に設定*/}
.pdf_prof ul {width: 400px;}
.pdf_prof li {
	margin:1.2em 0 0 0;
	font-weight:bold;color:#0B5FB0;
	border-bottom: #bbb dotted 1px;
	background: url(../images/list_icon.gif) no-repeat 0 0.4em;
	padding: 0 0 0 1.3em;
}


/* -----------------------------------------------------------
食育
----------------------------------------------------------- */
.shokuiku .textRed {color:#C00; font-weight:bold; margin:0 0.5em;}
.shokuiku td {text-align:left!important;}
/* 5 A DAY スーパーマーケットツアー */
.market .left{float:left; width:300px;}
.market .right{float:left; width:320px;}
.market ul {margin:0 0 20px 0;}
.market li {
	margin:1.2em 15px 0 0;
	background: url(../images/list_icon.gif) no-repeat 0 0.4em;
	padding: 0 0 0 1.0em;
	float: left;
}
.market .fast {width:100%;}
.market h5 {margin:20px 0 0 0;}

/* -----------------------------------------------------------
環境・社会貢献活動
----------------------------------------------------------- */
/* 陸前高田七夕まつり */
.rikuzen .al_center {
	margin:0 0 20px 0;
}
.rikuzen .p_twoTitle {
	padding:0 0 0 1.5em!important;
	font-weight:bold;
}
.rikuzen .h4twoTitle {
	margin-top:0.1em!important;
}
.rikuzen dt {float:left;width:100px;text-align:center;}
.rikuzen dt p {
	font-size: 85%;
	text-align:center;
	line-height:1.3em;
	margin: 5px 0 0 0;
}
.rikuzen dd {padding: 0 0 20px 105px;}
.rikuzen li {
	text-indent: -1em;
	padding: 0 0 0 1em;
	margin:0 0 0.5em 0;
}
.rikuzen .photoCenter {width:470px;}
.rikuzen .leftright { width:490px; margin:0 auto;}
.rikuzen .left {float:left; margin:0 20px 10px 0; width:235px;}
.rikuzen .right {float:right; margin:0 0 10px 0; width:235px;}
/* 災害支援 */
.saigai ul {
	width: 500px;
	margin:0 auto;
	margin-bottom:20px;
}
.saigai li{
	margin:1.0em 0 0 0;
	border-bottom: #bbb dotted 1px;
}
.saigai li li {
	margin:0 0 0 0;
	border-bottom: none;
	padding: 0 0 0 1em;
}
.saigai table {
	margin: 0 0 20px 0;
	width:400px;
}
.saigai .tableCenter {
	margin:0 auto;
	width: 400px;
	text-align:center;
}
/* カスミ共感創造の森 */
#MoriNavi {
	height: 53px;
	padding:10px 0 20px 0;
	width: 640px;
	margin: 0px;
	clear: both;
 }
#MoriGNavi, #MoriGNavi ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 12px;
 }
#MoriGNavi li {float:left;position:relative;}
#MoriGNavi ul {
	position: absolute;
	top: 54px;
	left: 14px;
	display: none;
}
#MoriGNavi ul li a {
	width: 210px;
	display: block;
	color: #333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	background-color: #BCE0D6;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}
#MoriGNavi ul li a:hover   {
	color: #FFF;
	background-color: #8EBD20;
}
#MoriGNavi ul li.short a {
	width: 158px;
	display: block;
	color: #333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	background-color: #BCE0D6;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}
#MoriGNavi ul li.short a:hover {
	color: #FFF;
	background-color: #8EBD20;
}
.menu_00 {
	margin-right: 4px;
	height: 53px;
	width: 53px;
}
.menu_01 {
	margin-right: 4px;
	height: 53px;
	width: 170px;
}
.menu_02 {
	margin-right: 4px;
	height: 53px;
	width: 230px;
}
.menu_03 {
	margin: 0px;
	height: 53px;
	width: 170px;
}
.welcome .textBox li, .report .textBox li {
	background: url(../images/list_icon.gif) no-repeat 0 0.4em;
	padding: 0 0 0 1em;
}
/* レジ袋 */
.rejibukuro li {
	background: url(../images/list_icon.gif) no-repeat 0 0.4em;
	padding: 0 0 0 1em;
}
.rejibukuro .rejiList {width:400px;}
.rejibukuro .tableCenter {margin:0 auto;width:400px;}
.float_left_w420 {
    float: left;
    white-space: normal;
    width: 420px;
}
.float_right {
    float: right;
}

/*--- ニュース */
#mori_news{
	border: 3px double #108343;
	_zoom: 1;
	font-size: 90%;
	margin: 0px;
	padding:5px;
	width: 630px;
	clear: both;
	overflow: hidden;
}
*:first-child+html #news {float:none;}
*html #news {float:none;}
#mori_news dl {float:right;margin-top:0 0 4px 0;width:550px;}
#mori_news dt {
	float:left;
	color:#666;
	font-weight:bold;
	padding:8px 10px 0 8px;
}
#mori_news dd{padding-top:8px 8px 0 6em;}
#mori_news h2 {
	margin: 0px;
	float: left;
	width: 70px;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 8px;
}
/*--- メニュー詳細エリア */
#menu_Box {
	float: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 640px;
	overflow: hidden;
}
.left_Box, .right_Box{margin:0px;width:310px;}
.left_Box h5, .right_Box h5{
	height:51px;
	width:300px;
	border-top-width:3px;
	border-top-style:solid;
	border-top-color:#CCC;
	margin:0 0 6px 0;
	padding:8px 0 0 0;
	float: left;
}
.text_left{
	float:left;
	padding-left:30px;
	width:200px;
	font-size:12px;
}
.iconimg_right{
	float:right;
	width:59px;
	margin:0 0 10px 0;
}
.left_Box {float:left;}
.right_Box {float:right;}
/*--- ボタンメニュー（森へようこそ） */
.btn_navi {
	width:300px;
	margin:0;
	padding-top:0;
	float:left;
}
.btn_navi ul li{margin:0;}
.btn_navi li{
	padding:0 0 8px 0;
	height:40px;
	width:300px;
}
/*--- 活動レポートギャラリー */
.gallery{
	_zoom: 1;
	overflow: hidden;
	padding:0;
	margin:0 0 10px 0;
}
.photo_box01{
	float: left;
	width: 205px;
	background-color: #EBF3DE;
	padding:0px;
	margin:0 8px 0 0;
}
.photo_box02{
	float:left;
	width:205px;
	margin:0px;
	background-color:#EBF3DE;
	padding:0px;
}
.box_caption{
	padding:4px 4px 4px 5px;
	font-size:12px;
	min-height:40px;
}
.gallery img{margin:0px;}
.moriRepo ul {margin:0 0 10px 0;}
.moriRepo li{
	margin:1.2em 0 0 0;
	font-weight:bold;color:#0B5FB0;
	border-bottom: #bbb dotted 1px;
}
/* リサイクル活動 */
.recycle .left { float:left; width:330px;}
.recycle .right {float:right;width:240px;margin 0 0 0 20px;}
.recycle .caption {
	padding: 0 0 0 30px;
	background: url(../kankyo/images/recycle_center/video.gif) no-repeat 0 5px;
}
.recycleCenterBtn {/*週刊ちゃ～ぶる内に設定*/
margin-bottom:20px;
}
.pet { width:400px; margin:0 auto;}
.koshi { width:500px; margin:0 auto;}
.petLeft { text-align:center; float:left; margin:0 35px 0 0;}
.petRight { text-align:center; float:right;}
/* 「わたしの企画」応援します！ */
.myplan .left {float:left; margin:0 20px 20px 0; width:180px;}
.myplan .right {float:right; width:350px;}
.myplan .myplanLine hr {clear:both; margin:20px 0; border:#bbb dotted 1px!important;}
.myplan table {margin: 0 0 10px 0;}
.myplan td {padding:5px; border:#ccc 1px solid;}
.myplan .t_red{font-size:100%!important;}
.myplan li{border:none; text-indent:-1em; margin:0 0 0 1em;}
.myplan .num {background:#F7F7F7; width:1em; text-align:center;}
.myplan .label {background:#FFF0FF; width:9em; text-align:center;}
.myplan .textBox dt { width:5em!important; margin:0; padding:0; color:#333333;}
.myplan .textBox dd { margin:0; padding:0 0 0 5.2em;}
/* ネイチャーキッズ特派員 */
.naturekids ul { margin:0 0 20px 0;}
.naturekids hr {/*週刊ちゃ～ぶる内に設定*/}
.naturekids li {
	margin:1.2em 0 0 0;
	font-weight:bold;color:#0B5FB0;
	border-bottom: #bbb dotted 1px;
}
/* WWFとの協働 */
.wwfh .box { padding:10px; border:#999 solid 1px;background:#DBDBDB;}
.thanks {
	text-align:center;
}

/* -----------------------------------------------------------
IR情報
----------------------------------------------------------- */
/* 業績概要 ----------*/
.gyouseki table {
	margin-top: 0.2em;
	margin-bottom: 1em;
	border-collapse: separate;
	border-spacing: 2px;
	max-width: 640px;
}
.gyouseki th, td {padding:4px 6px;}
.gyouseki th {
	background: #C90010;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
}
.gyouseki td {background:#F7DBDB;text-align: center;}
.gyouseki .label {white-space:nowrap;text-align: left;}
.gyouseki .data {
	background: #FBEDED;
	white-space: nowrap;
	text-align: center;
}
/* 株主様ご優待 ----------*/
.yutai .left {float:left;width: 40%;margin: 0 0 0 50px;}
.yutai .right {float:right;margin: 5px 80px 0 0;}
/* 株主総会 ----------*/
.kabunushisoukai table {margin: 0 0 10px 0;}
.kabunushisoukai td {padding:5px;border:#ccc 1px solid;}
.kabunushisoukai .num {background:#F7F7F7;width:1em;text-align:center;}
.kabunushisoukai .label {background:#FFF0FF;width:5em;text-align:center;}
/* 株式事務 ----------*/
.kabushikijimu span.q {color:#0033CC;}
.kabushikijimu span.a {color:#CC0000;}
.kabushikijimu .column {
	border:#0066CC solid 1px;
	padding: 10px 20px;
	margin: 0px 0px 20px 0px;
}
.kabushikijimu table {
	margin-top: 0.2em;
	margin-bottom: 1em;
	border-collapse: separate;
	border-spacing: 2px;
	max-width: 640px;
}
.kabushikijimu th, td {padding:4px 6px;}
.kabushikijimu th {
	background: #C90010;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
}
.kabushikijimu table tr.odd {background: #F7DBDB;}
.kabushikijimu table tr.even {background: #FBEDED;}
.kabushikijimu li {
	text-indent:-1.0em;
	padding:0 0 0 1em;
	margin:0 0 0.5em 0;
}

/* -----------------------------------------------------------
お問い合わせフォーム
----------------------------------------------------------- */
.toFormBtn {/*週刊ちゃ～ぶる内に設定*/
margin-bottom:20px;
}
/* 商談 */
.shodan hr {/*週刊ちゃ～ぶる内に設定*/}
/* 個人情報 */
.kojinjyouhou ul {margin: 0 0 20px 0;padding: 0;}
.kojinjyouhou ul ul {margin:0;}
.kojinjyouhou li {
	margin:1.2em 0 0 1.5em;
	border-bottom:#bbb dotted 1px;
	text-indent:-1.5em;
}
.kojinjyouhou li li {
	border:none;
	margin:0 0 0 1.5em;
	text-indent:-1.5em;
}
.kojinjyouhou .doui {
	margin:0 auto;
	width:300px;
	text-align:center;
}
.douiBtn {/*週刊ちゃ～ぶる/トレーサビリティ内に設定 */}
/* フォーム */
.form .table01 th {
	text-align:left;
	padding: 3px 7px;
	background:#ddd;
	color:#333;
}
.form .table01 td {text-align:left;padding:3px 7px;}
.yubinBtn {
	padding: 1px 3px;
	background:#B7000D;
	color:#fff;
	font-size:90%;
}
.form .tableCenter {width: 550px;}
.form .textCenter {margin:0 0 10px 0;}
.form .textRed120 {
	display:inline-block;
	width:12px;
	height:14px;
	margin:0 2px;
	background:url(../contact/images/tilde.png) no-repeat;
	}
.form .textRed80 {color:red; font-size:80%; line-height:1.3em;}
.form table.table01 td {white-space: normal;}
.form table.table01 .err {color:red;}
.textFree{font-weight:bold;font-size:110%;}
.submit_area{text-align: center;}
.yasaitenpo {
	margin:0 0 20px 0;
}
.yasaitenpo dl {
	border-bottom:none;
}
.yasaitenpo dt {
	background:#CCC;
	padding:2px;
}
.yasaitenpo dd {
	padding:2px;
}

/* -----------------------------------------------------------
NEWS
----------------------------------------------------------- */


/* -----------------------------------------------------------
サイトマップ
----------------------------------------------------------- */
.sitemap .left {float:left; width:45%;}
.sitemap .right {float:right; width:45%;}
.sitemap ul {margin:0 0 20px 0.5em;}
.sitemap ul ul {margin:0 0 0 0.5em;}
.sitemap li {
	text-indent:0em;
	padding: 0 0 0 1.1em;
	margin: 0 0 0.5em 0;
	line-height:1.3em;
	background:url(../images/sitemap/smM.gif) no-repeat;
}
.sitemap .last {background:url(../images/sitemap/smB.gif) no-repeat;}

/* -----------------------------------------------------------
レシピ＆食育
----------------------------------------------------------- */
#contents1{
	width: 680px;
	float: right;
	background-color: #f5f5f5;
	margin-right: 26px;
}
#contents1 h1 {
	border-bottom-color: #C90300;
	font-size: 32px;
	color: #333;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	line-height: 1;
	padding-bottom: 5px;
	margin-left: -10px;
	width: 680px;
	margin-bottom: 20px;
}
 .midashi {
 	position: relative;
	float: left;
 	top: 15px;
    left: 10px;
    font-size: 125%;
}
 .blue {
 	display: block;
 	margin-right: 6px;
 	position: relative;
 	top: -290px;
    left: 10px;
}
 .search {
 	display: block;
 	margin-right: 6px;
 	position: relative;
 	top:-290px;
    left:24px;
}
 .midashi2 {
 	position: relative;
	float: left;
 	top: -1445px;
    left:95px;
    font-size: 160%;
    color: white;
}
.over a:hover img{
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.bento{
	display: block;
 	position: relative;
 	top: -1375px;
    left: 20px;
}
.super{
	display: block;
 	position: relative;
 	top: -1620px;
    left:95px;
}
.cooking{
	display: block;
 	position: relative;
 	top: -1365px;
    left:348px;
}
.koujyo{
	display: block;
 	position: relative;
 	top: -1613px;
    left: 236px;
}

/* -----------------------------------------------------------
味わいレシピ
----------------------------------------------------------- */
#contents2{
	width: 680px;
	float: right;
	background-color: #f5f5f5;
	margin-right: 26px;
}
p.box {
   border-bottom: 2px solid #ccc;
   margin: 10px 0px;
   left: 0px;
}
.cap{
	display: block;
	position: relative;
	top:25px;
	left:35px;
	color: #363636;
	font-size: 90%;
	text-decoration:none;
}
.cap1{
	display: block;
	position: relative;
	top:-82px;
	left:191px;
	color: #363636;
	font-size: 90%;
	text-decoration:none;
	line-height: 1.3em;
}
.cap2{
	display: block;
	position: relative;
	top:-214px;
	left:349px;
	color: #363636;
	font-size: 90%;
	text-decoration:none;
}
.cap3{
	display: block;
	position: relative;
	top:-330px;
	left:505px;
	color: #363636;
	font-size: 90%;
	text-decoration:none;
}
p.box1 {
   border-bottom: 2px solid #ccc;
   margin: -320px 0;
   left: 0px;
}
p.box2 {
      border-bottom: 2px solid #ccc;
      margin: -0px 0;
      left: 0px;
}

/*2018.01追記*/

table.tour {
	margin-top: 0.2em;
	margin-bottom: 1em;
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	min-width: 640px;
}
table.tour tr {
}
table.tour caption {
	margin-top: 0.2em;
	text-align: right;
}
.form table.tour th {
	width: 30%;
	padding: 4px 6px;
	text-align:left;
	padding: 3px 7px;
	background:#ddd;
	color:#333;
	min-width: 12em;
}
.form table.tour td {
	text-align:left;
	padding:3px 7px;
	white-space: nowrap;
}
table.tour th {
	background: #C90010;
	text-align: center;
	color: #FFF;
}
table.tour tr.odd {
	background: #F7DBDB;
}
table.tour tr.even {
	background: #FBEDED;
}
table.tour td {
	text-align: center;
}
table.table01 td.td_right {
	text-align: right;
}
.form table.tour .err {color:red;}

.form table td input[type="text"] {
	width: 10em;
}
.form table td.your-tour input[type="text"],
.form table td.your-addr input[type="text"] {
	width: 18em;
}
.form table td.your-zip input[type="text"] {
	width: 7em;
}
.form table td.your-age input[type="text"] {
	width: 3em;
}
.form table td input[type="email"] {
	width: 16em;
}
.form table td input[type="tel"] {
	width: 13em;
}
.form table td textarea {
	width: calc(99.999% - 8px);
	border: 1px solid #ccc;
	padding: 4px;
}
.tbr {
	color: red;
	font-weight: bold;
}

table.tour {
	margin-top: 0.2em;
	margin-bottom: 1em;
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	min-width: 640px;
}
table.tour tr {
}
table.tour caption {
	margin-top: 0.2em;
	text-align: right;
}
.form table.tour th {
	width: 30%;
	padding: 4px 6px;
	text-align:left;
	padding: 3px 7px;
	background:#ddd;
	color:#333;
	min-width: 12em;
}
.form table.tour td {
	text-align:left;
	padding:3px 7px;
	white-space: nowrap;
}
table.tour th {
	background: #C90010;
	text-align: center;
	color: #FFF;
}
table.tour tr.odd {
	background: #F7DBDB;
}
table.tour tr.even {
	background: #FBEDED;
}
table.tour td {
	text-align: center;
}
table.table01 td.td_right {
	text-align: right;
}
.form table.tour .err {color:red;}

.form table td input[type="text"] {
	width: 10em;
}
.form table td.your-tour input[type="text"],
.form table td.your-addr input[type="text"] {
	width: 18em;
}
.form table td.your-zip input[type="text"] {
	width: 7em;
}
.form table td.your-age input[type="text"] {
	width: 3em;
}
.form table td input[type="email"] {
	width: 16em;
}
.form table td input[type="tel"] {
	width: 13em;
}
.form table td textarea {
	width: calc(99.999% - 8px);
	border: 1px solid #ccc;
	padding: 4px;
}
.tbr {
	color: red;
	font-weight: bold;
}
.project_Box {
	border: 6px solid #ccc;
	padding: 24px;
}
.project_Box table {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 24px;
}
.project_Box table th,
.project_Box table td {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 12px;
}
.project_Box table th {
	background-color: #f1f1f1;
}
.project_Box table td ul {
	padding-left: 1.5em;
	margin-bottom: 1em;
}
.project_Box table td ul li {
	list-style: decimal;
}
.project_Box table td ul li span {
	font-weight: bold;
}
.project_Box .toFormBtn {
	text-align: center;
}

.gallery_wrap {
	width: 100%;
	flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}
.gallery_wrap dl {
	width: calc((99.999% - 16px) / 3);
	margin: 0 8px 8px 0;
}
.gallery_wrap dl:nth-child(3n) {
	margin-right: 0;
}
.gallery_wrap dl dt img {
	width: 100%;
	height: auto;
}
.gallery_wrap dl dd {
	background-color: #EBF3DE;
	padding: 6px 8px;
	font-size: 12px;
	min-height: 5em;
	line-height: 1.5;
}
.form table.tour th.em1 {
	width: 1em;
	min-width: 1em;
	padding: 4px 8px;
	line-height: 1;
	text-align: center;
}
strong.release {
	font-size: 240%;
	color: #c1272d;
	font-weight: bold;
	display: block;
}
ol.ashitagoyomi {
	padding-top: 24px;
	width: 100%;
}
ol.ashitagoyomi li {
	width: calc((99.999% - 24px) / 3);
	width: -webkit-calc((99.999% - 24px) / 3);
	float: left;
	margin: 0 12px 12px 0;
	position: relative;
}
ol.ashitagoyomi li:nth-child(3n) {
	margin-right: 0;
}
ol.ashitagoyomi li img {
	width: 100%;
	height: auto;
}
ol.ashitagoyomi li:before {
	counter-increment: number 1;
	content:counter(number) "月";
	position: absolute;
	width: 3em;
	height: 24px;
	padding-top: 2px;
	color: #fff;
	background-color: #b20407;
	display: block;
	left: 0;
	top: 0;
	text-align: center;
}
ol.ashitagoyomi {
	counter-reset: number;
}
ul.past_calendar {
	width: 100%;
	margin-bottom: 24px;
}
ul.past_calendar:after {
	clear: both;
	content: "";
	display: block;
	overflow: hidden;
}
ul.past_calendar li {
	width: calc((99.999% - 24px) / 3);
	width: -webkit-calc((99.999% - 24px) / 3);
	text-align: center;
	float: left;
	margin: 0 12px 12px 0;
}
ul.past_calendar li:nth-child(3n) {
	margin-right: 0;
}
ul.past_calendar li a {
	display: block;
	background-color: #fff;
	border: 1px solid #c1272d;
	border-radius: 4px;
	color: #c1272d;
	text-decoration: none;
	padding: 4px;
}
ul.past_calendar li a:hover {
	background-color: #c1272d;
	color: #fff;
}
dd ul li {
	margin: 0 0 1em 1em;
}
dd ul li:first-letter {
	margin-left: -1em;
}
.jisedai table td span {
	display: inline-block;
	width: 10em;
}

/*2019.02.19追記*/
.sns_box ul {
	border: 2px solid #ccc;
	padding: 24px;
	margin-bottom: 40px;
	border-radius: 2px;
}
.sns_box ul li {
	position: relative;
	padding-left: 1.25em;
	font-weight: bold;
	font-size: 18px;
	line-height: 2;
}
.sns_box ul li:before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	background-color: #F29C38;
	border-radius: 50%;
	display: inline-block;
	left: 0;
	top: 33%;
}
.sns_box ol li {
	line-height: 2.4;
}
.sns_box ol li a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.sns_box ol li a img {
	padding-right: 0.5em;
	vertical-align: middle;
}

/*2020.02.01追記*/
.office-smart-shop img {
	max-width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.office-smart-shop .alignright {
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
}
.smartbox {
	border: 4px solid #E6E6E6;
	padding: 16px;
	float: left;
}
.smartbox h5 {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 8px;
	position: relative;
	padding-left: 38px;
}
.smartbox h5:before {
	background: url(../shopping/images/office-smart-shop/smart_f.jpg);
	content: "";
	position: absolute;
	left: 4px;
	top: 4px;
	width: 28px;
	height: 28px;
	background-size: 28px;
}
.smartbox ol {
	padding-left: 1em;
}
.smartbox ol li {
	list-style-type: decimal;
}
.column_2 {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 12px;
}
.column_2 div,
.column_2 dl {
	width: 48%;
}
.column_2 div ul {
	margin-left: 1em;
}
.column_2 div ul li {
	list-style-type: disc;
}
.office-smart-shop .column_2 img {
	margin-bottom: 8px;
}
a.abox {
	background-color: #CC0000;
	width: 400px;
	height: 80px;
	line-height: 80px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	display: block;
	box-shadow: 12px 12px 0 #E6E6E6;
	border-radius: 2px;
	margin: 40px auto;
	color: #fff;
	text-decoration: none;
}
a.abox:hover {
	opacity: 0.5;
}
.office-smart-shop table {
	width: 100%;
	line-height: 1.4;
	margin-bottom: 24px;
}
.office-smart-shop table th,
.office-smart-shop table td {
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	text-align: center;
	vertical-align: middle;
	padding: 12px 24px;
}
.office-smart-shop table th {
	background-color: #F79546;
	color: #fff;
}
.office-smart-shop table td {
	background-color: #FBD5B5;
}
/*2021.01.29追記*/
.important-container {
	text-align: center;
	padding: 24px;
	background-color: #bf0008;
}
.important-container a {
	background-color: #fff;
	color: #bf0008;
	display: block;
	text-decoration: none;
	max-width: 50%;
	margin: 0 auto;
	padding: 0.5em;
}