@charset "utf-8";
/* CSS Document */


/* frame */
.divFrame {
	width:750px;
	margin:0px auto 0px auto;
}
.divBelt {
	height:8px;
	background-color:#000;
}
.divContent {
	background-color:#fff;
	margin:-10px auto 0px auto;
	padding:10px 20px 20px 20px;
}

/* side menu */
.divSideMenu {
	width:170px;
	float:left;
}
.tblSideMenu {
	margin:20px 0px 0px 0px;
}
.tblSideMenu td {
	background-image:url(../topics/img/topicsmenu_normal.gif);
	background-repeat:no-repeat;
}
.tblSideMenu .current {
	background-image:url(../topics/img/topicsmenu_selected.gif);
	background-repeat:no-repeat;
}
.tblSideMenu a {
	display:block;
	width:120px;
	height:20px;
	margin:0px 0px 1px 0px;
	padding:5px 0px 0px 40px;
	font-size:13px;
	font-weight:bold;
	color:#444444;
}

/* main part */
.divMain {
	width:540px;
	margin:0px 0px 0px 170px;
	background-color:#ccc;
}
.imgGradTop {
	vertical-align:top;
}
.imgBar {
	margin:0px 20px 0px 20px;
}
.imgTitle {
	margin:0px 20px 0px 20px;
}
.tblMain {
	margin:0px 20px 0px 20px;
}

/* article 2017-08-05 T.Mohri */
.divHeading {
	background-color:#9e836b;
	overflow:hidden;
}
.divHeading h1 {
	color:#fff;
	width:340px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 24px;
	float:left;
	font-size:13px;
	line-height:18px;
	text-indent:-20px;
}
.divHeading h1:before {
	content:'◆ ';
	color:#ccc;
}
.divHeading div {
	color:#fff;
	font-size:13px;
	float:right;
	width:130px;
	margin:0px 0px 0px 0px;
	padding:11px 0px 11px 0px;
}
.divHeading div:before {
	content:'▼';
	color:#fff;
	font-size:13px;
}
.divPost {
	border:1px solid #9e836b;
	background-color:#fff;
	padding:10px 10px 10px 10px;
}
.divPost p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
}