@charset "utf-8";

/* -----------------------------------------------------------------------------
**
** TokyoDesignOffice topics CSS
**
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
** topics index
----------------------------------------------------------------------------- */
/* topicsList */
div#topicsList {
	border-bottom: 2px solid #c5c5c5;
	margin: 0 0 15px 0;	
	}
div#topicsList h2 {
	float: left;
	width: 140px;
	}
div#topicsList div.innerBlock {
	float: right;
	width: 520px;
	}
div#topicsList div.innerBlock div#paging {
	margin: 0 0 10px 0;
	}
div#topicsList div.innerBlock div#paging ul {
	text-align: right;
	}
div#topicsList div.innerBlock div#paging ul li {
	display: inline;
	margin: 0 5px 0 0;
	}
div#topicsList div.innerBlock div#paging ul li img {
	vertical-align: middle;
	}
div#topicsList div.innerBlock div#paging ul li span {
	color: #148fc9;
	font-weight: bold;
	}
div#topicsList div.innerBlock div#paging ul li a {
	color: #666666;
	}
div#topicsList div.innerBlock div#paging ul li a:hover {
	color: #148fc9;
	}
div#topicsList div.innerBlock dl {
	background: url(/tdo/common/img/line_01.gif) repeat-x;
	padding: 25px 0;
	}
div#topicsList div.innerBlock dl dt {
	color: #148fc9;
	font-weight: bold;
	float: left;
	width: 100px;
	}
div#topicsList div.innerBlock dl dd {
	float: right;
	width: 420px;
	}
div#topicsList div.innerBlock dl dd p {
	font-weight: bold;
	margin: 0 0 5px 0;
	}
div#topicsList div.innerBlock dl dd p a {
	color: #666666;
	}
div#topicsList div.innerBlock dl dd p a:hover {
	color: #148fc9;
	}
/* -----------------------------------------------------------------------------
** topics detail
----------------------------------------------------------------------------- */	
/* topicsDetail */
p.back {
	text-align: right;
	margin: -15px 0 0 0;
	}
p.back a {
	background: url(/tdo/common/img/icon_paging_02.gif) right center no-repeat;
	padding: 0 12px 0 0;
	font-size: 85%;
	color: #666666;
	}
p.back a:hover {
	color: #999999;
	}
div#topicsDetail {
	border-bottom: 2px solid #c5c5c5;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}

div#topicsDetail p.date {
	float: left;
	width: 150px;
	color: #148fc9;
	font-weight: bold;
	}
div#topicsDetail div.innerBlock {
	float: right;
	width: 520px;
	}
div#topicsDetail div.innerBlock h2 {
	color: #148fc9;
	font-size: 116%;
	font-weight: bold;
	border-bottom: 2px solid #148fc9;
	padding: 0 0 25px 0;
	margin: 0 0 15px 0;
	}
/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */

div#topicsList,
div#topicsList div.innerBlock dl,
div#topicsDetail {
	overflow: hidden;
	}
	
div#topicsList:after,
div#topicsList div.innerBlock dl:after,
div#topicsDetail:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
/*\*/
* html div#topicsList,
* html div#topicsList div.innerBlock dl,
* html div#topicsDetail {
	height: 1em;
	overflow: visible;
	}
/**/