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

@import "common/layout.css";


/*-------------------------------------------------------------------------
	INDEX
/*-----------------------------------------------------------------------*/

#flash{
	margin-bottom:3px;
	background:url(../img/index/flash/loading.gif) no-repeat center center;
	}

#all .section{
	clear:both;
	zoom:1;
	overflow:hidden;
	}
#all .section:after {
	content:".";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}
#myCarousel {
	margin-top: 64px;
}
#nengaBnr {
	padding-top: 20px;	
}
#nengaBnr ul li {
	float: left;
	margin-right: 21px;		
}
#nengaBnr ul li.last {
	float: right;
	margin-right: 0;	
}

#soltion{
	margin:1.3em 0;
	padding-bottom:1.5em;
	background:url(../img/index/main/bdr_solution.gif) no-repeat left bottom;
	}
#soltion #service{
	width:492px;
	float:left;
	background:url(../img/index/main/bg_bdr001.gif) repeat-y right top;
	}
#soltion h2{
	margin-bottom:1em;
	}
#soltion #service div{
	padding-right:1px;
	display:inline;
	float:left;
	
	}

#soltion #contents{
	width:455px;
	float:right;
	}
#soltion #contents dl{
	padding-left:2em;
	float:left;
	display:inline;
	}
#soltion #contents dl dt{
	margin-bottom:0.2em;
	padding-left:1.2em;
	font-weight:bold;
	background:url(../img/index/main/ico-contents.gif) no-repeat left center;
	}
#soltion #contents dl dd{
	margin-left:0.6em;
	font-size:89%;
	line-height:1.8;
	}
#soltion #contents dl dd a{
	padding-left:0.8em;
	color:#111;
	font-weight:bold;
	background:url(../img/index/main/ico-contents-list.gif) no-repeat left center;
}
#soltion #contents dl dd a:hover{
	color:#555;
}


#soltion #contents dl dd#press{
	margin-top:15px;
	margin-left:5px;
	}
#soltion #contents dl dd#press a{
	padding-left:0;
	background:none;
	}

#soltion #service h2 {
	position: relative;
	z-index: 500;	
}

#soltion #release {
/*	margin-top: 15px;*/
}

#soltion #release p {
	text-align: center;
}

#soltion #release ul {
	width: 100%;
	overflow: hidden;
}
#soltion #release .app_bnr {
	margin-left: 13px;
	float: left;
}


#main #topics{
	margin-bottom:10px;
	}


#main #topics #news {
	width:572px;
	float:left;
	}
#main #topics #news h2 {
	margin-bottom:20px;
	padding:7px 0px 7px 20px;
	background:url(../img/index/main/title001.gif) no-repeat left center;
	}
#main #topics #news h2 span {
	float: right;
	padding-right: 5px;
	}
#main #topics #news #inNews{
	padding:0 1em 0 1em;
/*	height:12em;*/
	
	}
#main #topics #news dl{
	margin-bottom: 1.5em;
	font-size:89%;
	line-height:1.5;
	}
#main #topics #news dl dt{
	padding:0 1em 0 8px;
	background:url(../img/common/icon/ico_navi.gif) no-repeat left 5px;
	color: #000;	
}
#main #topics #news dl dt img {
	margin-left: 0.5em;
	vertical-align: text-top;	
}
#main #topics #news dl dd{
	padding-left: 8px;
	margin-bottom:8px;
	}
#main #topics #news dl dd em {
	color:#ff0000;
	}
	
/*-------------------------------------------------------------------------
	#certified
/*-----------------------------------------------------------------------*/
#main #certified{
	width:349px;
	float:right;
	}
/*#main #certified p{
	margin-top: 8px;
	display:inline;
	margin-left:30px;
	float:right;
}*/
#main #certified ul{
	width:349px;
	margin-bottom:16px;
	clear:both;
	overflow:hidden;
	}
#main #certified ul.last {
	margin-bottom:0;
	}
#main #certified ul li{
	margin:0 10px 0 0;
	float:left;
	display:inline;
	}
#main #certified ul li#challenge25 {
/*	margin-right:71px;*/
	}
#main #certified ul li#japancolor{
	margin-right:0px;	
	}
#main #certified ul li#syukatsu{
	margin-right: 0;
	}
#main #certified ul li#pcidss {
	margin-right: 15px;	
}
	

#bnrArea {
	margin:1em 0;
	clear:both;
	}
	
#bnrArea h2{
	margin:0 0 20px 0;
    padding: 7px 0 5px 20px;
	background: url(../img/index/main/title002.gif) no-repeat left bottom;
	}
#bnrArea h3{
	margin-bottom:1em;
	padding-bottom:0.2em;
	background: url(../img/index/banner/bg_stitle.gif) no-repeat left bottom;
	font-size:12px;
	}	
	
#bnrArea .bnrList{
	margin:0 0 10px 20px;
	clear:both;
	overflow:hidden;
	}
#bnrArea .bnrList dl{
	margin-bottom:0.5em;
	padding-left:16px;
	float:left;
	display:inline;
	}
#bnrArea .bnrList dl.ace{
	}
#bnrArea .bnrList dl.last{
	padding-right:0;
	}


#bnrArea .bnrList dl dt{
	margin-bottom:2px;
	}
#bnrArea .bnrList a dl dd {
	color:#333;
	font-size:70%;
}

#webprint {position:relative; width:489px; height:200px; top: -30px;}
#disign {position:relative; width:248px; height:157px;}
#smapri {position:relative; width:245px; height:157px;}

#webprint a,
#disign a,
#smapri a{ color:#999; display:block;}

#webprint a:hover,
#disign a:hover,
#smapri a:hover { color:#ccc;}

#webprint .txtLink{
	position:absolute;
	bottom:35px;
	left:35px;
	font-size:10px;
}
#disign .txtLink{
	position:absolute;
	bottom:35px;
	left:17px;
	font-size:10px;
}
#smapri .txtLink{
	position:absolute;
	bottom:35px;
	left:35px;
	font-size:10px;
}
	
	
	
/*-------------------------------------------------------------------------
	#headnews
/*-----------------------------------------------------------------------*/	
	
#headnews{
	margin-top:1em;
	color:#333;
	border:#c9caca 1px solid;
	background:url(../img/index/main/bg_headnews.gif) repeat-x center bottom;
	font-size:110%;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}
#headnews div{
	margin-left:4em;
	padding:1em 0 1em 0 ;
	}
#headnews h2{
	font-size:115%;
	}