@charset "Shift_JIS";



/*

-----------------------------------------------------------------------------

企業名　Yokozaki Manufacturing Company Ltd.

制作者　城戸

更新日　2008年5月8日



●基本設定●　（基本・文字・リンクカラー・改行など）

-----------------------------------------------------------------------------*/





/*　基本構造

-----------------------------------------------------------------------------*/

body {

	margin: 0;

	padding: 0;

	text-align: center;

	font-size: 83%;

	background-image:url(../img/bg_logo8.gif);

	font-family:"ＭＳ Ｐゴシック", Osaka;

}



img {

	border: none;

	clear: both;

}



ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



p {

	margin:8px 0px 5px 5px;

	text-indent: 0px;

}



h1 {

	padding:0px;

	margin:0px;

	height: auto;

}



h2 {

	font-size: 100%;

	padding:2px 0 2px 1em;

    margin:0px;

	height: auto;

}



h3 {

	font-size: 100%;

	padding:5px 0 0 5px;

	font-weight:normal;

	color: #930000;

	margin:0px;

}



/*　リンク

-----------------------------------------------------------------------------*/

a { 

    text-decoration: none; 

} 





/*  通常のリンク  */

a:link {

	color: #006DA2;

/*	text-decoration: underline;*/

}



/*  アクセス済のリンク  */

a:visited {

	color: #006DA2;

/*	text-decoration: underline;*/

}



/*  クリックした状態のリンク  */

a:active {

	color: #CC0033;

}



/*  マウスをのせた状態のリンク  */

a:hover {

	color: #FF6600;

	text-decoration: underline;

}





/*　アウトライン

-----------------------------------------------------------------------------*/

#outline {

	width: 740px;

	margin: 0 auto;

	height: auto;

	background-color: #FFFFFF;

	border: solid 1px #BCBCBC;

	margin-top: 10px;

	padding: 5px 5px 5px 5px;



}



/*　ヘッダ

-----------------------------------------------------------------------------*/

#header {

	width: 740px;

	height: auto;

	float: none;

	clear: both;

}



#header-left {
	width: 127px;
	height: 60px;
	float: left;

}



#header-right {
	width: auto;
	height: 60px;
	float: right;
	text-align: right;
	padding-right: 5px;

}



#header-right p {

	font-size: 14px;

	padding-top: 30px;

	color: #333333;



}



#header-sub {

	width:740px;

	height:60px;

	border-bottom: solid 1px #BCBCBC;

	margin-bottom: 3px;

}



#header-sub li {

    float: right;

	border-left: solid 5px #006799;

	padding: 0px 5px   ;

	margin: 7px 5px   ;

    font-size: 10px;

}



/*----- menu -----*/

#header-mainmenu {

	width: 740px;

	height: 37px;

	float: left;

	clear: both;

	margin-bottom: 6px;

}



#header-mainmenu li {

	float:left;

	padding: 10px 0px 10px 0px;

	font-size: 14px;

	width:182px;

	background-image: url(../img/bk_b3.jpg);

	height: auto;

	margin-top: 3px;

	margin-bottom: 3px;

}



#header-mainmenu a:link {

    color: #FFFFFF;

	font-weight:bold;

}



#header-mainmenu a:visited {

    color:#FFFFFF;

	font-weight:bold;

}



#header-mainmenu a:hover {

    color: #F8B607;

	font-weight:bold;

}



.menu{

	border-right: 4px solid #FFFFFF;

}







#header-submenu {

	margin:5px 0 0 0;

	height: 75px;

	float: right;

	width: 450px;

	clear: right;

}



#header-submenu {

	height: auto;

	float: right;

	width: auto;

	margin-right: 5px;

	margin-top: 0px;

}



/*パンくずリスト

-----------------------------------------------------------------------------*/

#pl{

	width:740px;

	height:20px;

	border-bottom: dotted 1px #BCBCBC;

	border-top: dotted 1px #BCBCBC;

	padding-top: 5px;

	float: none;

	clear: both;

	margin-top: 10px;

}



#pl li{
	float: left;
	font-size: 10px;
	list-style-type: none;
	background-image: url(../img/a_k1.gif);
	background-repeat: no-repeat;
	padding: 0.25em 10px 0.2em 20px;
	margin-left: 5px;
	margin-bottom: 0.4em;
	width: auto;

}



/*　メインコンテンツ

-----------------------------------------------------------------------------*/

#main {

	width: 740px;

	height: auto;

	float: none;

	margin: 10px 0 0 0;

}



#main-content{

	width: 510px;

	height: auto;

	float: left;

	margin-bottom: 5px;

}



#main-mi {

	width: 480px;

	border-top: solid 1px #BCBCBC;

	border-left: solid 1px #BCBCBC;

	border-right: solid 1px #BCBCBC;

	text-align:left;

	height: auto;

	background-image: url(../img/bar07.gif);

	background-repeat: no-repeat;

	padding: 5px 0px 5px 25px;

	float: none;

}



#main-news {

	width: 520px;

	background-color: #FFFFFF;

	border: solid 1px #BCBCBC;

	text-align:left;

	height: auto;

	float: left;

	padding-right: 5px;

	padding-top: 5px;

	padding-left: 5px;

	margin-bottom: 15px;



}

#main-news ul {

	padding:0px;

	margin-top: 1em;

}



#main-news list {

  clear: both;

  height: 100%;

  margin: 0 15px;

  padding: 10px 0;

}



#main-news li {

	padding: 0 10px 0.4em 20px;

	background: url(../img/arrow0613.gif) no-repeat 5px 0.1em;

	margin-left: 1em;

}



#main-item {

	width: 495px;

	border: solid 1px #BCBCBC;

	text-align:left;

	height: 300px;

	padding: 5px;

	margin-bottom:10px;

	background-color: #FFFFFF;

	float: none;

}



#main-itembox {

	width: 285px;

	text-align:left;

	padding-top: 5px;

	padding-right: 5px;

	height: auto;

	float: left;

}



#main-itembox li {

	margin:0 10px 3px;

	padding: 0 5px 0px;

	width: 470px;

}



#main-itembox2 {

	width: 203px;

	height: auto;

	padding: 5px 0px 5px 0px;

	float: right;

	text-align: center;

}



#main-itembox h3 {

	width: 255px;

	text-align:left;

	height: auto;

	float: none;

	padding: 5px 0px 4px 25px;

	background-image: url(../img/move.gif);

	background-repeat: no-repeat;

	border: solid 1px #BCBCBC;

}



/*　サブコンテンツ

-----------------------------------------------------------------------------*/

#main-subcontent{

	width: 215px;

	height: auto;

	float: right;

	margin-bottom: 5px;

	background-image:url(../img/bg_6.jpg);

	padding: 5px;

	margin-top: 5px;

}



#main-subcontent2{

	width: 215px;

	height: 65px;

	background-image:url(../img/bg_6.jpg);

	float: right;

	padding: 5px;

}



#main-blog{

	width: 215px;

	height: 65px;

	background-image:url(../img/bg_6.jpg);

	float: right;

	padding: 5px;

	margin-top: 5px;

}



#main-pickup3 {

	width: 203px;

	background-color: #FFFFFF;

	border: solid 1px #BCBCBC;

	text-align:left;

	height: auto;

	float: none;

	padding: 5px;

}



#main-pickup {

	width: 203px;

	background-color: #FFFFFF;

	border: solid 1px #BCBCBC;

	text-align:left;

	height: auto;

	float: none;

	padding: 5px;

}



#main-pickup2 {

	width: 188px;

	border-top: solid 1px #BCBCBC;

	border-left: solid 1px #BCBCBC;

	border-right: solid 1px #BCBCBC;

	text-align:left;

	height: auto;

	float: none;

	padding: 5px 0px 5px 25px;

	background-image: url(../img/bar06.gif);

	background-repeat: no-repeat;

	color: #666666;

}



#main-pickup h3 {

	font-weight: bold;

	color: #BD0000;

	margin-top: 0.8em;

	margin-bottom: 0.5em;

}



/*　QRコード

-----------------------------------------------------------------------------*/

#qr {

	width:730px;

	height:auto;

	margin: 0 auto;

	float: right;

	text-align: right;

}





/*　サブメニュー

-----------------------------------------------------------------------------*/

#bo-menu {

	width:730px;

	height:18px;

	margin: 0 auto;

	float: right;

	padding: 10px 0 10px 0;

}



#bo-menu list {

  clear: both;

  height: 100%;

  margin: 0 15px;

  padding: 10px 0;

}



#bo-menu li {

	margin-bottom: 0.1em;

	padding: 0.05em 10px 0.1em 25px;

	background:url(../img/arrow0603.gif) no-repeat 5px 0.1em;

	color: #666666;

	width: auto;

	text-align: left;

	float: right;

	height: 16px;

}



/*　フッター

-----------------------------------------------------------------------------*/

#footer {

	width:auto;

	height:20px;

	margin: 0 auto;

	clear: both;

	background-color: #0081F2;

	float: none;

}



address {

	text-align: center;

	font-style:normal;

	margin-top: 3px;

	color: #FFFFFF;

}



/*　クリアフィックス

-----------------------------------------------------------------------------*/

.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



/*----- IE7 -----*/

.clearfix {

  display: inline-block;

}



/*----- IE6・-----*/

/* Hides from IE-mac \*/

* html .clearfix {

  height: 1%;

}



.clearfix {

  display: block;

}

/* End hide from IE-mac */



/*その他装飾

-----------------------------------------------------------------------------*/

/*----- index -----*/

.bg1 {

	background-image:url(../../img/bar02.gif);

	color:#666666;

	height: auto;

}



.bg2 {
	color:#4D4D4D;
	border-top: solid 1px #BCBCBC;
	border-bottom: solid 1px #BCBCBC;

}



.s1 {

    display: none;

}



.line2 {

    border-top: dotted 1px #BCBCBC;

	margin:5px 0 0 0;

}



.line3 {

    border-top: solid 1px #E0E0E0;

}





/*----- next -----*/

.bg3{

	background-image:url(../img/bar06.gif);

	text-align: left;

	background-repeat: repeat-x;

	color: #666666;

	border: solid 1px #CECECE;

}



.c1 {

    color:#FF8000;

}





.p {

	margin:15px 0px 15px 0px;

}



.style1 {

	color: #FF6600

}



/*----- menu -----*/

.menu{

	padding-right: 4px;	

}


.bg3 {

	border: solid 1px #BCBCBC;


}



/*




.bg4 {

	border-bottom: dotted 1px #BCBCBC;

	color: #005F8C;

	height:auto;

	border-top: dotted 1px #BCBCBC;

}

.bg5 {

	border-top: dotted 1px #BCBCBC;

	color: #005F8C;

	height:auto;

	background-repeat: no-repeat;

}



.bg6 {

	border: solid 1px #BCBCBC;

	color: #666666;

	padding:1px 2px 1px 2px;

	height:auto;

	background-repeat: repeat-y;

}



.bg7{

	background-image: url(../img/bg_5.jpg);

}



.bg8{

	background-image:url(../img/bar04.gif);

	text-align: left;

	background-repeat: no-repeat;

    border: solid 1px #BCBCBC;

}



.bg9 {

	border: solid 1px #BCBCBC;

	background-image: url(../img/bg_4.jpg);

	height:auto;

	color: #FFFFFF;

}



.bg10 {

	background-image:url(../img/menu05.jpg);

	color: #666666;

	text-align:center;

	vertical-align:middle;

	font-size: 120%;

	font-weight: bold;

	width:185px;

}

*/





/*

.s2 {    color:#004080;

}



.line1 {

	border-bottom: solid 1px #E0E0E0;

	margin-top: 10px;

}



.line-none{

    border:none;

	}

*/



/*

-----------------------------------------------------------------------------*/



/*

-----------------------------------------------------------------------------*/









/*NEXTからのCSS（Style1から異なるものを抜粋）

-----------------------------------------------------------------------------*/

#next-pickup h2 {

	font-size: 100%;

	padding:4px 0px 4px 1.5em;

	margin:0px;

	height: auto;

	background-repeat: no-repeat;

	text-align: left;

	color: #666666;

}



/*　メインコンテンツ

-----------------------------------------------------------------------------*/

#next-content{

	width: 500px;

	height: auto;

	float: right;

	margin-bottom: 5px;

}



.next-mi {

	width: 473px;

	text-align:left;

	height: auto;

	background-image: url(../img/bar07.gif);

	border: solid 1px #BCBCBC;

	padding: 5px 0px 5px 25px;

	background-repeat: no-repeat;

}



.next-mi1 {

	width: 465px;

	text-align:left;

	height: auto;

	background-image: url(../img/bar01.gif);

	border: solid 1px #BCBCBC;

	padding: 5px 0px 5px 25px;

	background-repeat: no-repeat;

}



.next-mi2 {

	width: 465px;

	text-align:left;

	height: auto;

	background-image: url(../img/bar02.gif);

	border: solid 1px #BCBCBC;

	padding: 5px 0px 5px 25px;

	background-repeat: no-repeat;

}



#next-mi3 {

	width: 465px;

	text-align:left;

	height: auto;

	background-image: url(../img/bar03.gif);

	border: solid 1px #BCBCBC;

	padding: 5px 0px 5px 25px;

	background-repeat: no-repeat;

}



.next-mi4 {

	width: 465px;

	text-align:left;

	height: auto;

	background-image: url(../img/bar04.gif);

	border: solid 1px #BCBCBC;

	padding: 5px 0px 5px 25px;

	background-repeat: no-repeat;

}



.next-mi5 {

	width: 465px;

	text-align:left;

	height: auto;

	background-image: url(../img/bar05.gif);

	border: solid 1px #BCBCBC;

	padding: 5px 0px 5px 25px;

	background-repeat: no-repeat;

}



#goods-info {

	width: 490px;

	height: 200px;

	padding: 5px;

	margin-bottom:10px;

	float: none;

}



#goods-info1 {

	width: 410px;

	text-align:left;

	height: 160px;

	padding: 20px 30px 20px 30px;

	float: none;

	margin: 0px 10px 0px 10px;

	background-image: url(../img/bg_6.jpg);

}



.next-item {

	width: 490px;

	text-align:left;

	height: auto;

	padding: 5px;

	margin-bottom:10px;

	float: none;

	font-size: 110%;

}



.next-item p {

	text-indent: 10px;

}



.next-item table{

	font-size:90%;

}



#next-photo {

	width: 490px;

	text-align:left;

	height: auto;

	margin-bottom:10px;

	float: none;

	padding: 0 5px 0 5px;

}



#next-info {

	width: 490px;

	text-align:left;

	height: auto;

	padding: 5px;

	margin-bottom:10px;

	float: none;

	font-size: 110%;

}



#next-address {

	width: 490px;

	text-align:left;

	height: auto;

	padding: 5px;

	margin-bottom:10px;

	float: none;

	font-size: 130%;

}



/*　サブコンテンツ

-----------------------------------------------------------------------------*/

#next-sub{

	width: 220px;

	height: auto;

	float: left;

}









#next-subcontent{

	width: 210px;

	height: auto;

	float: none;

	background-image:url(../img/bg_5.jpg);

	padding: 5px;

	margin-bottom: 5px;

}



#next-pickup {

	width: 202px;

	background-color: #FFFFFF;

	border: solid 1px #BCBCBC;

	height: auto;

	padding: 5px;

}



#next-pickup3 {

	width: 200px;

	background-color: #FFFFFF;

	border: solid 1px #BCBCBC;

	text-align:left;

	height: 50px;

	padding: 5px;

	margin-top: 5px;

}



#next-pickup ul {

	padding:0px;

	margin-left: 1em;

	margin-top: 0.5em;

	margin-bottom: 0.5em;

}



#next-pickup li{

	margin-bottom: 0.1em;

	padding: 0.1em 10px 0.3em 2em;

	background:url(../img/a_k.gif) no-repeat 5px 0.1em;

	color: #666666;

	width: auto;

	text-align: left;

	height: auto;

	margin-left: 0.1em;

}



#next-pickup2 {

	width: 220px;

	text-align:center;

	height: auto;

	float: none;

}



#next-pickup h3 {

	margin-bottom: 0.4em;

	padding: 2px 1em 2px 1em;

	font-weight: bold;

	color: #666666;

	margin-top: 3px;

	margin-left: 2px;

	margin-right: 2px;

}



#next-pickup a:link {

    color: #666666;

	border-style:none;

}



#next-pickup a:visited {

    color:#666666;

	border-style:none;

}



#next-pickup a:hover {

    color:#0080C0;

}



/*　Site Map

-----------------------------------------------------------------------------*/

#site-map {

	width: 490px;

	text-align:left;

	height: auto;

	padding: 10px 5px 10px 5px;

	margin-bottom:10px;

}



#site-map li {

	margin-bottom:10px;

	list-style-image: url(../img/a_k1.gif);

	margin-left: 20px;

}



.site-map1 {

	text-indent: 20px;

}



.site-map2 {

	text-indent: 40px;

}





/*　製品情報ページ

-----------------------------------------------------------------------------*/

.goods-bar {
	width: 143px;
	text-align:left;
	height: auto;
	background-image: url(../img/bg_5.jpg);
	padding: 5px 0px 5px 5px;
	border-top: solid 1px #BCBCBC;
	border-right: solid 1px #BCBCBC;
	border-left: solid 1px #BCBCBC;

}





/*　農作物用分別機ページ

-----------------------------------------------------------------------------*/

#next-content h3 {
	width: 301px;
	text-align:left;
	height: auto;
	float: none;
	padding: 5px 0px 4px 25px;
	background-image: url(../img/move.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	border: solid 1px #BCBCBC;

}



.goods1-bar {
	width: 149px;
	text-align:left;
	height: auto;
	background-image: url(../img/bg_5.jpg);
	padding: 5px 0px 5px 5px;

}



.goods2-bar {
	width: 152px;
	text-align:left;
	height: auto;
	padding: 5px 0px 5px 2px;
	font-size: 12px;
	background-image: url(../img/bg_5.jpg);

}



.goods3-bar {
	width: 149px;
	text-align:left;
	height: auto;
	background-image: url(../img/bg_5.jpg);
	padding: 5px 0px 5px 5px;

}



.goods4-bar {
	width: 149px;
	text-align:left;
	height: auto;
	background-image: url(../img/bg_5.jpg);
	padding: 5px 0px 5px 5px;

}



.goods5-bar {
	width: 149px;
	text-align:left;
	height: auto;
	background-image: url(../img/bg_5.jpg);
	padding: 5px 0px 5px 5px;

}



.goods1 {
	width: 490px;
	height: 270px;
	text-align:left;
	padding: 5px 3px 5px 0px;
	margin-bottom:10px;
	float: none;

}



.goods2 {
	width: 490px;
	height: auto;
	text-align:left;
	padding: 5px 0px 5px 8px;
	margin-bottom:10px;
	float: none;
	clear: both;

}

.goods3 {
	width: 490px;
	height: 290px;
	text-align:left;
	padding: 5px 0px 5px 8px;
	margin-bottom:10px;
	float: none;
	clear: both;

}



.goods2 p {

	font-size: 12px;

}



.goods2-left {

	width: 330px;

	height: auto;

	float: left;

	text-align: left;

}



.goods2-right {

	width: 150px;

	height: auto;

	float: right;

	margin-top: 3px;

}





.goods2-mini {
	width: 154px;
	height: auto;
	float: left;
	border: solid 1px #CCCCCC;
	margin-right: 7px;

}

.goods4-mini {
	width: 154px;
	height: auto;
	float: left;
	border: solid 1px #CCCCCC;
	margin-right: 7px;

}


.goods3-space {

	width: 156px;

	height: 300px;

	float: left;

	margin-right: 5px;

}



.goods2_1 {
	width: 490px;
	text-align:left;
	height: auto;
	padding: 5px;
	margin-bottom:10px;
	float: none;
	clear: both;

}



.goods-movie {
	width: 490px;
	text-align:left;
	height: auto;
	padding: 5px;
	margin-bottom:10px;
	float: left;

}





.goods2_1-left {

	width: 180px;

	height: auto;

	float: left;

	margin-top: 10px;

}



.goods2_1-left1 {

	width: 180px;

	height: auto;

}



.goods2_1-left2 {

	width: 180px;

	height: 130px;

	float: left;

	margin-top: 5px;

}



.goods2_1-right {

	width: 300px;

	height: auto;

	float: right;

}



.right-movie {

	width: 300px;

	height: auto;

	float: right;

	margin-top: 5px;

}





.goods2_1-right1 {

	width: 300px;

	height: auto;

	text-align: left;

	margin-top: 10px;

}



.goods2_1-right2 {
	width: 300px;
	height: 70px;
	margin: 10px 0px 0px 0px;

}



.goods2_1-right table {

	font-size: 13px;

}



.goods2_1-right p {

	font-size: 10px;

}





/*　共通

-----------------------------------------------------------------------------*/

#return {
	text-align: right;
	float: none;
	padding-right: 10px;
	width: auto;
	height: auto;
	clear: both;

}