body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,b,em,strong,i,font,big,small,embed,object,map,frame,frameset,iframe {
color: #000; text-decoration: none; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;font-style: normal;line-height: 100%;font-size: 100%;font-variant: normal;;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;text-align: left;direction: ltr;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

html {height: 101%;}

.imgleft {float: left; margin: 0 10px 10px 0;}
.imgright {float: right; margin-left: 10px }
.imgcenter {text-align: center; margin: 0 auto 10px auto;}
hr.nofloat {background-color: white; clear: both; margin: 0; padding: 0; border: none 0px white; width: 100%; height: 0px; color: white;}
hr.hr01 {border-bottom: 1px dotted #ccc;clear: both; margin: 10px 0;}
hr.hr20 {clear: both; margin-bottom: 20px;}

body {
  overflow-x: hidden;
  position: relative;
  min-width: 1000px; border-top: 2px solid #004ea2;
}

header {display: block; width:100%;}

div#headstyle {
  display: block; width: 960px; margin: 0 auto; clear: both;
}

/*logo*/
p.gotoindex a { display: block;background: url(../img/p_headlogo_3.png) no-repeat 0 0;text-indent: -9999px;width: 446px; height: 56px;float: left; margin: 15px 0;}
/*header right*/
div#headright { width: 514px; float: right; margin-bottom:.5em;}

/*logo:20230401*/
/*p.gotoindex a { display: block;background: url(../img/p_headlogo_6.png) no-repeat 0 0;text-indent: -9999px;width: 446px; height: 56px;float: left; margin: 15px 0;}
/*header right*/
/*div#headright { width: 514px; float: right; margin-bottom:.5em;}

/*logo:180309*/
/*p.gotoindex a { display: block;background: url(../img/p_headlogo_3.png) no-repeat 0 0;text-indent: -9999px;width: 365px;height: 56px;float: left; margin: 15px 0;}*/
/*header right:180309*/
/*div#headright { width: 595px; float: right; margin-bottom:.5em;}*/

/*language*/
ul.language { margin-bottom: .4em; float: right; }
ul.language li {float: left; margin-right: .2em; display: block;}
ul.language li a {width: 87px; height: 20px; background: url(../img/b_headlanguage.png) no-repeat -0 0; display: block; color: #fff; text-align: center; padding-top: 5px; font-size: 13px;}
ul.language li a:hover {background-position: -0px -25px;}

/*search*/
div.search {
  float: right; clear: both; border: 1px solid #ccc;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: .4em; padding:5px 5px 0 5px;
}
div.search input.keyword {border: 0 none #fff; width: 210px; color: #333; font-size: 13px; float: left; line-height: 1em;}

/*header link*/
ul.headlink {float: right; clear: both;}
ul.headlink li {float: left; margin-left: .5em;}
ul.headlink li a {color: #333; font-size: 12px; background: url(../img/icon_subnav.gif) no-repeat left center; padding-left: 12px;}
ul.headlink li a:hover {color: #0084bc;}

/*nav*/
nav {
  /*padding: 0 500%;
  margin: 0 -500% 0;*/
  width: 100%;
  border-bottom: 1px solid #cfcfcf; 
  border-top: 1px solid #cfcfcf;
  clear: both;
  background-image: linear-gradient(#fff,#f5f5f5,#e7e7e7);
  background-color: #e7e7e7;
  overflow: hidden;
  zoom: 1;
  font-size: 123.1%;
  position: relative;
}
ul#mainmenu { width: 960px; margin-left: auto; margin-right:auto; }
ul#mainmenu li { float: left; border-left: 1px solid #cfcfcf; }
ul#mainmenu li a { width: 189px; height: 15px; margin: 0; display: block; color: #333; font-size: 15px; font-weight: normal; padding: 12px 0 12px 0; text-align: center; }
li#mainmenu6 a { border-right: 1px solid #cfcfcf;}

ul#mainmenu li a:before {
  content: " \f137";
  font-family: FontAwesome;
  font-size: 13px;
  padding-right:4px;
  color: #004ea2;
}
ul#mainmenu li a:hover:before {
  color: #fff;
}
#mainmenu1 a.CaregoryImageActive, #mainmenu1 a:hover, #mainmenu2 a.CaregoryImageActive, #mainmenu2 a:hover, #mainmenu3 a.CaregoryImageActive, #mainmenu3 a:hover, #mainmenu4 a.CaregoryImageActive, #mainmenu4 a:hover, #mainmenu5 a.CaregoryImageActive, #mainmenu5 a:hover, #mainmenu6 a.CaregoryImageActive, #mainmenu6 a:hover {
  background-color: #005bac;
  color: #fff;
}
li#mainmenu1 a.CaregoryImageActive:before, li#mainmenu2 a.CaregoryImageActive:before, li#mainmenu3 a.CaregoryImageActive:before, li#mainmenu4 a.CaregoryImageActive:before, li#mainmenu5 a.CaregoryImageActive:before, li#mainmenu6 a.CaregoryImageActive:before {
  color: #fff;
}

article {width: 100%; float: left; }
div#article {width: 960px; margin: 10px auto;}

/*footer*/
footer {width: 100%; clear: both;} 
div#gototop {width: 960px; margin: 0 auto;}
div#gototop p a {display: block; background: url(../img/icon_gototop.png) no-repeat left center;float: right;color: #333;font-size: 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;padding: 5px 10px 5px 23px;
-moz-border-radius:  3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-o-border-radius:  3px 3px 0 0;
-ms-border-radius:  3px 3px 0 0;	
border-radius:  3px 3px 0 0; margin-top: 20px;}
div#gototop p a:hover {background-color: #bbe1ec;}

div#footmap1 {background-color: #7f7f7f; float: left; overflow: hidden; width: 100%; border-bottom: 0 solid #7f7f7f;}
div#footmap2 {width: 960px; margin: 0 auto;}

dl.footnav {float: left; width: 145px; margin: 10px 7px;}
dl.footnav dt {padding: 15px 0; font-size: 14px; font-weight: noraml; line-height: 1.3em;}
dl.footnav dt a, dl.footnav dd a {color: #fff;}

dl.footnav dt a:hover, dl.footnav dd a:hover {color: #94cbfd;}
dl.footnav dd {padding-bottom: 5px; font-size: 12px; line-height: 1.35em;}

div#footname {clear: both; width: 960px; background: url(../img/p_footlogo_2.png?v=20240821) no-repeat left center; margin: 0 auto; padding: 5px 0;}
div#footname p {text-align: right; font-size: 13px; line-height: 1.5em; color: #ccc;}
div#footname p a {color: #fff;}
div#footname p a:hover {color: #0084bc;}

div#copyright {width: 100%; padding: 5px 0; background-color: #7f7f7f;}
div#copyright p {color: #fff; font: 10px Verdana, "Lucida Grande", Lucida, sans-serif; width: 960px; margin: 0 auto; text-align: center;}
/*/same as topcss*/

div#body_l {float: left;width: 728px;}
div#body_r {float: right;width: 204px;}

ul.panmenu li {float: left;margin-bottom: 10px;font-size: 11px;}
ul.panmenu li a {color: #358dbe;}
ul.panmenu li a:hover {color: #76c8e4;}

ul.bodymenu {}
ul.bodymenu li {margin-top: 5px;}
ul.bodymenu li a{color: #333;font-size: 18px;display: block;width: 728px;height: 34px;background: url(../img/bg_nextmenu.gif) no-repeat left top;padding-top: 16px;padding-left: 35px;}
ul.bodymenu li a:hover{background-position: left bottom;}

ul.bodymenu2 {margin-top: 10px;}
ul.bodymenu2 li {margin-top: 5px;}
ul.bodymenu2 li a{background: url(../img/icon_bodylink2.png) no-repeat left center;padding-left: 15px;color: #333;font-size: 15px;line-height: 1.5em;}
ul.bodymenu2 li a:hover{color: #358ebf;}


div#sidemenu {border: 1px solid #ccc;width: 204px;margin-bottom: 20px;}
div#sidemenu p {background: url(../img/tit_side.gif) no-repeat center;display: block;color: #333;font-size: 15px;text-align: center;padding-top: 15px;padding-bottom: 15px;border: 3px solid #fff;font-weight: bold;}

div#sidemenu ul.sidemenu0 li {border-bottom: 1px dotted #ccc;}
div#sidemenu ul.sidemenu0 li a {background: url(../img/tit_side.gif) no-repeat center;display: block;font-size: 15px;text-align: center;font-weight: bold;border: 3px solid #fff;color: #333;font-size: 15px;padding-top: 15px;padding-bottom: 15px;}
div#sidemenu ul.sidemenu0 li a:hover {background-image: url(../img/tit_side_on.gif);color: #fff;}

div#sidemenu ul.sidemenu1 {border-top: 3px solid #0068a2;}
div#sidemenu ul.sidemenu1 li {border-bottom: 1px dotted #ccc;}
div#sidemenu ul.sidemenu1 li a {background: url(../img/b_side0.gif) no-repeat left center;display: block;border: 3px solid #fff;color: #333;font-size: 12px;padding-top: 12px;padding-bottom: 10px;padding-left: 25px;line-height: 1.25em;}
div#sidemenu ul.sidemenu1 li.now a {background: url(../img/b_side1.gif) no-repeat left center;display: block;border: 3px solid #fff;color: #fff;font-size: 12px;padding: 12px 5px 10px 25px;line-height: 1.25em;}
div#sidemenu ul.sidemenu1 li a:hover {background-image: url(../img/b_side1.gif);color: #fff;}



div#sidemenu ul.sidemenu4 {border-top: 1px solid #ccc;}
div#sidemenu ul.sidemenu4 li {border-bottom: 1px dotted #ccc;}
div#sidemenu ul.sidemenu4 li a {background: url(../img/b_side0.gif) no-repeat left center;display: block;border: 3px solid #fff;color: #333;font-size: 12px;padding-top: 12px;padding-bottom: 10px;padding-left: 25px;line-height: 1.25em;}
div#sidemenu ul.sidemenu4 li.now a {background: url(../img/b_side1.gif) no-repeat left center;display: block;border: 3px solid #fff;color: #fff;font-size: 12px;padding: 12px 5px 10px 25px;line-height: 1.25em;}
div#sidemenu ul.sidemenu4 li a:hover {background-image: url(../img/b_side1.gif);color: #fff;}

div#sidemenu ul.sidemenu2 {}
div#sidemenu ul.sidemenu2 li {border-bottom: 1px dotted #ccc;}
div#sidemenu ul.sidemenu2 li a {background: url(../img/b_side20.gif) no-repeat left center;display: block;border: 3px solid #fff;color: #333;font-size: 12px;padding: 12px 5px 10px 25px;line-height: 1.25px;}
div#sidemenu ul.sidemenu2 li.now a {background: url(../img/b_side21.gif) no-repeat left center;display: block;border: 3px solid #fff;color: #fff;font-size: 12px;padding: 5px 5px 5px 25px;line-height: 1.25em;}
div#sidemenu ul.sidemenu2 li a:hover {background-image: url(../img/b_side21.gif);color: #fff;}

div#sidemenu ul.sidemenu3 {padding-top: 10px;padding-bottom: 10px;}
div#sidemenu ul.sidemenu3 li {}
div#sidemenu ul.sidemenu3 li a {display: block;color: #333;font-size: 12px;background: url(../img/icon_year.gif) no-repeat left center;padding-left: 35px;padding-top: 5px;padding-bottom: 5px;}
div#sidemenu ul.sidemenu3 li.now a {display: block;color: #00b4dd;font-size: 12px;background-position: 0;}
div#sidemenu ul.sidemenu3 li a:hover {color: #00b4dd;}

div#sidemenu ul.sidemenu5 li {border-bottom: 1px dotted #ccc;}
div#sidemenu ul.sidemenu5 li a {background: url(../img/tit_white.gif) no-repeat center;display: block;border: 3px solid #fff;padding-top: 0px;padding-bottom: 0px;}

div#bodycontact2 {margin-top: 5px; margin-bottom: 5px;}
ul.gotokr2 li {float: left;}
ul.gotokr2 li.gotokr_jel2 a {width: 357px;height: 100px;background: url(../img/b_jelk2_top.gif) no-repeat left top;margin-top:10px; margin-left: 0px;margin-right: 14px;margin-bottom: 0px;display: block;}
ul.gotokr2 li.gotokr_jel2 a:hover {background-position: -0px -100px;}

ul.gotokr2 li.gotokr_jelk2 a {width: 357px;height: 100px;background: url(../img/b_jelk_top_1.gif) no-repeat left top;margin-top:10px; margin-left: 0px;margin-right: 14px;margin-bottom: 0px;display: block;}
ul.gotokr2 li.gotokr_jelk2 a:hover {background-position: -0px -100px;}

ul.gotokr2 li.gotokr_ina2 a {width: 357px;height: 100px;background: url(../img/b_ina_top1.gif?V=20221205) no-repeat left top;margin-top:10px; margin-left: 0px;margin-right: 0px;margin-bottom: 0px;display: block;}
ul.gotokr2 li.gotokr_ina2 a:hover {background-position: -0px -100px;}

/*h1words1の画像変更*/
h1.h1words2 {padding-top:48px;padding-left:30px;padding-bottom:44px;font-size: 28px;background: url(../img/tit_words_1.jpg) no-repeat;margin-bottom:20px;}
/*h1（カテゴリトップ用）*/
h1.h1body {clear: both;background: url(../img/tit_h1.gif) no-repeat 0 0;width: 728px;height: 40px;color: #333;font-size: 25px;font-weight: bold;line-height: 1.1em;padding-top: 14px;padding-left: 48px;margin-bottom: 10px;}
h1.h1body span {color: #333;font-size: 12px;font-weight: normal;font-style: normal;line-height: 1.1em;margin-left: 10px;}
/*h1（サブページ用）*/
h1.h1body3 {background: url(../img/tit_h3body.gif) no-repeat 0 0;width: 728px;height: 31px;color: #fff;font-size: 18px;font-weight: normal;font-style: normal;padding-top: 14px;padding-left: 28px;margin-top: 10px;margin-bottom: 10px;clear: both;}

/*h2（サブページ用）*/
h2.h2body4 {background: url(../img/tit_h4body.gif) no-repeat 0 0;width: 728px;height: 24px;color: #fff;font-size: 15px;font-weight: normal;font-style: normal;padding-top: 13px;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;clear: both;}
/*h2（トップページ用）*/
h2.h2body3 {background: url(../img/tit_h3body.gif) no-repeat 0 0;width: 728px;height: 31px;color: #fff;font-size: 18px;font-weight: normal;font-style: normal;padding-top: 14px;padding-left: 28px;margin-top: 10px;margin-bottom: 10px;clear: both;}
/*h3（サブページ用）*/
h3.h3body5 {color: #333;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 5px 5px 5px 15px;margin-bottom: 10px;background: url(../img/bg_dl01.gif) no-repeat left center;font-size: 15px;font-weight: normal;font-style: normal;margin-top: 10px;clear: both;}
/*h3（製品ページ用）*/
h3.h3bodypro {background: url(../img/tit_h4body.gif) no-repeat 0 0;width: 728px;height: 24px;color: #fff;font-size: 15px;font-weight: normal;font-style: normal;padding-top: 13px;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;clear: both;}

h1.h1news2 {
	background: url("../img/bg_h2news.gif") no-repeat 0px 0px; width: 703px; height: 32px; padding-top: 13px; padding-left: 25px; font-size: 20px; font-style: normal; font-weight: normal; margin-bottom: 10px;color: #fff;}
h1.h1news2 em {
	color: rgb(255, 255, 255); font-size: 20px; font-style: normal; font-weight: normal; margin-right: 18px; float: right;
}

h2.h2news {
	background: url("../img/bg_h2news.gif") no-repeat 0px 0px; width: 703px; height: 32px; padding-top: 13px; padding-left: 25px; font-size: 20px; font-style: normal; font-weight: normal; margin-bottom: 10px;color: #fff;}
h2.h2news em {
	color: rgb(255, 255, 255); font-size: 20px; font-style: normal; font-weight: normal; margin-right: 18px; float: right;
}

h3.h3news {
	padding: 20px 10px; border: 1px solid rgb(153, 153, 153); color: #333; font-size: 15px; font-style: normal; font-weight: normal; margin-bottom: 10px; background-color: rgb(238, 238, 238);
}


div#goindex {clear: both;}
div#goindex p a {display: block;background: url(../img/icon_gotoindex.png) no-repeat left center;color: #333;font-size: 11px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;padding: 5px 10px 5px 23px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
-o-border-radius:  3px ;
-ms-border-radius:  3px;	
border-radius:  3px;border-bottom: 1px solid #ccc;margin-top: 20px;width: 7.5em;float: right;}
div#goindex a:hover {background-color: #bbe1ec;}

img.photo_blue_l {float: left;border: 5px solid #e2f3f7;margin-right: 10px;margin-bottom: 10px;}
img.photo_blue_r {float: right;border: 5px solid #e2f3f7;margin-left: 10px;margin-bottom: 10px;}
img.photo_blue_c {border: 5px solid #e2f3f7;margin-left: auto;margin-bottom: 10px;margin-right: auto;}

img.photo_none_l { float: left; margin: 0 10px 10px 0;}
img.photo_none_r { float: right; margin: 0 0 10px 10px;}
img.photo_none_c { display: block; margin: 0 auto 10px auto; }


h3.h3body {background: url(../img/tit_h3body.gif) no-repeat 0 0;width: 728px;height: 31px;color: #fff;font-size: 18px;font-weight: normal;font-style: normal;padding-top: 14px;padding-left: 28px;margin-top: 10px;margin-bottom: 10px;clear: both;}

h4.h4body {background: url(../img/tit_h4body.gif) no-repeat 0 0;width: 728px;height: 24px;color: #fff;font-size: 15px;font-weight: normal;font-style: normal;padding-top: 13px;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;clear: both;}

h5.h5body {color: #333;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 5px 5px 5px 15px;margin-bottom: 10px;background: url(../img/bg_dl01.gif) no-repeat left center;font-size: 15px;font-weight: normal;font-style: normal;margin-top: 10px;clear: both;}

    #carousel1
    {
      width: 960px;
      height: 250px;
      overflow: scroll;
      border: 2px solid #999;
    }
    .textholder
    {
      text-align: left;
      font-size: small;
      padding: 6px;
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
    }

div#topimg0 {background: url(../img/bg_topimg_1.gif) repeat-x center top;width: 100%;padding-top: 10px;margin-bottom: 10px;overflow: hidden;float: left;}

div#topimg1 {margin-right: auto;margin-left: auto;width: 960px;}

div#topimg {margin-right: auto;margin-left: auto;width: 960px;position: relative;z-index: 10;top: -130px;}

#slider li img {width: 960px;height: 320px;} 

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{overflow:hidden;width: 960px;height: 410px;} 
		overflow:hidden;width: 1200px;height: 410px;}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		}	
	#nextBtn a, #slider1next a{ 
		}	
		
	/* numeric controls */	
	/* 	ol#controls{position: relative;top: -440px;right: -965px;} */
	ol#controls{position: relative;float: right;right: 10px;top: -395px;} 
	ol#controls li{
		margin: 0 3px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;font: 10px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
	ol#controls li a{
		float:left;
		border:1px solid #ccc;
		background: #fff;
		color:#555;
		text-decoration:none;display: block;line-height: 1.5em;padding: 3px 5px 0;}
	ol#controls li a:hover {background-color: #eee;}
		
	ol#controls li.current a{
		background: #C00;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*20211105eijison*/
.onmouse:hover {opacity: 0.5;}

/*20211105eijison*/
.semicenter {
	display: block!important;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	margin-top: 20px;
  }
  .semicenter img {
  width: 100%;
  }
    
  .semitube        {
	width:        728px;
	height:        437px;
	margin-bottom:        20px;
  }
  
  .semiitem        {
	color:        #145caa;
	font-size:        17px;
	font-weight:        bold;
	line-height:        1.5em;
	margin-bottom:        10px;
  }
  
  .semiexp        {
	color:        #333;
	font-size:        14px;
	line-height:        1.5em;
	margin-bottom:        8px;
  }
  
  .semilink        {
			color:        #145caa;
			font-size:        15px;
			line-height:        1.5em;
			margin-bottom:        20px;
	display: inline-block;
	text-decoration: none !important;
  }
  
  .semilink        :hover{
	text-decoration:        underline;
  }
  
  .semilink:before {
  content: " \f138";
  font-family: FontAwesome;
  padding-right: 5
  px
  ;
  color: #0068a2;
  }