@charset "UTF-8";

@import url("default.css");

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

	layout

=======================================*/
.nonpc{
	display: none;
}
.pc {
	display: block !important;
}




.index_1area {
	width:880px;
	height:275px;
}
.index_1area_bg {
	width:880px;
	height:275px;
	background: url(../images/video_6patt.gif) no-repeat 620px -80px;
	background-size:30% auto;
/*	width:192px;
	height:150px;
	padding:27px 0px 0px 657px;
*/}
.index_1area_gif {
	width:880px;
	height:275px;
	position:relative;
	z-index:1px;
}




.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;
	height:65px;
	float:right;
}
#utility li{
	float:left;
	margin-right:0px;
	list-style:none;
}
#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#search2{
	width:260px;
	padding:0px;
	margin:0px 0px 0px 5px;
	border-left:1px #eee solid;
	border-right:1px #eee solid;
}
#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;
	list-style:none;
}
#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;
	padding-top:5px;
}
#footer-inner{
	width:850px;
	margin:0 auto;
	padding:15px 0;
}
#footer-inner:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#copyright{
	float:left;
	font-size:0.9em;
}
#copyright{
	float:left;
}
#fnavi{
	float:right;
	text-align:right;
	font-size:11px;
}
#fnavi a{
	margin:0 5px;
}
.footer_sitemap_area{
	background:#f8f8f8;
	padding:20px;
	margin:0px;
	display: flex;
  justify-content: space-between;
}
.f_sitemap a{ color:#565656; text-decoration:none;}
.f_sitemap ul{list-style:none;}
.f_sitemap li{
	background:url(../images/f_sitemap_icon_00.jpg) left 8px no-repeat;
	margin:3px 0px 3px 5px;
	padding:0px 0px 0px 12px;
}
.f_title{ margin:0px auto 5px}
.f_title img{
	border:none;
	padding:0px;
	margin:0px;
	vertical-align: bottom;
	line-height: 1.0em;
}
.f_title a{
	color:#000;
	font-size:13px;
	font-weight:bold;
	padding:0px 0px 0px 8px;
	margin:0px 0px 5px;
	font-size:12px;
}
.bott50{ margin-bottom:50px;}
@media (max-width: 480px) {
	.footer_sitemap_area{
		display:block;
		justify-content:flex-start;
	}
	.f_title{ margin:10px auto 5px}
	.f_title img{ width:5px;	}
	
	.bott50{ margin-bottom: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:590px;
	float:left;
}
#contents-left:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#contents-right{
	width:230px;
	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{
	background:url(../images/bg_box.gif) left top repeat;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.box#product-search{
	width:590px;
	float:none;
}
#local .box#product-search{
	margin-top:20px;
	width:220px;
	clear:both;
}
.box#product-search .contents-head{
	background-image:url(../images/ch_whatsnew.gif);
}
.box#product-search .box-frame .box-inner .box-stage{
	border-top:5px solid #d60027;
}
.box#casestudy{
	width:230px;
	float:left;
}
.box#casestudy .box-frame .box-inner .box-stage{
	border-top:5px solid #f68503;
}
.box#whatsnew{
	width:230px;
	float: left;
}
.box#whatsnew .box-frame .box-inner .box-stage{
	border-top:5px solid #d60027;
}
.box#whatsnew .contents-head{
	background-image:url(../images/ch_productsearch.gif);
}

.box#eventinfo .contents-head{
	background-image:url(../images/ch_eventinfo.gif);
}
.box#casestudy .contents-head{
	background-image:url(../images/ch_product_cate.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{

}


.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#calendar a{
	background-image:url(../images/lnavi_calendar.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#newitem a{
	background-image:url(../images/lnavi_newitem.gif);
}
.local-navi li#ad-mix a{
	background-image:url(../images/lnavi_ad-mix.gif);
}

.local-navi li#processing a{
	background-image:url(../images/lnavi_processing.gif);
}
.local-navi li#color-guide a{
	background-image:url(../images/lnavi_color-guide.gif);
}
.local-navi li#access a{
	background-image:url(../images/lnavi_access.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:210px;
	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:50px;
	font-weight: bold;
	padding-left: 5px;
}
#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{
	float:left;
	line-height:2em;
	width: 100%;
	list-style:none;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 10px;
	/*list-style-type:disc;*/
}
#banner-group{
	width:290px;
	height:100px;
	float:left;
}
#banner-env{
	width:290px;
	height:100px;
	float:right;
}
#banner-mobile{
	width:300px;
	height:98px;
	clear:both;
	padding-top: 5px;
}

.newsrow{
	margin-bottom: 15px;
}
.newsrow .date{
	border-left:5px solid #49392d;
	padding-left:10px;
	float: left;
}
.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{
	float: right;
	width: 440px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 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;
}
#info_text_area {
	padding: 14px;
	height: auto;
	width: 570px;
	margin-bottom: 15px;
	border: 1px solid #dddddd;
}
#info_title {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding-left: 5px;
}
#info_text {
	padding: 5px;
	font-size: 12px;
	line-height: 160%;
}
.font11 {
	font-size: 11px;
}
.event_sub_text {
	background: url(../images/bg_box.gif) left top repeat;
	margin-bottom:25px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 8px;
}
.none{
	float:none;
	clear:both;
	border:none;
}

@media (max-width: 820px) {
	.slider {
		margin-top:80px;
	}

}
@media (max-width: 480px) {
	.slider {
		margin-top:75px;
	}

}

@media (max-width: 820px) {
.nonpc{
	display:block;
}
.pc {
	display: none !important;
}
.nontb{
	display: none !important;
}


#wrap{
	width:100%;
	border-left:none;
	border-right:none;
}
#index #contents-inner{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:15px 0 30px 0;
}
#contents-inner{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:5px 0 30px 0;
}
#headerWrap {
	display:none;
}


#contents-left{
	width:70%;
}
#contents-right{
	width:25%;
}

.box#product-search{
	width:96%;
	margin:0px auto;
	float:none;
}

#banner-group{
	width:48%;
	height:auto;
	float:left;
	margin:0px auto;
}
#banner-group img{
	width:100%;
}

#banner-env{
	width:48%;
	height:auto;
	float:right;
	margin:0px auto;
}
#banner-env img{
	width:100%;
}


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

	footer

=======================================*/
#footer{
	border-top:5px #000 solid;
	background:none;
}
#footer-inner{
	width:100%;
	margin:0 auto;
	padding:15px 0;
}
#copyright{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	font-size:0.9em;
}
#copyright{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	text-align:center;
}
#fnavi{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:11px;
}
#fnavi a{
	margin:0 10px;
}


/*ヘッダーエリア*/
.ut_sp{
	z-index:9999;
	position:fixed;
	top:0px;
	width:100%;
  background:url(../images/ut_mn_sp.jpg) no-repeat center top;
	background-size: cover auto;
	color:#fff;
	line-height:1;
	height:20px;
	padding:5px 0px;
}
.ut_sp td{ padding-left:10px;}


header {
	position:fixed;
	z-index:9999;
	top:20px;
	width: 100%;
	margin: 0px;
	padding:0px;
	height:50px;
  background:url(../images/sp_header_bg.gif) repeat-x center center;
	background-size:auto 100%;
}
header:after {
    content: '';
    display: table;
    clear: both;
}
header .logo {
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
    float: left;
}
header .logo img {
	display:inline-block;
	width:auto;
	height:30px;
	margin:0px;
	padding:0px;
}


header .button {
    display: none;
}

/*スマホ用メニューボタン*/
header .navOpen {
    width: 36px;
    height: 40px;
    float: right;
    margin-top: 7px;
    margin-right: 5%;
    margin-bottom: 5px;
    cursor: pointer;
    background:url(../images/menu.png) no-repeat 0 0;
    background-size: 70px;
}
/*スマホ用メニュー閉じるボタン*/
header .navClose {
    background-position: -37px 0;
}
header .menu-sp {
    clear: both;
    position: relative;
}
header .menu-sp ul {
    width: 100%;
    position: absolute;
    top: -8px;
    background-color: rgba(255, 255, 255, 0.9) ;
    border-bottom: 3px #ccc solid;
}
header .menu-sp li {
    line-height: 1.4;
    border-top: 1px #ccc solid;
}
header .menu-sp li:nth-child(1){
    border-top: 4px #d6192a solid;
}
header .menu-sp li:nth-child(2){
    border-top: 4px #f58709 solid;
}
header .menu-sp li:nth-child(3){
    border-top: 4px #bbc264 solid;
}
header .menu-sp li:nth-child(4){
    border-top: 4px #368d14 solid;
}
header .menu-sp li:nth-child(5){
    border-top: 4px #1a6b9f solid;
}
header .menu-sp li:nth-child(6){
    border-top: 4px #333 solid;
}


header .mn_head {
	background:#eee;
	font-size:1rem;
	font-weight:normal;
	text-align:center;
	color: #333;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration:none;
}

#banner-group{
	float:left;
}
#banner-env{
	float:left;
}



}
@media (max-width: 480px) {
body{
	background:none;
	overflow-x:hidden;
	width:100%;
}
.nonpc{
	display:block;
}
.pc {
	display: none !important;
}

img{
	width:100%;
	height:auto;
}

#wrap{
	width:100%;
	border-left:none;
	border-right:none;
}
#headerWrap {
	display:none;
}

#index #contents-inner{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:15px 0 30px 0;
}
#contents-inner{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:5px 0 30px 0;
}


#contents-left{
	width:100%;
	float:none;
}
#contents-right{
	width:100%;
	float:none;
}

/*ヘッダーエリア*/
.ut_sp{
	z-index:9999;
	position:fixed;
	top:0px;
	width:100%;
  background:url(../images/ut_mn_sp.jpg) no-repeat center top;
	background-size: cover auto;
	color:#fff;
	line-height:1;
	height:20px;
	padding:5px 0px;
}
.ut_sp td{ padding-left:10px;}


header {
	position:fixed;
	z-index:9999;
	top:20px;
	width: 100%;
	margin: 0px;
	padding:0px;
	height:50px;
  background:url(../images/sp_header_bg.gif) repeat-x center center;
	background-size:auto 100%;
}
header:after {
    content: '';
    display: table;
    clear: both;
}
header .logo {
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
    float: left;
}
header .logo img {
	display:inline-block;
	width:auto;
	height:30px;
	margin:0px;
	padding:0px;
}


header .button {
    display: none;
}

/*スマホ用メニューボタン*/
header .navOpen {
    width: 36px;
    height: 40px;
    float: right;
    margin-top: 7px;
    margin-right: 5%;
    margin-bottom: 5px;
    cursor: pointer;
    background:url(../images/menu.png) no-repeat 0 0;
    background-size: 70px;
}
/*スマホ用メニュー閉じるボタン*/
header .navClose {
    background-position: -37px 0;
}
header .menu-sp {
    clear: both;
    position: relative;
}
header .menu-sp ul {
    width: 100%;
    position: absolute;
    top: -8px;
    background-color: rgba(255, 255, 255, 0.9) ;
    border-bottom: 3px #ccc solid;
}
header .menu-sp li {
    line-height: 1;
    border-top: 1px #ccc solid;
}
header .menu-sp li:nth-child(1){
    border-top: 4px #d6192a solid;
}
header .menu-sp li:nth-child(2){
    border-top: 4px #f58709 solid;
}
header .menu-sp li:nth-child(3){
    border-top: 4px #bbc264 solid;
}
header .menu-sp li:nth-child(4){
    border-top: 4px #368d14 solid;
}
header .menu-sp li:nth-child(5){
    border-top: 4px #1a6b9f solid;
}
header .menu-sp li:nth-child(6){
    border-top: 4px #333 solid;
}




header .menu-sp .init-bottom{
	font-size:1rem;
	font-weight:bold;
	text-align:center;
	color: #333;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration:none;
}

header .mn_head {
	background:#eee;
	font-size:1rem;
	font-weight:normal;
	text-align:center;
	color: #333;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration:none;
}

#sliderWrap{
	width:100%;
	height:380px;
	padding: 0px;
	margin:80px auto 0px;
}
#slider{
	width: 100%;
	padding: 0px;
	margin:0px auto;
}
#slider img{
	width: 100%;
	height:auto;
}
.mn_area{
	display:none;
}
.index_1area {
	width:100%;
	height:380px;
	padding:0px;
}
.index_1area_bg {
	padding:0px;
	width: 100%;
	height:auto;
	background: url(../images/video_6patt.gif) no-repeat 220px -100px;
	background-size:auto 150%;
}
.index_1area_gif {
	width: 100%;
	height:auto;
	position:relative;
	z-index:1px;
	padding:0px;
}



.box#product-search{
	width:96%;
	margin:0px auto;
	float:none;
}
.box#casestudy{
	width:96%;
	margin:0px auto;
	display:block;
	float:left;
}
.box#whatsnew{
	width:96%;
	margin:0px auto;
	display:block;
	float:left;
}
.newsrow .newsbody{
	width:96%;
	margin:0px auto;
	display:block;
	float:none;
	padding:0px 0px 5px 0px;
}
.newsrow .date{
	padding-left:10px;
	width:96%;
	display:block;
	float:none;
}

.def-list li img {
	width:28px;
}

#def-content #whatsnew{
	width:96%;
	margin:0px auto;
	display:block;
	float:none;
}
#banner-group{
	width:96%;
	margin:0px auto 10px;
	padding:0px;
	display:block;
	float:left;
}
#banner-env{
	width:96%;
	margin:0px auto 10px;
	padding:0px;
	display:block;
	float:left;
}


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

	footer

=======================================*/
#footer{
	border-top:5px #000 solid;
	background:none;
}
#footer-inner{
	width:100%;
	margin:0 auto;
	padding:15px 0;
}
#copyright{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	font-size:0.9em;
}
#copyright{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	text-align:center;
}
#fnavi{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:11px;
}
#fnavi a{
	margin:0 10px;
}

}

@media screen and (max-width: 359px) {
body{
	background:none;
	overflow-x:hidden;
	width:100%;
	min-width:280px;
}
.nonpc{
	display:block;
}
.pc {
	display: none !important;
}

img{
	width:100%;
	height:auto;
}



#wrap{
	width:100%;
	border-left:none;
	border-right:none;
}
#headerWrap {
	display:none;
}

#index #contents-inner{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:15px 0 30px 0;
}
#contents-inner{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:5px 0 30px 0;
}


#contents-left{
	width:100%;
	float:none;
}
#contents-right{
	width:100%;
	float:none;
}

/*ヘッダーエリア*/
.ut_sp{
	z-index:9999;
	position:fixed;
	top:0px;
	width:96%;
  background:url(../images/ut_mn_sp.jpg) no-repeat center top;
	background-size: 100% 25px;
	color:#fff;
	line-height:1;
	height:20px;
	padding:5px 2%;
}

header {
	position:fixed;
	z-index:9999;
	top:25px;
	width: 100%;
	margin: 0px;
	padding:0px;
	height:50px;
  background:url(../images/sp_header_bg.gif) repeat-x center center;
	background-size:auto 100%;
}
header:after {
    content: '';
    display: table;
    clear: both;
}
header .logo {
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
    float: left;
}
header .logo img {
	display:inline-block;
	width:auto;
	height:30px;
	margin:0px;
	padding:0px;
}


header .button {
    display: none;
}

/*スマホ用メニューボタン*/
header .navOpen {
    width: 36px;
    height: 40px;
    float: right;
    margin-top: 7px;
    margin-right: 5%;
    margin-bottom: 5px;
    cursor: pointer;
    background:url(../images/menu.png) no-repeat 0 0;
    background-size: 70px;
}
/*スマホ用メニュー閉じるボタン*/
header .navClose {
    background-position: -37px 0;
}
header .menu-sp {
    clear: both;
    position: relative;
}
header .menu-sp ul {
    width: 100%;
    position: absolute;
    top: -8px;
    background-color: rgba(255, 255, 255, 0.9) ;
    border-bottom: 3px #ccc solid;
}
header .menu-sp li {
    line-height: 1.4;
    border-top: 1px #ccc solid;
}
header .menu-sp li:nth-child(1){
    border-top: 4px #d6192a solid;
}
header .menu-sp li:nth-child(2){
    border-top: 4px #f58709 solid;
}
header .menu-sp li:nth-child(3){
    border-top: 4px #bbc264 solid;
}
header .menu-sp li:nth-child(4){
    border-top: 4px #1a6b9f solid;
}
header .menu-sp li:nth-child(5){
    border-top: 4px #333 solid;
}
header .menu-sp li:nth-child(6){
    border-top: 4px #ccc solid;
}


header .mn_head {
	background:#eee;
	font-size:1rem;
	font-weight:normal;
	text-align:center;
	color: #333;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration:none;
}

#sliderWrap{
	width:100%;
	height:380px;
	padding: 0px;
	margin:80px auto 0px;
}
#slider{
	width: 100%;
	padding: 0px;
	margin:0px auto;
}
#slider img{
	width: 100%;
	height:auto;
}
.mn_area{
	display:none;
}
.index_1area {
	width:100%;
	height:380px;
	padding:0px;
}
.index_1area_bg {
	padding:0px;
	width: 100%;
	height:auto;
	background: url(../images/video_6patt.gif) no-repeat 220px -100px;
	background-size:auto 150%;
}
.index_1area_gif {
	width: 100%;
	height:auto;
	position:relative;
	z-index:1px;
	padding:0px;
}




.box#product-search{
	width:100%;
	max-width:300px;
}
.box#casestudy{
	width:96%;
	margin:0px auto;
	display:block;
	float:left;
}
.box#whatsnew{
	width:96%;
	margin:0px auto;
	display:block;
	float:left;
}
.newsrow .newsbody{
	width:96%;
	margin:0px auto;
	display:block;
	float:none;
	padding:0px 0px 5px 0px;
}
.newsrow .date{
	padding-left:10px;
	width:96%;
	display:block;
	float:none;
}

.def-list li img {
	width:28px;
}

#def-content #whatsnew{
	width:96%;
	margin:0px auto;
	display:block;
	float:none;
}
#banner-group{
	width:96%;
	height:auto;
	margin:0px auto 10px;
	padding:0px;
	display:block;
	float:left;
}
#banner-env{
	width:96%;
	height:auto;
	margin:0px auto 10px;
	padding:0px;
	display:block;
	float:left;
}


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

	footer

=======================================*/
#footer{
	border-top:5px #000 solid;
	background:none;
}
#footer-inner{
	width:100%;
	margin:0 auto;
	padding:15px 0;
}
#copyright{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	font-size:0.9em;
}
#copyright{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	text-align:center;
}
#fnavi{
	width:96%;
	float:left;
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:11px;
}
#fnavi a{
	margin:0 10px;
}


}