@charset "utf-8";
/* CSS Document */
/*------------------------- サイトトップページ -------------------------*/
#top #header{
	width: 100%;
	height: 408px;
	background: url(../images/bg-top.gif);
}

#top #wrap {
	background: none;
}

#top #navBox {
	padding-top:0;
	padding-bottom: 28px;
}

#top #mainContent {
	width: 730px;
	float: left;
	padding-right: 14px;
	_padding-right: 0px;
}

#top #subContent {
	width: 230px;
	float: right;
}

#top #headerInner {
	position: relative;
	width: 980px;
	height: 408px!important;
	margin: 0 auto;
	background: url(../images/bg_header.jpg) center top no-repeat;
}

#top h1 {
	background: url(/knowledgesuite/images/h1_top.gif) left top no-repeat;
	width: 382px;
	height: 0;
	padding-top: 83px;
	overflow: hidden;
	position: absolute;
	line-height: 2.0;
	top: 279px;
	left:0px;
}

#top #catchCopy {
	background: url(/knowledgesuite/images/catchcopy.png) left top no-repeat;
	width: 467px;
	height: 0;
	padding-top: 187px;
	overflow: hidden;
	position: absolute;
	line-height: 2.0;
	top: 92px;
	left:0;
}
#top #headerInner img#main {
	position: absolute;
	top: 69px;
	left:388px;
}

#top h2 {
	background: url(/knowledgesuite/common/images/h2_border.gif) center bottom no-repeat;
	height: 30px;
	padding: 15px 20px 0;
	margin-bottom: 15px;
	text-align: left;
	position: relative;
	border:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 110%;
}

#top h2#h2Partner {
	background: none;
	margin: 4px auto 0;
	padding: 0;
	width: 720px;
	height: 61px;
}

#top h2#h2Partner a {
	display: block;
	height: 0;
	padding-top: 61px;
	background: url(/knowledgesuite/images/h2_partner.gif)  no-repeat;
	overflow: hidden;
}

#top p#partnerArticle {
	width: 720px;
	height: 0;
	padding-top: 175px;
	background: url(/knowledgesuite/images/article_partner.gif)  no-repeat;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 5px;
}

#top h2 p.listLink {
	width: 110px;
	height: 19px;
	position: absolute;
	left: 601px;
	top: 15px;
	overflow: hidden;
}

#top h2 p.listLink a {
	background: url(/knowledgesuite/common/images/btn_gotolist.gif)  no-repeat;
	display: block;
	padding-top: 19px;
}

#top div#mainBnArea {
	width: 974px;
	margin: 0 auto;
}

#top div#mainBnArea p {
	width: 320px;
	float: left;
	margin:0 7px 14px 0!important;
	_margin:0 3px 14px 0!important;
}

#top div#mainBnArea p.end {
	margin-right: 0!important;
}

#top div.subArea01 { padding-top: 5px; }
#top div.subArea01 p {
	margin-bottom: 5px;
}

div#caseBox { position: relative; width: 730px; overflow: hidden; height: 245px; }
div#caseBox ul {
	position: absolute;
	left: 38px;
	top: 65px;
	margin-bottom: 14px;
}
div#caseBox ul li {
	height: 162px;
	background: url(/knowledgesuite/images/bg_case.gif) no-repeat left top;
	/*float: left;*/
	/* for Modern Browser */
    display:table-cell;
	/* for IE */
    *display:inline;
    *zoom:1;
}

div#caseBox ul li a img { margin: 3px 10px; }

div#caseBox ul li p { text-align: left; font-size: 11px; width: 179px; }

div#caseBox p#btnPrev {	background: url(/knowledgesuite/images/btn_case_prev.gif)  no-repeat; width: 35px; padding-top:156px; height: 0; overflow: hidden; position: absolute; top:65px; left:1px; }
div#caseBox p#btnNext {	background: url(/knowledgesuite/images/btn_case_next.gif)  no-repeat; width: 35px; padding-top:156px; height: 0;  overflow: hidden; position: absolute; top:65px; right:1px; }

div#featureBox ul {
	padding-left: 19px;
	margin-bottom: 14px;
}

div#featureBox ul li {
	width: 224px;
	height: 135px;
	float: left;
	margin-right: 10px;
	_margin-right: 5px;
}

div#featureBox ul li a {display: block;
	height: 0px;
	padding-top: 135px;
	overflow: hidden;
}

div#featureBox ul li a#f1 {background: url(/knowledgesuite/images/btn_feature01.gif) no-repeat;}
div#featureBox ul li a#f2 {background: url(/knowledgesuite/images/btn_feature02.gif) no-repeat;}
div#featureBox ul li a#f3 {background: url(/knowledgesuite/images/btn_feature03.gif) no-repeat;}

#wrapD2 { text-align: left; }
#wrapD2 p { margin-bottom: 20px; }

#wrapD2 div.h3 h3 {
	border: none;
	margin-top:20px;
    margin-bottom:0;
    color: #fff;
    font-weight:normal;
    height:0;
    padding: 55px 0 0 0;
	width:690px;
	overflow: hidden;
	border-bottom: none!important;
	background: none;
}

#wrapD2 div#feature01 h3{background:url(/knowledgesuite/about/images/detail/h3_feature1.gif) no-repeat;}
#wrapD2 div#feature02 h3{background:url(/knowledgesuite/about/images/detail/h3_feature2.gif) no-repeat;}
#wrapD2 div#feature03 h3{background:url(/knowledgesuite/about/images/detail/h3_feature3.gif) no-repeat;}
#wrapD2 div#feature04 h3{background:url(/knowledgesuite/about/images/detail/h3_feature4.gif) no-repeat;}
#wrapD2 div#feature05 h3{background:url(/knowledgesuite/about/images/detail/h3_feature5.gif) no-repeat;}
#wrapD2 div#feature06 h3{background:url(/knowledgesuite/about/images/detail/h3_feature6.gif) no-repeat;}
#wrapD2 div#feature07 h3{background:url(/knowledgesuite/about/images/detail/h3_feature7.gif) no-repeat;}

.contentDsfa02 p{padding-bottom:15px;}

#dFeature4{padding-right:300px; background:url(/knowledgesuite/about/images/detail/img_about_d04.gif) top right no-repeat;}
#dCooporative{
	width:666px;
	padding:5px 5px 0 19px;
	background:#eaeded;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/knowledgesuite/common/PIE.htc);
	margin-bottom:15px;
}

#dCooporative dl dt{float:left; display:block;padding:170px 13px 170px 0;width:93px;}
/*#dCooporative dl div{width:560px; float:right;}*/
#dCooporative dl dd{
	width:540px;
	padding:10px;
	margin-bottom:5px;
	background:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/knowledgesuite/common/PIE.htc);
	display:block;
	float:right;

}

#dFeature7Ip{padding-right:232px; background:url(/knowledgesuite/about/images/detail/img_about_d09.gif) top right no-repeat; min-height:140px;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #aaa;}
#dFeature7Sp{padding-right:433px; background:url(/knowledgesuite/about/images/detail/img_about_d10.gif) top right no-repeat;min-height:197px;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #aaa;}
#dFeature7Ip p{padding-bottom:0;}



div#likeBox {
	padding: 5px 0;
}

div#likeBox iframe {
	/*border: 1px solid #3b5998!important;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: none;
	behavior: url(../common/PIE.htc);
}
div.innerPad20 { padding: 20px 20px 0 20px; }
div.newsBox { height: 280px;}

div.listNewsTab {
	clear: both;
	height: 33px;
	background: url(/knowledgesuite/images/bg_tab.gif) top left;
	text-align: left;
	overflow: hidden;
}
	div.listNewsTab ul li { float: left; }
	div.listNewsTab ul li a { display: block; height: 33px; padding-top: 33px;}
	div.listNewsTab ul li.tab02 a { background: url(/knowledgesuite/images/newsnavi02.gif) no-repeat top left; width: 124px;}
	div.listNewsTab ul li.tab03 a { background: url(/knowledgesuite/images/newsnavi03.gif) no-repeat top left; width: 124px;}
	div.listNewsTab ul li.tab04 a { background: url(/knowledgesuite/images/newsnavi04.gif) no-repeat top left; width: 125px;}
	
	div.listNewsTab ul li.active a,
	div.listNewsTab ul li a:hover {
		background-position: left -33px;
}

/* -------------------------------------------------- newsList */

div.newsList {
	padding: 0px;
	height: 160px;
	overflow: hidden;
}

div.newsList ul {
	border: 1px solid #fff;
	padding: 10px 0;
}

div.newsList ul li {
	padding: 0;
	margin-bottom: 10px;
}
	div.newsList ul li img {
		margin: 2px 8px 0;
		vertical-align: top;
		/*IE6-7*/
		/margin-top: 0;
		
	}
