@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 */

/*----------------------------------------------------
フォントカラー
----------------------------------------------------*/
.fc01 { color:#CC0000; }

/*----------------------------------------------------
タイトルパターン（トップページ）
----------------------------------------------------*/
/*新着情報*/
.tit01 { width: auto; background: url(../image/con_bg_01.gif) left top repeat; padding: 4px; }
.tit01 h2, .tit01 h1 { float: left; width: 55%; font-size: 135%; line-height: 1.2; color: #660000; }
.tit01 p { float: right; width: 45%; text-align: right; line-height: 1; }
.tit01 img { margin: 1px 0 0 5px; }

/*農作物安全情報*/
.tit02 { width: auto; background: url(../image/con_bg_02.gif) left top repeat; padding: 4px; }
.tit02 h2, .tit02 h1 { float: left; width: 55%; font-size: 135%; line-height: 1.2; color: #006600; }
.tit02 p { float: right; width: 45%; text-align: right; line-height: 1; }
.tit02 img { margin: 1px 0 0 5px; }

/*注目情報*/
.tit03 { width: auto; background: url(../image/con_bg_03.gif) left top repeat; padding: 4px; }
.tit03 h2, .tit03 h1 { float: left; width: 55%; font-size: 135%; line-height: 1.2; color: #003399; }
.tit03 p { float: right; width: 45%; text-align: right; line-height: 1; }
.tit03 img { margin: 1px 0 0 5px; }

/*あぐりんナビ*/
.tit04 { width: auto; background: url(../image/con_bg_04.gif) left top repeat; padding: 4px; }
.tit04 h2, .tit04 h1 { float: left; width: 55%; font-size: 135%; line-height: 1.2; color: #CC0000; }
.tit04 p { float: right; width: 45%; text-align: right; line-height: 1.4; }
.tit04 img { margin: 1px 0 0 5px; }

/*山形のお天気*/
.tit05 { width: auto; background: url(../image/con_bg_05.gif) left top repeat; padding: 4px; }
.tit05 h2, .tit05 h1 { float: left; width: 55%; font-size: 135%; line-height: 1.2; color: #006600; }
.tit05 p { float: right; width: 45%; text-align: right; line-height: 1.4; }

/*----------------------------------------------------
dlパターンインデント
----------------------------------------------------*/
.dl5em { margin-top: 5px; margin-bottom: 20px; }
.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; }

/*----------------------------------------------------
あぐりんナビ
----------------------------------------------------*/
.liInline { margin-bottom: 20px; }
.liInline li { display: inline; margin-right: 1.5em; }

/*----------------------------------------------------
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; }

/*----------------------------------------------------
トップページ：天気
----------------------------------------------------*/
#weather { voice-family:"\"}\""; voice-family:inherit; width: 100%; }/*IE5.0-5.5を排除するCSSハック*/
#weather { border-collapse: collapse; }
#weather th, #weather td { border: solid #99CC00 1px; padding: 3px; }

/*----------------------------------------------------
会員登録のご案内
----------------------------------------------------*/
#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; }

/*----------------------------------------------------
緊急情報
----------------------------------------------------*/
#emergency { width: auto; margin-bottom: 20px; padding-bottom: 5px; border: solid #CC0000 1px; }
#emergency h2 {
font-size: 118%;
background-color: #CC0000;
margin: 1px;
line-height: 1.5;
padding: 2px 8px;
color: #FFFFFF;
}
.emergencyInner { padding: 3px 10px; }
.emergencyInner dt { color: #CC0000; font-size: 118%; font-weight: bold; }

/*----------------------------------------------------
バナーエリア
----------------------------------------------------*/
div#advertisement { float: right; width: 148px; }

/*----------------------------------------------------
ページ下バナーエリア
----------------------------------------------------*/
div#banner03 { width: 95%; margin: 0 auto; padding-bottom: 30px; text-align: center; }
div#banner03 ul { padding: 5px 0; }
div#banner03 ul li { display: inline; margin: 0 5px; }