@charset "utf-8";

/*------------------------------------------------
	/index.html styles
--------------------------------------------------*/
#contentsarea{
	width: 100%;
	text-align: center;
	background: #fafafa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#maincontents{
	width: 950px;
	margin: 17px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: #fafafa;
	float: none;
	text-align: left;
	overflow: hidden;
}
#pagetop{
	width: 950px;
	margin: 30px auto 0px auto;
	text-align: right;
	clear: both;
}
#idx_mainimg{
	height: 339px;
	background: #f3f9fd url(../images/idx_bg_mainimg.jpg) no-repeat center top;
	border-bottom: 4px solid #014099;
}
#idx_mainimg_inner{
	width: 908px;
	margin: 0 auto;
}
#idx_mainimg_img{
	float: left;
	width: 694px;
	height: 306px;
	padding: 29px 0 0 0;
	background: url(../images/mainimg_bg_img.gif) repeat-x left bottom;
}
#idx_mainimg_img .inner{
	position: relative;
	width: 694px;
	height: 280px;
	background: #ffffff;
}
#idx_mainimg_img .inner div{
	position: absolute;
	left: 0;
	top: 0;
/*	display: none;*/
}
#idx_mainimg_list{
	float: right;
	width: 195px;
	height: 339px;
	padding: 19px 0 0 0;
	background: url(../images/idx_bg_mainimg_list.jpg) no-repeat left top;
}
#idx_mainimg_list ul{
	position: relative;
	margin: 0 0 0 -4px;
	z-index: 5;
}
#idx_mainimg_list ul li{
	padding: 5px 7px 0 12px;
}
#idx_mainimg_list ul li.act{
	background: url(../images/mainimg_bg_act.gif) no-repeat left 5px;
}
#idx_mainimg_list ul li.act img{
	opacity: 0.7;
	filter: Alpha(opacity=70);
}
#idx_mainimg_list ul li a{
	display: block;
	width: 180px;
	height: 69px;
	background: #fff;
}
#idx_mainimg_list ul li a.nolink{
	cursor: default;
}
#idx_mainimg_list ul li img{
	vertical-align: bottom;
}


/*
#idx_mainimg{
	width: 100%;
	margin: 0px 0px 0px 0px;
	background: #ececea url(../images/bg_mainimg.gif) center top no-repeat;
	text-align: center;
	border-bottom: 10px solid #014099;
}
#idx_mainimg_inner{
	width: 950px;
	margin: 0px auto 0px auto;
	text-align: left;
}
#idx_mainimg_inner:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#idx_catchimg{
	width: 669px;
	height: 311px;
	float: left;
	background: url(../images/idx_p_main.gif) left top no-repeat;
	text-indent: -9999px;
}
#idx_rightarea{
	width: 281px;
	height: 311px;
	float: right;
	background: url(../images/idx_btn_reno-sys.jpg) left top no-repeat;
}
#idx_rightarea p{
	text-indent: -9999px;
}
#idx_rightarea a{
	display: block;
	width: 281px;
	height: 311px;
	margin: 0px 0px 0px 0px;
}
*/
#maincontents .idx_btn_build{
	width: 964px;
	margin: 0px 0px 0px -14px;
	padding: 0px 0px 0px 14px;
}
#maincontents .idx_btn_build:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#maincontents .idx_btn_build li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	width: 307px;
}
#maincontents .idx_btn_build li.left{
	float: left;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	background: none;
}
#maincontents .idx_news{
	width: 471px;
	margin: 21px 0px 0px 0px;
	float: left;
}
#maincontents .idx_news h2{
	width: 471px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	border-top: 2px solid #014099;
	border-bottom: 1px solid #c8d5e7;
	background: none;
}
#maincontents .idx_news div{
	width: 471px;
	height: 188px;
	margin: 11px 0px 0px 0px;
	overflow-y: auto;
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #7d7d7d;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #dbdbdb;
	scrollbar-darkshadow-color: #dbdbdb;
}
#maincontents .idx_news div ul{
	width: 445px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#maincontents .idx_news div ul li{
	width: 445px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}
#maincontents .idx_news div ul li:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#maincontents .idx_news div ul li span.idx_news_date{
	display: block;
	width: 65px;
	float: left;
	padding: 0px 5px 0px 0px;
}
#maincontents .idx_news div ul li img.idx_news_icon{
	display: block;
	width: 45px;
	float: left;
	padding: 0px 0px 0px 0px;
}
#maincontents .idx_news div ul li span.idx_news_text{
	display: block;
	width: 315px;
	float: left;
	padding: 0px 0px 0px 10px;
}
#maincontents .idx_btn_other{
	width: 435px;
	float: right;
	margin: 21px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#maincontents .idx_btn_other:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#maincontents .idx_btn_other li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}
#maincontents .idx_bnr01{
	width: 435px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#maincontents .idx_bnr01 li{
	width: 435px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}
#maincontents .idx_bnr01 li span {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#maincontents .idx_bnr01 li span.bnr_left{
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
}

/* campaign */
#maincontents .idx_bnr01 li a.campaign{
	display: block;
	width: 435px;
	height: 61px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/idx_bnr_campaign.jpg) left top no-repeat;
}
#maincontents .idx_bnr01 li a.campaign:hover{
	background: url(../images/idx_bnr_campaign.jpg) left -61px no-repeat;
}