/* ----------------------------------------- 
-------------------------------------------- */
*,body {
	margin: 0px;
	padding: 0px;
}

#topics-area {
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	width: 700px;
	text-align: left;
}
#topics-area #ttl-area {
	width: 700px;
}
#topics-area #ttl-area h1 {
	float:left;
	width: 104px;
	padding: 0px;
	margin: 0px;
}
#topics-area #ttl-area p#date {
	text-align:right;
	padding: 5px 0px 3px;
	margin: 0px 0px 0px 200px;
	font-size:80%;
}
#topics-area #ttl-area h2 {
	clear: both;
	margin: 8px 0px 0px;
	padding: 4px 5px 2px;
	background: #b6dce4;
	color: #026783;
	font-size:100%;
	line-height: 1.2em;
}
#topics-area #contents-box {
	width: 700px;
	padding: 20px 0px 0px 0px;
}
#topics-area #contents-box p {
	font-size:80%;
	line-height:150%;
	padding: 0px;
	ma
	rgin: 0px;
}
#topics-area #contents-box p.ttl {
	font-size:120%;
	font-weight:bold;
}
#topics-area #contents-box p.mgn-top10 {
	padding: 10px 0px 0px 0px;
}
#topics-area #contents-box p.mgn-top10-ttl {
	padding: 10px 0px 0px 1em;
	text-indent:-1em;
	font-weight:bold;
	color: #29A529;
}
#topics-area #contents-box p.mgn-bottom20 {
	padding: 0px 0px 20px 0px;
}
#topics-area #contents-box p.ttl-mgn-left10 {
	padding: 0px 0px 0px 10px;
	background: url(../image/081110/list_square.gif) no-repeat 2px 8px;
}
#topics-area #contents-box p.ttl-mgn-left20 {
	padding: 0px 0px 0px 20px;
	background: url(../image/081110/list_square_small.gif) no-repeat 12px 10px;
}
#topics-area #contents-box p.mgn-left20-indet {
	padding: 0px 0px 0px 20px;
}
#topics-area #contents-box p.chart-center {
	padding: 10px 0px 10px 0px;
	text-align:center;
}
#topics-area #contents-box p.chart-left {
	padding: 10px 0px 10px 0px;
	text-align:left;
}
#topics-area #contents-box p.indent {
	padding: 0px;
	margin: 0px;
	font-size:80%;
	line-height:140%;
	text-indent: 3em;
}
#topics-area #contents-box div.img-box-right {
	float: right;
	padding: 0px 0px 10px 10px;
}
#topics-area #contents-box div.img-box-right p.img {
	padding: 0px 0px 10px 0px;
}
#topics-area #contents-box div.img-box-right p.photo-caption {
	width:100%;
	padding: 0px 0px 10px 0px;
	font-size:70%;
	line-height:133%;
}
#topics-area #contents-box div.desc-box {
	width:100%;
	padding: 35px 0px 0px 0px;
}
#topics-area #contents-box h3 {
	width:100%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #0487a1;
	color: #026783;
	font-size:90%;
}
#topics-area #contents-box h4 {
	padding: 0px 0px 5px 12px;
	font-size:80%;
	background: url(../image/ico_h4.gif) no-repeat 0px 4px;
}
#topics-area #contents-box ol {
	margin: 0px 0px 8px 2em;
	font-size:80%;
}
#topics-area #contents-box ul.attention {
	margin: 10px 0px;
}
#topics-area #contents-box ul.attention li {
	list-style: none;
	font-size:70%;
}
#topics-area #contents-box p.btn a {
	background: url(../../common/images/arrow.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 16px;
	font-size:100%;	
}
#topics-area .noteMark {
	color:#FF0000;
}