#menu { display: block; list-style: none; height: 51px; margin: 0; padding: 0; width: 960px; }
#menu li { display: inline; margin: 0; padding: 0; }
#menu li a { cursor: pointer; display: block; float: left; height: 51px; text-indent: -9999px; }
#menu li a.home { background: url(images/menu.png) no-repeat 0 0; width: 160px; }
#menu li a:hover.home { background: url(images/menu.png) no-repeat 0 -51px; height: 51px; width: 160px; }
#menu li a.sep-home { background: url(images/menu.png) no-repeat -160px 0; cursor: default; width: 20px; }
#menu li a.promotion { background: url(images/menu.png) no-repeat -180px 0; width: 105px; }
#menu li a:hover.promotion { background: url(images/menu.png) no-repeat -180px -51px; width: 105px; }
#menu li a.promotion.active { background: url(images/menu.png) no-repeat -180px -102px; width: 105px; }
#menu li a.dvd { background: url(images/menu.png) no-repeat -285px 0; width: 134px; }
#menu li a:hover.dvd { background: url(images/menu.png) no-repeat -285px -51px; width: 134px; }
#menu li a.dvd.active { background: url(images/menu.png) no-repeat -285px -102px; width: 134px; }
#menu li a.timetable { background: url(images/menu.png) no-repeat -419px 0; width: 117px; }
#menu li a:hover.timetable { background: url(images/menu.png) no-repeat -419px -51px; width: 117px; }
#menu li a.timetable.active { background: url(images/menu.png) no-repeat -419px -102px; width: 117px; }
#menu li a.guarantee { background: url(images/menu.png) no-repeat -536px 0; width: 97px; }
#menu li a:hover.guarantee { background: url(images/menu.png) no-repeat -536px -51px; width: 97px; }
#menu li a.guarantee.active { background: url(images/menu.png) no-repeat -536px -102px; width: 97px; }
#menu li a.knowus { background: url(images/menu.png) no-repeat -633px 0; width: 93px; }
#menu li a:hover.knowus { background: url(images/menu.png) no-repeat -633px -51px; width: 93px; }
#menu li a.knowus.active { background: url(images/menu.png) no-repeat -633px -102px; width: 93px; }
#menu li a.end { background: url(images/menu.png) no-repeat -730px 0; cursor: default; width: 232px; }

#banner { display: block; overflow: hidden; position: relative; left: 0; height: 410px; top: 0; width: 620px; }
.banner { position: absolute; left: 0; top: 0; }

#selector-wrapper img { cursor: pointer; }
#banner-selector { display: block; overflow: hidden; position: relative; height: 370px; width: 300px; }
.selector-arrow { text-align: center; }

#hilight { border: 1px solid #ff7b0d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.6em; border: 1px solid #ccc; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); }	
#hilight ul { display: block; list-style: none; margin: 16px; padding: 0; }
#hilight li { color: #900; display: inline; margin: 8px; padding: 0; }
#hilight li a { display: block; float: left; margin: 8px; padding: 8px; text-decoration: none; width: 190px; }
#hilight li a.download , #hilight li a.order { border: 1px solid #ff7b0d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; background: #FFAE5E; background: -moz-linear-gradient(top, #FFAE5E 0%, #FF8E1E 51%, #ff7b0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAE5E), color-stop(51%,#FF8E1E), color-stop(100%,#ff7b0d)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAE5E', endColorstr='#ff7b0d',GradientType=0 );	}
#hilight li a.facebook { border: 1px solid #fba6e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272A42; background: #fcecfc; background: -moz-linear-gradient(top, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcecfc), color-stop(50%,#fba6e1), color-stop(51%,#fd89d7), color-stop(100%,#ff7cd8));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); }

#hilight li a span.download { background: url(../../../jstep/assets/images/kombine-32/save.png) no-repeat left top; display: block;	 padding-left: 40px; }
#hilight li a span.order { background: url(../../../jstep/assets/images/kombine-32/print.png) no-repeat left top; display: block;	padding-left: 40px; }
#hilight li a span.facebook { background: url(../../../jstep/assets/images/social-networking-pack/facebook_32.png) no-repeat left top; display: block; padding-left: 40px; }
#hilight li a:hover { color: #900; }

#recommend { border: 1px solid #96c56f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;	font-size: 1.5em; margin: 0; margin-right: 8px; padding: 5px; background: #a9db80; background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); }
#recommend h1 { color: #002400; font-size: 1.3em; margin: 4px; padding: 0; font-variant: small-caps; letter-spacing: 2px; font-weight: bold; }
#recommend ul { margin: 0; padding: 0; }
#recommend li { margin: 4px 24px; }
#recommend li a { color: #00471B; text-decoration: none; }
#recommend li a:hover { color: #8f0222; text-decoration: underline; }
#recommend strike { font-size: 1.1em; }
#recommend strong { color: #8f0222; font-size: 1.2em; }

#information { border: 1px solid #86aecc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;	font-size: 1.5em; margin: 0; margin-left: 7px; padding: 5px; background: #d4e4ef; background: -moz-linear-gradient(top, #d4e4ef 0%, #86aecc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4e4ef), color-stop(100%,#86aecc)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); }

#information h1 { color: #263A68; font-size: 1.3em; margin: 4px; padding: 0; font-variant: small-caps; letter-spacing: 2px; font-weight: bold; }
#information ul { margin: 0; padding: 0; margin-bottom: 16px; }
#information li { margin: 4px 24px; }
#information li a { color: #3f4c6b; text-decoration: none; }
#information li a:hover { color: #8f0222; text-decoration: underline; }

#sample { border: 1px solid #ff7b0d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.6em; border: 1px solid #ccc; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); height: 250px; width: 960px; }	
#sample h1 { color: #900; font-size: 1.3em; font-weight: bold; font-variant: small-caps; letter-spacing: 2px; margin: 8px; padding: 0; }
#sample img { cursor: pointer; }
#sample-wrapper { display: block; margin: 10px; padding: 0; }
#sample-wrapper li { color: #333; display: inline; float: left; margin: 0;  padding: 0; }
.sample-selector img { position: relative; top: 40px; }
#sample-list-wrapper { width: 900px; overflow: hidden; }
#sample-list { width: 2000px; text-align: center; }
#sample-list li { padding: 8px; }

#footer { background: url(images/footer.jpg) repeat-x left top; border-top: 1px solid #999; margin-top: 16px; height: 79px; }
#footer p { font-size: 1.1em; font-weight: bold; color: #444; margin: 16px;}


#promotion { margin: 8px auto; width: 620px;}

#dvd { background: url(images/page-bg.jpg) no-repeat left top; }
#dvd a { text-decoration: none;}
#dvd a:hover { color: #f00;}
#dvd p { font-size: 1.8em; margin: 0 auto; text-align: left; }
#dvd div { margin: 0 auto; width: 800px; }
#dvd h1, #dvd h2 { font-size: 2.0em; font-weight: bold; text-align: left; margin: 5px 10px 5px 70px; }
#dvd h2 { font-size: 1.9em; color: #515151; }
#dvd h3 { font-size: 1.9em; font-weight: bold; text-align: center; }
#dvd ol { font-size: 1.6em; list-style: decimal outside; text-align: left; margin: 8px 0px 8px 90px; }
#dvd li span { color: #700; font-weight: bold; }
#dvd li em { display: block; color: #050; margin-left: 8px; }
#dvd ol ol { font-size: 1.0em; margin: 0px 0px 0px 32px; }

#guarantee { background: url(images/page-bg.jpg) no-repeat left top; }
#guarantee h1 { font-size: 2.0em; color: #c00; margin: 0; text-align: left; }
#guarantee h2 { font-size: 1.6em; font-weight: bold; color: #222; margin: 8px; text-align: left; }
#guarantee ul { list-style: square outside; text-align: left; font-size: 1.5em; }
#guarantee p { display: block; margin: 4px; clear: both; }
#guarantee-feature { background: url(images/guarantee-bg.gif) transparent no-repeat right top; display: block; height: 240px; margin: 4px; clear: both; }
#guarantee h3 { font-size: 1.9em; color: #c00; }
#guarantee h4 span { color: #c00;}
#guarantee em { display: block; font-size: 1.6em; text-indent: 32px; text-align: left;}
#guarantee img.list { width: 574px; float: left; margin: 0; padding: 0; border: 0; }
#guarantee table { width: 98%; font-size: 1.4em; text-align: left; margin: 0 auto; padding: 5px; }
#guarantee table #header { text-align: center; font-size: 1.2em; font-weight: bold; background: #cecece; border-bottom: 2px solid #000; }
#guarantee tr { background: #efefef; border-bottom: 1px dashed #cecece; }
#guarantee td { padding: 2px; }
#guarantee h5 { padding-top: 16px; font-size: 1.5em; text-align: left; color: #070;	}
#guarantee h5 span { color: #000; }
#guarantee hr { width: 90%;}

#knowus { background: url(images/page-bg.jpg) no-repeat left top;}
#knowus #knowus-menu { font-size: 1.2em; margin: 20px; }
#knowus #knowus-menu a { text-decoration: none; }
#knowus #knowus-menu a:hover { color: #f00;}
#knowus h1 { font-size: 2.0em; font-weight: bold; margin: 4px;}
#knowus h2 { color: #333; font-size: 1.7em; font-weight: bold; margin: 2px;}
#knowus li { font-size: 1.5em;}
#knowus div.map { margin: 0 auto; width: 530px;}
#knowus #knowus-acknowledge { margin: 0 auto; width: 770px;}

#comment { background: url(images/page-bg.jpg) no-repeat left top; }