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

#index {	
	background: #1e4881 url(../img/index/bg_all.jpg) repeat-x top left;
	position: relative;
}

#index #boxLeft {
	width: 280px;
	height: 804px;
	top: 0;
	bottom: auto;
	position: absolute;
	margin-left: -750px;
	background: url(../img/index/bg_box_left.jpg) no-repeat top left;
	}
	

/* boxMain
---------------------------------------*/
#index #boxMain {
	width: 940px;
	margin: 0 auto;
	position: relative;
	background: url(../img/index/pic_main1.jpg) no-repeat top left;}

#boxMain .company {
	width: 355px;
	height: 57px;
	margin-left: 585px;
	text-align: center;
	background: url(../img/index/pic_main2.jpg) no-repeat top right;}
#boxMain .company li {
	display: inline;
	padding: 0 10px;}
#boxMain .company li img {
	margin-top: 15px;}
	
#boxMain h1 {
	width: 355px;
	height: 220px;
	position: static;
	margin: 0 0 0 585px;}
#boxMain h1 img {
	vertical-align: bottom;}

/* boxMain News
---------------------------------------*/
#boxMain #News {
	width: 355px;
	height: 283px;
	margin-left: 585px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	position: relative;
	z-index: 500;
	background: url(../img/index/pic_main3.jpg) no-repeat top center;}
#boxMain #News h2 {
	height: 36px;
	margin-left: 15px;}
#boxMain #News h2 img {
	margin-top: 13px;}

#boxMain #News a {
	color: #c33;}
#boxMain #News dl.hidden {
	display: none;}
#boxMain #News dl.visible {
	display: block;}
#boxMain #News dl {
	width: 320px;
	height: 200px;
	margin: 0 0 0 15px;
	text-align: left;
	position: absolute;
	z-index: 100;
	background: url(../img/index/bg_news.gif) no-repeat center 45px;}
#boxMain #News dt {
	line-height: 20px;
	padding: 17px 0 8px 40px;
	color: #00445c;
	background: url(../img/index/pic_news_date.gif) no-repeat top center;}
#boxMain #News dd {
	line-height: 150%;
	padding: 5px 20px 5px 35px;
	color: #001e24;
	z-index: 105;}
#boxMain #News dl#idNews45 dd {
	padding-bottom: 2px;}
#boxMain #News span.green, 
#boxMain #News dd.green:first-letter {
	color: #62a72c!important;
}
#boxMain #News span.blue, 
#boxMain #News dd.blue:first-letter {
	color: #2a83b4!important;
}
#boxMain #News span.yellow, 
#boxMain #News dd.yellow:first-letter {
	color: #E7C311!important;
}
#boxMain #News span.red, 
#boxMain #News dd.red:first-letter {
	color: #bf3333!important;
}

#boxMain #News ul {
	width: 320px;
	height: 37px;
	top: 236px;
	left: 15px;
	position: absolute;
	z-index: 100;
	background: url(../img/index/bg_news_page.gif) no-repeat bottom center;}
#boxMain #News ul li#prevNews {
	float: left;
	width: 160px;
	text-align: right;
	z-index: 100;
	background: url(../img/index/btn_news_prev.gif) no-repeat top center;}
#boxMain #News ul li#nextNews {
	float: left;
	width: 160px;
	text-align: left;
	z-index: 100;
	background: url(../img/index/btn_news_next.gif) no-repeat top center;}
#boxMain #News ul li#prevNews.false {
	background: url(../img/index/btn_news_prev_false.gif) no-repeat top center;}
#boxMain #News ul li#nextNews.false {
	background: url(../img/index/btn_news_next_false.gif) no-repeat top center;}

#boxMain #News .flash {
	position: absolute;
	top: 0px;
	left: 300px;
	z-index: 150;}
	
p.flashMenu {
	position: absolute;
	top: 80px;
	right: 20px;
	z-index: 10;}
	
#index #boxRight {
	width: 280px;
	height: 804px;
	top: 0;
	bottom: auto;
	position: absolute;
	margin-left: 470px;	
	background: url(../img/index/bg_box_right.jpg) no-repeat top right;}
	
/* topMenu
---------------------------------------*/
#topMenu {
	width: 940px;
	padding-bottom: 244px;
	margin: 0 auto;
	background: url(../img/index/pic_menu.jpg) no-repeat bottom center;}
	
/* footer
---------------------------------------*/	
#index #footer {
	width: 900px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	background: none;
	text-align: center;}
#index #footer ul.bnSpecial {
	position: absolute;
	width: 900px;
	z-index: 20;
	text-align: center;
	top: -28px;
	left: 0;
	padding-top: 70px;
	background: url(../img/index/pic_footer.gif) no-repeat top center;}
#index #footer ul.bnSpecial li {
	padding: 0 5px;}
#index #footer dl {
	position: absolute;
	z-index: 10;
	top: 80px;
	left: 0;}
#index #footer dl dd {
	position: absolute;
	z-index: 30;
	top: 0px;
	right: 70px;
	padding-top: 50px;}
#index #footer ul#capcomLink {
	width: 900px;
	position: absolute;
	top: 250px;
	left: 0;
	text-align: center;}
#index #footer address {
	width: 900px;
	position: absolute;
	top: 275px;
	left: 0;
	}
#index #bnArea {
	width: 900px;
	position: absolute;
	top: 205px;
	left: 0;
	text-align: center;
	color: #fff;
	
	}
#index #bnArea a img {
	border: 1px solid #ff0;}
#index #bnArea a {
	color: #ff0;}