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


/* guide profile */
.contents .area_main .guideprofile dt {color: #7E872D;}
.contents .area_main .guideprofile dd img {float: left; margin: 0px 10px 0px 0px; border-color: #8D9C63;}
.contents .area_main .guideprofile dd dl dt {color: #8D9C63; background-image: url(../img/common/triangle_green.gif);}




/* ===== [page type] contents top ===== */
/* ----- title area ----- */
.category .title {}
.category .title#catetop {margin-bottom: 0px; padding-bottom: 25px; background: url(../img/mail/bg.jpg) right top no-repeat;}

.category .title h1 {
	margin: 0px 0px 10px;
	height: 88px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/mail/title.gif) left top no-repeat;
}
.category .title#catetop h1 {margin: 0px 0px 10px; height: 88px; background-image: url(../img/mail/title.gif);}
	.motemail .title h1 {margin-left: -5px; height: 47px; background-image: url(../img/mail/title_motemail.gif);}
	.oyayubi .title h1 {margin-left: -5px; height: 47px; background-image: url(../img/mail/title_oyayubi.gif);}
	.hyper .title h1 {margin-left: -5px; height: 47px; background-image: url(../img/mail/title_hyper.gif);}
	.prince .title h1 {margin-left: -5px; height: 47px; background-image: url(../img/mail/title_prince.gif);}

.category .title p {
	margin: 0px 200px 0px 0px;
	padding: 3px 10px;
	border-left: 9px solid #56743A;
	line-height: 1.3;
}
.category .title#catetop p {margin: 0px 200px 0px 0px; font-size: 15px;}
	.motemail .title p,
	.oyayubi .title p,
	.hyper .title p,
	.prince .title p {margin: 0px 110px 0px 0px; font-size: 13px;}


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


/* ----- mail top ----- */
.category .section {margin: 0px 0px 30px;}

.category .section h2 {margin: 0px 5px 15px;}
.category .section h2 a {
	display: block;
	margin: 0px 0px 0px;
	border-bottom: 2px solid #CCCCCC;
	width: 390px;
	height: 42px;
	text-indent: -10000px;
	overflow: hidden;
	background: #FFFFFF left top no-repeat;
}
.category .section h2 a:hover {border-color: #80976B;}
	.category .section h2.motemail a {background-image: url(../img/mail/title_motemail.gif);}
	.category .section h2.oyayubi a {background-image: url(../img/mail/title_oyayubi.gif);}
	.category .section h2.hyper a {background-image: url(../img/mail/title_hyper.gif);}
	.category .section h2.prince a {width: 400px; background-image: url(../img/mail/title_prince.gif);}

.category .section .backnumber {margin: 0px 5px;}
.category .section .backnumber li {margin: 0px 0px 15px;}

.category .section .backnumber li h3 {margin: 0px 0px 4px; font-size: 15px; line-height: 1.2;}
.category .section .backnumber li h3 a {
	padding-left: 18px;
	background: url(../img/common/arrow_green.gif) left center no-repeat;
}

.category .section p.more {font-size: 13px; text-align: right;}




/* ===== [page type] article pages ===== */
.article .entry .section {margin: 0px 0px 15px; border-top: 6px solid #A5943A;}
.article .entry .section .inner {padding: 10px 10px 2px; border: 1px solid #000000; border-top: none;}

.article .entry h2 {
	margin: 2em 0px 10px;
	padding: 3px 0px 0px 8px;
	border-left: 8px solid #56743A;
	color: #111111;
	font-size: 17px;
	background: url(../img/common/border_x.gif) left top repeat-x;
}
	.article .entry h2.lead {
		margin: 0px 3px 5px;
		padding: 0;
		border: 0;
		color: #346E37;
		font-size: 19px;
		line-height: 1.2;
		letter-spacing: -1px;
		background: none;
	}
	.article .entry h2.prince {
		margin: 2.4em 0px 12px;
		padding: 3px 15px 0px 34px;
		border: 0;
		border-bottom: 3px solid #373535;
		color: #FFFFFF;
		line-height: 23px;
		background: #6A7E33 url(../img/mail/h3head_prince.gif) 8px 4px no-repeat;
	}

.article .entry h3 {margin: 0px 0px 5px; color: #56743A;}
.article .entry h3.m_cap03 {color: #7E872D;}

.article .entry p {margin: 0px 5px 1.2em;}

.article .entry p.phrase {
	margin: -5px 5px 15px 5px;
	padding-left: 42px;
	color: #8D9C63;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: -1px;
	background: url(../img/mail/phrase.gif) 2px 0px no-repeat;
}

.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;}

/* intro text */
.article .entry .intro {margin: 0px 5px 15px;}
.article .entry .intro p {margin: 0; font-size: 13px;}

/* blockquote */
.article .entry blockquote {
	margin: 0px 10px 1.2em;
	padding: 15px 15px 1px;
	border: 1px dotted #CCCCCC;
	background-color: #FFFAC7;
}
.article .entry blockquote p {font-size: 13px; line-height: 1.6;}
.article .entry blockquote p.text_center {margin-top: -5px; margin-bottom: 5px; line-height: 1.2;}

.article .entry blockquote ul {margin: 0px 10px 1.5em 25px;}
.article .entry blockquote ol {margin: 0px 10px 1.5em 30px;}

.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;}

/* ole type */
.article .entry .m_ex {
	margin: 0px 15px 15px;
	padding: 10px 25px;
	border: dotted #AAAAAA 1px;
	line-height: 140%;
	background: #FFFAC7;
}
.article .entry .m_ex p {margin: 5px 0px; font-size: 13px;}
.article .entry .m_ex p.color_red {color: #CC0000 !important;}

.article .entry .m_ex01 {
	margin-left: 15px;
	padding: 15px;
	border: 1px dotted #AAAAAA;
	width: 450px;
	line-height: 140%;
	background: #FFFAC7;
}
.article .entry .m_ex01 p {margin: 5px 0px; font-size: 13px;}

.article .entry .m_ex02 {
	margin: 0px 15px 15px;
	padding: 10px 15px 0px;
	border: 1px dotted #AAAAAA;
	color: #666666;
	line-height: 140%;
	background: #FFFAC7;
}
.article .entry .m_ex02 p {margin: 5px 0px; font-size: 13px;}
.article .entry .m_ex02 dt {margin-bottom: 5px; color: #CC0000; font-size: 14px; font-weight: bold;}
.article .entry .m_ex02 dd {margin-bottom: 10px; margin-left: 0; padding-left: 15px;}

.article .entry .m_quot201 {
	margin: 0px 15px 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
	line-height: 1.4;
	background: #FFFAC7;
}
.article .entry .m_quot201 dd {margin: 0px 0px 0px 20px;}
.article .entry .m_quot202 {margin-bottom: 5px; padding-left: 15px; color: #CC0000;}

.article .entry .m_mail01 {
	margin: 0px 15px 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px dotted #AAAAAA;
	color: #333333;
	font-size: 13px;
	line-height: 1.4;
	zoom: 1;
}
.article .entry .m_mail01 dd {padding: 0px 0px 0px 30px;}
.article .entry .m_mail01 dd p {padding: 0px 5px; font-size: 13px;}
.article .entry .m_mail01 dd strong {color: #7E872D;}
.article .entry .m_mail02 {
	margin: 0px 15px 8px 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;
	font-style: italic;
}

.article .entry .m_talk01 {margin: 0px 10px 20px; color: #666666; line-height: 1.3;}
.article .entry .m_talk01 dt {width: 50px; font-weight: bold; text-align: right;}
	.article .entry .m_talk01 dt.color_red02 {color: #BC2F32 !important;}
	.article .entry .m_talk01 dt.color_blue01 {color: #315887 !important;}
.article .entry .m_talk01 dd {margin: -1.3em 0px 8px 60px;}

.article .entry .m_scouter01 {border: 1px solid #AAAAAA; margin: 0px 10px; background-color: #AAAAAA;}
.article .entry .m_scouter01 tr {background-color: #FFFFFF;}
.article .entry .m_scouter02 {padding: 1px 5px; font-size: 13px; color: #373535; line-height: 120%;}
.article .entry .m_scouter03 {padding: 1px 5px; font-size: 12px; color: #FF6600; line-height: 120%;}

.article .entry .m_u-line {margin-bottom: 5px; border-bottom: 1px #555555 dotted;}

.article .entry .m_pr {margin-left: 10px; margin-top: 15px; font-size: 14px; font-weight: bold; color: #333333;}
.article .entry .m_box {
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	border-width: 6px 1px 1px;
	border-style: solid;
	border-color: #56743A #858789 #858789;
}
.article .entry .m_box dl {margin: 0; font-size: 13px; color: #111111; line-height: 140%;}
.article .entry .m_box dt {}
.article .entry .m_box dd {margin-bottom: 5px;}


/* ----- mailbox ----- */
.article .entry .mailbox {
	margin: 20px 20px;
	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;
}