@charset "UTF-8";

/* Top
--------------------------------------------------------------------*/


#top #main{
	width:898px;
	padding:24px 0px 0px 0px;
}

/* mainvisual
------------------------------------------*/
.mainvisual{
	width:898px;
	height:259px;
	position:relative;
}

.mainvisual p{
	position:absolute;
	left:0px;
	top:0px;
	opacity:0;
	z-index:0;
}
.mainvisual p.pre{z-index:10;}
.mainvisual p.now{z-index:20;}


.mainvisual ul{
	position:absolute;
	left:35px;
	top:110px;
	z-index:100;
	width:408px;
}
.mainvisual ul li{
	float:left;
	cursor:pointer;
	margin-bottom:13px;
}
.mainvisual ul li span{
	display:none;
}




/* Featured Topic
------------------------------------------*/
#main div.topicarea{
	float:left;
	width:375px;
}
#main div.topicarea div.ctsbox{
	width:375px;
	background:url("/jp/top/img/box_bottom.gif") left bottom no-repeat;
	min-height:251px;
}
#main div.topicarea div.ctsbg{
	width:375px;
	background:url("/jp/top/img/box_top.gif") left top no-repeat;
	padding-top:8px;
	
	position:relative;
}

#main div.topicarea div.ctsbox span.image{
	position:absolute;
	left:18px;
	top:37px;
}


#main div.topicarea div.ctsbox a.link{
	display:block;
	width:375px;
	min-height:200px;
}
#main div.topicarea div.ctsbox span{
	display:block;
}
#main div.topicarea div.ctsbox span.subt{
	padding:4px 0px 0px 18px;
}
#main div.topicarea div.ctsbox span.pname{
	margin:13px 0px 15px 181px;
	background-color:#D00F1B;
	color:#FFFFFF;
	display:inline-block;
	padding:2px 10px;
	font-size:13px;
	font-weight:bold;
	max-width: 156px;
}
#main div.topicarea div.ctsbox span.txt{
	width:162px;
	margin-left:181px;
	line-height:160%;
}

#main div.topicarea div.ctsbox p.link-contact{
	padding:5px 0px 20px 18px
}
#main div.topicarea div.ctsbox p.link-contact a{
	background:url("/jp/common/img/icon_arrow.gif") left center no-repeat;
	padding:2px 0px 2px 18px;
}

/* News Headline
------------------------------------------*/
#main div.newsarea{
	float:right;
	width:491px;
}
#main div.newsarea h3{
	width:491px;
	border-bottom:#d2d2d2 2px solid;
	font-size:16px;
}

.cts-productline h3{
	font-size:16px;
}

#main div.newsarea h3 p.r_title,
.cts-productline h3 p.r_title{
	margin-bottom: 7px;
	border-left: 4px solid #d00f1b;
    font-weight: bold;
    line-height: 1.2;
    padding: 1px 0 1px 6px;
}


#main div.newsarea div.list{
	padding:4px 0px 25px 0px;
}

#main div.newsarea dl dt{
	float:left;
	width:100px;
	padding-top:12px;
	clear:both;
	background:url("/jp/common/img/icon_docs.gif") 14px 14px no-repeat;
}
#main div.newsarea dl dt span{
	padding-left:30px;
}

#main div.newsarea dl dd{
	text-align:left;
	padding-top:12px;
	margin-left:100px;
}

#main div.newsarea dl dd:first-of-type{
	padding-top:0;
	margin-top: -5px;
}

#main div.newsarea dl > *:first-child + *{
	padding-top: 0\9;
	margin-top: -5px\9;
}

#main div.newsarea p.link-past{
	width:491px;
	background:url("/jp/common/img/line_dot_s.gif") left top repeat-x;
	padding-top:12px;
}
#main div.newsarea p.link-past a{
	background:url("/jp/common/img/icon_arrow.gif") left center no-repeat;
	padding:2px 0px 2px 18px;
}


/* Product Lines
------------------------------------------*/
.cts-productline{
	padding:43px 0px 114px 0px;
}
.cts-productline ul li{
	float:left;
	padding-left:18px;
}
.cts-productline ul li:first-child,
.cts-productline ul li:nth-child(5),
.cts-productline ul li:nth-child(9){
	padding-left:0px;
}
.cts-productline ul li a{
	display:block;
	width:211px;
	padding-bottom:1px;
}

html>/**/body .cts-productline ul li {
	padding-left /***/: 13px;
}

