@charset "utf-8";


/* contents
---------------------------*/
#contents {
	margin-top:-42px;
}


/* mainVisual
---------------------------*/
/*#mainVisual {
	position:relative;
	margin:0 4px;
	width:717px;
	height:271px;
	background:url(../img/bg-mainVisual.jpg) no-repeat;
}
#mainVisual .inquiry {
	position:absolute;
	z-index:1;
}
#mainVisual .solution {
	position:absolute;
	float:right;
	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 {
	position:relative;
	margin:0 4px;
	height:305px;
	background:url(../img/bg-mainVisual-WTF.jpg) no-repeat;
}
#mainVisual .mainText {
	position:absolute;
	top:28px; left:77px;
}
#mainVisual .box {
	position:absolute;
	padding:1px 1px 10px;
	border:1px solid #046504;
	background:#fff;
}
#mainVisual .description {
	top:183px; left:32px;
	width:652px;
}
#mainVisual .description .text {
	float:left;
	width:327px;
}
#mainVisual .description .btnDetail {
	margin:22px 0 0 10px;
	float:left;
	width:295px;
	height:50px;
	background:url(../img/btn-detail-WTF_on.jpg) no-repeat;
}
#mainVisual .description .btnDetail a {
	border:none;
	display:block;
}
#mainVisual .description .btnDetail a:hover img {
	visibility:hidden;
}
#mainVisual .description .btnDetail a:hover {
	background:transparent;/* for IE6 */
}
#mainVisual .seminar {
	top:178px; left:366px;
}
#mainVisual .btnApply {
	margin:6px auto 0;
	width:298px;
	height:52px;
	background:url(../img/btn-apply_on.jpg) no-repeat;
}
#mainVisual .btnApply a {
	border:none;
	display:block;
}
#mainVisual .btnApply a:hover img {
	visibility:hidden;
}
#mainVisual .btnApply a:hover {
	background:transparent;/* for IE6 */
}

/* extraContents
---------------------------*/
#extraContents {
	height:40px;
}
#extraContents li {
	margin:0;
	width:330px;
}
#extraContents a {
	border:none;
}
#extraContents .description {
	padding-left:10px;
}


/* pickupContents
---------------------------*/
#pickupContents {
	margin-top:52px;
}
#pickupContents li {
	padding-top:9px;
	width:330px;
}
#pickupContents li.left {
	float:left;
}
#pickupContents li.right {
	float:right;
}
#pickupContents a {
	display:block;
	border:none;
	width:330px;
}
#pickupContents a:hover img {
	visibility:hidden;
}
#pickupContents a:hover {
	background:transparent;/* for IE6 */
}

#pickupContents li.feature {
	background:url(../img/bg_pickupContents_feature.jpg) no-repeat;
}
#pickupContents li.example {
	background:url(../img/bg_pickupContents_example.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;
}