@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* local column */
@import "local.css";



/* ===== category style ===== */
/* column setting */


/* local parts */





/* ===== [page type] contents top ===== */
/* ----- title area ----- */
.category .title {height: 120px; background: url(../img/trendcolumn/title.gif) left top no-repeat;}
.category .title h1 {display: none;}

.category .title p {
	margin: 0px 0px 0px 17px;
	padding-top: 62px;
	width: 310px;
	color: #346E37;
	font-size: 13px;
	line-height: 1.2;
}

/* ----- back number list ----- */
.category .backnumber {}
.category .backnumber li {}

.category .backnumber li h2 {}
.category .backnumber li h2 a {
	padding-left: 18px;
	background: url(../img/common/arrow_green.gif) left center no-repeat;
}

.category .backnumber li p {margin: 0px 0px 8px 18px;}




/* ===== [page type] article pages ===== */
.article .entry h2 {
	margin: 25px 0px 10px;
	padding-left: 27px;
	color: #248842;
	line-height: 25px;
	background: url(../img/trendcolumn/crosshead.gif) 0px 0px no-repeat;
}
.article .entry h3 {margin: 0px 5px 3px; color: #399B56;}
.article .entry p {margin: 0px 5px 1.2em;}
.article .entry p.end {margin: 3em 5px 1.2em;}

.article .entry ul {margin: 0px 30px 1.5em; line-height: 1.2; list-style-type: square;}
.article .entry ul li {margin: 0px 0px 3px;}

.article .entry ol {margin: 0px 35px 1.5em; line-height: 1.2;}
.article .entry ol li {margin: 0px 0px 3px;}

.article .entry .img_right {border: 2px solid #CCCCCC;}


/* blockquote */
.article .entry blockquote {
	clear: both;
	margin: 0px 10px 1.2em;
	padding: 12px 7px 2px;
	border: 2px solid #FFCC00;
	color: #736926;
	font-size: 13px;
	line-height: 1.3;
	background: #FFF9D1 url(../img/trendcolumn/bg_quote_head.gif) left top repeat-x;
	zoom: 1;
}
.article .entry blockquote h3 {
	margin: 0px 0px 0.8em 5px;
	color: #55ABC5;
	font-size: 13px;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

.article .entry blockquote p {margin-bottom: 0.8em; font-size: 13px; line-height: 1.6;}
.article .entry blockquote p.more {text-align: right;}
.article .entry blockquote p.more a {color: #0099CC;}
.article .entry blockquote p.more a img {vertical-align: middle;}

.article .entry blockquote ul {margin: -3px 10px 0.6em 30px;}
.article .entry blockquote ol {margin: -3px 10px 0.6em 35px;}

.article .entry blockquote dl {margin: 0px 5px 1.2em;}
.article .entry blockquote dl dt {color: #CC0000; font-weight: bold;}
.article .entry blockquote dl dd {margin: 0px 0px 0.6em;}


/* ----- [section] mailbox ----- */
.article .entry .mailbox {
	margin: 15px 15px 15px;
	padding: 5px 0px 10px;
	width: 365px;
	background: url(../img/mail/mailbox.gif) left top no-repeat;
}
.article .entry .mailbox p {
	margin: 0px 5px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "Osaka－等幅" monospace;
}
.article .entry .mailbox p.time {
	padding-right: 8px;
	line-height: 34px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.article .entry .mailbox p.time span {
	display: block;
	margin-right: 2px;
	height: 33px;
	color: #565656;
	font-weight: normal;
	line-height: 32px;
	overflow: hidden;
}

.article .entry .mailbox p.date,
.article .entry .mailbox p.from,
.article .entry .mailbox p.sub {
	padding-left: 68px;
	color: #666666;
	line-height: 26px;
	letter-spacing: 1px;
}
.article .entry .mailbox p.date {font-size: 15px; font-family: Verdana; letter-spacing: 0px;}

.article .entry .mailbox p.text_noend {margin: 10px 15px 25px;}
.article .entry .mailbox p.text {
	margin: 10px 15px 0px;
	padding: 0px 0px 24px;
	background: url(../img/mail/mailbox_end.gif) center bottom no-repeat;
}


/* ----- [section] related items ----- */
.article .entry #relation {padding: 20px 0px 0px; border-top: 1px solid #CCCCCC;}

.article .entry #relation h3 {
	margin: 0px 7px 10px;
	padding-left: 21px;
	font-size: 15px;
	line-height: 18px;
	background: url(../img/trendcolumn/subhead.gif) left top no-repeat;
}
.article .entry #relation h3.search {color: #FF9933; background-image: url(../img/trendcolumn/subhead_search.gif);}
.article .entry #relation h3.article {color: #669933; background-image: url(../img/trendcolumn/subhead_article.gif);}

.article .entry #relation dl {margin: 0px 15px 20px; padding: 0; color: #353737; line-height: 15px;}
.article .entry #relation dl dt {
	margin: 0;
	padding: 0;
	width: 130px;
	height: 15px;
	text-indent: 9px;
	background: url(../img/common/triangle_orange.gif) 0px 3px no-repeat;
}
.article .entry #relation dl dd {margin: -15px 0px 6px 130px; padding: 0;}

.article .entry #relation dl dd ul {margin: 0; padding: 0; list-style: none;}
.article .entry #relation dl dd ul li {display: inline; margin: 0px 5px 0px 0px; padding: 0;}

.article .entry #relation div ul {margin: 0px 15px 20px; padding: 0; color: #353737; list-style: none;}
.article .entry #relation div ul li {
	margin: 0px 0px 7px;
	padding: 0;
	text-indent: 9px;
	background: url(../img/common/triangle_lightgreen.gif) left center no-repeat;
	/background-position: 0px 2px;
}
.article .entry #relation div ul li img {vertical-align: middle;}

.article .entry #relation p.powered {font-size: 12px; text-align: right;}
.article .entry #relation p.powered img {margin-left: 3px; vertical-align: text-bottom;}