@charset "utf-8";

/*
---------------------------------------------------------------------
Html
---------------------------------------------------------------------
*/
html {
background:url(img/bg_body_home.png) center top repeat-x;
}

/*
---------------------------------------------------------------------
MainView
---------------------------------------------------------------------
*/
#main_view {
position:relative;
margin:30px auto 0;
width:900px;
}

.window {
overflow:hidden;
position:relative;
width:900px;
height:365px;
}

.image_reel {
left:0;
position:absolute;
top:0;
}

.img_reel img {
float:left;
}

.paging {
background:url(img/bg_paging.png);
overflow:hidden;
padding:10px 0 0 17px;
width:883px;
height:101px;
}

.paging a {
display:block;
float:left;
text-indent:-9999px;
width:214px;
height:90px;
}

.paging a.paging_1 {
background:url(img/paging_1.jpg);
}

.paging a.paging_1.active {
background:url(img/paging_1_active.jpg) !important;
}

.paging a.paging_2 {
background:url(img/paging_2.jpg);
margin-left:4px;
}

.paging a.paging_2.active {
background:url(img/paging_2_active.jpg) !important;
}

.paging a.paging_3 {
background:url(img/paging_3.jpg);
margin-left:4px;
}

.paging a.paging_3.active {
background:url(img/paging_3_active.jpg) !important;
}

.paging a.paging_4 {
background:url(img/paging_4.jpg);
margin-left:4px;
}

.paging a.paging_4.active {
background:url(img/paging_4_active.jpg) !important;
}


/*
---------------------------------------------------------------------
Content
---------------------------------------------------------------------
*/
#content {
margin-top:0;
}

/*-- News --*/
#news_wrap {
margin:0 0 2em;
}

#ttl_news {
position:relative;
width:596px;
}

#ttl_news h3 {
margin:0 0 0.5em;
}

#ttl_news p {
position:absolute;
right:0;
top:5px;
}

#news_wrap ul {
margin:0;
}

#news_wrap ul li {
background:url(img/bdr_news.png) left bottom no-repeat;
list-style:none;
margin:0;
padding:0.5em 0 0.8em;
}

	/* for IE6 */
	* html #news_wrap ul li {
	margin-top:-2px;
	}

	/* for IE7 */
	*+html #news_wrap ul li {
	margin-top:-2px;
	}

#news_wrap ul li.even {
background-color:#f6f6f6;
}

#news_wrap ul li p.date {
display:inline;
float:left;
margin:0 0 0 12px;
width:96px;
}

#news_wrap ul li p.news {
display:inline;
float:right;
margin:0 12px 0 0;
width:476px;
}

	

#news_wrap p#news_link {
text-align:right;
margin:0.5em 0 0;
}

#news_wrap p#news_link a {
background:url(img/arrow_sml.png) left center no-repeat;
padding-left:8px;
}