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

/* Common */
html, body, #flashSite {
	height: 100%;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:17px;
	/*background:url(../images/site_bg.jpg) top repeat-x*/}
	
.left{ float:left;}
.right{ float:right;}

.Mar10	{margin:10px;}
.MarR10{ margin:0 10px 0 0}
.MarL10{ margin:0 0 0 10px}
.MarT10{ margin:10px 0 0 0}
.MarB10{ margin:0 0 10px 0}
.Mar10 { margin:10px;}

.marTB10{margin:10px 0;}
.marLR10{margin:0 10px;}

.Mar15	{margin:15px;}
.MarR15{ margin:0 15px 0 0}
.MarL15{ margin:0 0 0 15px}
.MarT15{ margin:15px 0 0 0}
.MarB15{ margin:0 0 15px 0}

.marTB15{margin:15px 0;}
.marLR15{margin:0 15px;}

.mar20	{margin:20px;}
.marT20	{margin:20px 0 0 0;}
.marR20	{margin:0 20px 0 0;}
.marB20	{margin:0 0 20px 0;}
.marL20	{margin:0 0 0 20px;}
.marTB20{margin:20px 0;}
.marLR20{margin:0 20px;}



.PadR10{ padding:0 10px 0 0}
.PadL10{ padding:0 0 0 10px}
.PadT10{ padding:10px 0 0 0}
.PadB10{ padding:0 0 10px 0}
.Pad10 { padding:10px;}

.PadR15{ padding:0 15px 0 0}
.PadL15{ padding:0 0 0 15px}
.PadT15{ padding:15px 0 0 0}
.PadB15{ padding:0 0 15px 0}

h1		{
		font-size:20px; 
		font-weight:bold; 
		line-height:24px;
		text-transform:uppercase; 
		}
		
h2		{
		font-size:18px; 
		font-weight:bold; 
		padding:0; 
		margin:10px 0;
		text-transform:uppercase; }
		
h3		{
		font-size:16px; 
		font-weight:bold; 
		line-height:20px; 
		padding:0;
		text-transform:uppercase; }
		
h4		{
		font-size:12px; 
		font-weight:bold; 
		padding:0; 
		margin:5px 0;
		text-transform:uppercase; }
		
h5		{
		font-size:14px; 
		font-weight:bold; 
		line-height:20px; 
		padding:0;
		text-transform:uppercase; }

.img_l	{float:right; background-color:#fff; border:1px solid #ddd; padding:3px; margin:0 10px 10px 0;}
.img_r	{float:right; background-color:#fff; border:1px solid #ddd; padding:3px; margin:0 0 10px 10px;}
.clear	{clear:both; height: 0; line-height: 0; font-size: px; /*for IE*/}
.hidden {display:none;}
.small	{font-size:11px;}
.big	{font-size:14px; font-weight:bold;}
.nobord	{border:none;}

a 				{text-decoration:none;}
a.on, a:hover	{text-decoration:underline}

p 		{margin:0 10px 10px 0;}


/* 

	TableCloth	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* general styles */

table, td{
	font:100% Arial, Helvetica, sans-serif; 
}
table{
	border-collapse:collapse;
	margin:1em 0;
}
th, td{text-align:left;padding:.5em;border:1px solid #fff;}
th{background:#328aa4 url(tr_back.gif) repeat-x;color:#fff;}
td{
}

/* tablecloth styles */

tr.even td{background:#e5f1f4;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

/********************************************* YOUR OWN CSS GOES HERE **************************************************************************************************************/

div#page{
	width:960px;
	margin:0 auto;
	background:url(../images/page_bg.jpg) top no-repeat;
	padding:0px 0 0 0}
	
div#newbox{
	width:900px;
	padding:50px 30px 0 30px;
	background:url(../images/bg_white.png) no-repeat;
	position:relative;
	top:-50px
	}

div#newsbox_botom{
	background:url(../images/news_box_bottom.png) bottom no-repeat;
	display:block;
	width:960px;
	height:46px;
	position:relative;
	top:-50px}
	
div#newbox div.right{
	padding:0 20px 0 0}
	
div#newbox div.left{
	width:520px;}
	
	div#newbox div.left ul, div#newbox div.left h3{
		margin:0 0 0 90px;}
		
	div#newbox div.detail{
		margin:0 0 0 90px;
		width:600px;}
		
	div#newbox div.left h3, div#newbox div.detail h3{
		background:url(../images/events_title.jpg) no-repeat; text-indent:-10000px;
		display:block; width:55px; height:16px;
		margin:0 0 10px 90px}
	
	div#newbox div.detail h1{
		text-transform:none}
		
	div#newbox div.detail h3{
		background:url(../images/events_title.jpg) no-repeat; text-indent:-10000px;
		display:block; width:55px; height:16px;
		margin:0 0 10px 0px}
	
	div#newbox div.left ul li{
		padding:5px;
		border-bottom:solid 1px #e5e5e5;
		width:365px;
		padding:10px 65px 10px 0;
		margin:0 10px 10px 0;
		position:relative;
		height:140px;
		overflow:hidden
		}
		
	div#newbox div.left ul li a{
		color:#000;
		font-weight:bold;
		text-decoration:none}
		
	div#newbox div.left ul li a:hover{
		color:#bd0107}
	
	div#newbox div.left ul li a#absoute_btn1{
		width:64px;
		height:30px;
		background:url(../images/view_btn.jpg) no-repeat;
		text-indent:-10000px;
		display:block;
		position:absolute;
		right:0px;
		top:90px}
		
	span.date, .note{
		font-size:10px;
		color:#999;
		line-height:20px;
		display:block;
		padding:0 0 10px 0}
		
	.note{
		font-size:10px;
		color:#999;
		line-height:16px;
		display:block}
		
	div#pane{
		height:350px;
		overflow:hidden;
		margin:0!important;
		padding:0 10px 0 0!important;
		width:540px!important;}
		
	div.jScrollPaneContainer{
		margin:0 0 20px 0!important}
		
	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float:left
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #e5e5e5;
	margin:0!important
}
.jScrollPaneDrag {
	position: absolute;
	background: #333;
	cursor: pointer;
	overflow: hidden;
	height:25px;
	margin:0!important
}
.jScrollPaneDrag:hover{
	background:#000}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/************* EVENT ***********/
div#eventbox{
	width:900px;
	padding:50px 30px 0 30px;
	height:395px;
	background: url(../images/bg_white.png) no-repeat;
	position:relative;
	top:-50px}

div#eventbox div.eventbox_frame{
	width:740x;
	margin:0px 0 0 0;
	padding:0px 110px 0 110px;}
	
div.eventbox_frame h1{
	color:#b70101}
	
div.eventbox_frame div{
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	margin:20px 0 20px 0;
	padding:20px 0px 20px 140px
	}
	
div.eventbox_frame div p{
	width:420px;}

div.eventbox_frame table{
	margin:0 0 0 60px;}

ul#code_bar{
	width:475px;
	padding:0
	}
	
ul#code_bar li{
	float:left;}

ul#code_bar li input.input_code{
	width:33px; 
	height:41px;
	background:url(../images/input_box.png) no-repeat;
	border:none;
	margin-right:10px;
	padding:4px;
	font-size:20px;
	line-height:41px;
	text-align:center;}
	
a#start_btn{
	display:block;
	width:150px;
	height:49px;
	text-indent:-10000px;
	background:url(../images/start_btn.jpg) no-repeat}
	
a{
	color:#b70101;
	text-decoration:underline}
	
/********* FOOTER *********/
div#footer{
	width:960px;
	margin:0 0 20px 0;
	position:relative;
	top:-50px;}
	
div#footer ul{
	margin:0 30px 0 30px}
	
div#footer ul li{
	float:left; display:block}
	
div#footer ul li.last a{
	border:none
	}

div#footer ul li a{
	display:block; padding:0 20px 0 20px ;
	border-right:solid #CCC 1px;
	text-transform:uppercase;
	color:#999;
	text-decoration:none}
	
a#nissan_btm{
	display:block;
	width:80px;
	height:12px;
	background:url(../images/nissan_logo.jpg) no-repeat;
	text-indent:-1000000px;
	position:absolute;
	right:60px;}
	
div, a, img, span, h1, h2, h3{ outline:none}
.input01{
	background:url(../images/input_01.jpg) no-repeat;
	width:196px;
	height:22px;
	border:none;
	font-size:12px!important;
	padding:2px 2px 2px 4px;
	line-height:26px;}
	
.selectbox{
	width:200px;}
	
.require{
	color:#cc2753}