@charset "UTF-8";

@import url("default.css");

/*======================================

	layout

=======================================*/
.clearfloat{
}
.clearfloat:after{
	clear:both;
	content:".";
	height:0;
	display:block;
	visibility:hidden;
}

hr.clear{
	clear:both;
	visibility:hidden;
}
.subh{
	line-height:24px;
	font-size:14px;
	color:#336699;
	margin:10px 10px 5px;
	background:url(../images/dot_border.gif) left bottom repeat-x;
	clear:both;
}
.caution{
	color:#cc0000;
}
.co-sub{
	margin:10px 15px 5px;
	background:url(../images/dot_border.gif) left bottom repeat-x;
	font-size:12px;
	line-height:18px;
}
.co-data{
	padding:5px 15px;
	list-style-type:none;
}
.co-data dl dt{
	line-height:14px;
	border-bottom:1px solid #DDDDDD;
	padding:2px 0;
	font-weight:bold;
}
.co-data dl dd{
	padding:10px;
}
.tbl{
	border-collapse:separate;
	border-spacing:3px;
	width:100%;
}
.tbl td{
	padding:10px;
	margin:3px;
}
.tbl .fieldname{
	background:url(../images/bg_box.gif) left top repeat;
	vertical-align:top;
	width:100px;
}
.tbl tr{
}
#curtain{
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/curtain.png) left top repeat;
	top:0;
	left:0;
	z-index:2;
}
#curtain{
	_background:none;
	_background-color:#000000;
	filter:Alpha(Opacity=50);
	_height:220px;
}
#curtain-inner{
	padding-top:50px;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
}
#hidearea{
	position:relative;
	top:0;
	left:0;
}
#hidestage{
	position:relative;
	top:0;
	left:0;
	z-index:1;
}
body{
	background: #ffffff url(../images/bg.gif) left top repeat-x;
}
#wrap{
	width:882px;
	margin:0 auto;
}
#container{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

.splitter{
	display:none;
}
.here{
	background-position:left bottom;
}
/*	btn	*/
/*	header	*/
#header{
	width:880px;
	height:65px;
	overflow:hidden;
	background:url(../images/bg_header.gif) left top repeat-x;
}
#header:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#logo{
}
#logo a{
	display:block;
	width:335px;
	height:65px;
	background:url(../images/logo.gif) left top no-repeat;
	text-indent:-9999px;
	float:left;
}
#header h2{
	display:none;
}
/*	#breadcrumb	*/
#breadcrumb{
	line-height:2em;
	padding:0 0 10px 0;
}
/*	language	*/
#language{
	width:880px;
	height:35px;
	overflow:hidden;
	background:url(../images/bg_color.gif) left top no-repeat;
}
#language ul{
	width:228px;
	height:30px;
	float:right;
	margin-right:20px;
}
#language ul li{
	width:76px;
	height:30px;
	float:left;
	overflow:hidden;
}
#language ul li a{
	display:block;
	width:176px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#language ul li#japanese a{
	background-image:url(../images/lang_ja.gif);
}
#language ul li#english a{
	background-image:url(../images/lang_en.gif);
}
#language ul li#chinese a{
	background-image:url(../images/lang_ch.gif);
}
#language ul li a:hover , #language ul li a.here{
	background-position:left bottom;
}
/*	utility	*/
#utility{
	top:0;
	left:321px;
	height:65px;
	float:right;
	margin-right:20px;
}
#utility li{
	height:65px;
	float:left;
	margin-right:10px;
}
#utility li a{
	display:block;
	height:65px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#utility li#seikomail a{
	width:169px;
	background-image:url(../images/utility_seikomail.gif);
}
#utility li#contact a{
	width:98px;
	background-image:url(../images/utility_contact.gif);
}
#utility li#recruit a{
	width:87px;
	background-image:url(../images/utility_recruit.gif);
}
#utility li#recruit{
	margin-right:0;
}
#utility li a:hover , #utility li a.here{
	background-position:left bottom;
}
/*	global	*/
#global{
	width:880px;
	height:50px;
}
#global li{
	width:176px;
	height:50px;
	float:left;
}
#global li a{
	display:block;
	width:176px;
	height:50px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#global li#products a{
	background-image:url(../images/global_products.gif);
}
#global li#service a{
	background-image:url(../images/global_service.gif);
}
#global li#event a{
	background-image:url(../images/global_event.gif);
}
#global li#support a{
	background-image:url(../images/global_support.gif);
}
#global li#company a{
	background-image:url(../images/global_company.gif);
}
#global li a:hover , #global li a.here{
	background-position:left bottom;
}
/*======================================

	common

=======================================*/
#totop{
	height:35px;
}
#totop a{
	width:137px;
	height:24px;
	display:block;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/totop.gif);
	float:right;
}
#totop a:hover{
	background-position:left bottom;
}
#close{
	height:35px;
}
#close a{
	width:137px;
	height:24px;
	display:block;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/close.gif);
	float:right;
}
#close a:hover{
	background-position:left bottom;
}
.more{
	height:18px;
	clear:both;
}
.more a{
	display:block;
	float:right;
	width:52px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/btn_more.gif) left top no-repeat;
}
.more a:hover{
	background:url(../images/btn_more.gif) left bottom no-repeat;
}
.totop{
	height:18px;
	clear:both;
}
.totop a{
	display:block;
	float:right;
	width:120px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/totop_common.gif) left top no-repeat;
}
.totop a:hover{
	background:url(../images/totop_common.gif) left bottom no-repeat;
}
.backpage{
	height:18px;
	clear:both;
}
.backpage a{
	display:block;
	float:right;
	width:85px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/backpage.gif) left top no-repeat;
}
.backpage a:hover{
	background:url(../images/backpage.gif) left bottom no-repeat;
}
.pagenavibtn{
	height:18px;
	clear:both;
}
.pagenavibtn a#top{
	display:block;
	float:right;
	width:120px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/totop_common.gif) left top no-repeat;
}
.pagenavibtn a#back{
	display:block;
	float:right;
	width:85px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/backpage.gif) left top no-repeat;
	margin-right:5px;
}
.pagenavibtn a#top:hover{
	background:url(../images/totop_common.gif) left bottom no-repeat;
}
.pagenavibtn a#back:hover{
	background:url(../images/backpage.gif) left bottom no-repeat;
}
/*======================================

	footer

=======================================*/
#footer{
	background:url(../images/footer_border.gif) left top repeat-x;
}
#footer-inner{
	width:850px;
	margin:0 auto;
	padding:15px 0;
}
#footer-inner:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#copyright{
	width:50%;
	float:left;
	font-size:0.9em;
}
#copyright{
	width:50%;
	float:left;
}
#fnavi{
	width:50%;
	float:right;
	text-align:right;
}
#fnavi a{
	margin:0 10px;
}
/*======================================

	contents

=======================================*/
/*	contents	*/
#contents{
	clear:both;
	background:#FFFFFF url(../images/bg_contents.gif) left top repeat-x;
}
#contents:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#index #contents-inner{
	clear:both;
	width:840px;
	margin:0 auto;
	padding:15px 0 30px 0;
}
#contents-inner{
	clear:both;
	width:840px;
	margin:0 auto;
	padding:5px 0 30px 0;
}
#contents-inner:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#contents-left{
	width:600px;
	float:left;
}
#contents-left:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#contents-right{
	width:220px;
	float:right;
}
.box{
	margin-bottom:20px;
}
.box:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
/* for understanding browsers */
.box-stage {
min-height:12em; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .box-stage {
height: 12em;

}
/**/


.box .contents-head{
	height:24px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.box .box-frame{
	border-left:1px solid #dddddd;
}
.box .box-frame .box-inner{
	padding:9px 0 0 9px;
}
.box .box-frame .box-inner .box-stage{
	padding:10px 15px;
	background:url(../images/bg_box.gif) left top repeat;
}
.box#product-search{
	width:330px;
	float:left;
}
#local .box#product-search{
	margin-top:20px;
	width:220px;
	clear:both;
}
.box#product-search .contents-head{
	background-image:url(../images/ch_productsearch.gif);
}
.box#product-search .box-frame .box-inner .box-stage{
	border-top:5px solid #d60027;
}
.box#casestudy{
	width:250px;
	float:right;
}
.box#casestudy .box-frame .box-inner .box-stage{
	border-top:5px solid #f68503;
}
.box#whatsnew{
	width:220px;
}
.box#whatsnew .contents-head{
	background-image:url(../images/ch_whatsnew.gif);
}
.box#eventinfo .contents-head{
	background-image:url(../images/ch_eventinfo.gif);
}
.box#casestudy .contents-head{
	background-image:url(../images/ch_casestudy.gif);
}
.box#support .contents-head{
	background-image:url(../images/ch_support.gif);
}
.box#technical{
	width:220px;
}
.box#technical .contents-head{
	background-image:url(../images/ch_technical.gif);
}
.box#casestudy .box-frame .box-inner .box-stage,.box#product-search .box-frame .box-inner .box-stage{
	min-height:220px;
}


.box#setma .contents-head{
	background-image:url(../images/ch_setma.gif);
}
.box#delma .contents-head{
	background-image:url(../images/ch_delma.gif);
}
.box#setma .box-frame .box-inner .box-stage,.box#delma .box-frame .box-inner .box-stage{
	height:auto;
	min-height:inherit;
}
/*======================================

	contents

=======================================*/
#contents-main{
	width:600px;
	float:right;
}
.float-wrapper{
	width:600px;
	padding-bottom:20px;
}
.float-wrapper:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.right{
	float:right;
}
.left{
	float:left;
}
.content-title{
	width:600px;
	height:40px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.content-title#uc{
	background-image:url(../images/ct_uc.gif);
}
.content-title#seikomail{
	background-image:url(../images/ct_seikomail.gif);
}
.hdescription{
	padding:10px;
}
.hlist{
	padding:10px;
	list-style-position:outside;
	padding-left:30px;
}
/*======================================

	local

=======================================*/
#local{
	width:220px;
	float:left;
}
.local-head{
	width:220px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.local-head#products{
	background-image:url(../images/lh_products.gif);
}
.local-head#service{
	background-image:url(../images/lh_service.gif);
}
.local-head#support{
	background-image:url(../images/lh_support.gif);
}
.local-head#event{
	background-image:url(../images/lh_event.gif);
}
.local-head#company{
	background-image:url(../images/lh_company.gif);
}


.local-navi li{
	height:30px;
	margin-bottom:1px;
}
.local-navi li a{
	display:block;
	width:220px;
	height:30px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}
.local-navi li#productstop a{
	background-image:url(../images/lnavi_productstop.gif);
}
.local-navi li#flow a{
	background-image:url(../images/lnavi_flow.gif);
}
.local-navi li#use a{
	background-image:url(../images/lnavi_use.gif);
}
.local-navi li#category a{
	background-image:url(../images/lnavi_category.gif);
}
.local-navi li#servicetop a{
	background-image:url(../images/lnavi_servicetop.gif);
}
.local-navi li#service a{
	background-image:url(../images/lnavi_service.gif);
}
.local-navi li#companytop a{
	background-image:url(../images/lnavi_companytop.gif);
}
.local-navi li#profile a{
	background-image:url(../images/lnavi_company.gif);
}
.local-navi li#news a{
	background-image:url(../images/lnavi_news.gif);
}
.local-navi li#group a{
	background-image:url(../images/lnavi_group.gif);
}
.local-navi li#equipment a{
	background-image:url(../images/lnavi_equipment.gif);
}
.local-navi li#recruit a{
	background-image:url(../images/lnavi_recruit.gif);
}
.local-navi li#agent a{
	background-image:url(../images/lnavi_agency.gif);
}
.local-navi li#contact a{
	background-image:url(../images/lnavi_contact.gif);
}
.local-navi li#casestudy a{
	background-image:url(../images/lnavi_casestudy.gif);
}
.local-navi li#eventtop a{
	background-image:url(../images/lnavi_eventtop.gif);
}
.local-navi li#activities a{
	background-image:url(../images/lnavi_activities.gif);
}
.local-navi li#supporttop a{
	background-image:url(../images/lnavi_supporttop.gif);
}
.local-navi li#aboutsupport a{
	background-image:url(../images/lnavi_aboutsupport.gif);
}
.local-navi li#abouttrouble a{
	background-image:url(../images/lnavi_abouttrouble.gif);
}
.local-navi li#aboutink a{
	background-image:url(../images/lnavi_aboutink.gif);
}
.local-navi li#aboutrecruit a{
	background-image:url(../images/lnavi_aboutrecruit.gif);
}
.local-navi li#period a{
	background-image:url(../images/lnavi_period.gif);
}
.local-navi li a:hover,.local-navi li a.here{
	background-position:left bottom;
}

.area-head{
	width:180px;
	height:18px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
.area-head#material{
	background-image:url(../images/area_material.gif);
}
.area-head#inktype{
	background-image:url(../images/area_inktype.gif);
}
.area-head#drycondi{
	background-image:url(../images/area_drycondi.gif);
}
.area-head#contact{
	width:255px;
	background-image:url(../images/area_contact.gif);
}

#product-search .area{
	padding-bottom:15px;
}
#product-search .area .search-input{
	width:180px;
}
.inputarea{
	padding:5px 0;
	line-height:2em;
}
.submitarea{
	text-align:center;
}
.dotborder{
	background:url(../images/dot_border.gif) left bottom repeat-x;
}
#local .box#product-search .box-stage{
	height:auto;
}

#search-tbl{
	width:290px;
	border-collapse:collapse;
	border-spacing:0;
	
}
#search-tbl tr{
	background:url(../images/dot_border.gif) left bottom repeat-x;
}
#search-tbl td{
	padding:7px 5px;
	vertical-align:top;
	line-height:2em;
}
#search-tbl td.fieldname{
	text-align:right;
	width:80px;
}
#search-tbl td .search-input{
	width:200px;
}
#search-tbl tr.noborder{
	background:none;
}
.row{
	background:url(../images/dot_border.gif) left bottom repeat-x;
	padding:0 0 5px 0;
}

.box-stage-inner{
	padding:0 5px;
}
.def-list{
	/*list-style-type:disc;
	list-style-position:inside;*/
	width:auto;
	margin:10px auto;
}
.def-list:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.def-list li{
	width:50%;
	float:left;
	line-height:2em;
	/*list-style-type:disc;*/
}
#banner-group{
	width:300px;
	height:100px;
	float:left;
}
#banner-env{
	width:300px;
	height:100px;
	float:right;
}
#banner-mobile{
	width:600px;
	height:55px;
	clear:both;
}

.newsrow{
	padding-bottom:10px;
}
.newsrow .date{
	border-left:5px solid #49392d;
	padding-left:10px;
}
.newsrow .product-div{
	border-color:#d60027;
}
.newsrow .service-div{
	border-color:#f68503;
}
.newsrow .event-div{
	border-color:#bfc263;
}
.newsrow .support-div{
	border-color:#006ea1;
}
.newsrow .company-div{
	border-color:#49392d;
}
.newsrow .newsbody{
	padding:5px 0;
}

.backnumber{
	height:18px;
}
.backnumber a{
	display:block;
	height:18px;
	width:90px;
	background-image:url(../images/btn_backnumber.gif);
	background-position: left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:right;
}
.backnumber a:hover{
	background-position: left bottom;
}
.videorow{
	display:block;
	height:31px;
	background:url(../images/icon_wmv.gif) left center no-repeat;
	padding:5px 0 5px 40px;
}
#videolinks{
	margin:5px 0;
}
.center580{
	width:580px;
	margin:0 auto;
	padding:0px;
}

#def-content #whatsnew{
	width:600px;
}
#def-content #whatsnew .newsrow {
	width:590px;
	margin-bottom:10px;
	background:url(../images/dot_border.gif) left bottom repeat-x;
}
#def-content #whatsnew .newsrow:after {
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#def-content #whatsnew .newsrow .date{
	float:left;
	margin-right:15px;
}
#def-content #whatsnew .newsrow .newsbody{
	width:480px;
	float:left;
	padding-top:0;
}
#material-support{
	color:#333333;
	font-size:14px;
	font-weight:bold;
}

/*======================================

	popup

=======================================*/
#popup #wrap{
	width:450px;
	margin:0 auto;
}
#popup #contents-inner{
	clear:both;
	width:448px;
	margin:0 auto;
	padding:10px 0 30px 0;
}
#contents-popup{
	width:430px;
	margin:0 auto;
}
#contents-popup .content-title{
	width:430px;
}
.content-title#material{
	background-image:url(../images/ct_materialselect.gif);
}




#datasheet{
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#cccccc;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
#datasheet th{
	padding:5px;
	border-width: 0 0 1px 1px;
	border-style:solid;
	border-color:#cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background: url(../images/bg_td.gif) repeat;
	font-weight:bold;
}
#datasheet td{
	padding:5px;
	border-width: 0 0 1px 1px;
	border-style:solid;
	border-color:#cccccc;
	border-collapse:collapse;
	border-spacing:0;
}
#datasheet th.division{
	width:100px;
}
#datasheet th.ink{
	width:80px;
}
#datasheet td.type{
	width:60px;
	text-align:center;
}
.datacenter#datasheet td{
	text-align:center;
}