@charset "utf-8";

.pl20{padding-left:20px;}
.nomg{    margin: 0 !important;}

/* -------------------------------------------------- Top layout */

.top #keyvisual{padding-bottom:10px; font-size:1px; line-height:1px;}
.about #keyvisual{padding-bottom:3px; font-size:1px; line-height:1px;}
.tweetArea{margin:0 0 5px 0;background:#fff; border:1px solid #ccc;padding-bottom:10px;}


div.topColumnA1 {
	margin-top: 0px;
	width: 360px;
	height:240px;
	float: left;
	background: url(/free/images/bg_colmun.gif) no-repeat top left;
	overflow:hidden;
	position:relative;
}


div.topColumnA2 {
	margin-top: 0px;
	margin:0px 7px 0 0;
	width: 360px;
	height:240px;
	float: left;
	background: url(/free/images/bg_colmun.gif) no-repeat top left;
	overflow:hidden;
	position:relative;
}

h2.caseStudies{
	border:solid 1px #d07d11;
	background:#f8ba25;
}
*html h2.caseStudies{width:347px;}
h2.aboutGridy{
	border:solid 1px #188abf;
	background:#5bbce9;
}
*html h2.aboutGridy{width:347px;}
div.topColumnA1 .innerColumnR{
	width:145px;
	height:190px;
	float:left;
	margin:10px 0 0 10px;
}
div.topColumnA2 .innerColumnR{
	width:135px;
	height:190px;
	float:left;
	margin:5px 0 0 17px;
}

div.topColumnA1 h3{
	font-weight:bold;
	font-size:14px;
	padding:0 0 5px 13px;
	background: url(/free/common/images/icon_h3_01.gif) no-repeat top left;
}
div.topColumnA2 h3{
	width:303px;
	padding:0 0 0px 13px;
	margin:15px 0 0 16px;
	background: url(/free/common/images/icon_h3_02.gif) no-repeat top left;
}

div.topColumnA2 p{
	width:190px;
	height:191px;
	display:block;
	float:left;
	padding:5px 0 0 16px;
}
div.topColumnA1 .btn,
div.topColumnA2 .btn{
	position:absolute;
	bottom:0;
	right:0;
}
div.topColumnA1 a{color:#333;}



.wrapThreeSteps{}

.top div.column.wrapThreeSteps div.innerColumn h3{padding:0 0 5px 13px;background: url(/free/common/images/icon_h3_03.gif) no-repeat top left;color:#1693cd;}
.top div.column.wrapThreeSteps div.innerColumn div.threeSteps{background:#c4e1ef;border:solid 1px #87a4b1;text-align:center;margin:0 auto 20px auto;padding:10px 0 ;}

.top div.diff{background:#fff;border:3px solid #f96464;margin:10px 0 0 0 !important;}

/* -------------------------------------------------- caseStudies SlideShow */

div#tmpSlideshow {
    position: relative;
	margin-top:10px;
	font-size: 12px;
	float:left;
}
div.tmpSlide {padding-left:16px;height:137px;display: none;}
div.tmpSlide p.case{float:left;width:190px;margin:0;padding:0;}
div.tmpSlide dl{float:left;width:135px;}

div#tmpSlideshowControls {
    position: absolute;
	top: 160px;
    left: 16px;
    width: 189px;
}
div.tmpSlideshowControl {
    border: 1px solid #aaa;

    float: left;
    margin: 0 6px 0 0;
    width: 23px;
    height: 16px;

    text-align: center;
    cursor: pointer;
}
div.tmpSlideshowControl span {
    line-height: 23px;
    vertical-align: middle;
}
div.tmpSlideshowControlOn {
	background-color:#ccc;
}
div.tmpSlideshowControlActive {
	background-color:#ccc;
	border: 1px solid #cc0000;
}



/* -------------------------------------------------- NewsTab */

div#mainContentsArea .newsWrap{
	margin:0px 6px 0 0;
	width: 714px;
	padding:5px;
	height:188px;
	background:#fff;
	overflow:hidden;
	position:relative;
	border:solid 1px #a9adb1;
}
*html div#mainContentsArea .newsWrap{height:195px;width: 724px;}
div#mainContentsArea div.listNewsTab {
	clear: both;

	height: 26px;
	background: #bebdc0;
	text-align: left;
	overflow: hidden;
}
	div.listNewsTab ul li {
		float: left;
	}
	div.listNewsTab ul li a { display: block; height: 26px; padding-top: 26px;}
	div.listNewsTab ul li.tab01 a { background: url(/free/images/newsnavi01.gif) no-repeat top left; width: 57px;}
	div.listNewsTab ul li.tab02 a { background: url(/free/images/newsnavi02.gif) no-repeat top left; width: 88px;}
	div.listNewsTab ul li.tab03 a { background: url(/free/images/newsnavi03.gif) no-repeat top left; width: 110px;}
	div.listNewsTab ul li.tab04 a { background: url(/free/images/newsnavi04.gif) no-repeat top left; width: 122px;}
	
	div.listNewsTab ul li.active a,
	div.listNewsTab ul li a:hover {
		background-position: left -26px;
	}
	
/* -------------------------------------------------- newsList */

div.newsList {
	padding: 0px;
	height: 162px;
	overflow: hidden;
}

div.newsList ul {

	height: 160px;
}

div.newsList ul li {
	padding: 10px 0 0 10px;
	height: 22px;
	/*IE6*/
	_height: 32px;
}
	div.newsList ul li img {
		margin: 2px 8px 0;
		vertical-align: top;
		/*IE6-7*/
		/margin-top: 0;
		
	}
div.newsList ul li.bgColor {
	background-color: #e9ebed;
}