@charset "UTF-8";

/* ================================================================================

:::information:::

概要：よく使う項目をまとめた CSS

================================================================================ */

/*----------------------------------------------------
回り込みのクリア
----------------------------------------------------*/
/*clearfix*/
.clearfix { zoom: 1; display: inline-table; }/*for IE 5.5-7*/
.clearfix:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*----------------------------------------------------
トップマージン
----------------------------------------------------*/
.top-mg5 { margin-top: 5px; }
.top-mg10 { margin-top: 10px; }
.top-mg15 { margin-top: 15px; }
.top-mg20 { margin-top: 20px; }
.top-mg25 { margin-top: 25px; }
.top-mg30 { margin-top: 30px; }
.top-mg40 { margin-top: 40px; }

/*----------------------------------------------------
ボトムマージン
----------------------------------------------------*/
.bottom-mg20 { margin-bottom: 20px; }

/*----------------------------------------------------
テキストマージン
----------------------------------------------------*/
.left-mg1em { margin-left: 1em; }
.left-mg2em { margin-left: 2em; }
.left-mg3em { margin-left: 3em; }
.left-mg5em { margin-left: 5em; }
.left-mg10px { margin-left: 10px; }

/*----------------------------------------------------
パディング
----------------------------------------------------*/
.pg10 { padding: 10px; }
.B-pg10 { padding-bottom: 10px; }

/*----------------------------------------------------
フォントサイズ
----------------------------------------------------*/
.f-big { font-size: 150%; }
.f-large { font-size: 118%; }
.f-small { font-size: 87%; }

/*----------------------------------------------------
フォントウエイト
----------------------------------------------------*/
.f-normal { font-weight: normal; }

/*----------------------------------------------------
フォントカラー
----------------------------------------------------*/
.fc01 { color: #CC0000; }
.fc02 { color: #0066CC;}
.fc03 { color: #006600;}
.fc04 { color: #ffff00;}

/*----------------------------------------------------
背景カラー
----------------------------------------------------*/
.bg01 { background-color: #FFF2B6; white-space: nowrap;}

/*----------------------------------------------------
行間
----------------------------------------------------*/
.lh-s { line-height: 1.2; }

/*----------------------------------------------------
段落
----------------------------------------------------*/
p.txtSpace-1 { margin-bottom: 1em; }

/*----------------------------------------------------
テキスト表示方法
----------------------------------------------------*/
.wspre { white-space: pre; }

/*----------------------------------------------------
テキストインデント
----------------------------------------------------*/
.txtInd1em { margin-left: 1em; text-indent: -1em; }
.txtInd2em { margin-left: 2em; text-indent: -2em; }
.txtInd25em { margin-left: 2.5em; text-indent: -2.5em; }
.txtInd5em { margin-left: 4.75em; text-indent: -4.75em; }

/*----------------------------------------------------
リストパターン
----------------------------------------------------*/
.liSqu li { list-style-type: square; margin-left: 1.5em; margin-bottom: 0.25em; }
.liDec li { margin-left: 2.5em; list-style: decimal; margin-bottom: 0.25em; }
.liInline li { display: inline; margin-right: 1.5em; }/*あぐりんナビに使用*/

/*----------------------------------------------------
段組
----------------------------------------------------*/
.Left2c { float: left; width: 48%; }
.Right2c { float: right; width: 48%; }

/*----------------------------------------------------
配置
----------------------------------------------------*/
.p-Center { text-align: center; }
.p-Right { text-align: right; }
.pm-Center { margin: 0 auto; }

/*----------------------------------------------------
画像の配置
----------------------------------------------------*/
.Left-img { float: left; margin: 0 10px 5px 0; }
.Right-img { float: right; margin: 0 0 5px 10px; }
.Left-img img { float: left; margin: 0 10px 5px 0; }

/*----------------------------------------------------
ライン
----------------------------------------------------*/
.bor-so01 { border: solid #CCCCCC 1px; }
.bor-so01T { border-top: solid #CCCCCC 1px; }
.bor-so01B { border-bottom: solid #CCCCCC 1px; }
.bor-dot01T { border-top: dotted #CCCCCC 1px; }
.bor-dot01B { border-bottom: dotted #CCCCCC 1px; }

/*----------------------------------------------------
リンクアイコン
----------------------------------------------------*/
.linkIcon {
background: url(../image/icon_link.gif) left center no-repeat;
padding-left: 12px;
}

/*----------------------------------------------------
タイトルパターン
----------------------------------------------------*/
.tith1 {
width: auto;
margin: 20px 0 10px 0;
padding: 4px;
font-size: 135%;
line-height: 1.2;
background: url(../image/con_bg_02.gif) left top repeat;
}

.tith201 {
width: auto;
font-size: 118%;
line-height: 1.2;
margin-bottom: 10px;
padding: 2px 0 2px 5px;
border-left: solid #FF9900 5px;
border-bottom: solid #CCCCCC 1px;
}

.tith202 {
width: auto;
font-size: 118%;
line-height: 1.2;
margin-bottom: 10px;
padding: 2px 0 2px 5px;
border-left: solid #99CC00 5px;
border-bottom: solid #CCCCCC 1px;
}

.tit07 {
width: auto;
padding: 3px 8px;
font-size: 135%;
line-height: 1.2;
border: solid #B1E748 1px;
background: #EFF9DC url(../image/tit_bg01.gif) left bottom repeat-x;
}

.tit08 {
width: auto;
padding-bottom: 2px;
margin-bottom: 5px;
font-size: 118%;
line-height: 1.2;
border-bottom: solid #CCCCCC 1px;
}

.tit09 {
width: auto;
padding: 2px 5px;
margin-bottom: 5px;
font-size: 118%;
line-height: 1.2;
border-left: solid #FF6600 5px;
}

.tit10 {
width: auto;
padding: 2px 5px;
margin-bottom: 5px;
font-size: 118%;
line-height: 1.2;
background-color: #F8E7CA;
}

/*----------------------------------------------------
dlパターンインデント横
----------------------------------------------------*/
.dl5em { margin-bottom: 0.5em; }
.dl5em dt { width: 5em; margin-bottom: -1.5em; }
.dl5em dd { padding: 0 0 0 5.25em; margin-bottom: 0.5em; }
.dl5em dd img { margin-left: 0.5em; vertical-align: middle; }

/*----------------------------------------------------
dlパターンインデント
----------------------------------------------------*/
.dl1em dt { font-weight: bold; }
.dl1em dd { padding-left: 1em; margin-bottom: 0.25em; }
.dl1em dd img { vertical-align: middle; }

/*----------------------------------------------------
dlパターンアイコン付き／
----------------------------------------------------*/
.dllinkIcon01 dt {
background: url(../image/icon_dllink01.gif) 0 0.4em no-repeat;
padding-left: 12px;
}
.dllinkIcon01 dd { padding-left: 12px; }
.dllinkIcon01 dt { margin-top: 15px; }

.dllinkIcon02 dt {
background: url(../image/icon_dllink02.gif) 0 0.4em no-repeat;
padding-left: 12px;
}
.dllinkIcon02 dd { padding-left: 12px; }
.dllinkIcon02 dt { margin-top: 15px; }

/*----------------------------------------------------
dlパターン／営農技術相談(Q＆A)
----------------------------------------------------*/
.dlStyle01 { border-top: solid #CCCCCC 1px; }
.dlStyle01 dt {
background: url(../image/icon_submenu.gif) 0 0.75em no-repeat;
padding: 5px 0 0 12px;
}
.dlStyle01 dd { padding: 0 0 5px 12px; border-bottom: solid #CCCCCC 1px; }

/*----------------------------------------------------
会員登録のご案内
----------------------------------------------------*/
#MBtouroku { width: auto; margin: 20px 0 5px 0; padding-bottom: 5px; border: solid #FFCC00 1px; }
#MBtouroku h2 {
font-size: 118%;
background:url(../image/touroku_bg.gif) left top repeat-x;
margin: 1px;
line-height: 1.5;
padding: 2px 8px;
color: #FF3300;
}
.MBtourokuInner { padding: 0 10px; }
.secom { float: left; width: 160px; margin-left: 20px; }
.secom form { float: left; width: 53px; vertical-align: middle; }
.secom p { float: right; width: 100px; }
.sample { float: right; width: 220px; }
.sample img { margin-bottom: 10px; }

.secomMB { width: auto; margin-top: 20px; padding: 10px; border: solid #CCCCCC 1px; }/*会員ページで使用*/
.secomMB form { float: left; width: 63px; }
.secomMB p { float: left; vertical-align: middle; }

/*----------------------------------------------------
テーブルパターン01
----------------------------------------------------*/
.table01 { margin-left: 1px; border-collapse: collapse; }
.table01 th { background-color: #F1FDCC; }
.table01 th, .table01 td { border: solid #CCCCCC 1px; padding: 3px; }
.table01 input { padding: 2px; margin: 2px; vertical-align: middle; }
.table01 option { padding: 1px; }

/*----------------------------------------------------
テーブルパターン01（罫線なし）
----------------------------------------------------*/
.table01BorNo { margin-left: 1px; border-collapse: collapse; }
.table01BorNo th { background-color: #F1FDCC; }
.table01BorNo th, .table01BorNo td { padding: 3px; border: none; }
.table01BorNo input { padding: 2px; margin: 2px; vertical-align: middle; }
.table01BorNo option { padding: 1px; }

/*----------------------------------------------------
テーブルパターン02（100%）
----------------------------------------------------*/
.table02 {
border-collapse: collapse;
voice-family:"\"}\""; voice-family:inherit; width: 100%!important;/*IE5.0-5.5を排除するCSSハック*/
}
.table02 th { background-color: #F1FDCC; }
.table02 th, .table02 td { border: solid #CCCCCC 1px; padding: 3px; }
.table02 input { padding: 2px; margin: 2px; vertical-align: middle; }
.table02 option { padding: 1px; }

/*----------------------------------------------------
テーブルパターン02（サイトマップ）
----------------------------------------------------*/
.table02BorNo {
border-collapse: collapse;
voice-family:"\"}\""; voice-family:inherit; width: 100%!important;/*IE5.0-5.5を排除するCSSハック*/
}
.table02BorNo th { background-color: #F1FDCC; }
.table02BorNo th, .table02BorNo td { padding: 3px; }
.table02BorNo input { padding: 2px; margin: 2px; vertical-align: middle; }
.table02BorNo option { padding: 1px; }

/*----------------------------------------------------
テーブルパターン03-1（イベントカレンダー検索部分）
----------------------------------------------------*/
.table03-1 {
padding: 5px;
background-color: #F5F2D3;
voice-family:"\"}\""; voice-family:inherit; width: 100%!important;/*IE5.0-5.5を排除するCSSハック*/
}
.table03-1 td { padding: 5px; }
.table03-1 input { padding: 2px; margin: 2px; vertical-align: middle; }
.table03-1 option { padding: 1px; }

/*----------------------------------------------------
テーブルパターン03-2（イベントカレンダー）
----------------------------------------------------*/
.table03-2 {
border-collapse: collapse;
voice-family:"\"}\""; voice-family:inherit; width: 100%!important;/*IE5.0-5.5を排除するCSSハック*/
}
.table03-2 th { background-color: #F1FDCC; }
.table03-2 th, .table03-2 td { border: solid #CCCCCC 1px; padding: 3px; }
.table03-2 input { padding: 2px; margin: 2px; vertical-align: middle; }
.table03-2 option { padding: 1px; }

/*----------------------------------------------------
テーブルパターン03-3（イベントカレンダー詳細部分）
----------------------------------------------------*/
.table03-3 {
border-collapse: collapse;
margin-bottom: 20px;
voice-family:"\"}\""; voice-family:inherit; width: 100%!important;/*IE5.0-5.5を排除するCSSハック*/
}
.table03-3 th { width: 120px; background-color: #F1FDCC; vertical-align: top; white-space: nowrap; }
.table03-3 th, .table03-3 td {
border-top: solid #CCCCCC 1px;
border-bottom: solid #CCCCCC 1px;
padding: 3px;
}
.table03-3 input { padding: 2px; margin: 2px; vertical-align: middle; }
.table03-3 option { padding: 1px; }

/*----------------------------------------------------
テーブルパターン03-4（イベントカレンダー検索結果）
----------------------------------------------------*/
.table03-4 {
border-collapse: collapse;
margin-bottom: 30px;
voice-family:"\"}\""; voice-family:inherit; width: 100%!important;/*IE5.0-5.5を排除するCSSハック*/
}
.table03-4 th { background-color: #F1FDCC; vertical-align: top; }
.table03-4 th, .table03-4 td {
border-top: solid #CCCCCC 1px;
border-bottom: solid #CCCCCC 1px;
padding: 3px;
}

/*----------------------------------------------------
産直
----------------------------------------------------*/
.tit-choku {
width: auto;
background: url(../image/con_bg_02.gif) left top repeat;
padding: 4px;
margin-top: 20px;
}
.tit-choku h1 { font-size: 135%; line-height: 1.2; }

table#sanchoku { margin: 10px 0 20px 0; }
table#sanchoku td p { padding: 1em 0; border-bottom: solid #CCCCCC 1px; }
table#sanchoku img { margin: 0 0 10px 10px; }




/*----------------------------------------------------
追加
----------------------------------------------------*/
*html #contentStart table.table1 img{
	margin-bottom:-1.5em;
}

#contentStart table.table1 td{
	vertical-align:top;
	width:250px;
}

#contentStart table.table1 td p{
	margin-bottom:1.5em;
}