@charset "UTF-8";
/* Style Import
----------------------------------------- */
@import "/common/themes/cms/css/default.css"; /* initial setting */
@import "/common/themes/cms/css/layout.css";/* layout style */


body {
	background: url(images/bg.jpg) repeat-x 0 0;
}
.mainImg {
	background: url(images/mainImg.jpg) no-repeat center top;
}
#main {
	float: left;
	width: 656px;
}
#sub {
	float: right;
	width: 276px;
}
#content {
	padding-top: 350px;
}

#sub {
	vertical-align: top;
}
.sideBox {
	border-right: #535353 1px solid;
	border-bottom: #535353 1px solid;
	border-left: #535353 1px solid;
	padding: 10px;
	width: 254px;
	margin-bottom: 1.5em;
}

dl.solutionList dt {
	background: url(images/qIcon.gif) no-repeat 0 0;
	padding: 2px 0 0 25px;
	line-height: 1.3;
}
dl.solutionList dd {
	padding: 3px 0 10px 20px;
}
dl.solutionList dd a {
	display: block;
	background: url(images/solutionBtn.jpg) no-repeat 0 0;
	padding: 5px 0 0 30px;
	width: 195px;
	height: 28px;
}
dl.solutionList dd a:link,dl.solutionList dd a:visited {
	color: #333333;
	text-decoration: none;
}
dl.solutionList dd a:hover {
	color: #0000FF;
	text-decoration: none;
}
dl.solutionList dd a:active {
	color: #333333;
	text-decoration: none;
}
.sideBox p {
	font-size: 93%;
	border-top: #999 1px dotted;
	padding-top: 5px;
}

dl.seminar dt {
	background: url(images/seminarPoint.gif) no-repeat 0 3px;
	padding-left: 15px;
}
dl.seminar dd {
	padding: 3px 0 10px 15px;
	border-bottom: #d9d9d9 1px dotted;
	margin-bottom: 10px;
}
ul.sideBanner li {
}
ul.sideBanner li img {
	vertical-align: top;
}
ul.sideBanner {
	margin-bottom: 1.5em;
}
.sideInfo {
	border-top: #0d438b 5px solid;
	padding-top: 5px;
	line-height: 1.3;
	margin-bottom: 2.0em;
}
.section,ul.serviceList{
  zoom:1;/*for IE 5.5-7*/
}
.section:after,ul.serviceList:after{/*for modern browser*/
	content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}
* html .section{
	display:inline-table;
	/*\*/display:block;/**/
}
.infoArea {
	width: 310px;
	float: left;
}
.letterArea {
	width: 310px;
	float: right;
}
ul.info {
	width: 310px;
	height: 180px;
	overflow: auto;
}
ul.info li {
	padding: 0 0 7px 0;
	margin-bottom: 7px;
	border-bottom: #545454 1px dotted;
	font-size: 93%;	
}
ul.info li img {
	vertical-align: middle;
	padding-right: 5px;
}
ul.info li span {
	padding-right: 10px;

}
.infoArea h2 img,.letterArea h2 img {
	margin-bottom: 5px;
}
#serviceBg {
	background: #ededed;
	padding: 5px 17px 17px 17px;
	width: 622px;
}
.innerBox {
	background: #fff;
	padding: 7px;
	width: 609px;
}

#serviceBg .rightCol h4 {
	margin: 0 -7px;
}
ul.serviceList {
	margin: 0 -15px 1em 0;
}
ul.serviceList li {
	font-size:85%;
	line-height: 1.3;
	float: left;
	padding: 8px 5px 0 70px;
	width: 220px;
	height: 65px;
	border-bottom: #ddd 1px dotted;
	margin-right: 15px;
}

ul.serviceList li a:link,ul.serviceList li a:visited{
	color: #333;
	text-decoration: none;
}
ul.serviceList li a:hover {
	color: #333;
	text-decoration: none;
	background: #f7f7f7;
}
ul.serviceList li a:active{
	color: #333;
	text-decoration: none;
}
ul.serviceList li a h5 {
	color: #0000FF !important;
}
ul.serviceList li.bace01 {
	background: url(images/baceIcon01.jpg) no-repeat 4px 8px;
}
ul.serviceList li.bace02 {
	background: url(images/baceIcon02.jpg) no-repeat 4px 8px;
}
ul.serviceList li.bace03 {
	background: url(images/baceIcon03.jpg) no-repeat 4px 8px;
}
ul.serviceList li.bace04 {
	background: url(images/baceIcon04.jpg) no-repeat 4px 8px;
}
ul.serviceList li.bace05 {
	background: url(images/baceIcon05.jpg) no-repeat 4px 8px;
}
ul.serviceList li.bace06 {
	background: url(images/baceIcon06.jpg) no-repeat 4px 8px;
}
ul.serviceList li.bace07 {
	background: url(images/baceIcon07.jpg) no-repeat 4px 8px;
}
ul.serviceList li.sp01 {
	background: url(images/consulIcon01.jpg) no-repeat 4px 8px;
	height: 85px;
}
ul.serviceList li.sp02 {
	background: url(images/consulIcon02.jpg) no-repeat 4px 8px;
	height: 85px;
}
ul.serviceList li.sp03 {
	background: url(images/consulIcon03.jpg) no-repeat 4px 8px;
	height: 85px;
}
ul.serviceList li.sp04 {
	background: url(images/consulIcon04.jpg) no-repeat 4px 8px;
	height: 85px;
}
ul.serviceList li.sp05 {
	background: url(images/consulIcon05.jpg) no-repeat 4px 8px;
}
ul.serviceList li.sp06 {
	background: url(images/consulIcon06.jpg) no-repeat 4px 8px;
}
ul.serviceList li.sp07 {
	background: url(images/consulIcon07.jpg) no-repeat 4px 8px;
}
ul.serviceList li.sp08 {
	background: url(images/consulIcon08.jpg) no-repeat 4px 8px;
}
ul.serviceList li.sp02 p,
ul.serviceList li.sp03 p {
	margin-bottom: 7px;
}
h4.pdca {
	margin-bottom: 10px;
}
ul.serviceList li h5 {
	font-size: 116%;
	font-weight: bold !important;
	margin-bottom: 3px;
}