@charset "EUC-JP";
/*
	Site Name: 産直だより
	Description: initial setting
	Version: 1.0
	Author: Shigeru Hanashima Peacepack, Inc.
*/

/*
===== CONTENTS ===========================================

	1: CLEARFIX
	2: EACH MODULE

==========================================================
*/

/*
===== 1: CLEARFIX ==========================================
*/
.clearfix {
	min-height: 1px;/*for IE 5.5-7*/
}

.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html .clearfix{
	/*＼*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

/*
===== 2: EACH MODULE ==========================================
*/
/*sidebanner*/
#sidebanner {
	position:fixed;
	top:250px;
	right:0%;
	z-index:100;
}

#sidebanner a {
	display:block;
	width:85px;
	height:230px;
	text-indent:-9999px;
	background:url(../images/bn_right_rice01.png) no-repeat;
}

#sidebanner a:hover {
	background:url(../images/bn_right_rice01_on.png) no-repeat;
}

.smart {
	display:none;
}

/*header*/

#header {
	position:relative;
	width:980px;
	height:160px;
}

.gold #header {
	margin:0 auto;
	height:200px;
}

#header h1 {
	position:absolute;
	top:-70px;
	left:180px;
	text-indent:-9999px;
}

.gold #header h1 {
	top:10px;
}

#header h1 a {
	display:block;
	width:220px;
	height:80px;
}

.headform {
	width:150px;
}

.cart a {
	display:block;
	width:120px;
	height:31px;
	text-indent:-9999px;
	background:url(../images/btn_cart03.gif) no-repeat;
}

.cart a:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"alpha( opacity=50 )";
}

#headnavi {
	position:absolute;
	bottom:0;
	width:100%;
}

#headnavi li {
	margin-right:0.5em;
	padding-right:0.5em;
	font-size:14px;
	font-weight:bold;
	border-right:solid 1px #ffffff;
}

#headnavi li.lastChild {
	margin-right:0;
	padding-right:0;
	border-right:none;
}

#headnavi li a {
	color:#ffffff;
	text-decoration:none;
}

#headnavi li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#top #header .rakuten {
	position:absolute;
	top:10px;
	left:890px;
}

#top #header .rakuten a {
	display:block;
	width:73px;
	height:14px;
	text-indent:-9999px;
	background:url(../images/logo_r_71.gif) no-repeat;
}

.plus {
	position:absolute;
	right:10px;
	bottom:3px;
}

.plus img {
	width:150px;
}


/*--------------------------------▼▼▼▼------------------------------------------
header ナビや買い物かごボタンの位置調整用。
*/

.cart {
	position:absolute;
	top:40px;
	right:10px;
	background:#ff0000;
}

#headnavi ul {
	display:flex;
	margin:0;
	padding:0.5em;
	list-style:none;
}

#headsearch {
	position:absolute;
	top:50px !important;
	left:550px;
}

/*トップページ用*/
.gold .cart {
	top:115px;
}

.gold #headsearch {
	top:125px !important;
}

/*--------------------------------▲▲▲▲-------------------------------------------*/

/*main*/

#main .inn {
	width:980px;
	margin:0 auto;
	min-height: 1px;/*for IE 5.5-7*/
}

#main .inn:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #main .inn {
	/*＼*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

#top #con {
	float:right;
	margin:30px 20px 0 0;
	width:730px;
}

ul.topicon {
	margin:0;
	min-height: 1px;/*for IE 5.5-7*/
}

ul.topicon:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html ul.topicon {
	/*＼*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

ul.topicon li {
	margin:0 5px 0 0;
	float:left;
	list-style:none;
/*	background:url(../images/top_ibg.gif) repeat-x;*/
}

ul.topicon li a :hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

ul.topicon.market {
	margin-bottom:30px;
}

ul.topicon.market li {
	margin-bottom:15px;
}

#top_natsuspo {
	margin-bottom:20px !important;
	padding-bottom:15px;
	width:723px;
	background:url(../images/top_natsuspo02.jpg) no-repeat;
	border:solid 1px #cccccc;
}

#top_natsuspo ul {
	margin:15px 0 0 270px;
}

#top_natsuspo li {
	margin-right:22px !important;
	background:#ffffff;
}

#top_natsuspo li a img {
	border:solid 1px;
}

#top_natsuspo li.lastChild {
	margin-right:0;
}

/*common parts*/

h2 {
	margin-bottom:0.8em;
	padding:0.2em 0.6em;
	font-size:140%;
	border-left:solid 14px #cc0000;
	background:#fdeee7;
}

h3 {
	margin:2.6em 0 0.8em 0;
	padding:0 0.4em;
	font-size:130%;
	border-left:solid 4px #cc0000;
	border-bottom:dashed 1px #333333;
}

h4 {
	margin-bottom:0.8em;
	font-size:120%;
}

h5 {
	margin-bottom:0.8em;
	font-size:110%;
}

h6 {
	margin-bottom:0.8em;
}

.caution {
	padding:0.8em;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#ffffff;
	background:#cc0000;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	behavior:url(css/ie-css3.htc);
}

.caution02 {
	color:#cc0000;
	font-weight:bold;
}

.attention {
	font-size:80%;
}

p.copyright {
	margin:3px 0;
	font-size:80%;
}

div.info {
	margin-bottom:1.5em;
	padding:2.5em 1.0em 1.0em 1.5em;
	color:#420101;
	background:url(../images/info_bg.gif) no-repeat #fbd9d5;
}

div.info h5 {
	margin-bottom:0.5em;
}

div.info p {
	margin-bottom:0.5em;
}

div.info ul {
	margin-bottom:0.8em;
}

div.news {
	margin:0 auto 12px;
	max-width:720px;
}

div.news a {
	display:block;
	padding:4px 8px;
	font-size:90%;
	color:#c00;
	background:#fff4c4;
}

div.news a:hover {
	background:#fdeee7;
}

div.news i.fa {
	margin-right:8px;
}

.btn a {
	display:block;
	margin:0 auto;
	padding:4px;
	width:20%;
	text-align:center;
	color:#fff;
	background:#c00;
	border-radius:8px;
}

.btn a:hover {
	opacity:0.8;
}

.contact {
	margin-bottom:1.5em;
	padding:1.2em;
	border:solid 1px #cccccc;
	background:#ffffff;
}

.contact dt {
	margin-bottom:0.3em;
	font-weight:bold;
}

.contact dd {
	margin-bottom:0;
}

.contact dd p {
	margin-bottom:0.3em;
}

p img.wtxt {
	float:left;
	margin:0 15px 10px 0;
}

table caption {
	font-weight:bold;
}

table.company {
	margin-bottom:1.5em;
	width:100%;
	border-collapse: collapse;
	border:solid 1px #333333;
}

table.company th {
	width:80px;
	padding:0.3em;
	text-align:left;
	background:#dedede;
	border-right:dotted 1px #333333;
	border-bottom:solid 1px #333333;
}

table.company td {
	padding:0.3em;
	width:200px;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
	background:#ffffff;
}

table.bank {
	margin-bottom:1.5em;
	width:100%;
	border-collapse: collapse;
	border:solid 1px #333333;
}

table.bank th {
	width:120px;
	padding:0.3em;
	text-align:left;
	background:#dedede;
	border-right:dotted 1px #333333;
	border-bottom:solid 1px #333333;
}

table.bank td {
	padding:0.3em;
	width:200px;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
	background:#ffffff;
}

table.commission {
	margin-bottom:1.5em;
	width:600px;
	border-collapse: collapse;
	border:solid 1px #333333;
	background:#ffffff;
}

table.commission th {
	width:50%;
	padding:0.8em;
	text-align:center;
	background:#dedede;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

table.commission td {
	padding:0.3em;
	text-align:center;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

table.shipping {
	margin-bottom:1.5em;
	width:100%;
	border-collapse: collapse;
	border:solid 1px #333333;
}

table.shipping th {
	padding:0.3em;
	width:16%;
	font-size:90%;
	text-align:center;
	background:#fbd9d5;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

table.shipping td {
	padding:0.3em;
	font-size:90%;
	text-align:center;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
	background:#ffffff;
}

/*left navi*/
#lnavi {
	margin:10px 0 0 10px;
	width:180px;
	float:left;
}

iframe#left {
	margin-left:0 !important;
	height:12500px;
}

#left ul {
	list-style:none;
	margin:0;
}

#lnavi {
	float:left;
	margin-top:25px;
}

#left ul li#mailmag {
	margin-bottom:20px;
}

#left ul li a :hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

#left ul.sub {
	margin:5px 0 15px 0;
	padding-bottom:5px;
	border-bottom:dashed 1px #cccccc;
}

#left ul.sub li {
	margin:0 0 5px 20px;
	line-height:1.2em;
	text-align:left;
	font-size:11px;
	list-style-image:url(../images/ya.gif) ;
}

/*
#lnavi {
	margin:10px 0 0 10px;
	width:180px;
	float:left;
}

iframe#left {
	height:1000px;
}

#left ul {
	list-style:none;
	margin:20px 0 0 0;
}

#top #lnavi {
	float:left;
}

#left li a {
	display:block;
	text-indent:-9999px;
}

#left li#lmail a {
	margin-bottom:25px;
	width:180px;
	height:46px;
	background:url(../images/btn_lnavi.gif) no-repeat;
}

#left li#llist a {
	width:180px;
	height:70px;
	background:url(../images/btn_lnavi.gif) 0 -54px no-repeat;
}

#left li#lfruits a {
	width:180px;
	height:70px;
	background:url(../images/btn_lnavi.gif) 0 -124px no-repeat;
}

#left li#lvege a {
	width:180px;
	height:70px;
	background:url(../images/btn_lnavi.gif) 0 -194px no-repeat;
}

#left li#lplatina a {
	width:180px;
	height:70px;
	background:url(../images/btn_lnavi.gif) 0 -264px no-repeat;
}

#left li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

#left .bn a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}
*/

table.calendar {
	margin-bottom:15px;
	width:180px;
	font-size:90%;
}

table.calendar caption {
	color:#666666;
}

table.calendar th,table.calendar td{
	text-align:center;
}

table.calendar th {
	background:#cccccc;
}

table.calendar td {
	background:#eeeeee;
}

table.calendar th.sun {
	color:#ffffff;
	background:#cc0000;
}

table.calendar td.sun {
	color:#cc0000;
	background:#ffcccc;
}

table.calendar th.sat {
	color:#ffffff;
	background:#0099cc;
}

table.calendar td.sat {
	color:#cc0000;
	background:#ccffff;
}

table.calendar td.hol {
	color:#ffffff;
	background:#cc0000;
}

#left .attention {
	text-align:left;
}

/*footer*/

#footer {
	background:#ffffff;
}

iframe#foot {
	margin:15px 2px 0 2px;
	width:970px;
	height:1500px;
}

#ftmain {
	padding:10px;
	text-align:left;
	font-size:80%;
	line-height:1.2em;
	border:solid 1px #cccccc;
}

* html #ftmain table td,* html #ftmain table th {
	font-size:80%;
}

.left {
	float:left;
	width:450px;
}

.right {
	float:right;
	width:450px;
}

#ftmain h3 {
	margin-top:0;
	padding:0.5em;
}

#ftmain h4,#ftmain h5 {
	margin-bottom:0.5em;
}

#ftmain h4 {
	padding:0.3em;
	border-left:solid 3px #cc0000;
}

#ftmain p {
	margin-bottom:1.0em;
}

#ftmain table.bank {
	width:100%;
}

#ftmain table.bank th {
	width:80px;
	background:#fbd9d5;
}

#ftmain table.bank td {
	width:120px;
}

#ftmain table.commission {
	width:400px;
}

#ftmain table.commission th {
	padding:0.3em 0;
	width:50%;
	background:#fbd9d5;
}

#ftbottom {
	position:relative;
	margin:10px 0;
	padding:10px;
	text-align:left;
	line-height:1.4em;
	font-size:80%;
	color:#ffffff;
	border:solid 1px #000000;
	background:url(../images/ft_bot_bg.gif) repeat-x;
}

#ftbottom .footlogo {
	position:absolute;
	top:15px;
	left:800px;
	text-align:right;
}

/* 
=============market用　CSS =====================*/
#market {
	width:725px;
	margin-bottom: 40px;
	margin-top: 0px;
	padding: 25px 0;
	border:solid 1px #cccccc;
	min-height: 1px;/*for IE 5.5-7*/
}

#market:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #market{
	/*＼*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

/*
#market dl {
	width:300px;
	margin-left:40px;
	float: left;
}
*/

#market dl {
	width:220px;
	margin-left:16px;
	float: left;
}


/*１列並びのときのDL */
/*
#market dl {
	width:300px;
	margin:0 auto;
}
*/
#market dt {
	text-align: center;
	margin-bottom: 1em;
}

#market dd {
	background-color: #e1e1e1;

}

#market dt img {
	border: 4px solid #A60321;
}

#market dt a:hover img {
	border: 4px solid #A60321;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

#market h5 {
	padding:1.0em 0 0 0;
	font-size: 95%;
	text-align: center;
}

#market dd p {
	font-size: 90%;
	padding:0 0.8em 1.2em 0.8em;
}

td.sdtoptext {
	padding-top:20px;
}

/* 
=============日本地図用　CSS =====================*/
.map {
	position:relative;
	margin-bottom:30px;
	width:725px;
	border-top:solid 1px #dedede;
	border-bottom:solid 1px #dedede;
}

.japlace {
	position:absolute;
	top:260px;
	left:200px;
	width:330px;
	text-align:center;
	border-top:solid 1px;
	border-bottom:solid 1px;
}

.japanmap {
	padding-bottom:35px;
}

/*
.map .cate section {
	width:49%;
}

.map .cate section:first-child {
	float:left;
}

.map .cate section:last-child {
	float:right;
}
*/

.cate h4 {
	padding:0.5em;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#3a4f05;
}

.cate section:first-child h4 {
	margin-bottom:0.3em;
}

.jalist {
	position:absolute;
	top:780px;
	left:0;
}

.jalist img {
	width:360px;
}

.beginner {
	position:absolute;
	top:780px;
	right:0;
}

.beginner img {
	width:360px;
}

/* 
=============JA一覧用　CSS =====================*/

#jalist {
	padding:8px;
	border:solid 1px #ccc;
}

#jalist h4 {
	border-bottom:solid 1px;
}

#jalist ul {
	margin:0.8em;
	list-style:none;
}

#jalist li {
	float:left;
	margin-right:1.0em;
	font-size:80%;
}

#jalist li a {
	color:#333;
}

#jalist li a:hover {
	text-decoration:underline;
}


#pagebody .rakutenLimitedId_ImageMain1-3 img {
 width:200px !important;
}

/* 
=============Q&A　CSS =====================*/
.btnr {
	margin-bottom:2.4em;
	text-align:right;
}

.btnr a {
	padding:0.4em 0.8em;
	color:#fff;
	background:#c00;
	border-radius:8px;
}

.btnr a:after {
	margin-left:0.4em;
	content:"\0bb"
}

.btnr a:hover {
	opacity:0.8;
}

.botup {
	font-size:80%;
	text-align:right;
}

.botup a:after {
	content:"\02227";
}

.blockmenu {
	margin:0 0 10em;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	justify-content:space-between;
}

.blockmenu li a {
	display:block;
	margin-bottom:0.8em;
	padding:1.6em;
	width:290px;
	font-size:120%;
	text-align:center;
	color:#fff;
	background:#cc0000;
	border-radius:8px;
}

.blockmenu li a:hover {
	opacity:0.8;
}

#qalistnav {
	margin-bottom:5.6em;
	padding:0.8em;
	font-size:110%;
	border:solid 5px #cc0000;
	border-radius:8px;
}

#qalistnav h5 {
	padding:0 0.4em;
	font-size:100%;
	border-left:solid 4px #cc0000;
	border-bottom:dashed 1px #333333;
}

.qalist {
	list-style:none;
	margin-left:0.8em;
}

.qalist:last-child {
	margin-bottom:0;
}

.qaanswer {
	line-height:1.8em;
}

.qaanswer dt {
	margin-bottom:0.8em;
	font-size:120%;
	color:#c00;
	border-bottom:solid 2px;
}

.qaanswer dd {
	margin-bottom:3.2em;
	font-size:110%;
}

/* 
=============イベント系バナー　スライド用　CSS =====================*/
.bnbxslider3 {
	margin-bottom:2em;
}

.bnbxslider4 {
	margin-bottom:0.8em;
}

.bnbxslider3 .bx-wrapper {
	margin-bottom:0;
}

.bnbxslider5 {
	margin-bottom:1em;
}