@charset "UTF-8";
/* ==============================
  css-topics-detail
=================================
wrap
---------------------------------
h2
---------------------------------
rss
---------------------------------
clampLogo
---------------------------------
main
---------------------------------
img
---------------------------------
txt
---------------------------------
clampCopy
============================== */

body {
	width: 830px;
	text-align: left;
}

/* ------------------------------
  wrap
------------------------------ */
#wrap {
	width: 830px;
	padding: 35px 40px;
}

/* ------------------------------
  titleWrap
------------------------------ */
#titleWrap {
	width: 830px;
	margin-bottom: 30px;
}
/* clearfix */
#titleWrap:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#titleWrap {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #titleWrap {
	height: 1%;
}
#titleWrap {
	display: block;
}
/* End hide from IE-mac */

/* ------------------------------
  h2
------------------------------ */
h2#title {
	width: 830px;
}
#titleWrap h2#title {
	margin-top: 5px;
	width: 600px;
	float: left;
}
/* clearfix */
h2#title:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
h2#title {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html h2#title {
	height: 1%;
}
h2#title {
	display: block;
}
/* End hide from IE-mac */

h2#title span.icon {
	width: 30px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
	padding-right: 15px;
	float: left;
}

h2#title span.title {
	color: #f8361a;
	font-size: 14px;
	padding-top: 5px;
	float: left;
}

h2#title span.date {
	color: #979797;
	font-weight: normal;
	font-size: 10px;
	padding-top: 9px;
	padding-left: 15px;
	float: left;
}

h2#title img {
	padding-left: 15px;
	margin-top: 10px;
}

/* ------------------------------
  rss
------------------------------ */
.rss {
	padding-top: 9px;
	padding-right: 5px;
}
/* clearfix */
.rss:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss {
	height: 1%;
}
.rss {
	display: block;
}
/* End hide from IE-mac */

.rss p {
	text-align: right;
	color: #939393;
	padding-top: 4px;
	padding-right: 8px;
	float: right;
}

.rss ul {
	width: 56px;
	float: right;
}
/* clearfix */
.rss ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss ul {
	height: 1%;
}
.rss ul {
	display: block;
}
/* End hide from IE-mac */

.rss li {
	width: 26px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
.rss li#btnRss {
	float: left;
}
.rss li#btnRss-help {
	float: right;
}

.rss li a {
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
.rss li#btnRss a {
	background-image: url(/image/common/btn_rss.gif);
}
.rss li#btnRss-help a {
	background-image: url(/image/common/btn_rss_help.gif);
}

.rss li a:hover {
	background-position: 0 -26px;
}

/* ------------------------------
  clampLogo
------------------------------ */
#clampLogo {
	width: 213px;
	float: right;
}

#clampLogo #clampcom {
	width: 213px;
	height: 27px;
	background: url(/image/contents/topics/logo.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#clampLogo #btnHome {
	width: 50px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 163px;
}
#clampLogo #btnHome a {
	width: 50px;
	height: 15px;
	background: url(/image/contents/topics/btn_home.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#clampLogo #btnHome a:hover {
	background-position: 0 -15px;
}

/* ------------------------------
  main
------------------------------ */
#main {
	width: 830px;
}
/* clearfix */
#main:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#main {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #main {
	height: 1%;
}
#main {
	display: block;
}
/* End hide from IE-mac */


/* ------------------------------
  img
------------------------------ */
#leftimg {
	width: 210px;
	float: left;
}
#rightimg {
	width: 210px;
	float: right;
}


/* ------------------------------
  txt-leftimg
------------------------------ */
#txt-leftimg {
	width: 610px;
	float: right;
}

#txt-leftimg h1 {
	font-size: 14px;
	margin-bottom: 1.5em;
}
#txt-leftimg p {
	font-size: 12px;
	color: #666666;
	margin-bottom: 1.5em;
}

/* ------------------------------
  txt-rightimg
------------------------------ */
#txt-rightimg {
	width: 610px;
	float: left;
}

#txt-rightimg h1 {
	font-size: 14px;
	margin-bottom: 1.5em;
}
#txt-rightimg p {
	font-size: 12px;
	color: #666666;
	margin-bottom: 1.5em;
}

/* ------------------------------
  txt
------------------------------ */
#txt {
	width: 830px;
}

#txt h1 {
	font-size: 14px;
	margin-bottom: 1.5em;
}
#txt p {
	font-size: 12px;
	color: #666666;
	margin-bottom: 1.5em;
}

/* ------------------------------
  clampCopy
------------------------------ */
p#clampCopy {
	width: 830px;
	height: 5px;
	background: url(/image/contents/topics/copyright.gif) no-repeat right bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 35px;
}