@charset "utf-8";


/* mainVisual
---------------------------*/
#mainVisual {
	position:relative;
	margin:0 4px;
	width:717px;
	height:288px;
	background:url(../img/bg-mainVisual.jpg) no-repeat;
}
#mainVisual .question {
	position:absolute;
	z-index:1;
}
#mainVisual .solution {
	position:absolute;
	top:0;
	left:371px;
	z-index:0;
	height:271px;
}
#mainVisual .solution .solution1 {
	position:absolute;
	top:176px;
}
#mainVisual .solution .solution2 {
	position:absolute;
	top:0;
}
#mainVisual .solution .solution3 {
	position:absolute;
	top:107px;
}
#mainVisual .btnAboutWT {
	position:absolute;
	top:191px;
	left:183px;
	width:130px;
	height:29px;
	background:url(../img/btn-about-wt-on.jpg) no-repeat;
	z-index:10;
}
#mainVisual .btnAboutWT a {
	border:none;
	display:block;
}
#mainVisual .btnAboutWT a:hover img {
	visibility:hidden;
}
#mainVisual .btnAboutWT a:hover {
	background:transparent;/* for IE6 */
}
#mainVisual .bnExample {
	position:absolute;
	top:220px;
	z-index:10;
}
#mainVisual .bnExample .bn {
	margin:0;
	position:absolute;
	top:-23px;
	left:109px;
}


/* fourFeatures
---------------------------*/
#fourFeatures {
	margin-top:20px;
}
#fourFeatures .features {
	margin-top:10px;
}
#fourFeatures .features li {
	float:left;
	width:339px;
	height:131px;
}
#fourFeatures .features li a {
	border:none;
	display:block;
}
#fourFeatures .features li a:hover img {
	visibility:hidden;
}
#fourFeatures .features li a:hover {
	background:transparent;/* for IE6 */
}
#fourFeatures .features .feature1 {
	margin-right:1px;
	background:url(../img/btn-feature1-on.jpg) no-repeat;
}
#fourFeatures .features .feature2 {
	background:url(../img/btn-feature2-on.jpg) no-repeat;
}
#fourFeatures .features .feature3 {
	margin:1px 1px 0 0;
	background:url(../img/btn-feature3-on.jpg) no-repeat;
}
#fourFeatures .features .feature4 {
	margin-top:1px;
	background:url(../img/btn-feature4-on.jpg) no-repeat;
}


/* information
---------------------------*/
#information #contentsList {
	margin-top:5px;
}
#information #contentsList li {
	padding:9px 8px 10px;
	background:url(../common/img/bd_1px_dotted_485C3A.gif) repeat-x 0 100%;
}
#information #contentsList .date {
	padding-left:9px;
	display:block;
	float:left;
	width:75px;
	background:url(../img/arw_information.gif) no-repeat 0 0.4em;
	font-weight:bold;
}
#information #contentsList .new .date {
	color:#070;
	background-image:url(../img/arw_information_new.gif);
}
#information #contentsList .text {
	display:block;
	float:right;
	width:569px;
}
#information #contentsList .tab {
	padding:5px 0;
}
#information #contentsList .tab li {
	margin-right:10px;
	padding:0;
	border:1px solid #030;
	float:left;
	background:none;
}
#information #contentsList .tab li a {
	padding:2px 12px 0;
	border:none;
	display:block;
	width:4em;
	background:#030;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#information #contentsList .tab li a:hover,
#information #contentsList .tab li.active a {
	background:#393;
}

.bn {
	margin-top:10px;
	text-align:center;
}
.bn li {
	line-height:1.4;
}
.bn img {
	margin-top:10px;
}
.bn .text a {
	border-bottom:1px solid #060;
}
.bn .text a:hover {
	border:none;
}