@charset "utf-8";

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

	ザックザック / TOP STYLE
	author   : (C)KAYAC http://www.kayac.com/

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

@import url("./common/base.css");
@import url("./common/layout.css");
@import url("./common/module.css");


/*
ページごとに固有のスタイルを書く。
また、共通ファイルをimportする。
共通のものは/css/common以下の各ファイルに書くこと
*/


/* modules
---------------------------------------------- */

/* styles
---------------------------------------------- */

body#top div#content {
	border-top: 10px solid #000;
}

body#top #main {
	background: url(/img/top/bg_pickup.gif) no-repeat 10px 0;
}

#imgTopMain {
	position:relative;
	padding: 20px 20px 0 20px;
}

#imgTopSpecial {
	padding: 20px 0 0 20px;	
}

#imgTopSpecial ul li {
	float: left;
	margin: 0 8px 5px 0;
	line-height: 1;
}

div.section .imgL {
	margin-bottom: 0;
	padding-bottom: 10px;
}

/* main section common style
---------------------------------------------- */
div#main div.sectionFarmer,
div#main div.sectionBlog,
div#main div.groupSectionColumnDog,
div#main div.sectionMarket,
div#main div.sectionArticles {
	margin: 0;
	padding: 19px 0 0;
}

div#main div.sectionFarmer h2,
div#main div.sectionBlog h2,
div#main div.sectionMarket h2,
div#main div.sectionArticles h2 {
	margin: 0 20px;
}

div#main div.sectionFarmer div.section,
div#main div.sectionBlog div.section,
div#main div.groupSectionColumnDog div.section,
div#main div.sectionMarket div.section,
div#main div.sectionArticles div.section {
	margin-bottom: 0;
}



/* section farmer
---------------------------------------------- */
div#main div.sectionFarmer {}

/* --- main --- */
div#main div.sectionFarmer div.main {
	float: left;
	width: 490px;
}

/* text */
div#main div.sectionFarmer div.main div.txtR {
	float: right;
	width: 260px;
}

div#main div.sectionFarmer div.main div.txtR h3 {
	float: right;
	width: 200px;
	margin: 0;
	font-size: 123.1%;
}

div#main div.sectionFarmer div.main div.txtR div.type {
	float: left;
	width: 50px;
}

div#main div.sectionFarmer div.main div.txtR ul {
	clear: both;
	padding-top: 4px;
}

div#main div.sectionFarmer div.main div.txtR ul li {
	line-height: 1.5;
}

div#main div.sectionFarmer div.main div.txtR ul li.ttlSub {
	font-size: 100%;
	font-weight: bold;
}

div#main div.sectionFarmer div.main div.txtR ul li.date {
	padding-bottom: 10px;
	color: #999999;
	font-size: 77%;
}

div#main div.sectionFarmer div.main div.txtR ul li.summary {
	font-size: 93%;
}

div#main div.sectionFarmer div.main div.txtR p.more {
	padding-top: 10px;
	text-align: right;
}

/* img */
div#main div.sectionFarmer div.main div.imgL {}

div#main div.sectionFarmer div.main div.imgL a img {
	border:5px solid #fde800;
}

div#main div.sectionFarmer div.main div.imgL a:hover img {
	border-color: #33ccff;
}

/* --- sub --- */
div#main div.sectionFarmer div.sub {
	float: right;
	width: 180px;
	padding-top: 10px;
}

div#main div.sectionFarmer div.sub h3 {
	margin-bottom: 0;
}

div#main div.sectionFarmer div.sub ul.listPickup li {
	width: 180px;
	font-size: 108%;
	line-height: 1.5;
}

div#main div.sectionFarmer div.sub ul.listPickup li a {
	display: block;
	padding-left: 25px;
	background: url(/img/common/ico_arrow_2.gif) no-repeat 0 4px;
}

div#main div.sectionFarmer div.sub ul.listPickup li a:hover {
	background-image: url(/img/common/ico_arrow_2_o.gif);
}

div#main div.sectionFarmer div.sub ul.btnMain {
	padding-top: 10px;
}

/* section blog
---------------------------------------------- */
div#main div.sectionBlog {}

div#main div.sectionBlog div.profile {
	float: left;
	width: 220px;
	margin-right: 3px;
}

div#main div.sectionBlog div.profile h3 {
	width: 210px;
	margin-bottom: 0;
	font-size: 100%;
	line-height: 1.5;
}

div#main div.sectionBlog div.profile h3 a {
	display: block;
	padding-left: 25px;
	background: url(/img/common/ico_arrow_2.gif) no-repeat 0 4px;
}

div#main div.sectionBlog div.profile h3 a:hover {
	background-image: url(/img/common/ico_arrow_2_o.gif);
}

div#main div.sectionBlog div.profile p.place {
	width: 185px;
	margin-bottom: 3px;
	margin-left: 25px;
	font-size: 83%;
	line-height: 1.5;
}

div#main div.sectionBlog div.profile ul li.picture {
	float: left;
	margin-right: 4px;
}

div#main div.sectionBlog div.profile ul li.picture a img {
	border:5px solid #000000;
}

div#main div.sectionBlog div.profile ul li.picture a:hover img {
	border-color: #33ccff;
}

div#main div.sectionBlog div.profile ul li.type,
div#main div.sectionBlog div.profile ul li.income,
div#main div.sectionBlog div.profile ul li.date {
	float: right;
	width: 86px;
	font-size: 83%;
}

div#main div.sectionBlog div.profile ul li.income {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.4;
}

div#main div.sectionBlog ul.btnMain {
	clear: both;
	padding-top: 10px;
}

/* section group column and dog
---------------------------------------------- */
div#main div.groupSectionColumnDog {}

div#main div.groupSectionColumnDog div.section {
	margin-right: 0;
	margin-left: 0;
}

div#main div.sectionColumn {
	float: left;
	width: 490px;
	padding-left: 20px;
}

div#main div.sectionDog {
	float: right;
	width: 180px;
	padding-right: 20px;
}

/* section column
---------------------------------------------- */
div#main div.sectionColumn h2 {
	margin: 0 0 8px 0;
}

div#main div.sectionColumn div.itemTopic {
}

/* text */
div#main div.sectionColumn div.itemTopic div.txtR {
	float: right;
	width: 350px;
}

div#main div.sectionColumn div.itemTopic div.txtR h3 {
	margin-bottom: 0;
	font-size: 108%;
}

div#main div.sectionColumn div.itemTopic div.txtR h3 a {
	display: block;
	padding-left: 25px;
	background: url(/img/common/ico_arrow_2.gif) no-repeat 0 4px;
}

div#main div.sectionColumn div.itemTopic div.txtR h3 a:hover {
	background-image: url(/img/common/ico_arrow_2_o.gif);
}

div#main div.sectionColumn div.itemTopic div.txtR ul li.summary {
	font-size: 93%;
	line-height: 1.5;
}

div#main div.sectionColumn div.itemTopic div.txtR ul li.date {
	padding-bottom: 10px;
	color: #999999;
	font-size: 77%;
}

/* img */
div#main div.sectionColumn div.itemTopic div.imgL a img {
	border: 5px solid #000000;
}

div#main div.sectionColumn div.itemTopic div.imgL a:hover img {
	border-color: #33ccff;
}

/* section dog
---------------------------------------------- */
div#main div.sectionDog h2 {
	margin: 0 0 5px 0;
}

div#main div.sectionDog dl {
	position: relative;
	width: 150px;
	margin: 0 auto 5px;
}

div#main div.sectionDog dl dt {
	padding-top: 150px;
	font-size: 108%;
}

div#main div.sectionDog dl dt a {
	padding-left: 25px;
	background: url(/img/common/ico_arrow_2.gif) no-repeat 0 0;
}

div#main div.sectionDog dl dt a:hover {
	background: url(/img/common/ico_arrow_2_o.gif) no-repeat 0 0;
}

div#main div.sectionDog dl dd.img {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
}

div#main div.sectionDog dl dd.img a img {
	border: 5px solid #000000;
}

div#main div.sectionDog dl dd.img a:hover img {
	border-color: #33ccff;
}

div#main div.sectionDog dl dd.txt {
	font-size: 93%;
	line-height: 1.5;
}

/* section market
---------------------------------------------- */
div#main div.sectionMarket {}

/* --- main --- */
div#main div.sectionMarket div.main {
	float: left;
	width: 490px;
	padding-top: 10px;
}

div#main div.sectionMarket div.main dl {
	float: right;
	width: 322px;
	padding-top: 10px;
	background: url(/img/top/bg_market_comment_top.gif) no-repeat 0 0;
}

div#main div.sectionMarket div.main dt {
	display: block;
	font-size: 108%;
}

div#main div.sectionMarket div.main dt a {
	display: block;
	padding-left: 45px;
	background: url(/img/common/ico_arrow_2.gif) no-repeat 20px 4px;
}

div#main div.sectionMarket div.main dt a:hover {
	background-image: url(/img/common/ico_arrow_2_o.gif);
}

div#main div.sectionMarket div.main dl dd.txt {
	width: 285px;
	padding: 0 17px 0 20px;
	padding-bottom: 12px;
	background: url(/img/top/bg_market_comment_btm.gif) no-repeat 0 100%;
	font-size: 93%;
	line-height: 1.5;
}

div#main div.sectionMarket div.main div.img {
	float: left;
	position: relative;
	padding-right: 8px;
}

div#main div.sectionMarket div.main div.img span.twinkle {
	position: absolute;
	top: -10px;
	right: 0;
	width: 46px;
	height: 43px;
	background: url(/img/common/twinkle.gif) no-repeat 0 0;
}

/* --- sub --- */
div#main div.sectionMarket ul.sub {
	float: right;
	width: 180px;
	padding-top: 10px;
}

div#main div.sectionMarket ul.sub li {
	width: 180px;
	font-size: 108%;
	line-height: 1.5;
}

div#main div.sectionMarket ul.sub li a {
	display: block;
	padding-left: 25px;
	background: url(/img/common/ico_arrow_2.gif) no-repeat 0 4px;
}

div#main div.sectionMarket ul.sub li a:hover {
	background-image: url(/img/common/ico_arrow_2_o.gif);
}


/* section articles
---------------------------------------------- */
div#main div.sectionArticles {
	padding-bottom: 40px;
}

div#main div.sectionArticles h2 {
	margin-bottom: 10px;
}

div#main div.sectionArticles div.itemTopic {
}

/* text */
div#main div.sectionArticles div.itemTopic div.txtR {
	float: right;
	width: 550px;
}

div#main div.sectionArticles div.itemTopic div.txtR h3 {
	margin-bottom: 0;
	font-size: 108%;
}

div#main div.sectionArticles div.itemTopic div.txtR h3 a {
	display: block;
	padding-left: 25px;
	background: url(/img/common/ico_arrow_2.gif) no-repeat 0 4px;
}

div#main div.sectionArticles div.itemTopic div.txtR h3 a:hover {
	background-image: url(/img/common/ico_arrow_2_o.gif);
}


div#main div.sectionArticles div.itemTopic div.txtR ul li.summary {
	font-size: 93%;
	line-height: 1.5;
}

div#main div.sectionArticles div.itemTopic div.txtR ul li.date {
	padding-bottom: 10px;
	color: #999999;
	font-size: 77%;
}

/* img */
div#main div.sectionArticles div.itemTopic div.imgL a img {
	border: 5px solid #000000;
}

div#main div.sectionArticles div.itemTopic div.imgL a:hover img {
	border-color: #33ccff;
}

/* special banner
---------------------------------------------- */
div#imgTopSpecial ul.listSpecialBnr{
	overflow: hidden;
	width: 705px;
}

div#imgTopSpecial ul.listSpecialBnr li{
	float: left;
	width: 220px;
	overflow: hidden;
	display: inline;
	margin-right: 15px;
}

div#imgTopMain h3{
	font-size: 123.1%;
	line-height: 1.7;
	font-weight: bold;
}

div.sectionFarmer h3 a.about{
	background: transparent url(/img/common/ico_arrow_2.gif) no-repeat scroll 0 4px;
	display: block;
	padding-left: 25px;
}

div.sectionFarmer h3 a.about:hover{
	background-image: url(/img/common/ico_arrow_2_o.gif);
}

div#imgTopSpecial ul.listSpecialBnr li p{
	font-size: 86%;
	line-height: 1.4;
	margin-top: 5px;
}

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

		hacks

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

/* Clearfix
---------------------------------------------- */

#imgTopMain,
#imgTopSpecial ul,
div.sectionTop ul.type,
div.sectionTop .section,
div.sectionTop div.section ul.pickup li,
div.sectionSecond,
div.sectionSecond div.monthly ul li,
div.sectionSecond div.blog ul li,
div.sectionSecond div.blog ul li div.profile,
div.sectionSecond div.dog,
div.sectionFarmer div.section,
div.sectionFarmer div.section div.main,
div.sectionBlog div.section,
div.sectionBlog div.section div.profile,
div.groupSectionColumnDog,
div.sectionColumn div.itemTopic,
div.sectionMarket div.section,
div.sectionMarket div.section dl.main,
div.sectionArticles div.itemTopic {
	zoom: 1;/*for IE 5.5-7*/
}
#imgTopMain:after,
#imgTopSpecial ul:after,
div.sectionTop ul.type:after,
div.sectionTop .section:after,
div.sectionTop div.section ul.pickup li:after,
div.sectionSecond:after,
div.sectionSecond div.monthly ul li:after,
div.sectionSecond div.blog ul li:after,
div.sectionSecond div.blog ul li div.profile:after,
div.sectionSecond div.dog:after,
div.sectionFarmer div.section:after,
div.sectionFarmer div.section div.main:after,
div.sectionBlog div.section:after,
div.sectionBlog div.section div.profile:after,
div.groupSectionColumnDog:after,
div.sectionColumn div.itemTopic:after,
div.sectionMarket div.section:after,
div.sectionMarket div.section dl.main:after,
div.sectionArticles div.itemTopic:after {
	/*for modern browser*/
	display: block;
	clear: both;
	visibility: hidden;
	content: ".";
	height: 0px;
}
* html #imgTopMain,
* html #imgTopSpecial ul,
* html div.sectionTop ul.type,
* html div.sectionTop .section,
* html div.sectionTop div.section ul.pickup li,
* html div.sectionSecond,
* html div.sectionSecond div.monthly ul li,
* html div.sectionSecond div.blog ul li,
* html div.sectionSecond div.blog ul li div.profile,
* html div.sectionSecond div.dog,
* html div.sectionFarmer div.section,
* html div.sectionFarmer div.section div.main,
* html div.sectionBlog div.section,
* html div.sectionBlog div.section div.profile,
* html div.groupSectionColumnDog,
* html div.sectionColumn div.itemTopic,
* html div.sectionMarket div.section,
* html div.sectionMarket div.section dl.main,
* html div.sectionArticles div.itemTopic {
	display: inline-table;
	/*\*/display: block;/**/
}



div.adSense,
div.sectionTop,
div.sectionSecond {
	display: none;
}