@charset "utf-8";
/* ===================================================================
information	topics
=================================================================== */

/*----------------------------------------------------
	topics
----------------------------------------------------*/

/* ----- contents h2 ----- */
#contents h2#topicstitle {
	width: 950px;
	height: 68px;
	clear: both;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/topics/images/title_topics.gif) no-repeat left top;
}
#contents h2#titletopics1 {
	width: 950px;
	height: 68px;
	clear: both;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/common/cms/images/title_topics1.gif) no-repeat left top;
}
#contents h2#titletopics2 {
	width: 950px;
	height: 68px;
	clear: both;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/common/cms/images/title_topics2.gif) no-repeat left top;
}
#contents h2#titletopics3 {
	width: 950px;
	height: 68px;
	clear: both;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/common/cms/images/title_topics3.gif) no-repeat left top;
}
#contents h2#titletopics4 {
	width: 950px;
	height: 68px;
	clear: both;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/common/cms/images/title_topics4.gif) no-repeat left top;
}

/* ----- main topics ----- */
#main #lists {
	width: 740px;
	height: 100%;
	clear: both;
	padding-top: 4px;
	background: url(/user/topics/images/top_lists.gif) no-repeat left top;
}
#main #lists .line {
	width: 678px;
	height: 100%;
	clear: both;
	background: url(/user/topics/images/middle_lists.gif) repeat-y left top;
	padding: 28px 31px 30px 31px;
	border-bottom: 1px dotted #f1f1f1;
	position: relative;
}
#main #lists .line.gray {
	background: url(/user/topics/images/middle_lists_gray.gif) repeat-y left top;
}
#main #lists .line .lineleft {
	width: 74px;
	height: 100%;
	position: absolute;
	top: 28px;
	left: 31px;
}
#main #lists .line .lineleft table {
}
#main #lists .line .lineleft table tr td {
	text-align: center;
	vertical-align: middle;
	width: 72px;
	height: 72px;
	border: 1px solid #ddd;
	background: #ededed
}
#main #lists .line .lineleft table tr td:hover {
	border: 1px solid #eab6c3;
	background: #fff
}
#main #lists .line .lineright {
	width: 589px;
	height: 100%;
	position: relative;
	top: 0;
	left: 89px;
}
#main #lists .line .lineright dl {
}
#main #lists .line .lineright dl dt {
	float: left;
	margin-bottom: 5px;
}
#main #lists .line .lineright dl dt em {
	float: left;
}
#main #lists .line .lineright dl dt span {
	float: left;
	display: block;
	width: 20px;
	height: 11px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/common/cms/images/icon_new.gif) no-repeat left top;
	margin: 5px 0 0 5px;
}
#main #lists .line .lineright dl dd {
	float: right;
	font-size: 0;
}
#main #lists .line .lineright dl dd img {
	margin-top: 5px;
}
#main #lists .line .lineright h3 {
	clear: both;
}
#main #lists .line .lineright h3 a {
	background: url(/user/common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
	color: #303030;
}
#main #lists .line .lineright h3 a:hover {
	background: url(/user/common/images/icon_link1_on.gif) no-repeat left center;
	color: #cc0033;
}
#main #lists .line .lineright p {
	margin-top: 10px;
}
#main #lists .paging {
	width: 700px;
	height: 100%;
	clear: both;
	background: url(/user/topics/images/middle_lists.gif) repeat-y left top;
	padding: 10px 20px;
}
#main #lists .paging p.prev {
	float: left;
	margin-top: 5px;
}
#main #lists .paging p.next {
	float: right;
	margin-top: 5px;
}
#main #lists .paging p.prevnolink {
	background: url(/user/common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	color: #ccc;
	float: left;
	margin-top: 5px;
}
#main #lists .paging p.nextnolink {
	background: url(/user/common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	color: #ccc;
	float: right;
	margin-top: 5px;
}
#main #lists .paging p a {
	background: url(/user/common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	color: #000;
}
#main #lists .paging p a:hover {
	background: url(/user/common/images/icon_link1_on.gif) no-repeat left center;
	color: #cc0033;
}
#main #lists .paging .pagingnavigation {
	text-align: center;
	padding-top: 5px;
}
#main #lists .paging ul {
}
#main #lists .paging ul li {
	display: inline;
	margin-right: 10px;
}
#main #lists .paging ul li#manypages {
	padding: 5px 10px;
}
#main #lists .paging ul li a {
	padding: 5px 10px;
	background: #fcfcfc;
	color: #878787;
	text-decoration: none;
	border: 1px solid #f1f1f1;
	text-align: center;
}
#main #lists .paging ul li a.stay,
#main #lists .paging ul li a:hover {
	background: #cc0033;
	color: #fff;
}
#main #lists .bottommain {
	width: 740px;
	height: 4px;
	clear: both;
	background: url(/user/topics/images/bottom_lists.gif) no-repeat left top;
}
#main #detail {
	width: 740px;
	height: 100%;
	clear: both;
	padding-top: 4px;
	background: url(/user/topics/images/top_lists.gif) no-repeat left top;
}
#main #detail .line {
	width: 678px;
	height: 100%;
	clear: both;
	background: url(/user/topics/images/middle_lists.gif) repeat-y left top;
	padding: 28px 31px 30px 31px;
	border-bottom: 1px dotted #f1f1f1;
}
#main #detail .line.gray {
	background: url(/user/topics/images/middle_lists_gray.gif) repeat-y left top;
}
#main #detail .line .lineleft {
	width: 74px;
	height: 100%;
	margin-right: 15px;
	float: left;
}
#main #detail .line .lineleft table {
}
#main #detail .line .lineleft table tr td {
	text-align: center;
	vertical-align: middle;
	width: 72px;
	height: 72px;
	border: 1px solid #ddd;
	background: #ededed
}
#main #detail .line .lineright {
	width: 589px;
	height: 100%;
	float: left;
}
#main #detail .line .lineright dl {
}
#main #detail .line .lineright dl.title_dl {
	margin: 0;
}
#main #detail .line .lineright dl dt {
	float: left;
	margin-bottom: 5px;
}
#main #detail .line .lineright dl dt em {
	float: left;
}
#main #detail .line .lineright dl dt span {
	float: left;
	display: block;
	width: 20px;
	height: 11px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/common/cms/images/icon_new.gif) no-repeat left top;
	margin: 5px 0 0 5px;
}
#main #detail .line .lineright dl dd {
	float: right;
	font-size: 0;
}
#main #detail .line .lineright dl dd img {
	margin-top: 5px;
}
#main #detail .line .lineright h3 {
	clear: both;
	font-weight: bold;
	color: #303030;
}
#main #detail .line p {
	margin-bottom: 1em;
}
#main #detail .line p.imgs {
	width: 100%;
	height: 100%;
	text-align: center;
	margin:0 0 28px 0;
}
#main #detail .line p.btns {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
}
#main #detail .line p.btns a {
	outline: none;
}
#main #detail .line p.btns a img {
	margin: 0 5px;
}
#main #detail .line dl {
	margin: 1em 0;
}
#main #detail .line dl dt {
}
#main #detail .line dl dd {
}
#main #detail .line dl dd dl {
	margin: 0;
}
#main #detail .line dl dd dl dt {
	float: left;
}
#main #detail .line dl dd dl dd {
}
#main #detail .list {
	width: 700px;
	height: 100%;
	clear: both;
	background: url(/user/topics/images/middle_lists.gif) repeat-y left top;
	padding: 10px 20px;
}
#main #detail .list p a {
	background: url(/user/common/images/icon_back.gif) no-repeat left center;
	padding-left: 15px;
	color: #000;
}
#main #detail .bottommain {
	width: 740px;
	height: 4px;
	clear: both;
	background: url(/user/topics/images/bottom_lists.gif) no-repeat left top;
}

/* ----- rightside ----- */
#rightside .line {
	width: 200px;
	height: 100%;
	clear: both;
	margin-bottom: 10px;
}
#rightside .line h2 {
	width: 200px;
	height: 36px;
}
#rightside .line h2 {
	background: url(/user/common/images/title_toprightside.gif) no-repeat left top;
}
#rightside .line h2 strong {
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 8px 0 0 15px;
}
#rightside .line h2 strong span {
	font-size: smaller;
	margin-left: 10px;
}
#rightside .line .inner {
	width: 180px;
	height: 100%;
	background: url(/user/common/images/bg_rightside.gif) repeat-y left top;
	padding: 10px;
}
#rightside .line .inner img {
	float: left;
	margin-right: 10px;
}
#rightside .line .inner p {
	color: #5e5e5e;
	font-size: smaller;
}
#rightside .line .inner p.link {
	float: right;
	margin-top: 5px;
}
#rightside .line .inner p.link a {
	background: url(/user/common/images/icon_link2.gif) no-repeat left center;
	padding-left: 15px;
	color: #cc0033;
}
#rightside .line .inner p.link a:hover {
	background: url(/user/common/images/icon_link2_on.gif) no-repeat left center;
	color: #000;
}
#rightside .line .bottomright {
	width: 200px;
	height: 4px;
	background: url(/user/common/images/bottom_rightside.gif) no-repeat left top;
}

/* stay */
#rightside .line.stay .inner {
	width: 180px;
	height: 100%;
	background: url(/user/common/images/bg_rightside_stay.gif) repeat-y left top;
	padding: 10px;
}
#rightside .line.stay .inner p {
	color: #fff;
	font-size: smaller;
}
#rightside .line.stay .inner p.link a {
	background: url(/user/common/images/icon_link3.gif) no-repeat left center;
	padding-left: 15px;
	color: #fff;
}
#rightside .line.stay .bottomright {
	width: 200px;
	height: 4px;
	background: url(/user/common/images/bottom_rightside_stay.gif) no-repeat left top;
}
/* /stay */

#container div.bnr_google_adsense_seminar a{
	display: block;
	text-indent: -9999px;
	width: 740px;
	height: 100px;
	background: url(../common/images/bnr_google_seminar.gif) no-repeat;
	margin-bottom: 15px;
}