/*move from commoncss*/
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:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',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;}
hr.nofloat { background-color: white; clear: both; margin: 0; padding: 0; border: none 0px white; width: 100%; height: 0px; color: white;}

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(../png/p_headlogo_3.png) no-repeat 0 0;text-indent: -9999px;width: 365px;height: 56px;float: left; margin: 15px 0;}
/*header*/
div#headright { width: 595px; 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*/
/*div#headright { width: 514px; float: right; margin-bottom:.5em;}*/

/*logo*/
/* p.gotoindex a { display: block;background: url(../img/p_headlogo_4.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;}*/

/*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(../png/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;}

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(../gif/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(../png/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(../png/p_footlogo_2d9b2.png) 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;}

/*news*/
div.newsunit {float: left;margin-bottom: 3px;padding-bottom: 3px;border-bottom: 1px dotted #ccc;width: 620px;}
div.newsunit_l {float: left;margin-right: 10px;width: 125px;}
div.newsunit_l img {padding: 2px;border: 1px solid #ccc;}
div.newsunit_r {float: right;width: 480px;}
div.newsunit_r p.news_date {color: #333;font-size: 75%;line-height: 1.5em;background: url(../gif/icon_year2.gif) no-repeat left center;padding-left: 10px;margin-top: 5px;}
div.newsunit_r p.news_title {line-height: 1.5em;font-size: 80%;margin-left: 10px;}
div.newsunit_r p.news_title a {color: #164b8b;line-height: 1.5em}
div.newsunit_r p.news_title a:hover {color: #00b4dd;}

/*//move from commoncss*/
div#topimg0 {background: url(../gif/bg_topimg_308b8.gif) repeat-x center top;width: 100%;padding-top: 10px;overflow: hidden;float: left;}

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

/*#slider {
  position: relative; 
  width: 960px;
  height: 450px;
}*/

#photodiv {
  width: 960px; 
  height: 320px;
  margin-bottom: 20px;
}

/* Easy Slider */
#slider ul, #slider li {
  margin: 0;
  padding: 0;
  list-style:none; }
#slider li { overflow: hidden; width: 960px; height: 320px;}

	/* numeric controls */
	ol#controls{position: relative; float: right; right: 10px; top: -310px;}
	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 */

div#topl {float: left; width: 650px;}
div#topr {float: right;}

/*toppage*/
div.news {width: 650px; border: 1px solid #999; background: url(../gif/bg_topnews.gif) no-repeat 0 0; float: left; overflow: hidden; margin-bottom: 20px;}

div.news div.newsunit {width: 620px; padding: 0 5px;}
p.tittopnews {color: #333; font-size: 18px; padding: 14px 0 14px 14px;}

#tabmain ul {overflow: hidden; height: 30px; list-style: none; border-bottom: 1px solid #fff; padding: 0 2px;}
#tabmain li {display: block; font-size: 15px; float: left; width: 300px; padding: 8px 10px 5px 10px; margin: 0 0 10px 1px; border: 1px solid #97a5b0; border-radius: 10px 10px 0 0;}
#tabmain li a {
  display: block;
  text-align: center;
}
#tabmain li a:before {
  content: " \f0d7";
  font-family: FontAwesome;
  font-size: 13px;
  padding-right:4px;
  color: #004ea2;
}
#tabmain li.active {
  background-color: #004ea2;
}
#tabmain li.active a:before, #tabmain li.active span {
  color: white;
}
div.news div#tabmain div#panel1,div.news div#tabmain div#panel2 {overflow: auto; height: 445px;}

/*company*/
div.gotocompany {width: 650px; margin-bottom: 20px; background: url(../jpg/bg_topcompany_13555.jpg) no-repeat 2px 2px;float: left;border: 1px solid #999;padding: 2px 2px 10px;}
div.gotocompany p.tit {color: #333; font-size: 18px; margin:1em 0 0 45px;}
div.gotocompany p.link a {color: #0068a2;font-size: .8em; font-weight: normal;font-style: normal;margin: 1em 0 0 60px;}
div.gotocompany p.link a:hover {color: #00b4dd;} 
div.gotocompany ul.left li a {margin-left: 135px; float: left; display: block;width: 224px;height: 18px;background: url(../gif/b_topcontact.gif) no-repeat 0 0;color: #333;font-size: .8em;padding: 7px 0 0 20px; margin-top: 5px;} 
div.gotocompany ul.left li a:hover {background-position: -244px 0;}

/*toppage�o�i�[��*/
.gotolink {width: 282px;}
.gotolink ul li {margin-bottom: 10px;}
a:hover img.hovering {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: �galpha( opacity=80 )�h;
}

/*eng next.css���*/
.gotolink li.gotolink001 a {width: 282px;height: 75px;display: block;background: url(../gif/b_topprosearch_2.gif) no-repeat 0 -0px;text-indent: -9999px; margin-bottom: 10px;}
.gotolink li.gotolink001 a:hover {background-position: 0 -75px;}
/*//eng next.css���*/

/*17129test*/
ul#signage-image {
	width: 282px;
	height: 126px;
	overflow: hidden;
	position: relative;
	list-style: none;
	margin-bottom:10px;
}
ul#signage-image li {
	position: absolute;
}
ul.cn-contact {
  display: block !important;
  border: 1px solid #d6d6d6;
  padding: 5px;
  width: 272px;
  margin-bottom: 10px;
}

ul.cn-contact img {
  padding: 5px 2px;
}