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

#topMenu {
	margin-bottom:60px;
}

/* visual ------------------------------------------------------------------ */
#wrapper #vNavi {
	margin:0;
	background:url(../img/visual/visual_bg.gif) repeat-y #7d8da4 center top;
}

#wrapper #ivNavi {
	overflow:hidden;
	position:relative;
	width:1000px;
	height:250px;
	margin:0 auto;
	background:#7D8DA4;
}
#ivNavi #visual_wrapper {
		overflow:hidden;
		position:relative;
		width:1000px;
		height:250px;
	}
		#ivNavi #visual_wrapper .wrappers {
			float:left;
			position:relative;
			width:1000px;
			height:250px;
		}

#ivNavi .navi {
	position:absolute;
	margin:0;
	padding:0;
	overflow:hidden;
	width:260px;
	height:250px;
	z-index:100;
}

#ivNavi .navi li a {
	display:block;
	overflow:hidden;
	width:260px;
	height:50px;
	text-indent:-9999px;
	outline:none;
}

#ivNavi #selector_1 .navi li a{
	background:url(../img/visual/visual_navi.png) no-repeat;
}

#ivNavi #selector_1 .navi .cloud a {
	background-position:0 -50px;
}
#ivNavi #selector_1 .navi .ui a {
	background-position:0 -150px;
}
#ivNavi #selector_1 .navi .mobile a {
	background-position:0 -250px;
}
#ivNavi #selector_1 .navi .social a {
	background-position:0 -350px;
}
#ivNavi #selector_1 .navi .business a {
	background-position:0 -450px;
}

#ivNavi #selector_1 .navi .cloud.current a {
	background-position:0 0px;
}
#ivNavi #selector_1 .navi .ui.current a {
	background-position:0 -100px;
}
#ivNavi #selector_1 .navi .mobile.current a {
	background-position:0 -200px;
}
#ivNavi #selector_1 .navi .social.current a {
	background-position:0 -300px;
}
#ivNavi #selector_1 .navi .business.current a {
	background-position:0 -400px;
}



#ivNavi #selector_2 .navi li a{
	background:url(../img/visual/visual_navi_flex.png) no-repeat;
}

#ivNavi #selector_2 .navi .cloud a {
	background-position:0 -50px;
}
#ivNavi #selector_2 .navi .ui a {
	background-position:0 -150px;
}
#ivNavi #selector_2 .navi .mobile a {
	background-position:0 -250px;
}
#ivNavi #selector_2 .navi .social a {
	background-position:0 -350px;
}
#ivNavi #selector_2 .navi .business a {
	background-position:0 -450px;
}

#ivNavi #selector_2 .navi .cloud.current a {
	background-position:0 0px;
}
#ivNavi #selector_2 .navi .ui.current a {
	background-position:0 -100px;
}
#ivNavi #selector_2 .navi .mobile.current a {
	background-position:0 -200px;
}
#ivNavi #selector_2 .navi .social.current a {
	background-position:0 -300px;
}
#ivNavi #selector_2 .navi .business.current a {
	background-position:0 -400px;
}




#ivNavi .img {
	position:relative;
	overflow:hidden;
	float:right;
	margin:0;
	padding:0;
	z-index:0;
	width:760px;
	height:250px;
}

#ivNavi .img li {
	position:absolute;
}

#visual_selector {
		float:left;
		margin:0 0 0 290px;
		padding:8px;
		width:400px;
		height:10px;
		overflow:hidden;
		text-align:center;
		z-index:1000;
	}
	#visual_selector li {
		display:inline-block;
		margin:0 2px 0 0;
	}
	#visual_selector li a {
		display:inline-block;
		overflow:hidden;
		width:10px;
		height:10px;
		text-decoration:none;
		text-indent:-9999px;
		background:url(../img/visual/g_navi_btn.png) no-repeat 0 -10px;
	}
		#visual_selector li.current a {
			background-position:0 0;
		}



/* topSearch ------------------------------------------------------------------ */

#contents #topSearch {
	margin:10px 0 0 0;
}

#contents #topSearch li {
	float:left;
}

/* topSearch ------------------------------------------------------------------ */
#topPanel {
	margin:30px 0 0 0;
}

#topPanel .panel {
	min-height:225px;
	background:#f5f5f5;
	border:1px solid #bbb;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-opera-border-radius:5px;

}

#topPanel .panel h2 {
	margin:10px;
	color:#0A254A;
	font-weight:600;
}

#topPanel .left {
	float:left;
	width:460px;
	padding:10px 10px 0 10px;
}

#topPanel .right {
	float:right;
	width:230px;
	padding:10px 10px 0 10px;
}

#topPanel .panel.right h2 {
	margin:10px 0;
}



/* topSearch ------------------------------------------------------------------ */


#caseBox {
	height:120px;
}

#caseBox dt {
	margin:0 0 10px 0;
	text-align:center;
	font-size:150%;
	font-weight:600;
}

#caseBox a {
	position:absolute;
	display:block;
	z-index:0;
	padding:12px 0 0 15px;
	width:91px;
	height:58px;
	background:url(../img/case_bg.gif) no-repeat -9px 0;
}

#caseBox a:hover {
	z-index:1;
	background:url(../img/case_bg.gif) no-repeat -9px -70px;
}


#caseBox .asahi a {
	margin:0 0 0 15px;
}

#caseBox .himawari a {
	margin:0 0 0 95px;
}
/*
#caseBox .max2007 a {
	margin:0 0 0 165px;
}
*/

#caseBox .max2009 a {
	margin:0 0 0 250px;
}
#caseBox .teradata a {
	margin:0 0 0 165px;
	z-index:3;
}

#caseBox .vri a {
	margin:0 0 0 320px;
}

#caseBox .oracle a {
	margin:0 0 0 415px;
}

#caseBox .old_himawari a {
	margin:0 0 0 495px;
}

#caseBox .intalio a {
	margin:0 0 0 585px;
}

/* news ------------------------------------------------------------------ */

#newsBox {
	margin:0;
	padding:0;
	border-bottom:1px solid #eee;
}

	#newsBox .item {
		padding:5px 15px 5px 10px;
		border-top:1px solid #eee;
		margin:0 0 1px 0;
		cursor:pointer;
		background:url(../img/news/arrow.png) no-repeat 710px center ;
	}
	
	#newsBox .item.even {
		background:url(../img/news/arrow.png) no-repeat 710px center #fbfbfb ;
	}
	
	#newsBox .item.hover {
		background:url(../img/news/open.png) no-repeat 710px center #f5f5f5;
	}
	#newsBox .item.open {
		border-top:1px solid #ddd;
		background:url(../img/news/close.png) no-repeat 710px center #f5f5f5;
	}
	
	#newsBox .item .title {
	}
	
	#newsBox .item .category {
		float:left;
		margin:3px 15px 5px 0;
		width:30px;
		height:30px;
		overflow:hidden;
		color:#cc0000;
		text-decoration:none;
		text-indent:-9999px;
		font-weight:600;
	}
	#newsBox .item .category.news {
		background:url(../img/news/news.png) no-repeat;
	}
	#newsBox .item .category.trend {
		background:url(../img/news/trend.png) no-repeat;
	}
	#newsBox .item .category.bizria {
		background:url(../img/news/bizria.png) no-repeat;
	}
	#newsBox .item .category.press {
		background:url(../img/news/press.png) no-repeat;
	}
	
	#newsBox .item .date {
		font-size:80%;
		color:#666;
		letter-spacing:0.1em;
		font-weight:600;
	}
	
	#newsBox .item .contents {
		display:none;
		margin:5px 30px 0 45px;
		padding:10px 10px 10px 10px;
		border:1px dotted #ddd;
		line-height:150%;
		background:#fff;
	}
	
	
	#newsBox a {
		text-decoration:none;
	}

#rss {
	padding:0 10px 0 0;
	text-align:right;
}