@charset "UTF-8";

/* CSS Document */

/* =========================================================
 ホーム用スタイル
========================================================= */

/* 基本	
--------------------------------------------------------- */
div#main div.wrapper {
	margin: 0 auto;
	padding: 10px 30px 25px;
	border-right: 1px solid #A19F93;
	border-left: 1px solid #A19F93;
	position: relative;
	width: 880px;
	background: #FFFFFF url(../../images/main_bg02.png) repeat-x center top;
}

/* メインビジュアル・カメラスケッチ	
--------------------------------------------------------- */
div#mainvisual {
	margin: 0 0 20px;
	padding: 0 0 7px;
	background: url(../../images/bg_mainvisual_box3.png) no-repeat left bottom;
}

div#mainvisual div.box1 {
	background: url(../../images/bg_mainvisual_box1.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
}
div#mainvisual div.box2 {
	background: url(../../images/bg_mainvisual_box2.png) no-repeat left 244px;
	margin: 0px;
	padding: 0px;
}

/* 写真切り替え用 */
div#mainvisual div#cf1 {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 244px;
	background: url(../../images/mainvisual_01.jpg) no-repeat left 17px;
}

div#mainvisual div#cf2 {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 244px;
	background: url(../../images/mainvisual_02.jpg) no-repeat left 17px;
}

div#mainvisual div#cf3 {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 244px;
	background: url(../../images/mainvisual_03.jpg) no-repeat left 17px;
}

div#mainvisual div#cf4 {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 244px;
	background: url(../../images/mainvisual_04.jpg) no-repeat left 17px;
}

div#mainvisual div#cf5 {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 244px;
	background: url(../../images/mainvisual_05.jpg) no-repeat left 17px;
}

/* カメラスケッチ */
div#mainvisual div#cameraskech {
	margin: 0;
	padding: 25px 25px 8px 15px;
	width: 364px;
	float: right;
	background: url(../../images/bg_cameraphoto.png) no-repeat 0px 5px;
	position: relative;
	z-index: 99;
}
div#mainvisual div#cameraskech p.photo {
	margin: 0;
	padding: 0;
}

div#mainvisual div#cameraskech p.photo img {
	margin: 0 0 7px;
	padding: 6px;
	border: 1px solid #B2B2B2;
	background: #FFF;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
div#mainvisual div#cameraskech p.caption {
	margin: 0;
	padding: 0;
	width: 260px;
	float: left;
	font-size: 93%;
	color: #FFF;
}
div#mainvisual div#cameraskech p.linkBtn {
	margin: 0;
	padding: 0;
	float: right;
}



/* 更新記事
--------------------------------------------------------- */
div#article {
	margin: 0 0 20px;
	padding: 0 0 3px;
	background: url(../../images/bg_article_3col.gif) no-repeat left bottom;
	clear: both;
}

div#article .section {
	margin: 0 20px 0 0;
	padding: 0 13px 5px;
	position: relative;
	float: left;
	z-index: 1;
	width: 254px;
	height: 130px;
	height: auto !important;
	min-height: 130px;
	background: url(../../images/bg_article_section.gif) repeat-y left top;
}

div#article .section.genki {/* 右端のマージン対策 */
	margin: 0;
}

div#article .section h2 {
	margin: 0 -13px 10px;
	padding: 0;
	position: relative;
	z-index: 2;
	width: 280px;
}

div#article .section p {
	margin: 0;
	padding: 0;
}

div#article .section p.txt {
	margin: 0;
	padding: 0 0 5px;
	line-height: 1.3;
}

div#article .section p.txt a {
	color: #333;
}

div#article .section p.photo {
	margin: -66px 0 0;
	padding: 0 0 5px 5px;
	position: relative;
	float: right;
	z-index: 3;
}

div#article .section p.photo img {
	margin: 0;
	padding: 2px;
	border: 1px solid #B2B2B2;
	background: #FFF;
}

/* コンテンツ2カラム
--------------------------------------------------------- */

div#primary {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 580px;
}

div#secondary {
	margin: 0;
	padding: 0;
	float: right;
	width: 280px;
}

/* 新着情報エリア
--------------------------------------------------------- */

div#primary div.topics {
	margin: 0 0 25px;
	padding: 0;
	position: relative;
	width: 580px;
}

div#primary div.topics h3 {
	margin: 0;
	padding: 0;
	position: relative;
	width: 580px;
}

div#primary div.topics dl,
div#primary div.topics dt,
div#primary div.topics dd,
div#primary div.topics ul,
div#primary div.topics ul li {/* 一括リセット */
	margin: 0;
	padding: 0;
}

div#primary div.topics a {
	color: #424141;
}

div#primary div.topics.news a:hover {
	color: #FF6764;
}

div#primary div.topics.nogyo a:hover {
	color: #2C810A;
}

/* 新着情報 */
div#primary div.topics.news {
	background: #FAF4F1;
}

div#primary div.topics.news dl {
	margin: 0;
	padding: 5px 0;
}

div#primary div.topics.news dt {
	margin: 0;
	padding: 0.7em 0 0.5em 28px;
	height: 1%;
	color: #666;
	background: url(../../images/ar01.gif) no-repeat 10px 1.3em;
	font-weight: bold;
}

div#primary div.topics.news dd {
	margin: -2.85em 0 0;
	padding: 1.1em 0 0.6em 8.8em;
}

div#primary div.topics.news p.topicsList {
	position: absolute;
	top: 12px;
	right: 8px;
}

/* 農業新聞トピックス */
div#primary div.topics.nogyo {
	padding: 0 0 4px;
	background: #F3F3F0;
}

div#primary div.topics.nogyo ul li {
	margin: 0;
	padding: 10px 0 4px 28px;
	height: 1%;
	list-style: none;
	background: url(../../images/ar02.gif) no-repeat 10px 1.3em;
}

div#primary div.topics.nogyo p.topicsList {
	position: absolute;
	top: 12px;
	right: 55px;
}

div#primary div.topics.nogyo p.rss {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 14px;
	right: 8px;
	font-size: 93%;
}

div#primary div.topics.nogyo p.rss a {
	color: #2C810A;
	text-decoration: none;
}

div#primary div.topics.nogyo p.rss img {
	margin: 0;
	padding: 0 3px 0 0;
}

/* プレゼント
--------------------------------------------------------- */

div.present {
	margin: -5px 0 15px;
	padding: 13px;
	position: relative;
	z-index: 1;
	width: 254px;
	background: url(../../images/bg_present.gif) no-repeat left bottom;
}

div.present h2 {
	margin: -13px -13px 10px;
	padding: 0;
	position: relative;
	z-index: 2;
	width: 280px;
}

div.present p.photo {
	margin: 0;
	padding: 0 0 5px 5px;
	position: relative;
	float: right;
	z-index: 3;
}

div.present p.photo img {
	margin: 0;
	padding: 2px;
	border: 1px solid #B2B2B2;
	background: #FFF;
}

div.present p.sumary,
div.present p.deadline {
	margin: 0;
	padding: 0 0 5px;
	line-height: 1.3;
	color: #333;
	font-size: 93%;
}

div.present p.deadline {
	font-weight: bold;
}

div.present p.application {
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
}

/* 内部リンクバナー
--------------------------------------------------------- */

div.internalLink {
	margin: 0;
	padding: 0 0 10px;
}
div.internalLink ul,
div.internalLink ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.internalLink ul li {
	margin: 0;
	padding: 0 0 10px;
}

/* 内部リンクバナー
--------------------------------------------------------- */

div.bottomLink {
	margin: 0;
	padding: 0;
	clear: both;
}
div.bottomLink ul,
div.bottomLink ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.bottomLink ul,
div.bottomLink ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.bottomLink ul {
	margin: 0;
	padding: 10px 0;
	border-top: 3px solid #E6E5DD;
	border-bottom: 3px solid #E6E5DD;
	background: #F4F4F4;
}

div.bottomLink ul li {
	padding: 0 7px;
	float: left;
}