﻿@charset "utf-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-image: url(../images/top-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;
	background-attachment: scroll;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}

* {
        margin: 0;
        padding:0;
}

h1,h2,h3,h4,h5,p,ul,li,div{
        font-size: 14px;
		font-weight: normal;
}
/******* android4wideバグ用 *******/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table tr td,caption,div,address  {
     background-image: url(../images/s.gif); 
}

p {
	    line-height:2;
}

img {
        border-style: none;
}
a {
	color: #009900;
	text-decoration:none;
}
a:hover {
	color: #ff0000;
	text-decoration:underline;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.chui {
	color: #F00;
}

.big{
	font-size: 20px;
	font-weight: normal;
}

.bold{
	font-weight:bold;
}
.twoColFixLtHdr #container {
	width: 950px;
	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px none #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15;
	margin-left: auto;
} 
.twoColFixLtHdr #header {
	background-image: url(../images/okomaritop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
	width: 950px;
	margin-bottom: 20px;
	padding-top: 12px;
} 
.twoColFixLtHdr #header h1 {
	padding: 0px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 12px;
	font-weight: normal;
	float: left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.content {
	padding:0 10px;
}
.twoColFixLtHdr #sidebar1 {
	float: right;
	width: 180px;
	background-color: #fff;
	display: inline;
}
.twoColFixLtHdr #mainContent {
	float: left;
	width: 690px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20;
	padding-left: 20px;
	background-attachment: scroll;
	background-image: url(../images/main-mdl.gif);
	background-repeat: repeat-y;
	background-position: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
} 
.twoColFixLtHdr #footer {
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-attachment: scroll;
	background-color: #6f6b5e;
	background-image: url(../images/btm-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 20px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 0;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.clearfix {
	min-height: 1px;/*IE6,7対策*/
}

* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
}


/****************************************
************ サイドメニュー *************
****************************************/

#sidebar1 ul {

}

#sidebar1 ul li {
	text-align: left;
	line-height: 2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	list-style-position: outside;
	list-style-type: none;
	font-size: 12px;
}
#sidebar1 h3 {
	margin-top: 0px;
        margin-bottom: 10px;
	padding-top: 0px;
}

#sidebar1 h5 {
	padding-bottom: 5px;
}

#sidebar1 ul li a {
	background-image: url(../images/yajirushi.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
	margin-left: 10px;
}

/****************************************
************** ヘッダー部分 *************
****************************************/


#header #sitemap {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

#header #toplogo {
	clear: both;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	height: 50px;
	width: 100px;
}

*:first-child+html #header #toplogo {
	clear: both;
	padding-top: 15px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/****************************************
************** メイン部分 ***************
****************************************/

#mainContent h2 {
	margin-top: 0px;
	margin-bottom: 25px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 50px;
	background-image: url(../images/bg-midashi2.gif);
	background-repeat: no-repeat;
	padding-right: 0px;
	background-attachment: scroll;
	background-position: center;
	height: 50px;
	width: 670px;
}

#mainContent h2.shitsumon {
	color: #333;
	line-height: 2;
	font-size: 24px;
	background-image: none;
	height: auto;
	border: 3px solid #006600;
	padding: 15px;
	width: auto;
	font-weight: bold;
}

#mainContent p {
	margin-top: 0px;
	margin-bottom:20px;
	padding: 0px;
}
#mainContent div#pankuzu {
	line-height: 28px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	font-size: 12px;
}

#mainContent .product {
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
#mainContent .product h4 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 5px;
	background-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#mainContent .product p {
	margin-bottom: 10px;
	padding-top: 10px;
}
#mainContent .product .check-product {
}
#mainContent .product .check-product table {
	line-height: 1.3;
}

#mainContent p.point {
	font-weight: bold;
	color: #F90;
}

#mainContent .main-topimg {
	padding-right: 10px;
	padding-left: 15px;
}
#mainContent p.gotop {
	font-size: 12px;
	text-align: right;
}

#mainContent .photo {
	padding-left: 15px;
}

.img-bn {
	margin-bottom: 20px;
}

/****************************************
************** リスト関連 ***************
****************************************/
.index-mainwaku {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.index-mainwaku ul {
	margin-top:10px;
	margin-bottom:15px;
	margin-left:0px;
	padding-left:15px;
	list-style-type:none;
	list-style-position: outside;
}

.index-mainwaku ul li {
	background-image: url(../images/report.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	list-style-position:outside;
	line-height: 2;
	padding-bottom: 5px;
	list-style-type: none;
}

.list-block {
	padding-top: 16px;
	padding-right: 32px;
	padding-left: 32px;
	padding-bottom: 16px;
}

.list-block ul {
	margin-top:10px;
	margin-bottom:15px;
	margin-left:0px;
	padding-left:15px;
	list-style-type:none;
	list-style-position: outside;
}

.list-block ul li {
	list-style-position:outside;
	line-height: 1.8;
	padding-bottom: 5px;
	list-style-type: none;
	background-attachment: scroll;
	background-image: url(../images/report.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}

.list-block ul li ul {
	margin-top:0;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:15px;
	list-style-type:none;
	margin-right: 0px;
}

.list-block h3.kanren {
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 14px;
}


/****************************************
*** リスト関連 栽培・殺虫殺菌のページ ***
****************************************/

.list-block-setumei {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.list-block-setumei ul {
	margin-top:10px;
	margin-bottom:15px;
	margin-left:0px;
	padding-left:15px;
	list-style-type:none;
	list-style-position: outside;
}

.list-block-setumei ul li {
	list-style-position:outside;
	line-height: 1.6;
	padding-bottom: 5px;
	list-style-type: none;
}

.list-block-setumei ul li ul {
	margin-top:0;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:15px;
	list-style-type:none;
	margin-right: 0px;
}

.list-block-setumei .hyou-block {
	padding-right: 10px;
	padding-left: 15px;
	margin-bottom: 15px;
}
.hyou-block table caption {
	font-weight: bold;
	color: #F60;
	text-align: left;
}
.list-block-setumei .hyou-block table {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	border-spacing:0;
	border-collapse:collapse;
	width: 661px;
}
.list-block-setumei .hyou-block table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin: 0px;
	line-height: 1.3;
}

/*メニュー項目*/
#menu-top {
	clear: both;
	text-align: right;
	font-size: 12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#menu-top ul {
	padding:0;
	margin:0;
}
#menu-top ul li {
	font-size: 12px;
	display: inline;
	margin-right: 3px;
	padding: 0 10px;
	border-left: 1px dotted #333;
	list-style-type: none;
	vertical-align:bottom;
}
#menu-top ul li.home {
     padding-left: 0;
     border-left: 0;
}

.line {
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#toplogo a img {
	vertical-align: top;
	display: block;
}
.main-block {
	margin-bottom: 40px;
	padding-right: 30px;
	padding-left: 30px;
}
#pankuzu {
	line-height: 1.5px;
	margin-bottom: 15px;
	font-size: 12px;
}
#footer p a {
	color: #000;
}
#sidebar1 dl {
	background-attachment: scroll;
	background-image: url(../images/midasi-bunrui-mdl.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom: 15px;
}
#sidebar1 dl dd {
	background-attachment: scroll;
	background-image: url(../images/midasi-bunrui-btn.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
}
.list-block ul li a {
	height: 21px;
}
.main-block h3 {
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
}
/*-----表デザイン-----*/

table.hyou{
    width:100%;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin:5px auto 15px auto;
}
.hyou caption{
    color:#333;
    font-weight:bold;
    padding:0.2em 0;
    text-align:left;
}
.hyou th{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    font-size:12px;
    color:#666;
    background-color:#e7e7e7;
    padding:0.3em 0.5em;
    text-align:center;
}
.hyou td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:0.4em 0.5em;
}
.hyou a {
background:url(../images/yajirushi.gif) no-repeat left center;
margin:0;
padding:0 0 0 10px;
}
/*-----リスト-----*/
.nomark-list {
	line-height: 2;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
}
.nomark-list li {
	margin-bottom: 20px;
}
.nomark-list2 {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-left: 10px;
	line-height: 2;
}

.nomark-list2 li {
	margin-bottom: 10px;
}
.w580-btn-center {
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.buy-btn-center {
	padding-right: 65px;
	padding-left: 65px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.slidein-box {
	height: 385px;
	width: 630px;
	position: relative;
	margin-bottom: 30px;
	overflow:hidden; 
}
/*-----選択ボタン部分-----*/
.sentaku-waku {
	background-color: #efefef;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 20px;
}
.sentaku-midashi {
	margin-bottom: 0px;
	margin-top: 20px;

}
.sentaku-buy {
	width: 250px;
	margin-right: 50px;
	float: left;
}
.sentaku-buy a{  
    background: url(../images/sentaku-buy-btn.gif);  
    width:250px;  
    height:80px;  
    display: block;  
    cursor:pointer;  
    text-indent:-9999px;  
    color:#fff;
	overflow: hidden;
}  

.sentaku-buy a:hover{  
    background-position:left bottom;  
}
.sentaku-shousai {
	width: 250px;
	float: left;
}

.sentaku-shousai a{  
    background: url(../images/sentaku-shousai-btn.gif);  
    width:250px;  
    height:80px;  
    display: block;  
    cursor:pointer;  
    text-indent:-9999px;  
    color:#fff;
	overflow: hidden;
}  

.sentaku-shousai a:hover{  
    background-position:left bottom;  
}
/****************************************
*** 個別ページの調整部分 ***
****************************************/
.btn-jirei-sheet {
	background: url(../engei/shousai/images/bousousheet-osusume/btn-jirei-sheet.jpg) no-repeat right center;
	height:107px;
}
.btn-review-sheet {
	background: url(../engei/shousai/images/bousousheet-osusume/btn-review-sheet.jpg) no-repeat right center;
	height:107px;
}
.story {
	font-size: 16px;
	font-weight: bold;
	color: #060;
	margin-bottom:5px !important;
}
