@charset "utf-8";


/****************************************

          Layout

*****************************************/
body{
	background: #f8f6ec url(../images/home/top-bg.png) no-repeat 50% top;
	}
#snowarea {
	width:100%; 
	height:1190px;
	top:0; 
	left:0; 
	position:absolute; 
	z-index:12;
	overflow:hidden;
	}
#wrapper h1 {
	position: absolute; 
	top: 32px;
	left: -38px;
	z-index:10; 
	}
#wrapper h2 {
	position: absolute;
	top: 712px;
	right: 32px;
	z-index: 14;
	}
#main-img { 
	position: absolute; 
	top: 45px; 
	right: 18px; 
	z-index:11;
	background: url(../images/home/main-img.png) no-repeat;
	width:627px;
	height: 780px;
	}
	
/****************************************

          Navi

*****************************************/
#nav {
	position: absolute; 
	top: 190px;
	left: -5px;
	margin: 0;
	width: 215px;
	z-index:13;
	}
#nav ul li {
	margin: 0 ;
	}

/* topNews
============================================ */
.topNews {
	position: absolute;
	top: 3px;
	left: 0;
	z-index:15;  
	width: 980px;
	height: 20px;
	padding-bottom: 16px;
	}
.topNews .title { 
	float:left;
	width: 40px;
	}
.topNews .ticker {
	float:left;
	width: 925px;
	position: relative;
	overflow: hidden;
	_zoom:1;
	}
.topNews .ticker ul {
	width: 100%;
	position: relative;
	height: 20px;
	overflow: hidden;
	}
.topNews .ticker ul li {
	width: 100%;
	display: none;
	font-weight: bold;
	}
.topNews .ticker ul{
	margin:auto;
	}
/* banner
============================================ */
.banner {
	position: absolute;
	top: 745px;
	right: 0;
	z-index: 13;
	}	
/* pv
============================================ */
.pv {
	position: absolute; 
	top: 645px;
	left: 0;
	z-index:20;
	}

/* twitter/news
============================================ */
#newsContents {
	position: absolute;
	top: 823px;
	left: 0;
	width: 970px;
	height: 213px;
	background: url(../images/home/newstw-bg.png) no-repeat left 7px;
	z-index:0;
	}
h3 {
	margin-bottom: 5px;
	}
/* twitter
============================================ */
#twitter {
	position: absolute;
	top: 853px;
	left: 23px;
	z-index:50;
	width: 266px;
	height: 128px;
	}
.twitter-timeline {
	width: 266px;
	height: 128px;
	overflow: hidden;
	}
#twitter .body {
	width: 260px;
	height: 128px;
	overflow: hidden;
	}
#btn {
	position: absolute;
	top: 1042px;
	left: 14px;
	z-index:50;
	width: 90px;
	}
#btn li {
	display: inline;
	width: 60px;
	}

/* news
======================================== */
#news { 
	position: absolute;
	top: 853px;
	right: 25px;
	z-index:20;
	}
#news .scroll_area { 
	width: 567px;
	margin: 0 0 0 5px ;
	padding-right: 10px;
	height: 120px;
	overflow:auto; 
	}
#news .jspContainer { 
	overflow:hidden; 
	position:relative; 
	}
#news .jspPane { 
	position:absolute; 
	}
#news .jspVerticalBar { 
	position:absolute; 
	top:0; 
	right:0; 
	width:10px; 
	height:10%;
	}
#news .jspHorizontalBar { 
	position:absolute; 
	bottom:0; 
	left:0; 
	width:100%; 
	height:10px; 
	}
#news .jspTrack { 
	background:#c0c1c1; 
	position:relative; 
	}
#news .jspDrag { 
	background:#624900; 
	position:relative; 
	top:0; 
	left:0; 
	cursor:pointer; 
	}
#news .jspHorizontalBar .jspTrack, 
#news .jspHorizontalBar .jspDrag { 
	float:left; 
	height:90%;
	}
#news dl { 
	margin-top: 4px;
	padding-bottom: 3px;
	border-bottom: dotted 1px #624900;
	overflow : hidden;
	_zoom:1;
	}
#news dl>dt { 
	float:left;
	width: 85px;
	}
#news dl>dd { 
	float:left;
	width: 460px;
	}
	
/* footer banner
======================================== */
#footerbanner { 
	position: absolute;
	top: 1042px;
	right: 0;
	z-index:20;
	}
#footerArea {
	position: absolute;
	top: 1098px;
	right: 0;
	z-index:20;
	overflow : hidden;
	_zoom:1;
	width: 795px;
	}
#footerArea li { 
	float: right;
	}
#footerArea li img { 
	margin-left: 7px;
	margin-bottom: 7px;
	}
/****************************************

          footer

*****************************************/
#footer {
	position: absolute; 
	top: 1160px;
	left: 460px;
	}
#copyright {
	text-align:center;
	}