@charset "UTF-8";

@import url("../../common/css/common.css");

/* --------------------------------------------------------------------------------------
 環境活動・社会貢献活動
--------------------------------------------------------------------------------------- */

/* Contents ------------------------------ */

div.environment-box {
	width: 615px;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

div.environment-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.environment-box { display:inline-block; }
/*\*/
* html div.environment-box { height:1%; }
div.environment-box { display:block; }
/**/

div.envi-menu-box p.idea {
	margin: 20px 0 0;
	text-align: center;
}

div.envi-menu-box p.mirai {
	font-size: 110%;
}


div.environment-box p strong {
}

div.envi-menu-box p span.red,
div.environment-box p span.red {
	color: #cc0000;
	font-weight: bold;
}

div.envi-menu-box p span.small,
div.environment-box p span.small,
div.envi-menu-box li span.small,
div.environment-box li span.small {
	font-size: 70%;
}



div.environment-box h1 {
	margin: 0 0 30px 0;
}

div.environment-box h2 {
	margin: 5px 0 10px 0;
}


/* TOPコピー ------------------------------ */

div.envi-menu-box h3 {
	margin: 20px 0 10px 0;
}

div.envi-menu-box p.midashi {
	margin: 0px 0 3px 0;
	font-size: 110%;
	color: #00469d;
	font-weight: bold;
}

div.envi-menu-box p.midashi-green {
	margin: 0px 0 3px 0;
	font-size: 110%;
	color: #8fc31f;
	font-weight: bold;
}

div.envi-menu-box p.midashi-pink {
	margin: 0px 0 6px 0;
	font-size: 120%;
	color: #ed6877;
	font-weight: bold;
}


div.envi-menu-box p.txt-blue {
	margin: 3px 0 0 0;
	font-size: 110%;
	color: #00469d;
}

div.envi-menu-box p.txt-blue span {
	margin: 0px 0 0 10px;
	font-size: 100%;
	color: #333333;
}



div.envi-menu-box p.pic {
	float: left;
	margin: 0 20px 20px 0;
}

div.envi-menu-box p.graph {
	float: right;
	margin: 0 0 20px 20px;
}


div.envi-menu-box p.picNone {
	float: left;
	margin: 0 0 20px 0;
}



/* TOPメニュー ------------------------------ */

div.envi-menu-box {
	width: 615px;
	margin: 0 0 0 20px;
	padding: 0 0 30px 0;
	background: url(../img/line.gif) no-repeat bottom left;
}

div.envi-menu-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.envi-menu-box { display:inline-block; }
/*\*/
* html div.envi-menu-box { height:1%; }
div.envi-menu-box { display:block; }
/**/

div.envi-menu {
	float: left;
	width: 187px;
	margin: 20px 23px 0 0;
	padding: 0 0;
}

div.envi-menuNone {
	float: left;
	width: 187px;
	margin: 20px 0 0 0;
}

div.envi-menu h2 {
	margin: 0 0 5px 0;
}

div.envi-menu p {
	margin: 0 0 0 0;
	padding: 0 0;
}

div.envi-menu-box ol {
	margin: 0 0 0 30px;
	padding: 0 0;
}

div.envi-menu-box ol li {
	margin: 0 0 0 0;
	padding: 0 0;
}




/* ニュースメニュー ------------------------------ */

div.newsBox {
	margin: 30px 0 20px;
}

div.newsBox h2 {
	padding: 0 0 8px 0;
	border-bottom: 1px #cccccc solid;
}

dl.news {
	margin: 6px 16px 0 8px;
}

dl.news dt {
	float: left;
	width: 100px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	background: url(../../common/img/icon_arw01.gif) no-repeat 0 .5em;
	color: #e60011;
	font-weight: bold;
}

/*\*/
dl.news dt {
	clear: both;
}
/**/

dl.news dd {
	float: left;
	width: 480px;
	margin: 0 0 10px 0;
}

/*\*/
* html dl.news dd {
	float: none;
}
/**/

*:first-child + html dl.news dd {
	float: none;
}

dl.news:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.news { display:inline-block; }
/*\*/
* html dl.news { height:1%; }
dl.news { display:block; }
/**/

dl.news dd img.news_icon {
	vertical-align: middle;
	margin: 0 10px 2px 0;
}

p.news-list {
	text-align: right;
	margin-right: 20px;
	/*background: url(../../common/img/icon_arw01.gif) no-repeat 41em .6em;*/
}

/* 店舗 ------------------------------ */

div.shop {
	width: 613px;
	padding: 20px 0 0 0;
	border-bottom: 1px solid #eeeeee;
}

div.shop:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.shop { display:inline-block; }
/*\*/
* html div.shop { height:1%; }
div.shop { display:block; }
/**/

/* 鮮度 ------------------------------ */

div.sendo {
	width: 613px;
	padding: 20px 0 0 0;
	border-bottom: 1px solid #eeeeee;
}

div.sendo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.sendo { display:inline-block; }
/*\*/
* html div.sendo { height:1%; }
div.sendo { display:block; }
/**/

div.sendo-in {
	float: right;
	width: 160px;
	margin: 0 0 0 10px;
}

div.sendo-in img {
	margin: 0 0 10px 0;
}




/* トピックス ------------------------------ */

div.topics {
	width: 613px;
	margin: 10px 0 0 0;
	background: url(../img/topics_side.gif) repeat-x top left;
}

div.topics:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.topics { display:inline-block; }
/*\*/
* html div.topics { height:1%; }
div.topics { display:block; }
/**/

div.topics h4 {
	margin: 0 0 7px 0;
}

div.topics-in {
	width: 588px;
	margin: 0 0 0 0;
	padding: 0 10px 0 15px;
	background: url(../img/topics_bt.gif) no-repeat bottom left;
}

* html div.topics-in {
	width: 613px;
}




/* 財団テーブル ------------------------------ */

div.envi-menu-box table.zaidan {
	width: 620px;
	margin-bottom: 30px;
	border-collapse: separate;
}

div.envi-menu-box table.zaidan th {
	width: 9%;
	padding: 4px;
 	background: #556fb5;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	vertical-align: top;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

div.envi-menu-box table.zaidan td {
	width: 9%;
	padding: 4px;
 	background: #eeeeee;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	text-align: center;
}

div.envi-menu-box table.zaidan td.taisyou {
	width: 15%;
	color: #556fb5;
}

/* 災害テーブル ------------------------------ */

div.disaster_l {
	float: left;
	width: 330px;
	margin: 0 0 0 0;
}

div.disaster_r {
	float: right;
	width: 255px;
	margin: 0 0 0 0;
}

div.envi-menu-box table.disaster {
	width: 255px;
	border-collapse: separate;
}

div.envi-menu-box table.disaster th {
	width: 9%;
	padding: 4px;
 	background: #556fb5;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	vertical-align: top;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

div.envi-menu-box table.disaster td {
	padding: 4px;
 	background: #eeeeee;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	text-align: center;
}

div.envi-menu-box table.disaster td.year {
	width: 25%;
}
div.envi-menu-box table.disaster td.month {
	width: 18%;
}

/* アレルギー表示25項目テーブル ------------------------------ */

div.envi-menu-box table.commodity {
	width: 620px;
	margin-bottom: 30px;
	border-collapse: separate;
}

div.envi-menu-box table.commodity th {
	padding: 4px 8px;
 	background: #ed6877;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	vertical-align: top;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

div.envi-menu-box table.commodity td {
	padding: 4px 8px;
 	background: #eeeeee;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	text-align: left;
}

div.envi-menu-box table.commodity td.allergen {
	width: 25%;
	color: #ed6877;
	text-align: center;
}








div.point-box {
	width: 610px;
	margin: 0 0 0 20px;
	padding: 15px 0;
	background: url(../img/dotted_green.gif) no-repeat left bottom;
}

div.point-box div.txt h2 {
	margin: 8px 0;
}

div.point-box div.txt h3 {
	margin: 5px 0 10px 0;
	padding: 0 0 4px 0;
	border-bottom: 2px #cccccc solid;
	color: #009944;
	font-weight: bold;
	font-size: 130%;
}

div.point-box div.txt h4 {
	margin: 0 0 0 0;
	padding-left: 16px;
	background: url(../img/arw_red.gif) no-repeat 0 50%;
	color: #d70c18;
	font-weight: bold;
}
	

div.point-box div.txt{
	float: left;
	width: 390px;
	margin: 0;
}

div.point-box p.pic {
	margin: 0 0 10px 0;
}



/* エコショッピング ------------------------------ */


div.eco-box {
	width: 610px;
	margin: 0 0 0 20px;
	padding: 15px 0;
}

div.eco-box h3 {
	margin: 5px 0 10px 0;
	padding: 0 0 4px 0;
	border-bottom: 2px #cccccc solid;
}

div.eco-box div.txt{
	float: left;
	width: 370px;
	margin: 0;
}

div.eco-box p.pic {
	margin: 0 0 10px 0;
}

div.eco-box ol {
	list-style: none;
}

div.eco-box ol li {
	padding-bottom: 10px;
}

div.eco-box ol.guide {
	list-style: none;
}

div.eco-box ol.guide li {
	float: left;
	width: 280px;
	margin-left: 20px;
}

div.guide {
	float: left;
	width: 270px;
	margin: 0;
	vertical-align: middle;
	border: 0px #cccccc solid;
}

div.eco-box p.arw {
	float: left;
	width: 60px;
	padding-top: 45px;
	text-align: center;
}

div.eco-box p.arw2 {
	width: 605px;
	text-align: center;
}

div.guide p {
	margin: 10px 0;
}

div.guide p span {
	color: #009944;
	font-weight: bold;
	font-size: 160%;
}

div.guide img {
	float: left;
	margin: 0 10px;
}