/* ************************************************ 
 *	共通設定
 * ************************************************ */

/* --- Reset Start --- 
   --- 各ブラウザ間の表示を統一する為の記述です --- */

/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,th,td {margin:0px; padding:0px;}
table {border-collapse:collapse; border-spacing:0px;}
fieldset,img {border:0px;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0px;}
a, a:hover, a:active, a:visited {color:#333;}


body {
	color: #333;
	font-size: 95%;
	font-family: "メイリオ", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.8em;
	text-align:center;
	-webkit-text-size-adjust: 100%;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
	vertical-align:bottom;
}

.explain{ 
	font-size:x-small;
	line-height:1.5em;
}

.explain img{ padding-bottom:2px;}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/

#wrapper{
	margin:0px auto;
	width:100%;
}

#container {
	clear:both;
	position:relative;
	width:1180px;
	min-width:940px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background-color: #ffffff;
}


/*　画面左側メニュー　*/
#side {
	float: left;
	width:220px;
	margin:0px 0px 50px 0px;
	_margin:0px 0px 50px 0px;/*IE6*/
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

ul.category	{ margin-bottom:0px;}
ul.category li{ padding-bottom:10px;}
ul.category li.last{ padding-bottom:0px;}
ul.category_s{ margin-bottom:20px;}
ul.category_s li a{ display:block; border-bottom:1px solid #d0c1a2; padding:10px; text-decoration:none;}

ul.side_law{ margin-bottom:40px;}

ul.side_aboutus{ margin-bottom:15px;}
ul.side_aboutus li a{ display:block; border-bottom:1px solid #d0c1a2; padding:10px; text-decoration:none;}
ul.side_aboutus li a.first{ padding:0;}
ul.side_aboutus li a img{ padding-bottom:10px;}

ul.side_sns{ clear:both; text-align:center; margin-bottom:15px; overflow:auto;}
ul.side_sns li{ float:left; padding:5px;}


ul li.fax{ margin-bottom:20px;}
ul li.cart{ margin-bottom:20px;}

ul.member { margin-bottom:20px; padding:20px; background-color:#eee8d3; text-align:center; border:1px solid #d0c1a2;}
ul.member li a{ display:block; background-color:#fff; padding:3px; margin-bottom:10px; border:1px solid #d0c1a2; text-decoration:none; }
ul.member li.last a{ margin-bottom:0;}
ul.member p{ padding-bottom:10px;}

.sns{ margin-bottom:20px;}
.taiken_bnr{ margin-bottom:20px;}
.konefa_bnr{ margin-bottom:20px;}
.7yari_bnr{ margin-bottom:20px;}
.eco_bnr{ margin-bottom:20px;}
.map{ margin-bottom:20px;}

/*　メイン上部　大切なお知らせなど　*/

#main_head .info{ padding:20px 40px; margin-bottom:20px; border:1px solid #c00; color:#c00;}
#main_head .bnr{ margin-bottom:20px;}
#main_head img{ width:100%;}


/*　画面右側の幅　*/

#main {
	float: right;
	max-width: 920px;
	min-width: 720px;
	/*overflow:auto;*/
	margin-bottom:50px;
}


/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header {
	clear:both;
	width:100%;
	font-size:90%;
	overflow:hidden;
}

h1 { 
	float:left; 
	padding:20px 15px;
}
h1 a { text-decoration:none; }

h2 { clear:both; margin-bottom:60px; font-size:30px; line-height:1.6em;}

#header ul.contact { float:right; padding:20px 0 20px 10px;}
#header ul.contact li{ float:left; padding-right:20px; height:60px; line-height:60px;}
#header ul.contact li a{ text-decoration:none;}

#header ul.nav{ clear:both; border-top:1px solid #d0c1a2; border-bottom:1px solid #d0c1a2; padding:2px 0; margin-bottom:20px; overflow:hidden;}
#header ul.nav li{ float:left; width:19.666%; box-sizing:border-box; border-right:1px solid #d0c1a2; text-align:center; }
#header ul.nav li.last{ border-right:none;}
#header ul.nav li a{ display:block;}
#header ul.nav li img{ padding:20px;}


/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}


/*	本文	*/

#contents{ clear:both; padding-bottom:50px;}

#contents_box{ padding:0; }


/*　ご利用ガイド　*/
h2.guide{ padding:0 15px 15px 15px;}
.guide_box { clear:both; margin:0 auto 60px auto; padding:30px; background-color:#f7f4ef; overflow:auto;}
.guide_box_left{float:left; width:48%;}
.guide_box_right{float:right; width:48%;}
.guide_atn{ color:#933; font-size:10px; margin-bottom:10px;}
.guide_box h3{margin-bottom:10px; padding:0; border-left:none; border-bottom:1px dotted #333;}
.guide_box h4{
	background:url(https://img14.shop-pro.jp/PA01184/473/etc/icon_okome_wht.gif?20120913031909) no-repeat 3px 0.1em;
	padding-left:23px;
	padding-bottom:5px;
	font-weight:bold;
}
.guide_box p{ margin-bottom:10px; padding-left:23px;}
.guide_box .bank{ margin:0 0 20px 23px; padding:10px 20px; background-color:#fff; border:1px solid #dfd3bf;}
.guide_box ul{ margin:0 0 10px 23px; padding:5px 20px; background-color:#fff; border:1px solid #dfd3bf;}
.guide_box ul li{ background:url(https://img14.shop-pro.jp/PA01184/473/etc/arrow_red.gif?20120811012047) no-repeat 0 0.5em;padding-left:15px;}
.guide_box img.guide_time{ margin:0 0 20px 23px;}
.guide_box .bold{font-weight:bold;}
.guide_box .atn{ color:#933;}

/*　フッター（コピーライト）　*/
#footer {
 clear:both;
 width:100%;
 overflow:auto;
 background-color:#eee8d3;
}

#footer .footer_box{clear:both; max-width:1180px; margin:0 auto; padding:10px 30px; overflow:auto;}
#footer .address a.logo_s{float:left;}
#footer .address a{color:#1e1e1e;}
#footer .address p{float:left; color:#1e1e1e;text-align:left;padding-top:8px;padding-left:25px;}
#footer .copyright{float:right;color:#1e1e1e;padding-top:48px;}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     margin-bottom:20px;
     width:100%;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     padding:5px;
     text-align:center;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     padding:10px;
     text-align:center;
}



/*お米の特徴（フリーページ）*/

#tokucho h2{padding-left:1px;}

#tokucho p{font-size:95%; line-height:1.5em;}

#tokucho #bg{position:relative; background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_body.jpg?20120811171744) repeat 0 0; margin:0 auto 30px auto; padding:10px 40px 30px 40px;}

#tokucho .sweet{width:620px;height:840px;}
#tokucho .sweet_box01{position:absolute;top:90px;left:35px;z-index:10;padding:40px 40px 60px 100px; background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_water.png?20120811225012) no-repeat 0 0; width:490px;}
#tokucho .sweet_box02{position:absolute;top:390px;left:35px;z-index:10;padding:40px 40px 40px 100px; background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_field.png?20120811225030) no-repeat 0 0;width:490px;}
#tokucho .sweet_box03{position:absolute;top:570px;left:35px;z-index:10;padding:40px 40px 40px 100px; background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_passion.png?20120811225101) no-repeat 0 0;width:490px;}

#tokucho .sweet_box01 p, #tokucho .sweet_box02 p, #tokucho .sweet_box03 p, #tokucho .tsubuyori_box p, #tokucho .omoi_box p{ padding-bottom:10px;padding-left:50px;}


#tokucho .tsubuyori{width:620px; height:240px;}
#tokucho .tsubuyori_box{position:absolute;top:90px;left:35px;z-index:10;padding:40px 40px 40px 100px; background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_tsubuyori.png?20120812002052) no-repeat 0 0; width:490px;}

#tokucho .omoi{width:620px; height:410px;}
#tokucho .omoi_box{position:absolute;top:90px;left:35px;z-index:10;padding:40px 40px 60px 100px; background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_omoi.png?20120915071109) no-repeat 0 0;width:490px;}

#tokucho h3{position:absolute;top:10px;left:40px;}
#tokucho h4{padding-bottom:20px;}
#tokucho h4.omoi_h4{padding-bottom:20px;padding-left:50px;}
#tokucho .outline{/*position:absolute;top:45px;left:140px;font-size:14px;font-weight:bold;*/}
#tokucho ul{padding-bottom:10px;padding-left:50px;}
#tokucho ul li{	background:url(https://img14.shop-pro.jp/PA01184/473/etc/arrow_red.gif?20120811012047) no-repeat 0 0.5em;padding-left:15px;}


/*お米ができるまで（フリーページ）*/

#dekirumade {margin:0 auto 30px auto; width:700px;}

#dekirumade .bg_sky{clear:both;	background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_sky.jpg?20120812153934) no-repeat 0 0;overflow:auto;}

#dekirumade .outline{width:450;padding-left:30px; padding-bottom:30px;}

#dekirumade .process_box{clear:both; padding-bottom:20px; overflow:auto;}
#dekirumade .pic{/*float:left; width:240px; text-align:center;*/ padding-left:30px;}
#dekirumade .txt{float:right; width:400px; padding-right:40px;}

#dekirumade h3{clear:both; padding-bottom:30px;}
#dekirumade h4{clear:both;/*color:#630;*/ color:#333; font-size:14px; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted;}
#dekirumade .pic img{/*padding-bottom:40px;*/}
#dekirumade .txt p{/*padding-bottom:30px;*/}
#dekirumade .txt p.point{ color:#630; background-color: #F7F4EF; border: 1px solid #DFD3BF; padding:10px 20px;}
#dekirumade .txt ul{float:right;}
#dekirumade .txt ul li{	background:url(https://img14.shop-pro.jp/PA01184/473/etc/arrow_red.gif?20120811012047) no-repeat 0 0.5em;padding-left:15px;}

#dekirumade .bg_line_box{background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_line_box.gif?20120812154611) no-repeat 0 0;width:545px;height:115px;margin-left:30px; margin-bottom:30px; padding:14px 50px; line-height:2.1em; font-size:85%;}

#dekirumade .book{text-align:right;padding-top:5px;}


/*　エコファーマー（フリーページ）　*/

#ecofarmer p{padding-bottom:20px;}


/*　百匠屋について（フリーページ）　*/

#about {}
#about .about_box{clear:both;overflow:auto;padding-bottom:30px;}
#about .bg_ine{background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_ine.png?20120812235403) no-repeat 93% bottom;padding-bottom:30px;}
#about .bg_konefa{height:385px;background:url(https://img14.shop-pro.jp/PA01184/473/etc/bg_tonbo_ine.gif?20120918032436) no-repeat right bottom;padding-bottom:30px;}

#about h2{ margin-bottom:60px}

#about h3{ clear:both; border-bottom:2px solid #1e1e1e; padding-left:10px; margin-bottom:20px; font-size:30px; line-height:1.6em;}
#about h3.eco{ padding:15px 29px;}

#about .pic{float:left; width:350px;text-align:center;}
#about .txt{float:left; min-width:350px; max-width:550px;}
#about .bg_ine p{padding-left:60px;padding-right:90px;}
#about .bg_ine ul{padding-left:60px;}

#about ul.link{padding-bottom:30px;}
#about ul.link li{background:url(https://img14.shop-pro.jp/PA01184/473/etc/arrow_red.gif?20120811012047) no-repeat 0 0.5em;padding-left:15px;}

#about ul.link li img{ padding-bottom:3px;}

#about p{padding-bottom:20px;}
#about .atn{font-size:x-small;}

#about .taikan_menu{ clear:both; padding:15px; background-color:#f7f4ef;}
#about .taikan_menu p{ padding:0 0 5px 15px;}
#about .taikan_menu ul.ex{ margin-bottom:10px;}
#about .taikan_menu ul.ex li{ padding-left:15px; list-style: disc inside;}
#about .taikan_menu ul.link{ margin-bottom:10px; padding:5px 25px; background-color:#fff;}
#about h4{ margin-bottom:10px;}

#about ul.thumb li{ background:none;}


/* アクセス・周辺情報 */

#access h3{ padding-bottom:20px;}
#access ul.link{ padding-bottom:10px; padding-left:65px;}
#access ul.link li{ background:url(https://img14.shop-pro.jp/PA01184/473/etc/arrow_red.gif?20120811012047) no-repeat 0 0.5em;padding-left:15px;padding-bottom:5px;}
#access ul.link li img{ padding-bottom:4px;}
#access p{ padding-left:65px; padding-bottom:30px;}

#access table{ padding-left:50px; border: solid 1px #ccc; border-collapse: collapse;}
#access th{ padding:5px;font-weight:normal; border: solid 1px #ccc; border-collapse: collapse;}
#access td{ padding:5px; border: solid 1px #ccc; border-collapse: collapse;}

#access .map{ padding:20px 0 30px 60px;}


/*　最近チェックした商品　*/

.ttl_checked{ margin-bottom:10px; }
.checked_box{ clear:both; overflow:auto; margin-bottom:60px;}
.checked_box a img { border:1px solid #ccc; }
.checked_box .checked_item{ float:left; max-width:170px; width:18%; margin-right:2.25%;}
.checked_box .checked_item:nth-child(6){ margin-right:0;}
.checked_box .checked_item img{ max-width:168px; width:100%; margin-bottom:10px;}


/*　わたしたちが作っています　*/

.foot_aboutus{
	background: transparent url(https://img14.shop-pro.jp/PA01184/473/etc/bg_azuki.jpg?cmsp_timestamp=20170411145908") repeat scroll 0% 0%;
	clear: both;
	margin-bottom: 60px;
	overflow: auto;
	padding: 50px;}
	
.foot_aboutus h2{
	margin-bottom: 25px;
	border:none;}
	
.foot_aboutus h2 img{
	max-width:789px;
	width:100%;}
	
.foot_aboutus .family{
	float: left;
	max-width: 400px;
	width: 48%;}
	
.foot_aboutus .eco{
	float: right;
	max-width: 400px;
	width: 48%;}

.foot_aboutus .family img,
.foot_aboutus .eco img{
	padding-bottom: 20px;
	width: 100%;}


/* 共通 */

.pankuzu{ margin-bottom:20px;}

.hr_dot_btm01{ background:url(https://img14.shop-pro.jp/PA01184/473/etc/hr_dot.gif?20120803221249) left bottom; height:1px; margin-bottom:1px; font-size:0;}

.hr_dot_btm20{ background:url(https://img14.shop-pro.jp/PA01184/473/etc/hr_dot.gif?20120803221249) left bottom; height:1px; margin-bottom:20px; font-size:0;}

.goto_top{position:fixed; bottom:100px; right:0;}

.red{ color:#983135;}
.red_b{ color:#983135; font-weight:bold;}
.yoyaku{ color:#983135; font-weight:bold;text-align:center; padding:10px 0;}

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt80{ margin-top:45px; }

.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml40{ margin-left:40px; }
.ml80{ margin-left:80px; }


.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr40{ margin-right:40px; }


.mb2{ margin-bottom:2px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb65{ margin-bottom:65px; }


.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }


/*モダンブラウザ用clearfix*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}	
.souryou{
	text-align: center;
    width: 900px !important;
    margin: 20px auto 40px;
}
.souryou img{
	width: 100% !important;
}

.kaki-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.kaki-t {
    text-align: center;
    margin: 20px 0;
}

.kaki-d{
  color:#d90000;
  font-weight: bold;
}