@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 ===== */
/* ----- title area ----- */
.category .title {}
.category .title h1 {
	margin: 0px 0px 10px;
	height: 130px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/motesuit2/title.gif) left top no-repeat;
}

.category .title p {
	margin: 0px 80px 0px 0px;
	padding: 3px 10px;
	border-left: 9px solid #A72020;
	line-height: 1.3;
}


/* ----- 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_red.gif) left center no-repeat;
}

.category .backnumber li p {margin: 0px 0px 8px 18px; font-size: 15px;}




/* ===== [page type] article pages ===== */
.article .entry h2 {
	margin: 2em 0px 12px;
	padding-left: 18px;
	height: 30px;
	color: #B84C4C;
	font-size: 17px;
	line-height: 33px;
	background: #FFFFFF url(../img/motesuit2/crosshead.gif) left top no-repeat;
	overflow: hidden;
}

.article .entry h3 {margin: 0px 5px 5px; color: #B84C4C;}

.article .entry p {margin: 0px 5px 1.2em;}
.article .entry p.text_right a {
	padding-left: 9px;
	background: url(../img/icon/tri_red01.gif) left center no-repeat;
	/background-position: 0px 3px;
}

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

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

/* line quote */
.article .entry p.quotation {
	margin: 0px 0px 1.5em 30px;
	padding-left: 5.5em;
	color: #787878;
	text-indent: -5.5em;
}
.article .entry p.quotation a {
	margin-left: 10px;
	padding-left: 10px;
	background: url(../img/icon/tri_red01.gif) left center no-repeat;
	/background-position: 0px 3px;
}
.article .entry p.quotation a.detail {margin-left: 5px; padding-left: 0px; background: none;}
.article .entry p.quotation a.detail img {margin: 0px 0px -2px;}

/* list quote */
.article .entry ul.quotation {
	margin: 15px 25px 30px 20px;
	padding: 12px 15px 6px;
	border-left: 3px solid #E1B2B3;/* #DCA6A7 */
	color: #565656;
	font-size: 15px;
	line-height: 1.2;
	list-style: none;
	background: #FFFFFF url(../img/motesuit2/bg_impression.gif) right bottom no-repeat;
	zoom: 1;
}
.article .entry ul.quotation li {
	margin: 0px 0px 7px;
	padding: 0px 0px 0px 13px;
	background: url(../img/motesuit2/arrow.gif) 0px 4px no-repeat;
}



/* ----- putting image ----- */
/* set1 */
.article .entry div.pic_main {
	float: right;
	margin-left: 5px;
	padding: 5px 0px 2px;
	border: 1px solid #CCCCCC;
	width: 250px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.1;
	/line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry div.pic_sub {
	float: left;
	margin-right: 5px;
	padding: 5px 0px 2px;
	border: 1px solid #CCCCCC;
	width: 180px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.1;
	/line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}

.article .entry div.pic_main img,
.article .entry div.pic_sub img {margin-bottom: 2px; vertical-align: top;}

/* set2 */
.article .entry ul.img_set2 {
	margin: 0px 0px 25px 20px;
	padding: 5px 0px 2px;
	width: 500px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.1;
	/line-height: 1.2;
	/letter-spacing: 1px;
	list-style: none;
	border: 1px solid #CCCCCC;
	zoom: 1;
}
.article .entry ul.img_set2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.article .entry ul.img_set2 li {float: left; margin: 0px; width: 250px; text-align: center;}
.article .entry ul.img_set2 li img {margin-bottom: 2px; vertical-align: middle;}

/* set3 */
.article .entry ul.img_set3 {
	margin: 0px 0px 25px 20px;
	padding: 6px 0px 2px;
	width: 510px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	list-style: none;
	border: 1px solid #CCCCCC;
	zoom: 1;
}
.article .entry ul.img_set3:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.article .entry ul.img_set3 li {float: left; margin: 0; width: 170px; color: #666666; text-align: center;}
.article .entry ul.img_set3 li p.text_right {
	clear: both;
	margin: 0px 5px 0px 0px;
	color: #373535;
	font-size: 13px;
	line-height: 1.2;
}
.article .entry ul.img_set3 li img {margin-bottom: 2px; vertical-align: middle;}


/* ----- [section] image and text block ----- */
.article .entry .img_set_text {margin: 0px 15px 25px; zoom: 1;}
.article .entry .img_set_text .inner {clear: both; padding: 0px 0px 2px; zoom: 1;}
.article .entry .img_set_text .inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.article .entry .img_set_text .inner img {float: left; margin-bottom: 10px; vertical-align: bottom;}
* html .article .entry .img_set_text .inner img {margin-left: -3px;}
*+html .article .entry .img_set_text .inner img {margin-left: -3px;}

.article .entry .img_set_text .inner h3 {margin: 0px 0px 3px 168px; color: #B84C4C; font-size: 15px;}
.article .entry .img_set_text .inner p {margin: 0px 0px 10px 170px;}



/* ----- [section] point block ----- */
.article .entry .point {
	margin: 15px 25px 20px 20px;
	padding: 10px 15px 6px;
	border-left: 3px solid #E1B2B3;
	color: #565656;
	font-size: 13px;
	line-height: 1.2;
	background: #FFFFFF url(../img/motesuit2/bg_point.gif) right bottom no-repeat;
	zoom: 1;
}

.article .entry .point h3 {
	margin: 0px 0px 10px;
	color: #B84C4C;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 15px;
}
.article .entry .point p {margin: 0px 0px 15px 3px;}
.article .entry .point p.text_right {margin: -10px 20px 0px; color: #8CADCE;}

.article .entry .point ul {
	margin: 0px 0px 15px;
	padding: 0px;
	color: #565656;
	font-size: 15px;
	line-height: 1.2;
	list-style: none;
}
.article .entry .point ul li {
	margin: 0px 0px 7px;
	padding: 0px 0px 0px 13px;
	background: url(../img/motesuit2/arrow.gif) 0px 4px no-repeat;
}



/* ----- [section] point block (frame) ----- */
.article .entry .frame {
	margin: 15px 25px 25px 20px;
	padding: 12px 15px 5px;
	border: 1px solid #E1B2B3;
	font-size: 13px;
	background: #F8ECEC url(../img/motesuit2/lily.gif) right bottom no-repeat;
	zoom: 1;
}
.article .entry .frame h3 {
	margin: 0px 0px 3px;
	color: #D58080;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 15px;
}
.article .entry .frame p.text_right {clear: both; margin: -10px 20px 0px; color: #CC7F81; font-size: 13px;}

/* [pattern] definition */
.article .entry .frame dl {
	margin: 0px 0px 15px;
	padding: 0px 0px 5px;
	font-size: 13px;
	line-height: 1.3;
	background: url(../img/motesuit2/line_dash.gif) left bottom repeat-x;
}
.article .entry .frame dl.end {margin-bottom: 0px; background: none;}
.article .entry .frame dl dt {margin: 0px 3px 10px; padding: 0; color: #D99F9F; font-weight: bold;}
.article .entry .frame dl dd {margin: 0px 0px 0px 5px; padding: 0;}
.article .entry .frame dl dd p {margin: 0px 0px 10px; padding: 0; color: #373535; font-size: 12px;}

/* [pattern] inner box */
.article .entry .frame .inner {
	clear: both;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px 5px;
	/padding-bottom: 5px;
	background: url(../img/motesuit2/line_dash.gif) left bottom repeat-x;
	zoom: 1;
}
.article .entry .frame .inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
	.article .entry .frame .end {background: none;}
.article .entry .frame .inner p {margin: 0px 0px 1em; padding: 0; color: #373535; font-size: 13px;}

/* profile set */
.article .entry .frame .prof {padding-top: 5px;}
.article .entry .frame .prof p {
	clear: both;
	margin: 0px 3px 1em;
	padding-left: 19px;
	color: #565656;
	line-height: 1.3;
	text-indent: -18px;
}
.article .entry .frame .prof img {margin: 0px 15px 5px 5px;}

.article .entry .frame .prof table {float: left; background-color: #CCCCCC;}
.article .entry .frame .prof caption {
	padding: 4px 6px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	text-align: left;
	background-color: #EEEEEE;
}
.article .entry .frame .prof th {padding: 3px 12px 3px 7px; font-weight: normal; text-align: left; background-color: #FFFFFF;}
.article .entry .frame .prof td {padding: 3px 12px 3px 7px; background-color: #FFFFFF;}


/* list */
.article .entry .frame ul {
	margin: 0px 20px 10px;
	padding: 0;
	color: #565656;
	list-style-type: square;
}
.article .entry .frame ul li {margin: 0px 0px 3px; padding: 0;}


