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

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


/* ----- back number list ----- */
.category .backnumber {}
.category .backnumber li {margin-bottom: 18px;}

.category .backnumber li h2 {
	margin-bottom: 7px;
	padding-top: 13px;
	height: 28px;
	line-height: 28px;
	background: #FFFFFF url(../img/talktech/belt_crosshead.gif) left top no-repeat;
}
.category .backnumber li h2 a {
	padding: 0px 15px 0px 60px;
	background: none;
	zoom: 1;
}

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




/* ===== [page type] article pages ===== */
.article .entry h2 {
	margin: 2.4em 0px 10px;
	padding: 13px 0px 0px 55px;
	border-left-width: 5px;
	color: #FF6600;
	font-size: 17px;
	line-height: 28px;
	text-align: left;
	background: #FFFFFF url(../img/talktech/belt_crosshead.gif) left top no-repeat;
}
	.article .entry h2.first {margin-top: 0px;}
.article .entry h3 {
	margin: 20px 5px 10px;
	color: #339999;
	font-size: 15px;
}

.article .entry p {margin: 0px 5px 1.2em;}
.article .entry p.text_right {color: #999999;}

.article .entry p span,
.article .entry p strong {color: #FF9900;}

/* under line */
.article .entry span.u-line_red,
.article .entry span.u-line_blue {color: #555555;}
.article .entry p span.u-line_red,
.article .entry p span.u-line_blue {color: #373535;}

/* ordered list */
.article .entry ol {
	margin: 0px 0px 1.2em 33px;
	padding: 0;
	color: #996666;
	font-size: 15px;
	line-height: 1.3;
}
.article .entry ol li {margin: 0px 0px 3px;}

/* unordered list */
.article .entry ul {
	margin: 0px 0px 1.2em 30px;
	padding: 0;
	color: #B78500;
	font-size: 15px;
	line-height: 1.3;
	list-style-type: square;
}
.article .entry ul li {margin: 0px 0px 3px;}
.article .entry ul li span {font-weight: bold;}


/* ----- talk case definition list ----- */
.article .entry dl.talk {
	margin: 20px 25px 20px 10px;
	padding: 12px 15px 1px;
	border: 1px solid #FFCC99;
	line-height: 1.3;
	background: #FFFFFF;
	zoom: 1;
}
.article .entry dl.talk dt {
	margin: 0;
	padding: 0;
	height: 18px;
	color: #669999;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}
/* chara */
.article .entry dl.talk dt.senior {color: #0066CC;}
.article .entry dl.talk dt.junior {color: #EF801B;}

.article .entry dl.talk dd {
	margin: -20px 0px 15px 40px;
	padding: 0;
	color: #555555;
	line-height: 1.4;
}
.article .entry dl.talk dd.improve {
	margin-bottom: 20px;
	padding-bottom: 50px;
	background: url(../img/talktech/arrow_improve.gif) center bottom no-repeat;
}


/* ----- balloon talk ----- */
.article .entry dl.balloon {margin: 0px 50px 18px 30px; zoom: 1;}
.article .entry dl.balloon:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.article .entry dl.balloon dt {margin: 0; padding: 0; width: 90px; color: #B78500; line-height: 1.2; text-align: center;}
.article .entry dl.balloon dt img {margin: 0px 0px 3px;}
.article .entry dl.balloon dd {margin: 0; padding: 18px 0px 0px; width: 382px; background: left top no-repeat;}
.article .entry dl.balloon dd p {
	margin: 0;
	padding: 0px 24px 21px;
	color: #735535;
	background: url(../img/talktech/balloon_bottom.gif) no-repeat;
}

/* left */
.article .entry dl.left dt {float: right;}
.article .entry dl.left dd {float: left; background-image: url(../img/talktech/balloon_left.gif);}
.article .entry dl.left dd p {padding-right: 44px; background-position: left bottom;}
/* right */
.article .entry dl.right dt {float: left;}
.article .entry dl.right dd {float: right; background-image: url(../img/talktech/balloon_right.gif);}
.article .entry dl.right dd p {padding-left: 44px; background-position: right bottom;}