@charset "utf-8";

body {
	background:url(/img/top_bg_01.png) repeat-x 0px 0px;
}

/* override styles */
#contents {
	width:940px;
	background:#fff;
	padding:25px 30px;
}

#main {
	width:690px;
}

#aside {
	width:235px;
}

/* main image */
#main_image {
	text-align:center;
	font-size:0px;
	height:285px;
	position:relative;
	overflow:hidden;
	width:100%;
	min-width:1000px;
	z-index:0;
}

#main_image img {
	vertical-align:bottom;
	position:absolute;
	left:50%;
	margin-left:-999px;
}

/* news */
#main .news {
	margin-bottom:20px;
	padding:3px;
	background:url(/common/bg_01.png);
}

#main .news_inner {
	padding:9px 9px 4px;
	background:#fff;
}
#main .news .news_inner img {
	margin-left: 12px;
}

#main .news h2 {
	margin-bottom:8px;
}

#main .news ul {
	font-size:1.2em;
	line-height:1.3;
}

#main .news li {
	height:100%;
	margin-bottom:4px;
}

#main .news ul h3 {
	float:left;
	width:10.0em;
	color:#999;
	font-weight:normal;
}

/* #main .news ul p {
	margin-left:6.5em;
} */

/* section */
#main .section {
	padding-bottom:28px;
}

#main .section h2 {
	overflow:hidden;
	height:100%;
	margin-bottom:11px;
	padding-right:3px;
	padding-bottom:3px;
	border-bottom:1px solid #C3C3C3;
}

#main .section h2 img {
	float:left;
}

#main .section h2 a {
	float:right;
	color:#0092AD;
	font-weight:normal;
	zoom:1;
}

/* service */
#main .service {
	display:inline;
	float:left;
	width:385px;
	margin-left:5px;
}

/* select services */
#main .selection ul {
	margin:0 3px;
	font-size:1.2em;
	line-height:1.3;
}

#main .selection li {
	margin-bottom:4px;
	padding-left:8px;
	background:url(/common/arrow_01.png) 0 0.4em no-repeat;
}

/* recommend services */
#main .recommend .category {
	padding-bottom:8px;
}

#main .recommend .category h3 {
	overflow:hidden;
	height:100%;
	margin-bottom:13px;
	padding:4px 8px 3px;
	background:url(/common/bg_02.png);
	color:#333;
	font-size:1.2em;
	line-height:1.2;
}

#main .recommend .category h3 span {
	float:left;
}

#main .recommend .category h3 a {
	float:right;
	color:#0092AD;
	font-size:0.833em;
	font-weight:normal;
}

#main .recommend .consult_develop ul {
	margin:0 5px;
	font-size:1.2em;
}

#main .recommend .consult_develop li {
	overflow:hidden;
	height:100%;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px dotted #ccc;
}

#main .recommend .consult_develop ul img {
	float:left;
	padding:1px;
	border:1px solid #DEDEDE;
}

#main .recommend .consult_develop ul h4,
#main .recommend .consult_develop ul p {
	margin-left:130px;
}

#main .recommend .consult_develop ul h4 {
	margin-bottom:2px;
	line-height:1.3;
	padding-left:15px;
	background:url(/common/arrow_05.png) no-repeat 0px 50%;
	zoom:1;
}

#main .recommend .consult_develop ul p {
/*color:#999;*/
}

#main .recommend .solution p {
	margin:0 3px 6px;
	/*color:#999;*/
font-size:1.2em;
	line-height:1.5;
}

#main .recommend .solution ul {
	overflow:hidden;
	height:100%;
	padding:7px 0 3px 7px;
	background-color:#F7F7F7;
	width:378px;
}

#main .recommend .solution li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

#main .recommend .solution ul img {
	vertical-align:bottom;
}

/* output */
#main .output {
	display:inline;
	float:right;
	width:275px;
	margin-right:5px;
}

/* cases */
#main .output .cases p {
	position:relative;
	padding:0 3px 1px;
	background-color:#fff;
	/*color:#999;*/
font-size:1.2em;
}

#main .output .cases ul {
	margin:-1px 4px 0;
}

#main .output .cases li {
	overflow:hidden;
	height:100%;
	padding:10px 3px;
	border-top:1px dotted #ccc;
}

#main .output .cases ul .image {
	float:left;
	border:1px solid #ccc;
}

#main .output .cases ul h3,
#main .output .cases ul p {
	margin-left:94px;
}

#main .output .cases ul h3 {
	height:100%;
	margin-bottom:7px;
	padding-top:3px;
	padding-left:7px;
	background:url(/common/arrow_01.png) left center no-repeat;
	font-size:1.2em;
}

#main .output .cases ul h3 img {
	vertical-align:middle;
}

#main .output .cases ul p {
	font-size:1em;
}

/* column */
#main .output .column p {
	margin-bottom:10px;
	padding-bottom:9px;
	border-bottom:1px dotted #ccc;
	font-size:1.2em;
}
#main .output .column ul {
	margin:0 5px;
	font-size:1.2em;
}

#main .output .column li {
	padding:10px 1px 9px;
	border-bottom:1px dotted #ccc;
}

#main .output .column ul h3 {
	margin-bottom:4px;
}

#main .output .column ul h3 .date {
	display:block;
	/*color:#999;*/
	font-size:0.833em;
	font-weight:normal;
}

#main .output .column ul p {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
	/*color:#999;*/
	font-size:1em;
}

#main .output .column ul .latest {
	overflow:hidden;
	height:100%;
	padding-top:0;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 1px 9px;
}

#main .output .column ul .latest img {
	float:left;
	padding:1px;
	border:1px solid #ccc;
}

#main .output .column ul .latest h3,
#main .output .column ul .latest p {
	margin-left:94px;
}
/* Search by need and theme 22-02-2011 */
.need ul {
	margin: 0 5px;
}

.need ul li {
	margin-top: 7px;
	padding: 0 5px 7px 14px;
	background: url(/common/arrow_01.png) no-repeat 5px .4em;
	border-bottom: 1px dotted #ccc;
	font-size: 1.2em;
}

.need ul li.firstChild {
	margin-top: 0;
}

.theme ul {
	margin:0 5px;
	font-size:1.2em;
}

.theme li {
	overflow:hidden;
	height:100%;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px dotted #ccc;
}

.theme ul img {
	float:left;
	padding:1px;
	border:1px solid #DEDEDE;
}

.theme ul h4,
.theme ul p {
	/*margin-left:130px;*/
}

.theme ul .text {
	margin-left:130px;
}

.theme ul h4 {
	margin-bottom:2px;
	line-height:1.3;
	padding-left:15px;
	background:url(/common/arrow_05.png) no-repeat 0px 50%;
	zoom:1;
}

.theme ul p {
/*color:#999;*/
}
/* Endof Search by need and theme 22-02-2011 */


/* 
#title{
	width:1010px;
	margin:50px auto 0;
	text-align:center;
	font-weight:800;
}*/

#gallery{
	position:relative;
	width:1000px;
	height:284px;
	margin:0 auto;
	/* padding:8px; */
	/* border:1px solid #39C;
	background-color:#fff; */
	/* background:url(/images/bg_slide.png) no-repeat left top; */
}

#gallery .elements{
	overflow:hidden;
	position:relative;
	width:1250px;
	margin:0 -125px;
}

#gallery .elements .picture{
	position:relative;
	margin:0;
	padding:0;
	height:284px;
	/* overflow:hidden; */
}

#gallery .elements .picture li{
	position:absolute;
	top:0;
	left:1250px;
	float:left;
	list-style-type:none;
	/* display:none; */
}

#gallery .elements .picture li a img{
	border:none;
}

#gallery .elements .picture .first{
	position:absolute;
	top:0;
	left:0;
}

#gallery .elements .nav{
	position:absolute;
	bottom:13px;
	left:160px;
	margin:0;
	padding:0;
}

#gallery .elements .nav li{
	float:left;
	position:relative;
	margin:0 1px 0 0;
	padding:2px 4px 1px 5px;
	/* width:8px; */
	height:16px;
	background:url(/images/bg_navi.png) repeat;
	border:#FFF 1px solid;
	list-style-type:none;
	color:#FFF;
	font-size:1em;
	font face:Arial!important;
	/*overflow:hidden;*/
}

#gallery .elements .nav .mark{
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-3px;
	/*float:left;
	margin-top:4px;
	padding:0 3px 0 2px;*/
	
	/*text-indent:0;*/
	/* width:auto; */
}

#gallery .elements .nav .caption{
	float:left;
	margin:0 0 0 1px;
	padding:0;
	white-space:nowrap;
	/*display:none;*/
	/* background-image:url(../images/playmark.png); */
	/*text-indent:-1000px;*/
}

#gallery .elements .nav .first .mark{
	display:none;
}

#gallery .elements .nav .first .caption{
	display:block;
}

#blur1,
#blur2{
	overflow:hidden;
	position:absolute;
	top:0;
	width:150px;
	height:283px;
}
#blur1{
	left:-125px;
}
#blur2{
	left:975px;
}