@charset "shift_jis";

body{
	margin:0;
	padding:0;
	font-size:80%;
	color:#333;

}
div{
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

a:link{
	color:#06c;
}
a:visited{
	color:#990099;
}
a:hover{
	color:#f60;
}
a:active{
	color:#f60;
}

a img{
	border:none;
}

img{
	vertical-align:bottom;
}

#container{
}

#wrapper{
	width:950px;
	margin:12px auto 0;
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header{
}

/********** head-line ヘッダーのキャプション・会員ボタンなど **********/
#header .head-line{
	width:950px;
	margin:0 auto;
	padding:3px 0;
}
#header .head-line h1{
	float:left;
	width:290px;
	margin:0;
	padding:3px 0 0;
	font-weight:normal;
	font-size:100%;
}
#header .head-line .txt-kouan{
	float:left;
	width:290px;
	padding:5px 5px 0;
	text-align:right;
	font-size:80%;
}
#header .head-line ul.btns-sbs{
	float:left;
	list-style:none;
	margin:0;
	padding:2px 0 0;
}
#header .head-line ul.btns-sbs li{
	float:left;
	margin:0;
	padding:0 5px 0 0;
}
#header .head-line ul.h-customer{
	float:right;
	list-style:none;
	margin:0;
	padding:2px 0 0;
}
#header .head-line ul.h-customer li{
	float:left;
	margin:0;
	padding:0 5px 0 0;
}
#header .head-line ul.h-customer li.list-end{
	padding:0;
}

/********** signboard 緑背景の箇所 **********/
#header .signboard{
	border-bottom:solid 5px #030;
	background:#317424;
}

/********** signboard-box **********/
#header .signboard-wrapper{
	width:950px;
	margin:0 auto;
	background:#317424 url(../images/common/h-bg.jpg) no-repeat 0 0;
}

#header .signboard h2{
	float:left;
	width:420px;
	margin:0;
}
#header .signboard .sign-board-box{
	float:left;
	width:530px;
	padding:5px 0 0;
}
#header .signboard .h-txt-carriagefree{
	float:left;
}
#header .signboard .h-inquiry{
	float:left;
}

/********** h-nav メニュー **********/
#header .h-nav{
	float:left;
	padding:5px 0 0;
}
#header .signboard .h-nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#header .signboard .h-nav ul li{
	float:left;
	margin:0;
	padding:0;
}

/********** h-cat ヘッダーのカテゴリボタンナビゲーション **********/
#header .h-cat{
	width:950px;
	margin:0 auto;
	padding:5px 0 0;
}
#header .h-cat ul{
	list-style:none;
	margin:0;
	padding:0;
}
#header .h-cat ul li{
	margin:0;
	padding:0;
	float:left;
}

/********** item-search ヘッダー検索バー **********/
#header .item-search{
	width:950px;
	height:15px;
	margin:0px auto 0;
	background:#FFF;
}
#header .item-search .h-bnr-search{
	float:right;
}
#header .item-search h3{
	float:right;
	width:105px;
	margin:0;
}
#header #search{
	float:right;
}
#header #search form{
	float:right;
	margin:0;
	padding:
}
#header #search .input-select{
	float:right;
	width:145px;
	padding:10px 0 0;
}
#header #search .input-select select{
	width:140px;
	padding:3px 0;
}
#header #search .input-keyword{
	float:right;
	padding:10px 0 0;
}
#header #search .input-keyword input{
	width:240px;
	padding:3px 5px;
}
#header #search .btn-submit{
	float:right;
	padding:10px 0 0 5px;
}


/********** item-search ヘッダー検索バー
#header .item-search{
	width:950px;
	height:15px;
	margin:5px auto 0;
	background:#FFF;
}
#header .item-search .h-bnr-search{
	float:left;
}
#header .item-search h3{
	float:left;
	width:105px;
	margin:0;
}
#header #search{
	float:left;
}
#header #search form{
	float:left;
	margin:0;
	padding:
}
#header #search .input-select{
	float:left;
	width:145px;
	padding:10px 0 0;
}
#header #search .input-select select{
	width:140px;
	padding:3px 0;
}
#header #search .input-keyword{
	float:left;
	padding:10px 0 0;
}
#header #search .input-keyword input{
	width:240px;
	padding:3px 5px;
}
#header #search .btn-submit{
	float:left;
	padding:10px 0 0 5px;
}

 **********/






/********** item-search ヘッダー検索バー **********/
#header .item-search2{
	width:500px;
	height:50px;
	margin:5px auto 0;
	background:url(../images/common/h-bg-search.jpg) no-repeat 0 0;
}
#header .item-search2 .h-bnr-search{
	float:left;
	margin:0 0 0 10;
}
#header .item-search2 h3{
	float:left;
	width:105px;
	margin:0 0 0 5;
}






#contents2 {

    width: 961px;
	margin:0 auto;
  display: table;
  table-layout: fixed;
  text-align: center;


}
.elements {
  display: table-cell;
  vertical-align: middle;

}




/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1{
	float:left;
	width:200px;
}

/********** .sub1-inner **********/
#sub1 .sub1-inner{
	padding:0 20px 0 0;
}

/********** inquiry お問い合わせ **********/
#sub1 .inquiry{
	padding:5px 5px 5px 7px;
	border:solid 3px #c00;
}
#sub1 .inquiry h3{
	margin:0;
}

/********** search 商品を探す **********/
#sub1 .search{
	padding:10px 0 0;
}
#sub1 .search h3{
	margin:0;
}
#sub1 .search h4{
	margin:0;
	padding:5px 0;
}
#sub1 .search form{
	margin:0;
	padding:9px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#sub1 .search .input-select select{
	width:100%;
}
#sub1 .search .btn-submit{
	padding:10px 0 0;
	text-align:center;
}

/********** maker メーカーで選ぶ **********/
#sub1 .maker{
	padding:10px 0 0;
}
#sub1 .maker h3{
	margin:0;
}
#sub1 .maker .div{
	margin:0;
}
#sub1 .maker ul{
	list-style:none;
	margin:0;
	padding:4px;
	border:solid 1px #ccc;
}
#sub1 .maker ul li{
	margin:0;
	padding:0;
}
#sub1 .maker ul li ul{
	border:none;
}
#sub1 .maker ul li ul li{
	border-bottom:dotted 1px #ccc;
}
#sub1 .maker ul li ul li a{
	display:block;
	padding:0.4em 0 0.4em 15px;
	background:url(../images/common/s1-icon-arr.jpg) no-repeat 0 0.6em;
}

/********** category ジャンルで選ぶ **********/
#sub1 .category{
	padding:10px 0 0;
}
#sub1 .category h3{
	margin:0;
}
#sub1 .category .div{
	margin:0;
}
#sub1 .category ul{
	list-style:none;
	margin:0;
	padding:4px;
	border:solid 1px #ccc;
}
#sub1 .category ul li{
	margin:0;
	padding:0;
}
#sub1 .category ul li ul{
	border:none;
}
#sub1 .category ul li ul li{
	border-bottom:dotted 1px #ccc;
}
#sub1 .category ul li ul li a{
	display:block;
	padding:0.4em 0 0.4em 15px;
	background:url(../images/common/s1-icon-arr.jpg) no-repeat 0 0.6em;
}

/********** calendar 営業日カレンダー **********/
#sub1 .calendar{
	padding:10px 0 0;
}
#sub1 .calendar p{
	margin:0;
	font-size:85%;
}
#sub1 .calendar p .closed-mark{
	color:#ffe6c8;
}

/********** bnr-challenge チャレンジ25 **********/
#sub1 .bnr-challenge{
	padding:10px 0 0;
}


/********** ブランド一覧ページへ **********/
#sub1 .brand{
	padding:10px 5px 10px;
}



/********** bnr-challenge チャレンジ25 **********/
#sub1 .s1-icon-qr{
	padding:10px 0 0;
}

/********** bnr-jisseki アフターケアバナー **********/
#sub1 .bnr-jisseki{
	padding:10px 0 0;
}

/********** bnr-voice お客様の声バナー **********/
#sub1 .bnr-voice{
	padding:10px 0 0;
	text-align:center;
	font-size:90%;
}

/********** agriz-hosyo アグリズダブル保証 **********/
#sub1 .agriz-hosyo{
	margin:10px 0 0;
	background-color:#fc6;
}
#sub1 .btn-agriz-hosyo{
	padding:10px 0;
	text-align:center;
}

/********** president-blog アグリズ藤原社長ブログバナー **********/
#sub1 .president-blog{
	padding:10px 0 0;
}

/********** kidokoro-keiji-blog 城所啓二プロのブログバナー **********/
#sub1 .kidokoro-keiji-blog{
	padding:10px 0 0;
}

/********** owner 私が店長ですバナー **********/
#sub1 .owner{
	padding:10px 0 0;
}
#sub1 .owner h3{
	margin:0;
}
#sub1 .owner .owner-box{
	padding:9px;
	border-right:solid 1px #d1d1d1;
	border-bottom:solid 1px #d1d1d1;
	border-left:solid 1px #d1d1d1;
}
#sub1 .owner .thumb{
	width:70px;
	float:left;
}
#sub1 .owner p{
	float:right;
	width:85px;
	margin:0;
}

/* --------------------------------------------------------------------------------
	sub2
-------------------------------------------------------------------------------- */
#sub2{
	float:right;
	width:200px;
}

/********** .sub2-inner **********/
#sub2 .sub2-inner{
	padding:0 0 0 20px;
}

/********** お問い合わせ **********/
#sub2 .inquiry{
	padding:5px 5px 5px 7px;
	border:solid 3px #c00;
}
#sub2 .inquiry h3{
	margin:0;
}

/********** ranking ランキング **********/
#sub2 .ranking{
	padding:10px 0 0;
}
#sub2 .ranking h3{
	margin:0;
}
#sub2 .ranking .ranking-box{
	padding:10px 0;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

/********** news 新着情報 **********/
#sub2 .news h3{
	margin:0;
}
#sub2 .news .news-box{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

/********** bnr-jisseki アフターケアバナー **********/
#sub2 .bnr-jisseki{
	padding:10px 0 0;
}

/********** bnr-voice お客様の声バナー **********/
#sub2 .bnr-voice{
	padding:10px 0 0;
	text-align:center;
	font-size:90%;
}

/********** facebook **********/
#sub2 .facebook{
	padding:10px 0 0;
}

/********** twitter **********/
#sub2 .twitter{
	padding:10px 0 0;
}

/********** agriz-hosyo アグリズダブル保証 **********/
#sub2 .agriz-hosyo{
	margin:10px 0 0;
	background-color:#fc6;
}
#sub2 .btn-agriz-hosyo{
	padding:10px 0;
	text-align:center;
}

/********** president-blog アグリズ藤原社長ブログバナー **********/
#sub2 .president-blog{
	padding:10px 0 0;
}

/********** kidokoro-keiji-blog 城所啓二プロのブログバナー **********/
#sub2 .kidokoro-keiji-blog{
	padding:10px 0 0;
}

/********** owner 私が店長ですバナー **********/
#sub2 .owner{
	padding:10px 0 0;
}
#sub2 .owner h3{
	margin:0;
}
#sub2 .owner .owner-box{
	padding:9px;
	border-right:solid 1px #d1d1d1;
	border-bottom:solid 1px #d1d1d1;
	border-left:solid 1px #d1d1d1;
}
#sub2 .owner .thumb{
	width:70px;
	float:left;
}
#sub2 .owner p{
	float:right;
	width:85px;
	margin:0;
}


/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
	float:left;
	width:550px;
}
/********** SSL FTP側のテンプレート用 **********/
.ssl-page #main{
	float:right;
	width:750px;
}

/* --------------------------------------------------------------------------------
	main2
-------------------------------------------------------------------------------- */
#main2{
	float:left;
	width:750px;
}
/********** SSL FTP側のテンプレート用 **********/
.ssl-page #main2{
	float:right;
	width:750px;
}




/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer{
	padding:20px 0 0;
}


/********** .footer-outer **********/
#footer .footer-outer{
	width:950px;
	margin:0 auto;
}

#footer .pagetop{
	text-align:right;
}

/********** .footer-inner **********/
#footer .footer-inner{
	padding:19px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	line-height:150%;
}

#footer h3{
	margin:0;
	padding:10px 0 0;
}
#footer h4{
	margin:0;
}
#footer .section{
	margin:0;
	padding:7px;
}
#footer .section p{
	margin:0;
	padding:0 0 0.5em;
}
#footer .section ul{
	list-style:none;
	margin:0;
	padding:1.5em 0;
}
#footer .section ul li{
	margin:0;
	padding:0;
}
#footer p em{
	font-style:normal;
	color:#f00;
}
#footer .details{
	padding:0 0 0.5em;
}

/********** left-col 左カラム **********/
#footer .left-col{
	float:left;
	width:290px;
	padding:0 20px 0 0;
}

/********** center-col 中央カラム **********/
#footer .center-col{
	float:left;
	width:290px;
	padding:0 20px 0 0;
}

/********** right-col 右カラム **********/
#footer .right-col{
	float:left;
	width:290px;
}

/********** f-nav フッターナビゲーション **********/
#footer .f-nav{
	padding:5px;
	text-align:center;
}
#footer .f-nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer .f-nav ul li{
	display:inline;
	margin:0;
	padding:0 0.3em;
	border-right:solid 1px #333;
}
#footer .f-nav ul li.list-end{
	border:none;
}

/********** copyright コピーライト **********/
#copyright{
	text-align:center;
	color:#fff;
	background-color:#013300;
}


/* --------------------------------------------------------------------------------
	other
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";	/* 新しい要素を作る */
	display:block;	/* ブロックレベル要素に */
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1px;
}
* html .clearfix{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

<style type="text/css">
a#hover {
     float:left;
     margin: 0;
}
/* --------------------------------------------------------------------------------
	マウスオーバー時赤枠
-------------------------------------------------------------------------------- */

/*
a#hover {
}

a#hover:hover img {
     margin: -3px;
     border: solid 3px #F00;
}
*/

a#hover{
    background-color:#ffffff;
}

a#hover:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
/********** コンテンツ用CSSbutton **********/
a#cssbt{
font-size:14px;
display:block;
width:180px;
height:20px;
padding-top:10px;
padding-bottom:5px;
text-align:center;
border:1px solid;
border-color:#00CC00;
background:#00AA00;
text-decoration:none;
text-overflow: ellipsis;
color:white;
text-indent: 1%;
font-weight: bold;
border-radius: 12px;        /* CSS3草案 */  
-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 12px;   /* Firefox用 */  
}

a#cssbt:hover{
background:#00CC00;
}


/* -------------------------------------------------------------------
　ヘッダーバナー用
-------------------------------------------------------------------- */

ul.foo {
  width: 550px;
  padding:0;
  font-size:0px;
}

ul.foo li {
  width:275px;
  display: inline-block;
  text-align: center;
  font-size:16px;
  margin-bottom:10px;
  
}

ul.foo li:first-child {
  height:60px;
}

ul.foo li a {
  display: block;
}