@charset "utf-8";
body {
 font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
 font-size: 13px;
 line-height: 1.6;
 /*	overflow-x: hidden;*/
 color: #333333;
 -webkit-text-size-adjust: 100%;
 text-rendering: optimizeLegibility;
 /*
 -webkit-font-smoothing: antialiased;
	*/
}
h1 {
 color: #aaa;
 margin-top: 7px;
 font: 10px/1.5 verdana;
 float: right;
}
h2 {}
#main h2 {}
h3 {}
#logo {
 float: left;
 margin-right: 15px;
}
#logo2 {
 float: left;
}
.tabdiv li {}
/*=======================================
 一部のページでスマホボタンを非表示 
=======================================*/
#page_service a.spLink, #page_kosodate a.spLink {
 display: none !important;
}
/* base
----------------------------------------*/
/* スマホボタン表示用
#wrapper { background: url(../../images/common/title_bg2.jpg) no-repeat center -123px; } */
/**/
#wrapper {
 background: url(../../images/common/title_bg2.jpg) no-repeat center top;
}
#wrapper2 {
 background: url(../../images/common/title_bg3.jpg) no-repeat center top;
}
/* header
----------------------------------------*/
#header {
 width: 100%;
 border-top: 3px solid #0f9e00;
 height: 120px;
}
#header_inner {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
 height: 65px;
 padding-top: 10px;
}
#header_left {
 float: left;
 width: 440px;
}
#header_right {
 float: right;
 width: 520px;
 text-align: right;
 margin-bottom: 8px;
}
#header_right ul {
 clear: both;
 text-align: right;
}
#header_right ul li {
 display: inline-block;
 font-size: 0.85em;
 font-family: verdana;
 height: 18px;
 line-height: 20px;
 margin-left: 0.6em;
 vertical-align: middle;
 letter-spacing: -0.03em;
 -webkit-font-smoothing: antialiased;
}
.hBtn {
 position: relative;
}
.hBtn:before {
 content: '▶';
 color: #0f9e00;
 display: inline-block;
 margin-right: 2px;
 -webkit-transform: scale(0.7);
 -moz-transform: scale(0.7);
 transform: scale(0.7);
}
.hBtn2 {
 position: relative;
 font-size: 1.0em !important;
 margin-right: 3px;
}
.hBtn2:before {
 content: '▶';
 color: #f60;
 display: inline-block;
 margin-right: 2px;
 -webkit-transform: scale(0.7);
 -moz-transform: scale(0.7);
 transform: scale(0.7);
}
.hBtn2 a {
 text-decoration: underline !important;
}
.hBtn2 a:hover {
 color: #f60 !important;
}
#header_right ul li a {
 color: #333;
 font-weight: bold;
 text-decoration: none;
}
#header_right ul li a:hover {
 color: #0f9e00;
 text-decoration: underline;
}
#header_right ul li#fontSize {
 background: url(none);
 padding: 0px;
 line-height: 18px !important;
 _vertical-align: bottom;
}
#header_right ul li#fontSize img {
 vertical-align: top;
}
#header_right2 {
 float: right;
 width: 440px;
 text-align: right;
 clear: right;
}
#header_right2 ul {}
#header_right2 ul li {
 float: right;
 margin-left: 10px;
 padding-top: 5px;
 font-size: 1px;
}
#header_right2 ul li#search_box {
 text-align: center;
 background: url(../../images/header/search_box_bg.gif) no-repeat center top;
 _width: 211px;
 height: 27px;
 width: 208px;
 padding: 2px;
 _margin-top: 0px;
 vertical-align: middle;
}
#header_right2 ul li#search_box input {
 vertical-align: middle;
}
#header_right2 ul li#search_box input.text {
 border-style: none;
 background: #edfcca url(../../images/header/search_box_img.gif) no-repeat 2px center;
 width: 122px;
 float: left;
 _margin-top: 5px;
 margin-left: 3px;
 font-size: 12px;
 line-height: 27px;
 height: 27px;
 display: inline;
 padding: 0px 0px 0px 20px;
}
#header_right2 ul li#search_box input.submit {
 overflow: hidden;
 zoom: 1;
 float: right;
 vertical-align: bottom;
}
/* header_navi
----------------------------------------*/
#header_navi {
 background: url(../../images/navi/header/btn_bg.gif) repeat-x center top;
 height: 40px;
 width: 100%;
 position: relative;
 padding-top: 5px;
 clear: both;
 z-index: 100;
}
#header_navi_list {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
 font-size: 100%;
 _font-size: 100%;
 clear: both;
 position: relative;
}
#header_navi_list ul {
 position: relative;
}
#header_navi_list li {
 float: left;
 list-style: none;
 text-align: center;
 position: relative;
 font-size: 12px;
}
#header_navi_list li a {
 display: block;
}
#header_navi_list li img {
 vertical-align: middle;
}
#header_navi li ul.drop {
 width: 240px;
}
#header_navi li ul.drop2 {
 width: 200px;
}
#header_navi li ul.drop3 {
 width: 150px;
}
#header_navi li ul.drop, #header_navi li ul.drop2 {
 position: absolute;
 display: none;
 float: none;
 z-index: 100;
 left: 0;
 top: 40px;
}
#header_navi li ul.drop3 {
 position: absolute;
 display: none;
 float: none;
 z-index: 100;
 left: 0;
 top: 40px;
 margin-left: -65px;
}
#header_navi li ul.drop li, #header_navi li ul.drop2 li, #header_navi li ul.drop3 li {
 float: none;
 position: static;
 filter: alpha(opacity=90);
 -moz-opacity: 0.90;
 opacity: 0.90;
}
#header_navi li ul.drop li a, #header_navi li ul.drop2 li a, #header_navi li ul.drop3 li a {
 display: block;
 padding: 8px 0px 8px 0px;
 _zoom: 1;
 white-space: nowrap;
 text-decoration: none;
 line-height: 1.2;
 color: #ffffff;
 background: #00923a;
 border-top: solid 1px #eefccb;
 /*	background:#664422;
	border-top:solid 1px #999999;*/
 font-weight: bold;
}
#header_navi li ul.drop li a:hover, #header_navi li ul.drop2 li a:hover, #header_navi li ul.drop3 li a:hover {
 color: #00923a;
 background: #eefccb;
}
/* footer_navi
----------------------------------------*/
#footer_navi {
 background: url(../../images/navi/footer/footer_navi_bg.gif) repeat-x center top;
 height: 40px;
 width: 100%;
 position: relative;
 padding-top: 5px;
 clear: both;
 padding-bottom: 5px;
 margin-bottom: 10px;
 z-index: 100;
}
#footer_navi ul {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
 font-size: 100%;
 _font-size: 100%;
 clear: both;
 position: relative;
}
#footer_navi ul li {
 float: left;
 list-style: none;
 text-align: center;
 position: relative;
}
/* footer_link
----------------------------------------*/
#footer_link {
 width: 100%;
 clear: both;
 padding-top: 10px;
 padding-bottom: 10px;
}
#footer_link ul {
 clear: both;
}
#footer_link ul li {
 line-height: 1.5;
}
#footer_link ul li a {
 background: url(../../images/common/icon_link.gif) no-repeat left center;
 padding-left: 18px;
}
#footer_link ul li.link2 a {
 background: url(../../images/common/icon_link2.gif) no-repeat left center;
}
/* footer
----------------------------------------*/
#footer {
 clear: both;
 width: 100%;
 background: #0D9A17 url(../../images/navi/footer/footer_navi_bg.png) repeat-x top;
 padding-top: 10px;
}
#footer a {
 color: #ffffff;
}
#footer a:hover {
 color: #F18E28;
 text-decoration: none;
}
#footer_inner {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
 position: relative;
 clear: both;
 margin-bottom: 15px;
}
#footer_inner:after {
 content: '';
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
#f_box {
 height: 240px;
 width: 360px;
 float: left;
}
#f_box iframe {
 background: #FFF;
 font-size: 85%;
}
#f_shop {
 float: left;
 width: 384px;
 padding: 15px 0px 10px 17px;
 color: #FFF;
 background: url(../../images/footer/f_shop_bg.gif) no-repeat center top;
 height: 213px;
 margin: 0px 13px;
 _margin: 0px 12px;
 border: 1px solid #FFFFFF;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
#f_shop ul li {
 float: left;
 margin-right: 11px;
 margin-bottom: 11px;
}
#f_outline {
 float: left;
 width: 190px;
}
#f_outline ul li {
 color: #FFF;
 font-size: 85%;
 background: url(../../images/common/arrow/arrow_png.png) no-repeat left center;
 padding-left: 14px;
 background-size: 10px;
 margin-bottom: 3px;
}
/* copyright
----------------------------------------*/
#copyright {
 letter-spacing: 0.1em;
 text-align: center;
 padding-bottom: 5px;
 clear: both;
 padding-top: 5px;
 font: 10px verdana;
 width: 100%;
 background: #eefccb;
}
/* contents layout
----------------------------------------*/
#contents {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
 clear: both;
}
#main {
 width: 720px;
 float: right;
 margin-bottom: 30px;
}
#main h3 {}
#main h4 {}
/* sidemenu
----------------------------------------*/
#sidemenu {
 width: 240px;
 float: left;
 text-align: left;
}
#side_navi {
 background: url(../../images/common/sidenavi_bg.gif) no-repeat center bottom;
 margin-bottom: 15px;
 width: 240px;
}
#side_navi ul {
 padding-top: 1px;
 padding-bottom: 2px;
}
#side_navi ul li {
 width: 238px;
 margin-right: auto;
 margin-left: auto;
}
#side_navi ul li.line_none {
 border-width: 0px;
 border-style: none;
}
#side_navi ul li:hover {}
#side_navi ul li img {
 vertical-align: bottom;
}
#side_navi ul ul {
 display: none;
}
#side_navi ul ul.active {
 display: block;
}
.sideBtn {
 font-size: 1.15em;
 height: auto !important;
 line-height: 1.4 !important;
 /*
	height: 40px!important;
	line-height: 40px!important;
	*/
}
.sideBtn a {
 color: #333 !important;
 font-weight: bold;
 text-decoration: none !important;
 -webkit-font-smoothing: antialiased;
 display: block;
 padding-top: 10px;
 padding-bottom: 10px;
}
.sideBtn a:hover {
 color: #0f9e00 !important;
 text-decoration: underline !important;
}
/* sidemenu表示切替
----------------------------------------*/
#side_navi li ul {
 display: none;
}
#side_navi li.current ul {
 display: block;
}
/* sidemenu banner
----------------------------------------*/
#banner {
 width: 224px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 40px;
}
#banner ul li {
 margin-bottom: 3px;
 line-height: 1;
}
#banner ul li liimg, #banner ul li li {
 margin-bottom: 0px;
 vertical-align: bottom;
}
#banner .list_green li {
 height: 30px;
 line-height: 30px;
 border-bottom: 1px dotted #dddddd;
 margin-bottom: 0px;
}
#btn_efriends {
 background: url(../images/efriends2/rpt_efriends_bg.gif) no-repeat center bottom;
 width: 220px;
 margin: 0px;
 text-align: center;
 padding-bottom: 2px;
 margin-bottom: 6px;
}
#btn_efriends li {
 margin-bottom: 5px !important;
}
#btn_efriends li#ef_goriyou {
 text-align: left;
 background: url(../_old/common_img/bow_square_gren.gif) no-repeat left center;
 padding-left: 17px;
 margin-left: auto;
 margin-right: auto;
 width: 155px;
 line-height: 2;
}
#side_megumino {
 height: 90px;
 width: 224px;
 position: relative;
}
#side_megumino_rice {
 height: 15px;
 width: 218px;
 position: absolute;
 right: 3px;
 bottom: 3px;
}
/* footer_banner
----------------------------------------*/
#banner2_box {
 width: 960px;
 position: relative;
 margin: 0px auto 30px;
 padding: 0px;
}
ul#banner2 {
 display: block;
 margin: 0px;
 padding: 0px;
 list-style: none;
}
ul#banner2 li {
 margin-left: 5px;
 margin-right: 5px;
 _margin-left: 2px;
 float: left;
 height: 125px;
 width: 230px;
 display: block;
 list-style: none;
}
#prev {
 position: absolute;
 left: -15px;
 top: 12px;
 width: 15px;
 height: 95px;
 z-index: 100;
}
#next {
 position: absolute;
 right: -15px;
 top: 12px;
 height: 95px;
 width: 15px;
 z-index: 100;
}
.pagination {
 text-align: center;
}
.pagination a {
 background: transparent url(../../images/common/miscellaneous_sprite.png) no-repeat 0 -300px;
 width: 15px;
 height: 15px;
 margin: 10px 5px 0 0;
 display: inline-block;
}
.pagination a.selected {
 background-position: -25px -300px;
 cursor: default;
}
.pagination a span {
 display: none;
}
#contents_bottom {
 clear: both;
 width: 980px;
}
/* link
----------------------------------------*/
a:link, a:hover, a:visited {
 color: #1D3994;
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
}
a:active, a:focus {
 outline: 0;
}
a.opacity_btn:hover img {
 opacity: 0.70;
 -moz-opacity: 0.70; /* Firefox */
 filter: alpha(opacity=70); /* IE6/7 */
 -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
ul li img {
 vertical-align: bottom;
 margin: 0px;
 padding: 0px;
}
/* for smart phone */
a.spLink {
 display: block;
 width: 94%;
 margin: 10px auto;
 padding: 13px;
 border-radius: 8px;
 box-shadow: 0px 0px 1px #999;
 /* グリーン
	background:-webkit-gradient(linear, left top, left bottom, from(#1d9c19), to(#197848));
*/
 /* シルバー
	background: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#dddddd));
*/
 /*オレンジ*/
 background: -webkit-gradient(linear, center top, center bottom, from(#f6ae00), to(#d65a1b));
 font-weight: bold;
 font-size: 40px;
 text-align: center;
 text-decoration: none;
 border: solid 1px #999999;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
 color: #ffffff;
}
.spLink:after {
 float: right;
 width: 30px;
}
.spLink:after {
 content: "\279C";
}
/* 160901 ＠コープ
----------------------------------------*/
#at-coop-member-wrapper {
 margin: 0px auto 7px !important;
}
#efriendsPtr {
 margin-right: auto;
 margin-left: auto;
}
/* 170425 お店情報
----------------------------------------*/
#search10.tabdiv {
 display: none !important;
}