@charset "utf-8";
/* CSS Document */

* { 
    margin: 0px; 
    padding: 0px; 
}
	
body {
	background-color: #FFF;
	color: #515151;
	font-family: Meiryo UI;
	font-size: 10pt;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 50px;
	top: 0px;
	text-align: center;
	}

h1 {
	margin-top: 30px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	border-bottom: 5px double #49a9d4;
	max-width: 440px;
	width: 100%;
	padding-bottom: 5px;
}


h2 {
	margin-top: 5px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	font-weight: normal;
}

h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	letter-spacing: 1px;
}

img {
	line-height: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

a {
	text-decoration: none;
	color: #000000;
}
	
a:hover {
	color: #FF0000;
}

td {
    height: 40px;
}

.clear-both {
	clear: both;
}

select {
	border: 3px solid #C6C6C6;
	padding-left: 7px;
	padding-right: 7px;
	width: 100%;
	max-width: 250px;
	font-size: 1.2em;
}

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

.letterRight{
	text-align: right;	
}

.letterCenter{
    text-align: center;
    width: 30px;
}

.letterLeft{
	text-align: left;	
}

.taihilist {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-size: 1.1em;
	max-width: 1500px;
}

.table01 tr:nth-child(2n+1){
	background-color: #E4F8FF;
}

.table01 {
	border-left: 1px solid #A2A2A2;
	border-top: 1px solid #A2A2A2;
	font-family: "Meiryo UI";
	width: 100%;
}

.table01 th {
	background-color: #A7E8FF;
	border-right: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.95em;
}

.table01 td {
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 7px;
	vertical-align: top;
	border-right: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
}

.table02 {
	border-style: none;
	width: 100%;
}

.table02 th {
	border-style: none;
}

.table02 td {
	border-style: none;
}


.hidden01{
	display: none;	
}
#pref-search #pref-select {
	height: 35px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.2em;
	padding-left: 15px;
	padding-right: 15px;
}
.syurui td {
	background-color: #FFE2C1;
	margin-bottom: 0px;
}

.button01{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	position: relative;
	overflow-x: hidden;
}

.button01 ul {
	float: left;
	position: relative;
	left: 50%;
}

.button01 ul li {
	list-style-type: none;
	text-align: center;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1.3em;
	letter-spacing: 4pt;
	border-radius: 2px;
	margin-right: 6px;
	margin-left: 6px;
	left: -50%;
	position: relative;
}
.button01 ul #kita {
	background-color: #D2F1D7;
	border-top: 4px solid #A7A7A7;
	border-bottom: 4px solid #A7A7A7;
}
.button01 ul #kita:hover {
	transition-duration: 0.8s;
	background-color: #36B54D;
}
.button01 ul #kita a {
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 39px;
	padding-right: 39px;
}
.button01 ul #kita a:hover {
	color: #F9F9F9;
}


.button01 ul #ou {
	background-color: #FDC6CD;
	border-top: 4px solid #A7A7A7;
	border-bottom: 4px solid #A7A7A7;
}
.button01 ul #ou:hover {
	transition-duration: 0.8s;
	background-color: #DD4457;
}
.button01 ul #ou a{
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 39px;
	padding-right: 39px;
}
.button01 ul #ou a:hover {
	color: #FFF;
}

.button01 ul #rokko {
	background-color: #A5D4E9;
	border-top: 4px solid #A7A7A7;
	border-bottom: 4px solid #A7A7A7;
}
.button01 ul #rokko:hover {
	transition-duration: 0.8s;
	background-color: #4185C6;
}
.button01 ul #rokko a{
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 39px;
	padding-right: 39px;
}
.button01 ul #rokko a:hover {
	color: #FFF;
}


.button01 ul #minami {
	background-color: #EACFF4;
	border-top: 4px solid #A7A7A7;
	border-bottom: 4px solid #A7A7A7;
}
.button01 ul #minami:hover {
	transition-duration: 0.8s;
	background-color: #AA5BC7;
}
.button01 ul #minami a:hover {
	color: #FFF;
}
.button01 ul #minami a {
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 39px;
	padding-right: 39px;
}


.button01 ul #nishi {
	background-color: #FFD8C2;
	border-top: 4px solid #A7A7A7;
	border-bottom: 4px solid #A7A7A7;
}
.button01 ul #nishi:hover {
	transition-duration: 0.8s;
	background-color: #FF7E33;
}
.button01 ul #nishi a:hover {
	color: #FFF;
}
.button01 ul #nishi a {
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 39px;
	padding-right: 39px;
}



.chiikimei {
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
	width: 100%;
	text-align: left;
}

	

.chiikimei-top-kita {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
	letter-spacing: 3pt;
	width: 130px;
	background-color: #D2F1D7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
}

.chiikimei-top-ou {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
	letter-spacing: 3pt;
	width: 130px;
	background-color: #FDC6CD;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
}

.chiikimei-top-rokko {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
	letter-spacing: 3pt;
	width: 130px;
	background-color: #A5D4E9;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
}

.chiikimei-top-minami {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
	letter-spacing: 3pt;
	width: 130px;
	background-color: #EACFF4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
}

.chiikimei-top-nishi {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
	letter-spacing: 3pt;
	width: 130px;
	background-color: #FFD8C2;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
}

.pankuzu {
	margin-left: 15px;
	margin-top: 15px;
	font-size: 1.2em;
}
.imgFixed {
	background-image: url(img01.jpg);
	background-repeat: no-repeat;

}



	.look640-800 {
		display: none !important;
	}
	.nolook640-800 {
		display: block !important;
	}


.footer {
	background-color: #fff;
	margin-left: 0px;
	padding-top: 25px;
	padding-bottom: 15px;
	width: 100%;
}

.copyright {
	text-align: center;
	color: #000;
	font-size: 0.85em;
}



@media (max-width: 800px) {
	
	.look640-800 {
		display: block !important;
	}
	.nolook640-800 {
		display: none !important;
	}
	
td {
    height: auto;
}

	
	
	.button01{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	position: relative;
	overflow-x: hidden;
	}

	.button01 ul {
		float: left;
		position: relative;
		left: 50%;
	}

	.button01 ul li {
	list-style-type: none;
	text-align: center;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1.3em;
	letter-spacing: 4pt;
	border-radius: 2px;
	margin-right: 5px;
	margin-left: 5px;
	left: -50%;
	position: relative;
	}	
.tdminwidth {
	word-wrap: break-word;
	table-layout: fixed;
	min-width: 60px;
}

.button01 ul #kita a {
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
}
	
.button01 ul #ou a{
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
}

.button01 ul #rokko a{
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
}

.button01 ul #minami a {
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
}

.button01 ul #nishi a {
	color: #6D6D6D;
	font-weight: bold;
	font-size: 1em;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
}

	
	
	
}




@media (max-width: 640px) {
	
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	
	.look640-800 {
		display: none !important;
	}
	.nolook640-800 {
		display: block !important;
	}
	
	
	
	.letterRight{
	text-align: left;	
	}

	.letterCenter{
    text-align: left;
    width: auto;
	}
	


	
	.table01 tr:nth-child(2n+1){
		background-color: #FFF;
	}
	
    .table01 td:nth-child(1) {
	display: block;
	margin-left: 0px;
	text-align: center;
	font-weight: bold;
    }
	
	.hidden01{
		display: none;	
	}
	
	.taihilist{
	width: 100%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.table01{
	margin-left: 20px;
	margin-right: 20px;
	width: 90%;
	border-style: none;
	display: block;
	}
	
	.table01 thead{
		display: none;
	}
	
	
	.table01 tbody{
	display: block;
	}	

	.table01 tbody tr{
	display: block;
	}
	
	.table01 tbody th,
	.table01 tbody td{
	display: list-item;
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: square;
	}
	
	.table01 tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background-color: #999;
	border-top: 15px solid #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	}


	.table01 td a {
	text-decoration: underline;
	}

	.table01 tbody td{
	margin-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
	

    /* セルに見出し代わりの文字を付加 */
    .table01 td:nth-child(1):before {
	content: '';
    }
	
    .table01 td:nth-child(2):before {
        content: '';
    }
 
    .table01 td:nth-child(3):before {
        content: '';
    }
 

	.table01 td:nth-child(4):before {
	content: 'TEL：';
    }
	

 
    .table01 td:nth-child(5):before {
        content: '副資材：';
    }
 
    .table01 td:nth-child(6):before {
        content: '荷姿：';
    }
 
	
    .table01 td:nth-child(7):before {
	content: '配達：';
    }

	.table01 td:nth-child(8):before {
	content: '散布：';
    }

	.table01 td:nth-child(9):before {
	content: '成分値-水　 分：';
    }
	
	.table01 td:nth-child(10):before {
	content: '成分値-全窒素：';
    }
	
	.table01 td:nth-child(11):before {
	content: '成分値-りん酸 ：';
    }	
	
	.table01 td:nth-child(12):before {
	content: '成分値-カリウム：';
    }	
		
	.table01 td:nth-child(13):before {
	content: '成分値-C/N　 ：';
    }
	
	.table01 td:nth-child(14):before {
	content: '速効性肥料成分量(現物中kg/t)-窒素：';
    }	
	
	.table01 td:nth-child(15):before {
	content: '速効性肥料成分量(現物中kg/t)-リン酸：';
    }	
	
	.table01 td:nth-child(16):before {
	content: '速効性肥料成分量(現物中kg/t)-カリ：';
    }		
	
	
	tbody tr .aki {
		display: none;
	}
	
	.syurui td {
	background-color: #FFE2C1;
	margin-top: 15px;
	}
	
	tbody .syurui td {
	border-top: 5px solid #FFF;
	min-width: 300px;
	}
	
	
#pref-search {
	width: 70%;
	max-width: 640px;
}
#pref-search #pref-select {
	width: 100%;
}

.button01{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	overflow-x: hidden;
}

.button01 ul{
	position: relative;
	left: 50%;
	float: left;
}	
	
.button01 ul li {
	list-style-type: none;
	text-align: center;
	font-size: 1em;
	letter-spacing: 0pt;
	border-radius: 3px;
	margin-right: 4px;
	margin-left: 4px;
	font-weight: bold;
	padding-right: 0vw;
	position: relative;
	left: -50%;
	padding-left: 0vw;
	padding-top: 10px;
	padding-bottom: 10px;
}
.button01 ul #kita {
	background-color: #D2F1D7;
}

.button01 ul #ou {
	background-color: #FDC6CD;
}

.button01 ul #rokko {
	background-color: #A5D4E9;
}

.button01 ul #minami {
	background-color: #EACFF4;
}

.button01 ul #nishi {
	background-color: #FFD8C2;
}
	
.button01 ul #kita a {
	padding-left: 4vw;
	padding-right: 4vw;
}

.button01 ul #ou a {
	padding-left: 4vw;
	padding-right: 4vw;
}

.button01 ul #rokko a {
	padding-left: 4vw;
	padding-right: 4vw;
}

.button01 ul #minami a {
	padding-left: 4vw;
	padding-right: 4vw;
}

.button01 ul #nishi a {
	padding-left: 4vw;
	padding-right: 4vw;
}	
	
.chiikimei {
	display: table;
	text-align: center;
	width: 50%;
	margin-top: 15px;
}
.chiikimei .chiikimei-top-kita {
	width: 100%;
	display: table-cell;
	padding-bottom: 10px;
}

.chiikimei .chiikimei-top-ou {
	width: 100%;
	display: table-cell;
	padding-bottom: 10px;
}

.chiikimei .chiikimei-top-rokko {
	width: 100%;
	display: table-cell;
	padding-bottom: 10px;
}


.chiikimei .chiikimei-top-minami {
	width: 100%;
	display: table-cell;
	padding-bottom: 10px;
}

.chiikimei .chiikimei-top-nishi {
	width: 100%;
	display: table-cell;
	padding-bottom: 10px;
}


	
/*	.table01 td:nth-child(9){
		display: none;		
	}

	.table01 td:nth-child(10){
		display: none;		
	}

	.table01 td:nth-child(11){
		display: none;		
	}
	
	.table01 td:nth-child(12){
		display: none;		
	}	
	
	.table01 td:nth-child(13){
		display: none;		
	}
	
	.table01 td:nth-child(14){
		display: none;		
	}
	
	.table01 td:nth-child(15){
		display: none;		
	}	*/
	

}