@import "/common/css/structure.css";
@import "/common/css/component.css";


/* structure
----------------------------------------------------*/

#container {
	background:url(/common/img/css/top_bg_03.jpg)   repeat-x center top;
}

#visual {
	margin:0 auto 0 auto;
	padding:0 8px 0 8px;
	width:998px;
	height:344px;
	overflow:hidden;
	position:relative;
}

#paper {
	margin:0 auto 0 auto;
}

#contents {
	background:url(/common/img/css/top_bg_02.jpg)  no-repeat left top;
}


/* visual
----------------------------------------------------*/

#visual .mainvisual {
}


/* contents
----------------------------------------------------*/
#contents #blk_main {
	float:left;
	width:580px;
	padding-right:24px;
	background:url(/common/img/css/bg_line_04.gif)  repeat-y right top;
}

#contents #blk_side {
	width:260px;
	float:right;
}

#contents .tit01 { margin:0 0 30px 5px;} /*product*/
#contents .tit02 { margin:0 0 30px 5px;} /*customer*/
#contents .tit03 { margin:0 0 0 0;}
#contents .tit04 { margin:0 0 0 0;}
#contents .tit05 { margin:0 0 24px 5px;}/*trial*/
#contents .tit06 {/*faq*/
 margin:0 0 6px 5px;
	padding:0 0 35px 0;
	width:255px;
	background:url(/common/img/css/top_bg_06.gif)  no-repeat left bottom;
}
#contents .tit07 { margin:0 0 0 0;}

#contents div.contbox01 {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(/common/img/css/bg_line_03.gif)  repeat-x left bottom;
}


#contents div.btnbox {
	clear:both;
	padding:0;
	margin:0;
	text-align:right;
	position:relative;
}



/**/

#contents ul.product {
	margin:0 -5px 10px 0;
	width:583px;
}

#contents ul.product li {
	float:left;
	margin:0 5px 0 0 ;
	height:179px;
	overflow:hidden;
	width:92px;
}

/**/

#contents ul.customer {
	margin:0 -6px 10px 6px;
	width:580px;
}

#contents ul.customer li {
	float:left;
	margin:0 6px 0 0;
	width:284px;
	height:193px;
	overflow:hidden;
}

#contents div.customer_btn {
	padding:10px 0 0 0;
	background:url(/common/img/css/bg_line_01.gif) repeat-x center top;
	width:580px;
}

#contents div.customer_btn div.btn {
	float:right;
	width:150px;
}

#contents div.customer_btn p {
	font-size:x-small;
	float:left;
	width:420px;
}


/**/

#contents div.trial {
	text-align:center;
	padding:0 0 10px 0;
	height:186px;
	overflow:hidden;
}

/* faq */
#contents ul.faq {
	width:255px;
	margin:0 0 0 5px;
}

#contents ul.faq li {
	padding:0 0 11px 34px;
	margin:0 0 10px 0;
	width:221px;
	text-indent:-34px;
	line-height:1.5;
	background:url(/common/img/css/bg_line_01.gif) repeat-x left bottom;
}

#contents ul.faq li img {
	margin:0 6px 0 8px;
	vertical-align:middle;
}

#contents div.infoamation {
	margin:0 0 24px 0 ;
}

/* developer */
#contents div.developer {
	clear:both;
	position:relative;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	width:580px;
	background:url(/common/img/css/top_bg_07.jpg) no-repeat left bottom;
}

#contents div.developer div.productimg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#contents div.developer p.lead {
	position:absolute;
	top:25px;
	left:16px;
	z-index:10;
}

#contents div.developer h3 {
	position:absolute;
	top:105px;
	left:14px;
	z-index:10;
}

#contents div.developer p.voice {
 position:relative;
	padding:180px 14px 5px 14px;
	width:552px;
	z-index:10;
	font-size:90%;
}

#contents div.developer p.name {
 position:relative;
	padding:5px 14px 5px 14px;
	width:552px;
	text-align:right;
	font-size:x-small;
	z-index:10;
}


/* news */

#contents div.news {
	position:relative;
	padding:0 0 21px 0;
	margin:0 0 20px 0;
	width:580px;
	background:url(/common/img/css/top_bg_09.jpg) no-repeat left bottom;
}

#contents div.news div.list {
	padding:0 20px 0 20px;
	background:url(/common/img/css/top_bg_08.jpg) no-repeat left top;
}

#contents div.news div.list h3 {
	position:relative;
	padding:14px 0 18px 0;
	margin: 0 0 0 -5px;
}


#contents div.news dl {
	width:540px;
}
#contents div.news dt {
	clear:both;
	float:left;
	width:6em;
	padding:10px 0 10px 0.5em;
}

#contents div.news dd {
	padding:10px 0 10px 7em;
	border-top:1px solid #FFF;
	background:url(/common/img/css/top_bg_11.gif) repeat-x left bottom;
}

#contents div.news dd.line {
	padding:10px 0 10px 7em;
	border-top:1px solid #FFF;
	background:url(/common/img/css/top_bg_10.gif) no-repeat left bottom;
}


/* noticeArea */
div#noticeArea {
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(/common/img/css/bg_line_03.gif)  repeat-x left bottom;
}
div#noticeArea dl {
	padding: 10px;
	font-size: small;
	line-height: 1.5;
	color: #000;
	border: 1px solid #c00;
	background: #fff5f5;
	margin-bottom:10px;
}
div#noticeArea dl dt {
	font-weight: bold;
}
div#noticeArea dl dd.link-01 {
	text-align: right;
}
div#noticeArea dl dd.link-01 a {
	color: #c00;
	font-weight: bold;
}

div#noticeArea ul.banner li {
	margin-bottom:10px;
}

div#noticeArea ul.banner li img {
	vertical-align:top;
}