@charset "UTF-8";
/* CSS Document */

#container div#story-header{
	position: relative;
	width: 840px;
	margin-left: 55px;
}

#container h1{
/*	float: left;*/
	position: absolute;
	top: 0;
	left: 0;
	background: #ece9e3;
	color: #247a92;
	font-size: 120%;
	width: 300px;
	margin-bottom: 12px;
}

#container h1 img{
	vertical-align: middle;
	float: left;
	padding: 5px 0 5px 10px
}

*html #container h1 img{
	margin: 5px 0 5px 10px;
}

#container h1 span{
	display: block;
	padding: 7px 10px 7px 0;
	float: right;
}

#container p#story-help{
	margin: 0 0 1em 320px;
	padding-left: 25px;
	width: 595px;
	background: #fff url(/discover/story/images/icn_story-help.gif) no-repeat 0 0;
	color: #4d463e;
	font-size: 85%;
}

*html #container p#story-help{
	width: 620px;
}

#container h2{
	clear: both;
	background:url(/discover/story/images/stoty-h2_bg.gif) no-repeat 0 bottom;
	padding-bottom: 2px;
	margin-bottom: 24px;
}

#container p{
	margin-bottom: 3em;
}

#container p#story-description{
	margin-bottom: 1em;
	height: 9em;
}

#container div.preBox{
	width: 410px;
	float: left;
	color: #fff;
	text-align: right;
}

#container div.preBox div.preBtn{
	color: #fff;
	width: 160px;
	margin-left: 250px;
	text-align: right;
}


#container div.preBox div.preBtn a:link,#container div.preBox div.preBtn a:visited{
	width: 160px;
	height: 40px;
	display: block;
	background:url(/discover/story/images/story-btn_pre.gif) no-repeat;
	color: #fff;
	text-decoration: none;
}

#container div.preBox div.preBtn a:hover,#container div.preBox div.preBtn a:active{
	width: 160px;
	height: 40px;
	display: block;
	background:url(/discover/story/images/story-btn_pre_o.gif) no-repeat;
	color: #fff;
	text-decoration: none;
}


#container div.preBox .preBtn span.num{
	display: block;
	padding: 9px 15px 0 0;
}

#container div.nextBox{
	width: 410px;
	float: right;
	text-align: left;
	color: #fff;
}

#container div.nextBox div.nextBtn{
	color: #fff;
}


#container div.nextBox div.nextBtn a:link,#container div.nextBox div.nextBtn a:visited{
	width: 160px;
	height: 40px;
	display: block;
	background:url(/discover/story/images/story-btn_next.gif) no-repeat;
	color: #fff;
	text-decoration: none;
}

#container div.nextBox div.nextBtn a:hover,#container div.nextBox div.nextBtn a:active{
	width: 160px;
	height: 40px;
	display: block;
	background:url(/discover/story/images/story-btn_next_o.gif) no-repeat;
	color: #fff;
	text-decoration: none;
}


#container div.nextBox .nextBtn span.num{
	display: block;
	padding: 9px 0 0 15px;
}

#container div.stop{
	width: 130px;
	float: left;
	text-align: center;
}

#container div#bigThumbnail{
	background: #ece9e3 url(/discover/story/images/story-bg_thumbnail.gif) repeat-x;
	padding-top: 45px;
	padding-bottom: 20px;
	text-align: center;
	clear: both;
}

#container div#bigThumbnail div#wrappImageBox{
	background: url(/discover/story/images/story-bg_flame.gif) no-repeat;
	width: 930px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

#container div#bigThumbnail div#wrappImageBox div#imageBox{
	width: 820px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#container div#bigThumbnail div#wrappImageBox div#imageBox img{
	display: block;
	padding: 10px;
}

#container div#litleThumbnail div.sImageBox{
	width: 60px;
	float: left;
	margin-right: 5px;
}

#container div#litleThumbnail div.sImageBoxActive{
	width: 56px;
	border: 2px solid #18738d;
	float: left;
	margin-right: 5px;
}


#container div#litleThumbnail div.sImageBoxActive img{
	padding: 3px;
}

*html #container div#litleThumbnail div.sImageBoxActive img{
	margin: 3px;
}

#container div#litleThumbnail div.sImageBox a:link,#container div#litleThumbnail div.sImageBox a:visited{
	display: block;
	border: 1px solid #ddd;
	padding: 4px;
}

#container div#litleThumbnail div.sImageBox a:hover{
	display: block;
	border: 2px solid #18738d;
	padding: 3px;
}







#container div#litleThumbnail{
	margin: 20px 0 3em 55px;
}

#container div.jumpBtn{
	width: 950px;
	padding-top: 25px;
	background: url(/discover/story/images/story-btn_jump_bg.gif) no-repeat center top;
	text-align: center;
}


/* ------------------------------
 jCarouselLite?p??X?^?C??
------------------------------ */
#container div#carouselBigThumbnail{
	background: #ece9e3 url(/discover/story/images/story-bg_thumbnail.gif) repeat-x;
	padding-top: 45px;
	padding-bottom: 20px;
	text-align: center;
	clear: both;
}

#container div#carouselBigThumbnail div#carouselWrappImageBox{
	background: url(/discover/story/images/story-bg_flame.gif) no-repeat;
	width: 930px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

#container div#carouselBigThumbnail div#carouselWrappImageBox div#carouselImageBox{
	width: 820px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#container div#carouselBigThumbnail div#carouselWrappImageBox div#carouselImageBox img{
	display: block;
	padding: 10px;
}

#container div#carouselLitleThumbnail{
	margin: 20px 0 3em 55px;
	height: 65px;
}

#container div#carouselLitleThumbnail ul{
	height: 60px;
}


#container div#carouselLitleThumbnail div.sImageBox{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 5px;
}

#container div#carouselLitleThumbnail div.sImageBoxActive{
	width: 56px;
	border: 2px solid #18738d;
	float: left;
	margin-right: 5px;
	height: 56px;
}


#container div#carouselLitleThumbnail div.sImageBoxActive img{
	padding: 3px;
}

*html #container div#carouselLitleThumbnail div.sImageBoxActive img{
	margin: 3px;
}

#container div#carouselLitleThumbnail div.sImageBox a:link,#container div#carouselLitleThumbnail div.sImageBox a:visited{
	display: block;
	border: 1px solid #ddd;
	padding: 4px;
}

#container div#carouselLitleThumbnail div.sImageBox a:hover{
	display: block;
	border: 2px solid #18738d;
	padding: 3px;
}

/* JS Off */
div#storyJSoffTxt{
	position:absolute;
	text-indent:-9999em;
}