@charset "utf-8";
/* CSS Document */
* { font-family:Arial,Helvetica,sans-serif; font-size:9pt; }
a { text-decoration:none; }
img { border:none; }
h2, h2 a { font-size:13.5pt; padding:0; margin:0; font-weight:normal; }
h3, h3 a { font-size:10pt; padding:0; margin:0; font-weight:normal; }

h1 { font-size:16pt; color:#999999; padding-left:24px; }

body {
	background:url('../../images/2010/background.gif') center repeat-y;
	margin:0;
	padding:0;
}
img { border:none; }
div { display:block; }

h1.jeban_header, h4 {
	margin:0;
	padding:0;
}

h4 {
	background:#e0e0e0;
	color:#868686;
	height:30px;
}
h4 div, h1.jeban_header a {
	font-size:8pt;
	line-height:30px;
	font-weight:normal;
}
h4 a {
	margin:0 4px; 
}

h1.jeban_header {
	background:#ffffff url('../../images/2010/jebanHeader.jpg') center bottom no-repeat;
	height:50px;
	text-indent:-9999px;
	border-top:1px white solid;
}
#naviTop {
	height:50px;
	background:url('../../images/2010/background-naviTop.jpg') top transparent repeat-x;
/*	background:#beb7ad;
	border:1px white;
	border-style:solid none; */
	overflow:visible;
}

h4 div,
#naviTop #container,
#body, #body-container, #naviSub {
	width:1000px;
}
h4 div,
#naviTop #container,
#body, #body-container {
	position:relative;
	left:50%;
	margin-left:-500px;
}

#naviTop #container {
	line-height:30px;
	height:50px;
	overflow:hidden;
}
#naviSub {
	background:#e0e0e0;
	color:#868686;
	margin:0;
	padding:0;
	height:20px;
}

/*Member Styles*/
#ddmember {
	margin: 0;
	padding: 0;
	height:30px;
}
#ddmember li {
	float: right;
	list-style: none;
	font-weight: normal;
/* -- atto
	background:url(../../images/2010/top-separator.gif) left center no-repeat;
*/
    width:auto!important;
}
#ddmember li a {
	text-decoration: none;
	white-space: nowrap;
	text-align:center;
	display:block;
	line-height:30px;
	height:30px;
	padding:0 10px;
	color:#868686;
}
#ddmember li a:hover {
/*  -- atto 
    text-decoration:underline;
*/
	color:#fff;
	background:#333;
}
#ddmember img {
	margin-top:7px;
}

/*Drop Down Menu Styles*/
#ddmenu {
	background:url('../../images/2010/background-menu.jpg') repeat-x;
	margin: 0;
	padding: 0;
	height:50px;

	letter-spacing:0.05em;
}

#ddmenu li {
	float: left;
	list-style: none;
/*		font: 11px Tahoma, Arial;	*/
	font: 12px Tahoma, "Segoe UI Light", Sans-Serif;
	font-weight: normal;
}

#ddmenu li,
#ddmenu li a {
	color: #fff;
	white-space: nowrap;
	text-align:center;
	line-height:30px;
}
#ddmenu li a {
	background:url(images/top-dotted.gif) right no-repeat;
	display: block;
	padding: 0 12px;
	text-decoration: none;
/*	width: 70px;	*/
/*	text-transform:uppercase;	*/
}

#ddmenu li a:hover, #ddmenu li:hover {
/*	background: #000 url(images/top-dotted.gif) right no-repeat; */
/* -- atto
    background: #E0E0E0 none repeat scroll 0 0;
	color: #868686;
*/
	color:#fff;
	background:#333;
}

#ddmenu li ul {
/*	margin: 3px 0 0 10px;	*/
	margin: 0;
	padding: 0;
	position: absolute;
    display:none;
/*	width:600px; */
/*	width: auto; */
    white-space: nowrap;
	background:url('../../images/2010/background-navSub.jpg') repeat-x;
    z-index: 1000;
}

#ddmenu li ul li {
	display:inline;
	color: black;
	line-height: 20px;
	height: 20px;
}

#ddmenu li ul li a {
	width: auto;
	background: url(images/bottom-dotted.gif) right no-repeat;
/*	color: #d9d9d9;
	padding: 2px 10px; */
	padding: 0 10px;
	color: black;
	line-height: 20px;
	height: 20px;
}

#ddmenu li ul li a:hover {
/*	padding: 2px 10px; */
	padding: 0 10px;
	line-height: 20px;
	height: 20px;
/* -- atto
    color:white;
	background: #000 url(images/bottom-dotted.gif) right no-repeat;
*/
	color:#fff;
	background:#333;
}

.jebanImageLoader { cursor:pointer; }

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.lPostTitle, 
.lPostTitle a { cursor:pointer; color:#666666; overflow:hidden; } 
.lPosterName { color:#663300; height:14px; line-height:14px; }
.lPostDate { font-weight:normal; height:14px; line-height:14px; }
.lProductBrand, .lProductBrand a { color:#666666; font-weight:bold; }
.lProductName, .lProductName a { color:#ff6600; }
.lHitPoint, .lHitPoint a { color:#666666; }
.fix1Lines { line-height:16px; height:16px; overflow:hidden; }
.fix2Lines { line-height:16px; height:32px; overflow:hidden; }
.fix3Lines { line-height:16px; height:48px; overflow:hidden; }

button {
	text-align:center;
	width:75px;
	height:30px;
	line-height:30px;
	background:url(../../images/btn75px.gif) no-repeat; 
	border:none;
	font-weight:bold;
	color:#666666;
	cursor:pointer;
}
button:hover {
	background:url(../../images/btn75px.hover.gif) no-repeat; 
}
div.button {
	background:url(../../images/btn75px.gif) no-repeat; 
	width:75px;
	height:30px;
	font-weight:bold;
	color: #C7D92C;
	text-align: center;
	color:#666666;
	padding-top:8px;
}
div.button.hover {
	background:url(../../images/btn75px.hover.gif) no-repeat; 
}
div.buttonSmall,
div.buttonSmallWide {
	background:url(../../images/2009_iconSmall.gif) no-repeat; 
	width:50px;
	height:15px;
	line-height:15px;
	font-weight:bold;
	color: #C7D92C;
	text-align:center;
	color:#318e94;
	font-size:7.5pt;
	cursor:pointer;
}
div.buttonSmallWide {
	background:url(../../images/2009_iconSmallWide.gif) no-repeat; 
	width:100px;
}
button.buttonSmall {
	background:url(../../images/2009_iconSmall.gif) no-repeat; 
	width:50px;
	height:15px;
	line-height:15px;
	font-weight:bold;
	color: #C7D92C;
	text-align:center;
	color:#318e94;
	font-size:7.5pt;
	cursor:pointer;
}

#body_bottom {	
	clear:both;
	position:relative;
	left:50%;
	margin-left:-500px;
	background:#d2d3d5;
	width:1000px;
	height:16px;
} 

#sitemap { clear:both; background:#ebebeb; border-top:1px solid white; }
#sitemap .inner { position:relative!important; width:960px!important; left:50%!important; margin-left:-480px!important; }
#sitemap * { font-family: Arial,Helvetica,sans-serif; font-size:8.5pt; line-height:20px; }

.sitemap-nav, ul.sitemap-nav ul { float:left; padding:0; margin:0; list-style:none; width:auto; white-space:nowrap; font-weight:bold; }
.sitemap-nav { float:none!important; clear:both; }
.sitemap-nav * { letter-spacing:0.02em; }

.sitemap-nav { clear:both; }
.sitemap-nav table {border-collapse:collapse; margin:-1px -10px; padding:0; width:0; height:0; }
.sitemap-nav li {float:left; height:20px; white-space:nowrap; }
.sitemap-nav li a {float:left; height:20px; padding:0 4px; color:#4a3f15; text-decoration:none; }

.sitemap-nav li ul li a { font-weight:normal; display:inline-block; }

#copyright { background:#666666; height:30px; line-height:30px; }
#copyright * { height:22px; line-height:30px; color:white; }
#copyright .inner { position:relative; width:1000px; left:50%; margin-left:-500px; }
#copyright span { padding:0 4px; }

#copyright img { height:18px; margin-left:4px; margin-top:6px; }


#topicPageNav { margin:24px 32px; }

#topicPageNav * { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; }
#topicPageNav b,
#topicPageNav strong,
#topicPageNav font { margin:0 3px; }
#topicPageNav b { cursor:pointer; font-weight:normal; }
#topicPageNav a:hover,
#topicPageNav b:hover { border-bottom:1px dotted #666666; }
#topicPageNav strong { cursor:pointer; font-size:11pt; }
#topicPageNav input { text-align:center; width:30px; border:1px solid #665b54; padding:2px 0; margin-top:-4px; }

/*#topicPageNav a { width:20px; padding:0 10px; }*/
#topicPageNav a { width:20px; padding:0 5px; }
#topicPageNav a#btnPagePrev { background:url(../images/2009_btnPagePrev.png) no-repeat center center; }
#topicPageNav a#btnPagePrev_disabled { background:url(../images/2009_btnPagePrev_disabled.png) no-repeat center center; }
#topicPageNav a#btnPageNext { background:url(../images/2009_btnPageNext.png) no-repeat center center; }
#topicPageNav a#btnPageNext_disabled { background:url(../images/2009_btnPageNext_disabled.png) no-repeat center center; }

#jeban_footer { display:none; }
.promoteBottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}

#messageContainer { height:auto; width:500px; margin:auto; background-color:#fff; border:2px solid #8dccc2; padding-bottom:15px;}

.messageHeader { background:url(../../images/nl_alert_header.jpg) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; text-align:center; height:30px; width:100%; line-height:30px; margin-bottom:10px;}
#messageImage { float:left; width:40px; height:40px; margin:4px 0 0 10px; }
#messageInfo { float:right; color:#666666; width:480px; font-weight:bold; text-align:center; margin:15px auto 10px auto; line-height:16px; }
#messageInfo a { color:#ff6600; }
