@charset "UTF-8";
/* Top */

#subNavi {
	width: 980px;
	margin-bottom: 30px;
}

#subNavi li{
	float: left;
}

#subNavi a{
	cursor: pointer !important;
}

#subNavi .hover-css a, #subNavi .hover-anims a, #subNavi .hover-anims span {
	display:block; height:0; padding-top:106px; position:relative; overflow:hidden; background: url(../images/sub-navi.jpg) no-repeat 0 0; width:245px;
}

#subNavi .hover-anims span { position:absolute; left:0; top:0; }

#subNavi .hover-css .num01 a:hover, #subNavi .hover-anims .num01 span { background-position:0 -106px;}

#subNavi .hover-css .num02 a, #subNavi .hover-anims .num02 a { background-position:-245px 0;}
#subNavi .hover-css .num02 a:hover, #subNavi .hover-anims .num02 span { background-position:-245px -106px;}

#subNavi .hover-css .num03 a, #subNavi .hover-anims .num03 a { background-position:-490px 0;}
#subNavi .hover-css .num03 a:hover, #subNavi .hover-anims .num03 span { background-position:-490px -106px;}

#subNavi .hover-css .num04 a, #subNavi .hover-anims .num04 a { background-position:-735px 0;}
#subNavi .hover-css .num04 a:hover, #subNavi .hover-anims .num04 span { background-position:-735px -106px;}



/*============================*/
/*=== Custom Slider Styles START ===*/
/*============================*/

#slider-wrapper {
	width:980px;
	/*height:505px;*/
	height:480px;
	margin:35px auto 0;
}

* html #slider-wrapper{
	margin:-20px auto 20px;
}

*+html #slider-wrapper {
	margin:-20px auto 20px;
}

#slider {
	position:relative;
	width:980px;
	height:450px;
/*	background:url(../images/loading.gif) no-repeat 50% 50%; */
	margin-top: 25px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
}
#slider a {
	border:0;
	display:block;
}


/*=== Custom Slider Styles END===*/

* html #mainContents .rightColumn .section{
	width: 710px;
	margin: 0 0 20px;
}

#mainContents .rightColumn .totalSupports h2{
	background:url(../images/top-ti-total.jpg) no-repeat 0 0;
	padding-top: 50px;
	margin-top: -8px;
	margin-bottom: 25px;
}

#mainContents .rightColumn .totalSupports ul {
	margin: 0 0 20px -6px;
}

* html #mainContents .rightColumn .totalSupports ul {
	margin: 0 0 20px -7px;
}


#mainContents .rightColumn .totalSupports li{
	float: left;
	width: 347px;
	height: 149px;
	margin: 0 0 6px 6px;
}

*html #mainContents .rightColumn .totalSupports li{
	margin: 0 0 6px 4px;
}

#mainContents .rightColumn .totalSupports li a{
	height:0;
	padding-top:149px;
	overflow: hidden;
	display: block;
}

#mainContents .rightColumn .totalSupports li.seo a{
	background:url(../images/top-total-seo.jpg) no-repeat;
}

#mainContents .rightColumn .totalSupports li.consulting a{
	background: url(../images/top-total-consulting.jpg) no-repeat;
}

#mainContents .rightColumn .totalSupports li.mail a{
	background: url(../images/top-total-mail.jpg) no-repeat;
}

#mainContents .rightColumn .totalSupports li.ec a{
	background: url(../images/top-total-ec.jpg) no-repeat;
}

#mainContents .rightColumn .totalSupports li.weblog a{
	background: url(../images/top-total-weblog.jpg) no-repeat;
}

#mainContents .rightColumn .totalSupports li.listing a{
	background: url(../images/top-total-listing.jpg) no-repeat;
}

#mainContents .rightColumn .totalSupports li a:hover{
	background-position: 0 -149px;
}


#mainContents .rightColumn .specialist {
	margin-bottom: 40px;
}


#mainContents .rightColumn .specialist h2{
	background: url(../images/top-ti-five.jpg) no-repeat 0 0;
	padding-top: 47px;
}

#mainContents .rightColumn .specialist .btnReason {
	width: 294px;
	height: 75px;
	overflow:hidden;
	margin: 0 0 45px 203px;
}

#mainContents .rightColumn .specialist .btnReason a{
	height:0;
	padding-top:75px;
	display: block;
	background: url(../images/top-five-btn.jpg) no-repeat 0 0;
}

#mainContents .rightColumn .specialist .btnReason a:hover{
	background-position: 0 -75px;
}

#mainContents .rightColumn .specialist li {
	width: 700px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dashed 1px #CCC;	
}

#mainContents .rightColumn .specialist li .leftBox{
	width: 183px;
	float: left;
}

#mainContents .rightColumn .specialist li .rightBox{
	width: 500px;
	float: right;
}

#mainContents .rightColumn .specialist li .rightBox h3{
	font-size: 18px;
	line-height: 1.1em;
}

#mainContents .rightColumn .specialist li .rightBox h3 span{
	font-size: 12px;
	color: #999;
	vertical-align: top;
	font-weight: normal;
	padding-left: 10px;
}

#mainContents .rightColumn .specialist li .rightBox p {
	margin: 10px 0 0 0;
}

*html #mainContents .rightColumn .specialist li .rightBox p {
	line-height: 1.6em;
}

#mainContents .rightColumn .information {
	background:url(../images/top-ti-info.jpg) no-repeat 0 0;
	padding-top: 45px;
}

#mainContents .rightColumn .information li{
	padding: 10px 0 10px 15px;
	border-bottom: dashed #CCC 1px;
}

#mainContents .rightColumn .information li a{
	text-decoration: underline;
	padding-left: 25px;
	display: block;
	background: url(../images/top-mark-arrow.jpg) no-repeat 0 0;	
}

#mainContents .rightColumn .information li a:hover{
	text-decoration: none;
}

#mainContents .rightColumn .information li .gray {
	color: #666;
	font-size: 11px;
}

#mainContents .rightColumn .information li .date {
	color: #CCC;
	margin: 5px 0 0 25px;
}

#mainContents .rightColumn .staffBlog h2{
	background: url(../images/top-ti-blog.jpg) no-repeat 0 0;
	padding-top: 52px;
}

#mainContents .rightColumn .staffBlog li{
	padding: 10px 0 10px 70px;
	border-bottom: dashed #CCC 1px;
	background: url(../images/top-mark-pen.jpg) 20px 15px no-repeat;
	overflow: auto;
}

#mainContents .rightColumn .staffBlog li h3{
	font-size: 15px;
	margin-bottom: 10px;
}

#mainContents .rightColumn .staffBlog li h3 a{
	text-decoration: underline;
}

#mainContents .rightColumn .staffBlog li h3 a:hover, #mainContents .rightColumn .staffBlog li .more a:hover{
	text-decoration: none;
}

#mainContents .rightColumn .staffBlog li .date {
	color: #CCC;
	font-size: 11px;
}

#mainContents .rightColumn .staffBlog li .more {
	margin: 10px 0;
}

#mainContents .rightColumn .staffBlog li .more a{
	background: url(../images/top-mark-arrow.jpg) no-repeat 0 0;
	color:#FF9F00;
	font-size: 13px;
	padding: 1px 0 5px 25px;
	text-decoration: underline;
}

#mainContents .leftColumn .sideBnSeo a{
	background: url(../images/top-side-bn-seo.jpg) no-repeat 0 0;
	height:0;
	padding-top:171px;
	overflow: hidden;
	display: block;	
}

#mainContents .leftColumn .sideBnSeo a:hover{
	background-position: 0 -171px;
}