@charset "utf-8";
/* CSS Document */
/* Reset
----------------------------------------------------*/
html {
  overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table, th, td {
  font-size: 100%;
  line-height: 1.4;
}
caption, th {
  text-align: left;
  font-weight: normal;
}
object, embed {
  vertical-align: top;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img, abbr, acronym, fieldset {
  border: 0;
}
ul, li {
  list-style-type: none;
}
img, a img {
  border: none;
  background: transparent;
  vertical-align: bottom;
}
/* font
----------------------------------------------------*/
body {
  font: 62.5% "ＭＳ Ｐゴシック", Meiryo, arial, clean, verdana, Osaka, sans-serif, "ヒラギノ角ゴ Pro W3";
}
html > /**/ body {
  font-size: 10px;
} /* Except IE */
* html body { /* IE6用フォント指定 */
  font: 62.5% "ＭＳ Ｐゴシック", Meiryo, arial, clean, verdana, Osaka, sans-serif, "ヒラギノ角ゴ Pro W3";
}
/*--- default */
body {
  background: #fff;
  text-align: center;
}
/* Link
----------------------------------------------------*/
a {
  color: #333;
  text-decoration: none;
}
a:hover, a:active {
  color: #333;
  text-decoration: underline;
}
a:visited {}
/* float,clear
----------------------------------------------------*/
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clear {
  clear: both;
}
.cf { /* clearfix */
  zoom: 1;
}
.cf:after {
  content: '';
  display: block;
  clear: both;
}
/* text
---------------------------------------- */
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.txt_narrow {
  letter-spacing: -1px;
}
.txt_space {
  letter-spacing: 1px;
}
.txt_indent {
  text-indent: 1em;
}
.bold {
  font-weight: bold;
}
table {
  font-size: 100%;
  line-height: 160%;
}
th, td {}
th {}
td {}
.m2 {
  margin-bottom: 2px;
}
.m5 {
  margin-bottom: 5px;
}
.m6 {
  margin-bottom: 6px;
}
.m7 {
  margin-bottom: 7px;
}
.m8 {
  margin-bottom: 8px;
}
.m10 {
  margin-bottom: 10px;
}
.m12 {
  margin-bottom: 12px;
}
.m13 {
  margin-bottom: 13px;
}
.m14 {
  margin-bottom: 14px;
}
.m15 {
  margin-bottom: 15px;
}
.m16 {
  margin-bottom: 16px;
}
.m20 {
  margin-bottom: 20px !important;
}
.m25 {
  margin-bottom: 25px;
}
.m30 {
  margin-bottom: 30px;
}
.m40 {
  margin-bottom: 40px;
}
.m50 {
  margin-bottom: 50px;
}
.m60 {
  margin-bottom: 60px;
}
.m70 {
  margin-bottom: 70px;
}
.m80 {
  margin-bottom: 80px;
}
.m90 {
  margin-bottom: 90px;
}
.m100 {
  margin-bottom: 100px;
}
.ml10 {
  margin-left: 10px;
  display: inline;
}
.ml15 {
  margin-left: 15px;
  display: inline;
}
.ml20 {
  margin-left: 20px;
  display: inline;
}
.ml25 {
  margin-left: 25px;
  display: inline;
}
.ml23 {
  margin-left: 23px;
  display: inline;
}
.ml28 {
  margin-left: 28px;
  display: inline;
}
.ml30 {
  margin-left: 30px;
  display: inline;
}
.ml43 {
  margin-left: 43px;
  display: inline;
}
.ml10_o {
  margin-left: 10px;
}
.ml20_o {
  margin-left: 20px;
}
.mr3 {
  margin-right: 3px;
  display: inline;
}
.mr7 {
  margin-right: 7px;
  display: inline;
}
.mr10 {
  margin-right: 10px;
  display: inline;
}
.mr15 {
  margin-right: 15px;
  display: inline;
}
.mr20 {
  margin-right: 20px;
  display: inline;
}
.mr21 {
  margin-right: 21px;
  display: inline;
}
.mr30 {
  margin-right: 30px;
  display: inline;
}
.mr10_o {
  margin-right: 10px;
}
.mr20_o {
  margin-right: 20px;
}
.p20 {
  padding-bottom: 20px;
}
.p90 {
  padding-bottom: 90px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.mt0 {
  margin-top: 0!important;
}
.mt4 {
  margin-top: 4px;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt28 {
  margin-top: 28px;
}
.mt60 {
  margin-top: 60px;
}
.flt {
  float: left;
}
.flr {
  float: right;
}
span.tar a {
  text-align: right;
  float: right;
  font-weight: normal;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
html {
  background: none;
}
body {
  color: #333;
  text-align: center;
  font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", Verdana, Osaka, "ヒラギノ角ゴ Pro W3";
  font-weight: normal;
  font-style: normal;
}
#index {
  background: url(../images/bg.jpg) repeat-x;
  overflow: hidden;
}
#index #wrapper {
  background: url(../images/bg.jpg) repeat-x;
  width: 100%;
  overflow: hidden;
}
#Page #wrapper {
  background: url(../images/bg2.jpg) repeat-x;
  width: 100%;
  overflow: hidden;
}
#Page {
  background: url(../images/bg2.jpg) repeat-x;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
}
#contactPage #wrapper {
  background: url(../images/bg3.jpg) repeat-x;
  width: 100%;
  overflow: hidden;
}
#contactPage {
  background: url(../images/bg3.jpg) repeat-x;
  overflow: hidden;
}
#index #main {
  margin: 0 auto;
  width: 1000px;
  text-align: left;
  line-height: 1.4;
  font-size: 120%;
  overflow: hidden;
}
#Page #main {
  margin: 12px auto 0 auto;
  width: 1000px;
  text-align: left;
  line-height: 1.4;
  font-size: 120%;
  overflow: hidden;
  background: #FFF;
}
#contactPage #main {
  margin: 0px auto 0 auto;
  width: 1000px;
  text-align: left;
  line-height: 1.4;
  font-size: 120%;
  overflow: hidden;
  background: #FFF;
}
.locator {
  width: 690px;
  height: 22px;
  line-height: 22px;
  text-indent: 10px;
  font-size: 11px;
  text-align: left;
  background-color: #EEEEEE;
  margin-bottom: 18px;
}
#index #content {
  float: left;
  width: 730px;
  overflow: hidden;
  text-align: left;
  line-height: 1.5;
  padding-bottom: 60px;
  font-size: 12px;
}
#Page #content {
  float: left;
  width: 690px;
  overflow: hidden;
  text-align: left;
  line-height: 1.5;
  padding-bottom: 60px;
  font-size: 12px;
  margin: 20px 0 0 20px;
  display: inline;
}
#contactPage #content {
  float: left;
  width: 960px;
  overflow: hidden;
  text-align: left;
  line-height: 1.5;
  padding-bottom: 60px;
  font-size: 12px;
  margin: 20px 0 0 20px;
  display: inline;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#index #header {
  width: 100%;
  height: 172px;
  margin-bottom: 2px;
}
#index #mainimage {
  width: 1115px;
  height: 399px;
  margin: 0 auto 0px auto;
  position: relative;
  left: 50%;
  margin-left: -557px;
  overflow: hidden;
}
#index #mainimage p.bg {
  position: absolute;
  top: 0;
  left: 0;
}
#index #mainimage ul {
  position: absolute;
  top: 304px;
  left: 75px;
}
#index #mainimage li {
  float: left;
}
#Page #mainimage {
  width: 1115px;
  height: 399px;
  margin: 0 auto 0px auto;
  position: relative;
  left: 50%;
  margin-left: -557px;
  overflow: hidden;
}
#contactPage #mainimage {
  width: 1115px;
  height: 399px;
  margin: 0 auto 50px auto;
  position: relative;
  left: 50%;
  margin-left: -577px;
  overflow: hidden;
}
#Page #header {
  width: 100%;
  height: 172px;
  margin-bottom: 2px;
}
#contactPage #header {
  width: 100%;
  height: 136px;
  margin-bottom: 2px;
}
#index #head {
  margin: 0 auto;
  width: 1000px;
  position: relative;
  height: 172px;
}
#Page #head {
  margin: 0px auto;
  width: 1000px;
  position: relative;
  height: 172px;
}
#contactPage #head {
  margin: 0px auto;
  width: 1000px;
  position: relative;
  height: 136px;
}
#head p.logo {
  float: left;
  position: absolute;
  top: 35px;
  left: 0px;
}
#head h1.ttl {
  float: left;
  position: absolute;
  top: 4px;
  left: 0px;
}
#head p.htel {
  float: left;
  position: absolute;
  top: 62px;
  right: 0px;
}
#head p.hcat {
    float: left;
    position: absolute;
    top: 66px;
    right: 207px;
}

#head p.hmail {
    float: left;
    position: absolute;
    top: 66px;
    right: 109px;
}
#head p.hdownload {
    float: left;
    position: absolute;
    top: 66px;
    right: 10px;
}

#head p.hcat img:hover,
#head p.hmail img:hover,
#head p.hdownload img:hover {
	opacity: 0.7;
}


#head p.hshu {
  float: left;
  position: absolute;
  top: 23px;
  right: 251px;
}
#head p.hcar {
  float: left;
  position: absolute;
  top: 32px;
  right: 127px;
}
#head p.hpri {
  float: left;
  position: absolute;
  top: 32px;
  right: 3px;
}
#contactPage #head p.htel {
  display: none;
}
#contactPage #head p.hcat {
  display: none;
}
#contactPage #head p.hmail {
  display: none;
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#footer {
  width: 100%;
  /*height: 750px;*/
  text-align: center;
  float: left;
  line-height: 1.5;
  margin: 0 auto;
  background: #00A7E3 url(../images/fbg.jpg) repeat-x center top;
  color: #fff;
  font-size: 12px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}
#foot {
  width: 1000px;
  /*height: 590px;*/
  margin: 0 auto;
  background: #00A7E3 url(../images/fbg.jpg) repeat-x center top;
  position: relative;
  text-align: right;
  line-height: 1.5;
  
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 80px;
  gap: 10px;
}
.fbox01 {
  max-width: 178px;
  /*float: right;
  position: absolute;
  top: 75px;
  left: 6px;*/
  text-align: left;
}
.fbox01 li {
  /*width:178px;
	float:left;*/
  line-height: 1.8;
  background: url(../images/ficon.jpg) no-repeat 0 5px;
  text-indent: 10px;
}
.fbox01 li.ind {
  width: 168px;
  float: left;
  line-height: 1.8;
  background: none;
  text-indent: 10px;
}
.fbox02 {
  max-width: 380px;
  /*float: right;
  position: absolute;
  top: 75px;
  left: 186px;*/
  text-align: left;
}
.fbox02 li {
  width: 190px;
  float: left;
  line-height: 1.8;
  background: url(../images/ficon.jpg) no-repeat 0 5px;
  text-indent: 10px;
}
.fbox02 li.ind {
  width: 190px;
  float: left;
  line-height: 1.8;
  background: none;
  text-indent: 10px;
}
.fbox03 {
  max-width: 220px;
  /*float: right;
  position: absolute;
  top: 96px;
  left: 577px;*/
  text-align: left;
  margin-top: 21px;
}
.fbox03 li {
  /*width: 240px;*/
  float: left;
  line-height: 1.8;
  background: url(../images/ficon.jpg) no-repeat 0 5px;
  text-indent: 10px;
}
.fbox03 li.ind {
  max-width: 220px;
  float: left;
  line-height: 1.8;
  background: none;
  text-indent: -10px;
  padding-left: 10px;
}
.fbox03 li.ind.cateTtl {
  padding-left: 10px;
  text-indent: 0;
  box-sizing: border-box;
}
.fbox04 {
  width: 170px;
  /*float: right;
  position: absolute;
  top: 96px;
  left: 827px;*/
  text-align: left;
  margin-top: 21px;
}
.fbox04 li {
  width: 150px;
  float: left;
  line-height: 1.8;
  background: url(../images/ficon.jpg) no-repeat 0 5px;
  text-indent: 10px;
}
.fbox04 li.ind {
  width: 190px;
  float: left;
  line-height: 1.8;
  background: none;
  text-indent: 10px;
}
.fbox05 {
  width: 114px;
  float: right;
  position: absolute;
  top: 75px;
  left: 594px;
  text-align: left;
}
.fbox05 li {
  width: 114px;
  float: left;
  line-height: 1.8;
  background: url(../images/ficon.jpg) no-repeat 0 5px;
  text-indent: 10px;
}
.fbox05 li.ind {
  width: 114px;
  float: left;
  line-height: 1.8;
  background: none;
  text-indent: 10px;
}
.fbox06 {
  width: 139px;
  float: right;
  position: absolute;
  top: 75px;
  left: 708px;
  text-align: left;
}
.fbox06 li {
  width: 139px;
  float: left;
  line-height: 1.8;
  background: url(../images/ficon.jpg) no-repeat 0 5px;
  text-indent: 10px;
}
.fbox06 li.ind {
  width: 151px;
  float: left;
  line-height: 1.8;
  background: none;
  text-indent: 10px;
}
.fbox07 {
  width: 139px;
  float: right;
  position: absolute;
  top: 75px;
  left: 847px;
  text-align: left;
}
.fbox07 li {
  width: 139px;
  float: left;
  line-height: 1.8;
  background: url(../images/ficon.jpg) no-repeat 0 5px;
  text-indent: 10px;
}
.fbox07 li.ind {
  width: 169px;
  float: left;
  line-height: 1.8;
  background: none;
  text-indent: 10px;
}
#pagetop {
  position: absolute;
  top: 0px;
  right: 0px;
  float: right;
}
#copy {
  /*position: absolute;
  top: 580px;
  left: 339px;
  float: right;*/
}
.cateTtl {
  width: 100% !important;
  display: block;
  border-bottom: 1px dotted #FFF;
  margin-bottom: 5px;
  padding-bottom: 5px;
  background: url(../images/footer_cate.png) no-repeat 0 6px !important;
}
/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/
#index #nav {
  width: 245px;
  float: right;
  overflow: hidden;
  padding-bottom: 60px;
}
#Page #nav {
  width: 245px;
  float: right;
  overflow: hidden;
  padding-bottom: 60px;
  margin: 20px 20px 0 0px;
  display: inline;
}
#contactPage #nav {
  width: 245px;
  float: right;
  overflow: hidden;
  padding-bottom: 60px;
  margin: 20px 20px 0 0px;
  display: inline;
  display: none;
}
.nav_box01 {
  float: left;
  width: 245px;
  height: 217px;
  margin-bottom: 22px;
  background: #E1E8E8;
  position: relative;
}
.nav_box01 p.bg {
  position: absolute;
  top: 0;
  left: 0;
}
.nav_box01 p.txt {
  width: 209px;
  text-align: center;
  font-size: 11px;
  position: absolute;
  top: 57px;
  left: 18px;
}
.nav_box01 p.nav01 {
  position: absolute;
  top: 150px;
  left: 21px;
}
.nav_box02 {
  float: left;
  width: 245px;
  height: 149px;
  background: #E1E8E8;
  position: relative;
  margin-bottom: 22px;
}
.nav_box02 p.bg {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
}
.nav_box02 p.nimg {
  float: left;
  position: absolute;
  top: 57px;
  left: 9px;
}
.nav_box02 p.txt {
  width: 120px;
  float: left;
  position: absolute;
  top: 59px;
  left: 116px;
  font-size: 11px;
}
.nav_box02 p.nav02 {
  float: left;
  position: absolute;
  top: 94px;
  left: 106px;
}
.nav_box03 {
  width: 245px;
  float: left;
  background: #E1E8E8;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.nav_box04 {
  width: 235px;
  float: left;
  margin: 4px 0 0 5px;
  display: inline;
  /*border-bottom:1px solid #9FA4A4;*/
}
.nav_box04 p {
  float: left;
}
.nav_box04 li {
  width: 235px;
  float: left;
}
.nav_box04 li a {
  /*width:235px;
	height:35px;
	background:url(../images/nav_bg04.jpg) no-repeat;
	text-indent:28px;
	font-size:11px;
	line-height:35px;*/
  float: left;
}
.nav_box04 li.ttl a {
  /*width:235px;
	height:41px;
	background:url(../images/nav_bg03.jpg) no-repeat;
	font-size:13px;
	font-weight:bold;
	text-indent:28px;
	line-height:41px;*/
  float: left;
}
/*.nav_box04 li.ttl a:hover{
	width:235px;
	height:41px;
	background:url(../images/nav_bg03_on.jpg) no-repeat;
}*/
.nav_box05 {
  width: 245px;
  float: left;
  margin-bottom: 22px;
}
.nav_box05 ul {}
.nav_box05 ul li {}
.nav_box05 ul li + li {
  margin-top: 10px;
}
#index #gnav,
#Page #gnav {
  width: 1000px;
  height: 59px;
  position: absolute;
  top: 113px;
  left: 0px;
  display: flex;
}
#contactPage #gnav {
  width: 1000px;
  height: 59px;
  float: left;
  position: absolute;
  top: 113px;
  left: 0px;
  display: none;
}
#gnav ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0 4px 0px;
  gap: 3px;
}
#gnav ul li {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}
#gnav ul li:before {
  content: "";
  width: 1px;
  height: 100%;
  background:linear-gradient(transparent 0%,#CCC 50%,transparent 100%);
  position: absolute;
  left: -2px;
  top: 0;
}

#gnav ul li span,
#gnav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 13px;
  transition: .5s;
  gap: 5px;
  cursor: pointer;
}
#gnav ul li span:hover,
#gnav ul li a:hover {
  text-decoration: none;
  background: linear-gradient(#E1E1E1, #FFF);
}
#gnav ul li.gnav-sub span:after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-right: 1px solid #00A7E3;
  border-bottom: 1px solid #00A7E3;
}
#gnav ul li.gnav-sub ul.submenu {
  flex-direction: column;
  position: absolute;
  left: -10px;
  top: 0;
  z-index: -500;
  transition: .5s;
  margin: -1px 0 0 0;
  padding-top: 1px;
  gap: 0;
}
#gnav ul li.gnav-sub *,
#gnav ul li.gnav-sub:hover span {
  background: none !important;
}
#gnav ul li.gnav-sub ul.submenu li {
  width: 100%;
  display: flex;
  background: #FFF !important;
  padding: 15px 10px 5px 10px;
  cursor: pointer;
}
#gnav ul li.gnav-sub ul.submenu li + li {
  padding-top: 5px;
}
#gnav ul li.gnav-sub ul.submenu li:last-child {
  padding-bottom: 15px;
}
#gnav ul li.gnav-sub ul.submenu li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
#gnav ul li.gnav-sub ul.submenu li:before {
  display: none;
}
#gnav ul li.gnav-sub ul.submenu li a:before {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #00A7E3;
  border-right: 1px solid #00A7E3;
}
#gnav ul li.gnav-sub ul.submenu li:hover a {
  text-decoration: underline;
  color: #00A7E3;
}
#gnav ul li.gnav-download a,
#gnav ul li.gnav-catalog a,
#gnav ul li.gnav-contact a {
  font-weight: bold;
  border-radius: 4px;
  color: #FFF;
}
#gnav ul li.gnav-download a {
  background: linear-gradient(#6fde00, #55aa00);
}
#gnav ul li.gnav-download a:hover {
  background: linear-gradient(#55aa00, #6fde00);
}
#gnav ul li.gnav-catalog a {
  background: linear-gradient(#fbbe03, #e0a600);
}
#gnav ul li.gnav-catalog a:hover {
  background: linear-gradient(#e0a600, #fbbe03);
}
#gnav ul li.gnav-contact a {
  background: linear-gradient(#ff9a32, #e57301);
}
#gnav ul li.gnav-contact a:hover {
  background: linear-gradient(#e57301, #ff9a32);
}
#gnav ul li:before {
  content: "";
}

#gnav ul li.gnav-sub ul.submenu:hover,
#gnav ul li.gnav-sub:hover ul.submenu {
  display: block;
  z-index: 500;
  transform: translateY(46px);
}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
/* index
------------------------------------------------------------------------*/
.top_h1 {
  width: 730px;
  float: left;
  height: 54px;
  position: relative;
  margin-bottom: 2px;
}
.top_h1 img {
  position: absolute;
  top: 0;
  left: 0;
}
.top_h1 span img {
  position: absolute;
  top: 17px;
  left: 627px;
}
.top_box01 {
  width: 730px;
  float: left;
  background: #E1E8E8;
  margin-bottom: 25px;
}
.top_box02 {
  width: 716px;
  float: left;
  margin: 14px 0 0 14px;
  padding-bottom: 14px;
}
.top_box02 div.top_box03 {
  width: 347px;
  float: left;
  background: url(../images/top_bg.jpg) repeat-y;
  margin-right: 9px;
  display: inline;
}
.top_box02 div.top_box03 div.top_box04 {
  width: 310px;
  float: left;
  margin-left: 16px;
  display: inline;
}
.top_box02 div.top_box03 h4 {
  background: url(../images/top_icon01.jpg) no-repeat 0 0;
  color: #212121;
  font-weight: bold;
  padding-left: 20px;
  font-size: 15px;
  float: left;
  margin-bottom: 14px;
  width: 280px;
}
.top_box02 div.top_box03 img {
  float: left;
  margin-right: 7px;
  display: inline;
}
.top_box02 div.top_box03 p {
  width: 170px;
  float: left;
}
.top_top {
  width: 347px;
  float: left;
  height: 18px;
  background: url(../images/top_top.jpg) no-repeat;
}
.top_btm {
  width: 347px;
  float: left;
  height: 18px;
  background: url(../images/top_btm.jpg) no-repeat;
}
.top_box05 {
  width: 730px;
  float: left;
  background: #E1E8E8;
  padding-bottom: 15px;
}
.top_box06 {
  width: 701px;
  float: left;
  margin: 15px 0 0 15px;
  background: url(../images/top_bg02.jpg) repeat-y;
}
.top_box06 img {
  float: left;
  background: url(../images/top_bg02.jpg) repeat-y;
  margin: 0 13px 0 15px;
  display: inline;
}
.top_box06 p {
  width: 534px;
  float: left;
}
.top_box06 a img {
  float: right;
  margin: 0 15px 0 0px;
}
.top_top02 {
  width: 701px;
  float: left;
  height: 15px;
  background: url(../images/top_top02.jpg) no-repeat;
}
.top_btm02 {
  width: 701px;
  float: left;
  height: 15px;
  background: url(../images/top_btm02.jpg) no-repeat;
}
/* list
------------------------------------------------------------------------*/
.inside_h1 {
  float: left;
  margin-bottom: 15px;
}
.inside_h2 {
  float: left;
  width: 690px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
}
.inside_h2_02 {
  float: left;
  width: 690px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 13px;
}
.inside_h2_03 {
  background: url(../images/casd_icon.jpg) no-repeat 0 3px;
  text-indent: 20px;
  color: #00A7E3;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  clear: left;
}
.inside_h2_04 {
  background: url(../images/casd_icon.jpg) no-repeat 0 3px;
  text-indent: 20px;
  color: #00A7E3;
  font-weight: bold;
  font-size: 14px;
  clear: left;
}
.inside_h2_co {
  float: left;
  width: 690px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.co_box {
  border-left: 1px #CCC solid;
  border-right: 1px #CCC solid;
  padding: 10px;
}
.co_box img {
  float: left;
  padding: 5px;
  margin: 0 10px 0 0;
  border: 1px solid #CCCCCC;
}
.co_box p {
  padding: 5px 0 0 0;
  float: right;
  width: 500px;
}
.co_boxbt {
  background-image: url(../images/co_box_bot.jpg);
  background-repeat: no-repeat;
  height: 6px;
}
.inside_h3 {
  float: left;
  width: 690px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
  background: url(../images/st_bg.jpg) repeat;
}
.inside_h3 span.bg {
  background: #EBB000;
  float: left;
  padding: 10px;
  color: #FFF;
}
.inside_h3 span.mt {
  float: left;
  padding-top: 11px;
  margin-left: 10px;
  display: inline;
}
.tab_top {
  width: 700px;
  float: left;
  background: url(../images/tab_bg.jpg) repeat-x;
  position: relative;
}
.tab_top ul {
  list-style-type: none;
  float: left;
  margin-left: 13px;
  display: inline;
}
.tab_top li {
  float: left;
  margin-right: 12px;
}
.tab_btm {
  width: 700px;
  float: left;
  background: url(../images/tab_btm.jpg) repeat-x;
  position: relative;
}
.tab_btm ul {
  list-style-type: none;
  float: left;
  margin-left: 13px;
  display: inline;
}
.tab_btm li {
  float: left;
  margin-right: 12px;
}
.li_box01 {
  width: 690px;
  float: left;
  background: url(../images/list_bg.jpg) repeat-y;
  margin-bottom: 30px;
}
.li_box01 ul {
  float: left;
  margin: 10px 0 0 20px;
  display: inline;
  padding-bottom: 10px;
}
.li_box01 li {
  float: left;
  margin-right: 0px;
  width: 210px;
  margin-bottom: 8px;
}
.li_box01 li input[type="checkbox"] {
  vertical-align: middle;
}
.li_box02 {
  width: 690px;
  float: left;
  background: url(../images/li_bg02.jpg) repeat-y;
}
.li_top {
  width: 690px;
  height: 16px;
  background: url(../images/li_top.jpg) no-repeat;
  float: left;
}
.li_btm {
  width: 690px;
  height: 16px;
  background: url(../images/li_btm.jpg) no-repeat;
  float: left;
}
.li_box03 {
  width: 660px;
  float: left;
  margin-left: 15px;
  display: inline;
  position: relative;
  /*margin-bottom: 20px;*/
}
.li_box03 + .li_box03 {
  margin-top: 20px;
}
.li_box03 img {
  display: inline;
}
.li_box03 p.proImg {
  width: 186px;
  padding: 4px;
  border: 1px solid #CCC;
  margin-right: 15px;
  float: left;
  text-align: center;
}
.li_box03 h2 {
  background: url(../images/li_icon.jpg) no-repeat 0 4px;
  color: #00A7E3;
  font-weight: bold;
  text-indent: 18px;
  font-size: 16px;
  float: left;
  margin: 10px 0 5px 0;
  width: 440px;
}
.li_box03 h2 a {
  color: #00A7E3;
}
.li_box03 h3 {
  width: 430px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-left: 18px;
  display: inline;
  margin-bottom: 15px;
}
.li_box03 h4 {
  background: #EAAF00;
  padding: 5px 10px 5px 10px;
  position: absolute;
  top: 0;
  right: 0;
  float: left;
  color: #FFF;
  font-weight: bold;
}
.li_box03 h4.sec {
  background: #EAAF00;
  padding: 5px 10px 5px 10px;
  position: absolute;
  top: 0px;
  right: 0;
  float: left;
  color: #FFF;
  font-weight: bold;
}
.li_box03 p.sec {
  background: #EAAF00;
  padding: 3px 5px 2px 5px;
  float: left;
  color: #FFF;
  /*font-weight:bold;*/
  font-size: 11px;
}
.li_box03 h2 + p,
.li_box03 h3 + p,
.li_box03 dl {
  width: 449px;
  float: right;
}
.li_box03 p + dl {
  margin-top: 15px;
}
.li_box03 dl dt {
  width: 42px;
  margin-right: 5px;
  float: left;
}
.li_box03 dl dt span {
  background: #AAAAAA;
  padding: 3px 5px 3px 5px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  float: left;
}
.li_box03 dl dd {
  width: 390px;
  float: left;
  font-size: 11px;
}
.li_box04 {
  width: 690px;
  height: 146px;
  float: left;
  position: relative;
}
.li_box04 p {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
}
.li_box04 ul {
  list-style-type: none;
  float: left;
  position: absolute;
  top: 55px;
  left: 483px;
}
.li_box04 li a img {
  margin-bottom: 3px;
  position: inherit;
}
.seo {
  width: 690px;
  float: left;
  font-size: 10px;
  line-height: 1.4;
}
/* list_detail
------------------------------------------------------------------------*/
.inside_h1_02 {
  float: left;
  width: 690px;
  height: 54px;
  line-height: 58px;
  text-indent: 32px;
  font-size: 14px;
  color: #444;
  margin-bottom: 15px;
  background: url(../images/inside_h1.jpg) no-repeat;
  font-weight: bold;
}
.lid_box02 {
  width: 690px;
  float: left;
  background: url(../images/li_bg02.jpg) repeat-y;
}
.lid_top02 {
  width: 690px;
  height: 16px;
  background: url(../images/li_top.jpg) no-repeat;
  float: left;
}
.lid_btm03 {
  width: 690px;
  height: 16px;
  background: url(../images/li_btm.jpg) no-repeat;
  float: left;
}
.lid_box03 {
  width: 660px;
  float: left;
  margin-left: 15px;
  display: inline;
  position: relative;
}
.lid_box03 img {
  float: left;
  margin-right: 10px;
  display: inline;
}
.lid_box03 h3 {
  width: 380px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0px;
  display: inline;
  margin-bottom: 10px;
}
.lid_box03 h2 {
  background: #EAAF00;
  padding: 3px 5px 2px 5px;
  float: left;
  color: #FFF;
  /*font-weight:bold;*/
  margin-bottom: 10px;
  font-size: 11px;
}
.lid_box03 dl {
  width: 380px;
  float: left;
}
.lid_box03 dl dt {
  width: 42px;
  margin-right: 5px;
  float: left;
}
.lid_box03 dl dt span {
  background: #AAAAAA;
  padding: 3px 5px 3px 5px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  float: left;
}
.lid_box03 dl dd {
  width: 380px;
  float: left;
  font-size: 12px;
}
.lid_box03 dl dd p + p {
  margin-top: 10px;
}
.lid_box03 dl dd p + p a {
  text-decoration: underline;
}
.lid_box03 dl dd p + p a:hover {
  text-decoration: none;
}
.lid_box04 {
  width: 670px;
  float: left;
  margin-left: 10px;
  display: inline;
}
.lid_box04 dl {
  width: 670px;
  float: left;
  border-bottom: 1px dotted #666;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.lid_box04 dl dt {
  width: 30px;
  float: left;
}
.lid_box04 dl dd {
  width: 640px;
  float: left;
  padding-top: 3px;
  font-size: 13px;
}
.emp {
  color: #00A6E3;
}
.inside_box {
  float: left;
  width: 690px;
}
.inside_box3 {
  float: left;
  width: 690px;
}
.inside_box3.photoList {
  width: 711px;
}
.inside_box3 dl {
  width: 216px;
  float: left;
  margin-right: 21px;
}
.inside_box3 dt {}
.inside_box3 dd {}
.move {
  padding: 0 0 0 10px;
}
.inside_box3 .move dl {
  width: 330px;
  float: left;
  margin: 0 10px 0 0;
}
.inside_box3 .move dt {
  background: url(../images/casd_icon.jpg) no-repeat 0 3px;
  text-indent: 20px;
  color: #00A7E3;
  font-weight: bold;
  font-size: 14px;
  float: left;
}
.inside_box3 .move dd {}
.inside_box_c {
  float: left;
  width: 690px;
  text-align: center;
}
.lid_box05 {
  width: 665px;
  height: 267px;
  float: left;
  margin-left: 12px;
  position: relative;
}
.lid_box05 h5 {
  position: absolute;
  top: 54px;
  left: 10px;
  width: 192px;
}
.lid_box05 h6 {
  position: absolute;
  top: 54px;
  left: 352px;
  width: 300px;
}
.lid_box05 p {
  position: absolute;
  top: 212px;
  left: 399px;
}
.lid_box06 {
  width: 690px;
  float: left;
}
.lid_box07 {
  width: 678px;
  float: left;
  margin: 0px 0 0 12px;
}
.lid_box07 div.lid_box08 {
  width: 327px;
  float: left;
  background: url(../images/lid_bg02.jpg) repeat-y;
  margin-right: 10px;
  display: inline;
}
.lid_box09 {
  width: 300px;
  float: left;
  margin-left: 16px;
  display: inline;
}
.lid_box08 h4 {
  background: url(../images/top_icon01.jpg) no-repeat 0 2px;
  color: #212121;
  font-weight: bold;
  padding-left: 20px;
  font-size: 15px;
  float: left;
  margin-bottom: 14px;
  width: 280px;
}
.lid_box08 img {
  float: left;
  margin-right: 7px;
  display: inline;
}
.lid_box08 p {
  width: 158px;
  float: left;
}
.lid_top {
  width: 327px;
  float: left;
  height: 18px;
  background: url(../images/lid_top.jpg) no-repeat;
}
.lid_btm {
  width: 327px;
  float: left;
  height: 18px;
  background: url(../images/lid_btm.jpg) no-repeat;
}
.lid_box10 {
  width: 678px;
  float: left;
  margin-left: 12px;
  display: inline;
}
.lid_box11 {
  width: 212px;
  float: left;
  margin-right: 12px;
  background: url(../images/lid_bg04.jpg) repeat-y;
  text-align: center;
  margin-bottom: 12px;
}
.lid_box11 h5 {
  float: left;
  width: 212px;
  height: 44px;
  background: url(../images/lid_top02.jpg) no-repeat;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 13px;
  color: #FFF;
}
.lid_box11 img {
  text-align: center;
  margin-bottom: 10px;
}
.lid_box11 p {
  font-weight: bold;
  margin: 0 10px 10px;
  height: 40px;
}
.lid_box11 div.lid_box12 {
  background: url(../images/lid_bg03.jpg) no-repeat;
  width: 194px;
  height: 33px;
  line-height: 33px;
  margin-left: 8px;
  display: inline;
  float: left;
}
.lid_btm02 {
  width: 212px;
  float: left;
  height: 9px;
  background: url(../images/lid_btm02.jpg) no-repeat;
}
/* app
------------------------------------------------------------------------*/
.app_box01 {
  width: 690px;
  height: 560px;
  float: left;
  background: url(../images/app_bg.png) no-repeat;
  position: relative;
}
.app-an-box p {
  position: absolute;
}
.an01 {
  top: 138px;
  left: 119px;
}
.an02 {
  top: 138px;
  left: 550px;
}
.an03 {
  top: 179px;
  left: 229px;
}
.an04 {
  top: 179px;
  left: 459px;
}
.an05 {
  top: 219px;
  left: 118px;
}
.an06 {
  top: 219px;
  left: 373px;
}
.an07 {
  top: 259px;
  left: 118px;
}
.an08 {
  top: 259px;
  left: 550px;
}
.an09 {
  top: 299px;
  left: 118px;
}
.an10 {
  top: 297px;
  left: 215px;
  background: #FFF;
}
.an11 {
  top: 299px;
  left: 459px;
}
.an12 {
  top: 339px;
  left: 217px;
}
.an13 {
  top: 379px;
  left: 118px;
}
.an14 {
  top: 419px;
  left: 217px;
}
.an15 {
  top: 460px;
  left: 132px;
}
.an16 {
  top: 460px;
  left: 217px;
}
.an17 {
  top: 501px;
  left: 132px;
}
.an18 {
  top: 501px;
  left: 387px;
}
.an19 {
  left: 116px;
  top: 95px;
  background: #FFF;
}
.an20 {
  left: 336px;
  top: 297px;
  background: #FFF;
}
.an21 {
  left: 103px;
  top: 404px;
}
.app_box01 .anHover a:hover,
.app_box01 .an10 a:hover,
.app_box01 .an19 a:hover,
.app_box01 .an20 a:hover {
opacity: 0.7;
}

/* app
------------------------------------------------------------------------*/
.appd_box01 {
  width: 665px;
  float: left;
  margin-left: 12px;
  display: inline;
}
.appd_box02 {
  width: 71px;
  height: 28px;
  background: url(../images/appd_bg01.jpg) no-repeat;
  text-align: center;
  line-height: 28px;
  font-weight: bold;
  color: #FFF;
  font-size: 13px;
  float: left;
  margin-right: 9px;
}
.appd_box03 {
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-weight: bold;
  font-size: 13px;
  float: left;
  margin-right: 9px;
}
.is_box01 {
  width: 750px;
  float: left;
  position: relative;
}
.is_box02 {
  width: 331px;
  float: left;
  margin-right: 28px;
  margin-bottom: 28px;
  background: url(../images/is_bg.jpg) repeat-y;
}
.is_box02 h2 {
  background: url(../images/is_icon.jpg) no-repeat 0 4px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
  float: left;
  margin-left: 10px;
  display: inline;
  color: #00A6E3;
  width: 288px;
  margin-bottom: 5px;
}
.is_box02 h2 a {
  color: #00A6E3;
}
.is_box02 img {
  float: left;
  margin: 0 10px 0 10px;
  width: 126px;
}
.is_box02 p {
  width: 171px;
  float: left;
}
.is_top {
  width: 331px;
  height: 12px;
  background: url(../images/is_top.jpg) no-repeat;
  float: left;
}
.is_btm {
  width: 331px;
  height: 12px;
  background: url(../images/is_btm.jpg) no-repeat;
  float: left;
}
/* issue_detail
------------------------------------------------------------------------*/
.isd_box01 {
  width: 690px;
  float: left;
  background: url(../images/li_bg02.jpg) repeat-y;
}
.isd_box01 dl {
  width: 665px;
  float: left;
  margin-left: 15px;
  display: inline;
}
.isd_box01 dl dt {
  width: 67px;
  float: left;
}
.isd_box01 dl dt span.bg {
  background: url(../images/isd_bg.jpg) no-repeat;
  width: 56px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  float: left;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
}
.isd_box01 dl dt span.bg02 {
  background: url(../images/isd_bg02.jpg) no-repeat;
  width: 56px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  float: left;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
}
.isd_box01 dl dt span.bg04 {
  background: url(../images/isd_bg02.jpg) no-repeat;
  width: 56px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
}
.isd_box01 dl dd {
  width: 598px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding-top: 3px;
}
.isd_box01 dl dd p {
  width: 598px;
  margin-left: 0;
  margin-top: 0;
}
.isd_box01 p {
  width: 665px;
  float: left;
  margin-left: 15px;
  display: inline;
  margin-top: 20px;
}
.isd_top {
  width: 690px;
  height: 16px;
  background: url(../images/li_top.jpg) no-repeat;
  float: left;
}
.isd_btm {
  width: 690px;
  height: 16px;
  background: url(../images/li_btm.jpg) no-repeat;
  float: left;
}
.st_box01 {
  width: 677px;
  float: left;
  margin-left: 13px;
  display: inline;
}
.st_box01 img {
  float: left;
  margin-right: 10px;
  display: inline;
}
.st_box01 p {
  width: 470px;
  float: left;
}
/* case_detail
------------------------------------------------------------------------*/
.casd_box01 {
  width: 670px;
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin-left: 10px;
  display: inline;
}
.casd_box01 img {
  float: right;
  margin: 0 0 10px 10px;
}
.casd_box02 {
  width: 670px;
  float: left;
  margin-left: 10px;
  display: inline;
  background: url(../images/casd_bg.jpg) repeat-y;
}
.casd_top {
  width: 670px;
  height: 23px;
  background: url(../images/casd_top.jpg) no-repeat;
  float: left;
}
.casd_btm {
  width: 670px;
  height: 10px;
  background: url(../images/casd_btm.jpg) no-repeat;
  float: left;
}
.casd_box03 {
  width: 640px;
  float: left;
  margin-left: 15px;
  display: inline;
}
.casd_box03 h2 {
  background: url(../images/casd_icon.jpg) no-repeat 0 3px;
  text-indent: 20px;
  color: #00A7E3;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.casd_box03 p {
  margin-bottom: 10px;
}
.casd_box03 span p {
  width: 640px;
  float: left;
  margin-bottom: 0;
}
.casd_box03 dl {
  width: 640px;
  float: left;
}
.casd_box03 dl dt {
  width: 458px;
  float: left;
}
.casd_box03 dl dd {
  width: 130px;
  float: left;
  margin-left: 30px;
  display: inline;
  font-size: 10px;
  text-align: center;
}
.casd_box03 dl dd a {
  text-decoration: underline;
}
.casd_box03 dl dd a:hover {
  text-decoration: none;
}
.casd_box04 {
  width: 670px;
  float: left;
  margin-left: 10px;
  display: inline;
}
.casd_box04 p {
  margin: 0 0 15px 0;
}
.imgbrdr {
  border: 1px solid #CCC;
  padding: 5px;
  margin: 0 0 10px 10px;
  text-align: center;
  float: right;
}
.imgbrdr img {
  margin: 0 0 5px 0;
}
.casd_box04 .imgbrdr p {
  font-size: 10px;
  margin: 0;
}
.imgbrdr2 {
  padding: 5px;
  margin: 0 0 10px 10px;
  text-align: center;
  float: right;
}
.imgbrdr2 p {
  font-size: 10px;
}
.casd_box04 dl {
  width: 670px;
  float: left;
}
.casd_box04 dl dt {
  width: 432px;
  float: left;
}
.casd_box04 dl dd {
  width: 204px;
  padding: 3px 2px 3px 2px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 10px;
  float: left;
  margin-left: 13px;
}
/*
.casd_box04 dl dd {
	width:204px;
	height:209px;
	border:1px solid #ccc;
	text-align:center;
	font-size:10px;
	float:left;
	margin-left:13px;
}
*/
.casd_box04 dl dd img {
  margin: 8px 0 0 0px;
  padding-bottom: 10px;
}
table.tab2 {
  border-collapse: collapse;
  border: 1px solid #B8DCE4;
  width: 100%;
}
table.tab2 td {
  border: 1px solid #B8DCE4;
  padding: 10px;
  text-align: left;
}
table.tab2 td img {
  float: left;
  margin: 0 10px 0 0;
}
table.tab2 th {
  border: 1px solid #B8DCE4;
  padding: 10px;
  background-color: #EEF3F7;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
table.tab2 th.cnt {
  text-align: center;
}
.casd_box05 {
  width: 690px;
  float: left;
  background: url(../images/li_bg02.jpg) repeat-y;
}
.casd_box05 dl {
  width: 665px;
  float: left;
  margin-left: 15px;
  display: inline;
}
.casd_box05 dl dt {
  width: 67px;
  float: left;
}
.casd_box05 dl dt span.bg {
  background: url(../images/isd_bg.jpg) no-repeat;
  width: 56px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
}
.casd_box05 dl dt span.bg02 {
  background: url(../images/isd_bg02.jpg) no-repeat;
  width: 56px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
}
.casd_box05 dl dd {
  width: 598px;
  float: left;
}
.casd_box05 dl dd p {
  width: 598px;
  float: left;
  margin-left: 0;
  margin-top: 0;
}
.casd_box05 p {
  width: 665px;
  float: left;
  margin-left: 15px;
  display: inline;
  margin-top: 20px;
}
.casd_top02 {
  width: 690px;
  height: 16px;
  background: url(../images/li_top.jpg) no-repeat;
  float: left;
}
.casd_btm02 {
  width: 690px;
  height: 16px;
  background: url(../images/li_btm.jpg) no-repeat;
  float: left;
}
.casd_box06 {
  width: 665px;
  float: left;
  margin-bottom: 10px;
  margin-left: 15px;
  display: inline;
}
.casd_box06 dl {
  width: 665px;
  float: left;
}
.casd_box06 dl dt {
  width: 67px;
  float: left;
}
.casd_box06 dl dt span.bg03 {
  background: url(../images/appd_bg03.jpg) no-repeat;
  width: 56px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  padding: 0;
}
.casd_box06 dl dd {
  width: 590px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding-top: 3px;
}
/* about
------------------------------------------------------------------------*/
.abo_box01 {
  width: 670px;
  float: left;
  margin-left: 10px;
  display: inline;
}
table.tab3 {
  border-collapse: collapse;
}
table.tab3 td {
  padding: 10px;
  text-align: left;
  background: url(../images/td_bg.jpg) repeat-x left bottom;
}
table.tab3 th {
  padding: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  background: url(../images/th_bg.jpg) repeat-x left bottom #E1E8E8;
}
/*table.tab3 td p {
	float:right;
	margin-right:30px;
	display:inline;
}*/
table.tab3 td a img {
  margin-top: 10px;
}
table.tab4 {}
table.tab4 td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px dotted #6C8595;
}
table.tab4 th {
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #B0BDC6;
}
.zzzzz {
  width: 730px
}
.video {
  margin-left: 5px;
}
.video ul li {
  float: left;
  width: 300px;
  margin: 5px 12px 5px 12px;
}
.video ul li p {
  font-size: 14px;
  font-weight: bold;
}
.testh2 {
  font-size: 16px;
  color: #FFF;
  background: url(../images/knowledge_h2tst.jpg) no-repeat 0 0;
  clear: both;
  padding: 10px 0 4px 15px;
  margin-bottom: 10px;
  width: 100%;
}
.inside_h1.testh2 span {
  display: block !important;
}
.inside_h1.testh2 img {
  display: none !important;
}
.con_h1 {
  width: 960px;
  float: left;
  margin-bottom: 25px;
}
.con_h2 {
  width: 920px;
  float: left;
  margin-bottom: 15px;
}
table.tab td table {
  border-collapse: collapse;
  border: 0px solid #ddd;
}
table.tab td table td {
  border-bottom: 1px dotted #CCC;
  padding: 5px;
  text-align: left;
  border-top: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-right: 0px solid #cccccc;
}
table.tab td table.bg {
  border-collapse: collapse;
  border: 0px solid #ddd;
}
table.tab td table.bg td {
  border-bottom: 0px dotted #CCC;
  padding: 0px;
  text-align: left;
  border-top: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-right: 0px solid #cccccc;
}
table.tab {
  border-collapse: collapse;
  border: 1px solid #cccccc;
}
table.tab td {
  border: 1px solid #cccccc;
  padding: 15px;
  text-align: left;
}
table.tab th {
  border: 1px solid #cccccc;
  padding: 15px;
  background-color: #E1E8E8;
  text-align: left;
  line-height: 26px;
  font-weight: bold;
}
.contact_box {
  width: 920px;
  float: left;
  margin-left: 20px;
  display: inline;
}
.contact_box02 {
  width: 800px;
  float: left;
  margin-left: 60px;
  display: inline;
}
.contact_box02 img {
  margin-top: 5px;
}
/* formPage
----------------------------------------------------*/
#contactPage form input, #contactPage form select, #contactPage form textarea {
  margin-right: 5px;
  padding: 3px;
  border: 1px solid #ccc;
  background-color: #fff;
  vertical-align: middle;
}
#contactPage form .nonDeco {
  border: none;
  padding: 0;
  background: none;
}
#contactPage form textarea {
  font-size: 12px;
}
/* input width style
----------------------------------------------------*/
#contactPage form .input1 {
  width: 150px;
}
#contactPage form .input2 {
  width: 350px;
}
#contactPage form .input3 {
  width: 80px;
}
#contactPage form .input4 {
  width: 50px;
}
/* submit area style
----------------------------------------------------*/
#contactPage div#submit {
  margin-top: 30px;
  text-align: center;
}
#contactPage div#submit input {
  width: 206px;
  height: 44px;
  border: none;
}
#contactPage div#submit ul#btnSet {
  width: 430px;
  margin: 0 auto;
  list-style-type: none;
}
#contactPage div#submit input#conf {
  background: url(../images/contact_btn_confirm_off.png) no-repeat left top;
}
#contactPage div#submit input#conf:hover {
  background: url(../images/contact_btn_confirm_on.png) no-repeat left top;
}
#contactPage div#submit input#reset {
  background: url(../images/contact_btn_reset_off.png) no-repeat left top;
}
#contactPage div#submit input#reset:hover {
  background: url(../images/contact_btn_reset_on.png) no-repeat left top;
}
#contactPage div#submit input#send {
  background: url(../images/contact_btn_send_off.png) no-repeat left top;
}
#contactPage div#submit input#send:hover {
  background: url(../images/contact_btn_send_on.png) no-repeat left top;
}
#contactPage div#submit input#back {
  background: url(../images/contact_btn_back_off.png) no-repeat left top;
}
#contactPage div#submit input#back:hover {
  background: url(../images/contact_btn_back_on.png) no-repeat left top;
}
div#submit {
  margin-top: 30px;
  text-align: center;
}
div#submit input {
  width: 206px;
  height: 44px;
  border: none;
}
div#submit input#decide {
  background: url(../images/contact_btn_decide_off.png) no-repeat left top;
}
div#submit input#decide:hover {
  background: url(../images/contact_btn_decide_on.png) no-repeat left top;
}
/* text style
----------------------------------------------------*/
#contactPage form p.attention {
  margin-bottom: 5px;
  padding-left: 0;
  background: none;
  color: #f00;
  text-align: right;
}
#contactPage form table em {
  margin-left: 2px;
  font-style: normal;
  font-weight: normal;
  font-size: 0.8em;
  color: #f00;
}
#contactPage p.formError {
  color: #f00;
  text-align: center;
}
#contactPage p.formMessage {
  margin: 50px 0;
  text-align: center;
}
.must {
  float: left;
  width: 51px;
  height: 26px;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  background-image: url(../images/mfp_must.jpg);
  text-indent: -50000px;
  display: block;
  margin-right: 10px;
}
.must2 {
  float: left;
  width: 51px;
  height: 26px;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  background-image: url(../images/mfp_must2.jpg);
  text-indent: -50000px;
  display: block;
  margin-right: 10px;
}
.kojin {
  float: left;
}
.pri {
  width: 450px;
  height: 200px;
  overflow-y: auto;
  background: #FFF;
  border: 1px solid #ccc;
}
.pri div {
  width: 410px;
  margin: 10px 0 0 10px;
}
.pri p {
  margin-bottom: 12px;
}
.pri h4 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 12px;
}
.pri dt {
  font-weight: bold;
}
.pri dd {
  margin-bottom: 12px;
}
.f11 {
  font-size: 11px;
}
.bl {
  width: 100px;
  float: left;
  margin-top: 5px;
}
.han {
  font-size: 12px;
  font-weight: lighter;
  color: #333;
}
/* wordpress組込時追加
------------------------------------------------------------------------*/
a.imgHover:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#comname_none .exist {
  display: none;
}
#comname_exist .none {
  display: none;
}
/*---------160215-----------*/
#main #content h4.inside_h4 {
  font-size: 14px;
  margin-bottom: 10px !important;
}
.isd_box05 {
  width: 690px;
  float: left;
  background: url(../images/li_bg02.jpg) repeat-y;
}
.isd_box05 dl {
  width: 665px;
  float: left;
  margin-left: 15px;
  display: inline;
}
.isd_box05 dl dt {
  width: 67px;
  float: left;
}
.isd_box05 dl dt span.bg {
  background: url(../images/isd_bg.jpg) no-repeat;
  width: 56px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  float: left;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
}
.isd_box05 dl dd {
  width: 598px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding-top: 3px;
}
.imgBox {
  width: 261px;
  height: 167px;
  float: left;
  margin-left: 15px;
}
.imgBox + dl {
  width: 385px;
  float: left;
  margin-left: 15px;
  display: inline;
}
.imgBox + dl dd {
  width: 385px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding-top: 8px;
}
/*-----*/
.inside_box dl {
  margin-bottom: 20px;
  margin-left: 15px;
}
.inside_box dl dt {
  font-size: 14px;
  font-weight: bold;
}
.inside_box dl dd {
  margin-bottom: 10px;
}
.lid_box10 .box10repeat dd {
  float: left;
  font-size: 13px;
  display: inline;
  margin-top: 0px;
  padding-top: 3px;
}
.lid_box10 .box10repeat img {
  width: 100px;
  margin-right: 10px;
  display: inline;
  float: left;
}
.lid_box10 .box10repeat {
  width: 670px;
  border-bottom: 1px dotted #666;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.lid_box10 .box10repeat dl dt img {
  width: 24px;
  margin-right: 5px;
  float: left;
}
.repeatImg + dl dd, .repeatImg + dl dd + dd {
  width: 520px;
}
.freespace {
  margin-bottom: 30px;
}
.index_productList {
  margin-bottom: 20px;
  clear: both;
}
.index_productList dt {
  position: relative;
  padding: 8px 0 8px 10px;
  border-left: 3px solid #00A7E3;
  font-size: 14px;
  font-weight: bold;
  background: #F3F3F3;
}
.index_productList dt span {
  position: absolute;
  top: 8px;
  right: 10px;
}
.index_productList dd {
  float: left;
  margin-left: 13px;
  margin-top: 13px;
  width: 216px;
  padding: 5px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #CCC;
}
.index_productList dd > div {
  float: right;
  width: 130px;
}
.index_productList dd img {
  width: 80px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.index_productList dd.area-link .index_pname {
  text-decoration: underline;
}
.index_productList dd.area-link:hover .index_pname {
  text-decoration: none !important;
}
.index_productList dd .index_pname h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
.index_productList dd .index_pcopy {}
.index_productList dd {}
.index_productList dd {}
.knowBox {
  padding: 15px;
  background: #EEF3F7;
  margin: 20px 0;
}
.knowBox li {
  padding-left: 1em;
  text-indent: -1em;
}
.knowBox li + li {
  margin-top: 10px;
}
.meritList {}
.meritList li {
  background: url(../images/knowledge_icon01.jpg) no-repeat 0 5px;
  padding-left: 15px;
}
.meritList li + li {
  margin-top: 10px;
}
a.t_under,
.a_under a {
  text-decoration: underline;
  color: #00A7E3;
}
a.t_under:hover,
.a_under a:hover {
  text-decoration: none;
}
/*---------170410---------------------*/
.related_product_box {
  width: 320px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 17px;
  margin-bottom: 17px;
}
.related_product_box:hover {
  opacity: 0.75;
}
.related_product_box h4 {
  background: url(../images/top_icon01.jpg) no-repeat 0 2px;
  color: #212121;
  font-weight: bold;
  padding-left: 20px;
  font-size: 15px;
  float: left;
  margin-bottom: 14px;
  width: 280px;
}
.related_product_box img {
  float: left;
  margin-right: 7px;
  display: inline;
}
.related_product_box p {
  width: 158px;
  float: left;
}
.proboxIn {
  width: 300px;
  float: left;
  margin: 16px 0 16px 16px;
  display: inline;
  position: relative;
}
.proboxIn img {
  border: 1px solid #ccc;
  padding: 4px;
  width: 123px;
  border-radius: 2px;
}
.related_product_box .proboxIn .detail {
  display: block;
  background: #EAAF00;
  padding: 3px 10px 2px 10px;
  float: left;
  color: #FFF;
  margin-top: 5px;
  font-size: 11px;
  position: absolute;
  bottom: 0;
  right: 6px;
  border-radius: 2px;
}
.kanrenBox {
  position: relative;
  padding-bottom: 25px;
}
/* 170526
----------------------------------------*/
.construList ul {
  text-align: center;
  margin: 20px 0;
}
.construList ul li {
  display: inline-block;
  width: 220px;
  text-align: center;
}
.construList ul li + li {
  margin-left: 10px;
}
.construList ul li img {
  max-width: 220px;
}
.lid_box02.product_new_layout01 .lid_box03 .product_new_layout01-cont h3.offitem,
.li_box03 h3.lb03off,
.li_box03 h3.offitem,
.offitem {
  display: none;
}
.li_box03 h3.lb03off + h3.offitem {
  display: block !important;
}

.productSpec + .productSpec {
  margin-top: 20px;
}
.productSpec table {
  border-top: 1px solid #B8DBE4;
  border-left: 1px solid #B8DBE4;
  width: 100%;
  margin-bottom: 20px;
}
.productSpec th {
  border-right: 1px solid #B8DBE4;
  border-bottom: 1px solid #B8DBE4;
  background: #EEF3F7;
  text-align: center;
  padding: 10px 15px;
  font-weight: bold;
  width: 20%;
}
.productSpec th + th {
  width: auto;
}
.productSpec td + td {
  background: #FFF;
  font-weight: normal;
  text-align: right;
}
.productSpec table.tdC td + td {
  text-align: center;
}
.productSpec table.tdL td + td {
  text-align: left;
}
.productSpec table.tdR td + td {
  text-align: right;
}
.productSpec td {
  border-right: 1px solid #B8DBE4;
  border-bottom: 1px solid #B8DBE4;
  background: #FFF2CA;
  font-weight: bold;
  padding: 8px 20px;
  text-align: center;
}
.numBox dd {
  float: right;
  width: 640px;
}
/*170621改善-----*/
.products_constru ul li {
  background: url(../images/knowledge_icon01.jpg) no-repeat 0 5px;
  padding-left: 15px;
}
a.alink {
  text-decoration: underline;
  color: #00A7E3;
}
a.alink:hover {
  text-decoration: none;
}
/* 170823 product
----------------------------------*/
.faq {}
.faq dt {
  padding: 5px 0 5px 30px;
  background: url(../images/faq_q.png) no-repeat 0 3px;
}
.faq dd {
  padding: 10px 0 15px 30px;
  background: url(../images/faq_a.png) no-repeat 0 6px;
  border-bottom: 1px dotted #CCC;
}
.faq dd p + p {
  margin-top: 5px;
}
.faq dd + dt {}
table.spec {
  border-top: 1px solid #B8DBE4;
  border-left: 1px solid #B8DBE4;
  width: 100%;
  margin-bottom: 20px;
}
table.spec th {
  border-right: 1px solid #B8DBE4;
  border-bottom: 1px solid #B8DBE4;
  background: #EEF3F7;
  text-align: center;
  padding: 10px 15px;
  font-weight: bold;
}
table.spec th + th {
  width: auto;
}
table.spec td + td {
  background: #FFF;
  font-weight: normal;
  text-align: right;
}
table.spec.tdC td + td {
  text-align: center;
}
table.spec.tdL td + td {
  text-align: left;
}
table.spec.tdR td + td {
  text-align: right;
}
table.spec td {
  border-right: 1px solid #B8DBE4;
  border-bottom: 1px solid #B8DBE4;
  background: #FFF2CA;
  font-weight: bold;
  padding: 8px 10px;
  text-align: center;
}
/* 170929
------------------------------------------------------*/
.ponpuBox {
  margin: 0 0 30px 0;
}
.ponpuBox .fright {}
.ponpuBox .fright img {
  max-width: 260px;
}
.ponpuBox .fleft {
  width: 410px;
}
.ponpuBox .fleft .meritList {
  margin-bottom: 20px;
}
.ponpuBox .fleft .sec {
  background: #EAAF00;
  padding: 3px 5px 2px 5px;
  color: #FFF;
  margin-bottom: 10px;
  font-size: 11px;
  display: inline-block;
}
.ponpuBox .fleft dl {}
.ponpuBox .fleft dl dt {}
.ponpuBox .fleft dl dd {}
.ponpuBox .fleft dl dd + dd { /* ddが連続したとき2個目以降に適用する */
  margin-top: 3px;
}
.ponpuBox .fleft dl dd a {
  background: url(../images/casd_icon.jpg) no-repeat 0 3px;
  padding-left: 20px;
  color: #00A7E3;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  clear: left;
}
/*170929追加css-----------------------------------------*/
.knowledgePage .inside_h2_03 {
  background: url(../images/casd_icon.jpg) no-repeat 0 6px;
  font-size: 18px;
}
.knowledgePage #main #content p, .knowledgePage #main #content dt, .knowledgePage #main #content dd, .knowledgePage #main #content li, .knowledgePage #main #content th, .knowledgePage #main #content td {
  font-size: 14px;
}
.relate_case_radio_btn, .relate_case_radio_btn.relate_case_radio_btn_none {
  display: none;
}
.relate_case_radio_btn.relate_case_radio_btn_array {
  display: block;
}
.ponpuBox {
  display: block;
}
.ponpuBoxoff {
  display: none;
}
.appList {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.appList li,
.appList:after {
  width: calc(33% - 10px);
  display: flex;
}
.appList:after {
  content: "";
}
.appList li a {
  display: block;
  width: 216px;
  padding: 0 0 5px 20px;
  background: url(../images/icon_application.png) no-repeat 0 3px;
  /*font-size: 14px;*/
  border-bottom: 1px dotted #CCC;
}
.index07 {
  width: 740px;
  margin: 0;
}
.index07 .area-link:hover {
  opacity: 0.85;
}
.index07 div {
  float: left;
  border: 1px solid #CCC;
  border-radius: 5px;
  margin: 0 10px 10px 0;
  width: 360px;
  padding: 15px;
  box-sizing: border-box;
}
.index07 div h4 {
  background: url(../images/top_icon01.jpg) no-repeat 0 2px;
  color: #212121;
  font-weight: bold;
  padding-left: 20px;
  font-size: 15px;
  margin-bottom: 5px;
}
.index07 div h4 a {}
.index07 div img {
  float: left;
}
.index07 div p {
  float: right;
  display: inline-block;
  width: 188px;
}
#faq {
  margin-bottom: 20px;
}
#faq dl {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #CCC;
}
#faq dt {
  font-weight: bold;
  background: url(../images/index_faq.png) no-repeat 0 0px;
  font-size: 15px;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 2px;
}
#faq dd a {
  text-decoration: underline;
  color: #00A7E3;
}
#faq dd a:hover {
  text-decoration: none;
}
/*171211追加css-----------------------------------------*/
.proCat {
  width: 690px;
  float: left;
  margin-bottom: 20px;
}
.proCat p {
  padding: 8px 0 8px 10px;
  border-left: 3px solid #00A7E3;
  font-size: 14px;
  font-weight: bold;
  background: #F3F3F3;
  display: block;
}
/*180704追加css-----------------------------------------*/
.p12 dd > p {
  float: left;
}
.p12 .index_pname, .p12 .index_pcopy, .p12 p {
  /*font-size: 12px !important;*/
}
.knowdetail {
  width: 200px !important;
}
.knowdetail img {
  width: 75px !important;
}
.index_productList dd.knowdetail > div {
  width: 120px !important;
}
/*181204追加css-----------------------------------------*/
.relate_knowledge_radio_btn, .relate_knowledge_radio_btn.relate_knowledge_radio_btn_none {
  display: none;
}
.relate_knowledge_radio_btn.relate_knowledge_radio_btn_array {
  display: block;
}
.lid_box09:hover {
  opacity: 0.75;
}
/*190225---------------------------------------------------------*/
ul.about_archive_menu {
  overflow: hidden;
}
ul.about_archive_menu li {
  width: 310px;
  float: left;
  margin-bottom: 20px;
}
ul.about_archive_menu li img {
  width: 100%;
}
ul.about_archive_menu li:nth-of-type(even) {
  margin-left: 50px;
}
ul.about_archive_menu li p.ttl {
  font-size: 16px;
  margin: 10px 0 5px;
  font-weight: bold;
}
ul.about_archive_menu li a {
  display: block;
}
ul.about_archive_menu li a:hover {
  text-decoration: none;
  opacity: .7;
  transition: .3s;
}
ul.about_archive_menu li p.ttl:before {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0 8px 3px 0;
  vertical-align: middle;
  border-color: #01a7e3;
  content: '';
}
ul.txtList li {
  margin-bottom: 3px;
}
ul.txtList li:before {
  content: '● ';
  color: #00a7e3;
}
.whataboutBox h3 {
  font-weight: bold;
  font-size: 15px;
  border-bottom: 3px solid #00a7e3;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.whataboutBox h4 {
  /* background: #f6f6f6; */
  /* padding: 10px; */
  font-size: 14px;
  font-weight: bold;
  color: #00a7e3;
}
.origin_fr_img {
  float: right;
  margin: 0 0 0px 20px;
}
.accessmapBox {
  float: left;
}
.accessmapBox:nth-of-type(2) {
  margin-left: 60px;
}
.accessmapBox p.ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  border-left: 3px solid #01a7e3;
  padding-left: 10px;
}
.accessmapBox ol li {
  list-style-type: decimal;
  margin-left: 18px;
  margin-bottom: 2px;
}
ul.txtList li {
  padding-left: 1.3em;
  text-indent: -1.3em;
}
a.kla, table.kllink a {
  color: #00a7e3 !important;
  text-decoration: none !important;
}
a.kla:hover, table.kllink a:hover {
  text-decoration: underline !important;
}
.kanrenBox > p {
  width: auto;
  float: none;
}
.is-pc {
  width: 3px;
}
.footaction {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background: linear-gradient(#45BEE9, #00A7E3);
  padding: 15px 0;
  display: none;
}
.footaction .footaction_inner {
  width: 570px;
  margin: 0 auto;
  overflow: hidden;
}
.footaction .footaction_tel {
  float: left;
  text-align: left;
  font-size: 24px;
  line-height: 1.2;
  color: #FFF;
  padding-left: 50px;
  background: url(../images/f_icon_tel.png) no-repeat 0 0;
}
.footaction .footaction_tel span {
  display: block;
  font-size: 12px;
  clear: both;
}
.footaction ul {
  float: right;
}
.footaction ul li {
  display: inline-block;
}
.footaction ul li + li {
  margin-left: 15px;
}
.footaction li a, .footaction li input[type="submit"] {
  display: block;
  background: #FFF;
  color: #00A7E3;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  border: none;
}
.footaction li a:hover, .footaction li form:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media all and (-ms-high-contrast:none) {
  .footaction li input[type="submit"] {
    padding: 11px 30px 14px 30px;
  }
}
.case_searchBox {
  clear: both;
  width: 660px;
  margin: 0 auto 30px auto;
  padding: 20px;
  background: #EBF5F7;
  box-sizing: border-box;
}
.case_searchBox dl {
  clear: both;
}
.case_searchBox dl + dl {
  margin-top: 15px;
}
.case_searchBox dl dt {
  clear: both;
  margin-bottom: 5px;
}
.case_searchBox dl dt span {
  display: inline-block;
  padding: 5px 0 5px 15px;
  font-weight: bold;
  font-size: 16px;
  border-left: 5px solid #01A7E3;
}
.case_searchBox dl dd {
  float: left;
  margin: 5px 0 0 0;
  width: 205px;
  font-size: 13px;
}
.case_searchBox dl:last-child dd:nth-child(4) {
  width: auto;
}
.case_searchBox dl dd:last-child {
  display: none;
}
.case_searchBox dl dd input {
  margin-right: 3px;
}
.case_searchBox dl dd:nth-child(4n) {
  margin-right: 0;
}
.lid_box09 ul {
  overflow: hidden;
  margin-bottom: 10px;
}
.lid_box09 ul li {
  float: left;
  margin: 0 5px 10px 0;
  padding: 3px 10px;
  color: #FFF;
  background: #01A7E3;
  display: inline-block;
  font-size: 12px;
}
.detail_category li {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 10px;
  color: #FFF;
  background: #01A7E3;
  display: inline-block;
  font-size: 12px;
}
.detail_category + .cf {
  margin-bottom: 10px;
}
.detail_category + .cf span {
  margin: 0 10px 0 0;
  padding: 3px 10px;
  color: #FFF;
  background: #01A7E3;
  display: inline-block;
  font-size: 12px;
}
#seo01, .seoNum01 #seo02 {
  display: none;
}
.seoNum01 #seo01 {
  display: block;
}
/*200602追記*/
#head p.htel.online {
  float: none;
  right: 477px;
}
.strengthBox {}
.strengthBox ul {
  clear: both;
  text-align: center;
  padding-top: 10px;
}
.strengthBox ul li {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px;
  background: url(../images/st_bg.jpg) repeat;
}
.strengthBox ul li + li {
  margin-left: 10px;
}
.strengthBox ul li:nth-child(4) {
  margin-left: 0;
}
.strengthBox ul li img {
  max-width: 100%;
  display: block;
  margin: 0 auto 10px auto;
}
.strengthBox ul li span {
  display: block;
  text-align: center;
  font-size: 13px;
}
/*------------------------------201005追加------------------------------*/
.pro_syosai--- {
  margin: 10px auto 20px;
}
.pro_syosai--- p span {
  font-weight: bold;
  width: 48px;
  display: inline-block;
}
.pro_syosai--- p + p {
  margin-top: 5px !important;
}
.pro-flex--- {
  margin: 0 auto;
  /* width: 430px; */
  padding: 0 110px;
}
.genri-txt {
  margin-top: 15px;
}
.genri-txt p {
  font-size: 13px;
  margin-bottom: 15px;
  width: 678px;
}
.side_fixed {
  position: fixed;
  right: 5px;
  top: 184px;
}
.detaillink {
  text-align: center;
  padding-top: 10px;
  clear: both;
}
.detaillink form {
  position: relative;
  display: inline-block;
}
.detaillink input[type="submit"] {
  display: inline-block;
  background: linear-gradient(#FEC106, #EAB102);
  position: relative;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  padding: 7px 20px 5px 30px;
  border-radius: 5px;
  box-shadow: 0 1px 1px #DDD;
  border: none;
}
.detaillink i {
  content: "";
  display: inline-block;
  background: url(../images/common/icon_dl.png) no-repeat 0 0;
  background-size: 14px;
  margin-right: 5px;
  width: 14px;
  height: 21px;
  position: absolute;
  left: 10px;
  top: 6px;
}
.detaillink input[type="submit"]:hover {
  background: linear-gradient(#EAB102, #FEC106);
  text-decoration: none;
}
.mixver_catedisplayoff .mixver_catedisplay01, .mixver_catedisplay .mixver_catedisplay02 {
  display: none;
}
.mixver_catedisplayoff .mixver_catedisplay02 {
  display: block;
}
.mixver_catedisplayoff2 {
  display: none;
}
/*------------------------------21051805追加------------------------------*/
.about_pomp_wrap {
  margin-left: 7px;
}
.pomp_title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}
ul.d-flex {
  display: flex;
  justify-content: space-between;
}
ul.d-flex li {
  width: 23%;
}
ul.d-flex li img {
  width: 100%;
}
.about_pomp_wrap .mt05 {
  margin-top: 5px;
}
ul.fw-b {
  font-weight: bold;
  font-size: 13px;
}
dl.mr27 {
  margin-right: 27px;
}
.pomp_title.mt20 {
  margin-top: 20px;
}
.img-contents {
  width: 100%;
}
.img-contents img {
  width: 100%;
}
.mb-10 {
  margin-bottom: 10px;
}
/*--------------------210817*/
.accordion-item-wrap .ttl {
  font-weight: bold;
}
.accordion-item-wrap .menu__item {
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
}
.accordion-item-wrap .menu__item__link {
  color: #000;
  display: block;
  line-height: 30px;
  padding-left: 17px;
  padding-right: 17px;
  position: relative;
  font-weight: bold;
}
.accordion-item-wrap a.menu__item__link.js-menu__item__link::before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #01a7e3;
  position: absolute;
  top: calc(50% - 7px);
  text-decoration: underline;
  transition: .2s;
}
.accordion-item-wrap a.menu__item__link.js-menu__item__link.on::before {
  transform: rotate(90deg);
}
.accordion-item-wrap .menu__item li {
  padding-left: 17px;
}
.accordion-item-wrap .submenu {
  display: none;
}
.accordion-item-wrap .menu__item li {
  padding-left: 17px;
}
.accordion-item-wrap .menu__item li.recomend {
  margin: 5px 17px;
  background-color: #f5f9ff;
  display: inline-block;
  padding: 4px 17px;
  color: #01a7e3;
  font-weight: bold;
}
.accordion-item-wrap .menu__item .products {
  margin-bottom: 5px;
}
.accordion-item-wrap .menu__item .products li a {
  text-decoration: underline;
  transition: .2s;
}
.accordion-item-wrap .menu__item .products li a:hover {
  text-decoration: none;
}
.catalogform_layout01.betsy_layout, .catalogform_layout02 {
  display: none;
}
.catalogform_layout02.betsy_layout {
  display: block;
}
.about_pomp_wrap {
  margin-left: 7px;
}
.pomp_title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}
ul.d-flex {
  display: flex;
  justify-content: space-between;
}
ul.d-flex li {
  width: 23%;
}
ul.d-flex li img {
  width: 100%;
}
.about_pomp_wrap .mt05 {
  margin-top: 5px;
}
ul.fw-b {
  font-weight: bold;
  font-size: 13px;
}
dl.mr27 {
  margin-right: 27px;
}
.pomp_title.mt20 {
  margin-top: 20px;
}
.img-contents {
  width: 41%;
}
.img-contents img {
  width: 100%;
}
.txt-box {
  width: 57%;
  margin-left: 2%;
}
.mb-10 {
  margin-bottom: 10px;
}
.nav_box05 li.mail-magazin {
  color: #fff;
  padding: 15px;
  border-radius: 4px;
  border: 2px solid #ddd;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%);
}
.nav_box05 li.mail-magazin a:hover {
  text-decoration: none;
}
.nav_box05 li.mail-magazin:hover {
  opacity: 0.7;
}
.nav_box05 li.mail-magazin .ttl {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
.mail-magazin img.icon {
  width: 30px;
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}
/*-----------------211109---------------*/
.is_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.related_product_box {
  box-sizing: border-box;
}
/*----------211129-----------------*/
#footer {
  /*height: 785px;*/
}
#copy {
  /*top: 745px;*/
  padding: 20px 0;
}
/*----------211209-----------------*/
#head p.hcar.privacy-policy {
  right: 237px;
}
.sitePolicy h2 {
  margin-bottom: 15px;
  font-size: 120%;
  padding-bottom: 5px;
  color: #152838;
  font-weight: bold;
  background: url("../images/sitePolicy_h2_bg.gif") left bottom no-repeat;
}
.sitePolicy p {
  line-height: 1.6;
}
.sitePolicy h3 {
  font-weight: bold;
  margin-bottom: 8px;
  padding-bottom: 8px;
  margin-top: 30px;
  border-bottom: 1px dotted #ccc;
}
.sitePolicy li {
  padding-left: 0.5rem;
  text-indent: -0.75rem;
}
.sitePolicy br {
  line-height: 0.8;
}
/*220215*/
.issue_detail_link .offitem {
  display: none !important;
}
.issue_case_link .box_case_display {
  display: none;
}
.issue_case_link .lid_box07.offitem + .box_case_display {
  display: block;
}
.case_link .box_case_display {
  display: none;
}
.case_link .lid_box07.offitem + .box_case_display {
  display: block;
}
.products_case_link .box_case_display {
  display: none;
}
.products_case_link .lid_box07.offitem + .box_case_display {
  display: block;
}
.lid_box08.large p {
  float: none;
  display: none;
}
.lid_box08.large p:nth-of-type(1) {
  width: 85%;
  margin: 0 auto;
}
.lid_box08.large .lid_box09 > a {
  width: 85%;
  margin: 0 auto;
  display: block;
}
.lid_box08.large img {
  float: none;
  width: 100%;
  image-rendering: pixelated;
}
.lid_box08.large h4 {
  font-size: 15px;
}
.list-page .lid_box08 img {
  float: left;
  width: 133px;
}
.list-page .lid_box08 .lid_box09 > a {
  width: auto;
  margin: auto;
  display: inline;
}
/*220719*/
#index .index07 div img {
  float: left;
  width: 126px;
}
#index .top_box02 div.top_box03 img {
  float: left;
  margin-right: 7px;
  display: inline;
  width: 126px;
}
/*
220717 DL詳細用
*/
.download-box {
  display: flex;
  clear: both;
  justify-content: space-between;
}
.download-box tr, .download-box td, .download-box th, .download-box tbody, .download-box table {
  width: 100%;
  box-sizing: border-box;
}
.download-box_items {
  width: 49%;
}
.download-box_headline {
  margin-bottom: 25px;
}
.download-box_headline h3 {
  font-size: 19px;
  font-weight: bold;
}
.download-box_photo img {
  width:auto;
		margin: 0 auto 25px;
		display: block;
}
.download-box_summary {
  margin-bottom: 25px;
}
.download-box_description {
  background-color: #f1f1f1;
  padding: 15px;
}
.download-box_description h4 {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 15px;
}
.download-box_description li {
  padding: 7px;
  border-bottom: 1px dotted #555;
}
.download-box_description li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.download-box_items table {
  width: 100%;
}
.download-box table.tab td {
  min-width: 302px;
}
.d-block {
  display: block;
}
.flex-box {
  display: flex;
}
.flex-box p {
  margin-top: 5px;
  margin-right: 15px;
}
.download-box .pri, .download-box .pri div {
  width: 100%;
}
.download-box_items input, .download-box_items textarea {
  box-sizing: border-box !important;
}
.download-box_items textarea {
  width: 100%;
}
.fl-none {
  float: none;
}
.kojin {
  line-height: 1.7em;
}
.formError {
  background-color: #FFFFDD;
  color: #FF0000;
  font-weight: bold;
  padding-left: 5px;
  width: 100%;
}
.download__list__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  clear: both;
  background-color: #E1E8E8;
  padding: 10px;
}
.download__list__wrap::after {
  display: block;
  content: "";
  width: 32.5%;
}
.download__list {
  width: 32.5%;
  margin-bottom: 12px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.download__list__text__wrap {
  background-color: #fff;
  padding: 16px;
  border-radius: 10px;
}
.download__list__text__title {
  font-weight: bold;
  font-size: 15px;
  clear: both;
  margin-bottom: 7px;
}
.download__list__img {
  margin: 0;
}
.download__list__img img {
  max-width: 100%;
}
.nav_boxDownload {
  float: left;
  width: 245px;
  height: 156px;
  background: #E1E8E8;
  position: relative;
  margin-bottom: 22px;
}
.nav_boxDownload p.bg {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
}
.nav_boxDownload p.nimg {
  float: left;
  position: absolute;
  top: 61px;
  left: 9px;
}
.nav_boxDownload p.txt {
  width: 120px;
  float: left;
  position: absolute;
  top: 59px;
  left: 116px;
  font-size: 11px;
}
.nav_boxDownload p.nav02 {
  float: left;
  position: absolute;
  top: 107px;
  left: 106px;
}


/*------------------
2022/08/04
-------------------*/
.thanks__text {
	margin-top: 50px;
}
.thanks__text p:first-child {
    font-size: 22px;
}
.thanks__text p {
	font-weight: bold;
    font-size: 18px;
}

/*------------------
2022/08/23
-------------------*/

.download-bn__wrap {
    margin: 40px 0 30px 0;
}

.download-bn__wrap .download-bn {
    margin-bottom: 10px;
}
.dlbnrtitle {
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    border-left: 5px solid #00A7E3;
    margin-bottom: 20px;
    clear: both;
}

.detaillink > div {
  display: inline-block;
}
.detaillink a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(#fbbe03, #e0a600);
  color: #FFF;
  font-size: 15px;
  /*font-weight: bold;*/
  padding: 10px 30px 7px;
  border-radius: 5px;
  box-shadow: 0 1px 1px #DDD;
  transition: .3s;
}
.detaillink a:hover {
    background: linear-gradient(#e0a600, #fbbe03);
    text-decoration: none;
}
.detaillink a i {
  position: static;
}
.detaillink a span {
}
.detaillink a strong {
  font-size: 11px;
  display: block;
  text-align: center;
  font-weight: normal;
}
#content img {
  max-width: 100%;
}
.onlylink {
  margin-left: 12px;
}
.onlylink a {
  text-decoration: underline;
}
.onlylink a:hover {
  text-decoration: none;
}

.lid_box02.product_new_layout01 {
  float: none;
  border: 1px solid #B7DCE4;
  border-radius: 5px;
  padding: 15px;
  background: none;
  overflow: hidden;
  width: 100%;
  max-width: 690px;
  box-sizing: border-box;
}
.lid_box02.product_new_layout01 .lid_box03 {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-left: 0;
}
.lid_box02.product_new_layout01 .lid_box03 .product_new_layout01-img {
  min-width: 260px;
}
.lid_box02.product_new_layout01 .lid_box03 .product_new_layout01-img img {
  margin-right: 0;
}
.lid_box02.product_new_layout01 .lid_box03 .product_new_layout01-cont {
}
.lid_box02.product_new_layout01 .lid_box03 .product_new_layout01-cont h3 {
  float: none;
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 0;
}
.lid_box02.product_new_layout01 .lid_box03 .product_new_layout01-cont dl {
  float: none;
  widows: 100%;
  margin-top: 10px;
}

.new_catalog_body {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    flex-wrap: wrap;
    float: none;
    margin: 0 12px 30px 12px;
    width: 100%;
    max-width: calc(678px - 12px);
}
.new_catalog_body:after {
  content: "";
  width: 100%;
  max-width: 212px;
  display: inline-block;
  flex-wrap: wrap;
}
.new_catalog_body label {
  display: flex;
}
.lid_box11.new_catalog_layout {
  background: none;
  padding: 5px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  float: none;
  margin: 0;
  width: 100%;
  max-width: 212px;
}
.lid_box11.new_catalog_layout h5 {
  background: #85B200;
  border-radius: 5px 5px 0 0;
  width: 100%;
  height: auto;
  line-height: 1.4;
  display: flex;
  min-height: 44px;
  justify-content: center;
  align-items: center;
}
.lid_box11.new_catalog_layout img {
  margin: 0 auto 10px auto;
}
.lid_box11.new_catalog_layout p {
  height: auto;
  margin: 0 auto 1em auto;
}
.lid_box11.new_catalog_layout .lid_box12 {
  float: none;
  display: inline-block;
  margin: auto 0 0 0;
}


.section-new-block + .section-new-block {
  margin-top: 50px;
}
.section-new-block .area-link {
  transition: .3s;
}
.section-new-block .area-link:hover {
  opacity: 0.7;
}
.section-new-block .testh2 {
  margin-bottom: 20px;
}
.section-new-block p {
  font-size: 14px;
}
.section-new-block p + p {
  margin-top: 1rem;
}
.nayami_list_layout {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 25px;
  margin: 0 0 20px 0;
}
.nayami_list_layout:after {
  content: "";
}
.nayami_list_layout li {
  width: 30%;
  box-sizing: border-box;
  padding: 20px 35px;
  border: 1px solid #b7dce4;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.nayami_list_layout li span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.nayami_list_layout li .application_layout_repeat01-img {
}
.nayami_list_layout li .application_layout_repeat01-img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.section-new-bnr {
  margin: 35px 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.section-new-bnr a {
}

.product_list_layout {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 30px 0;
}
.product_list_layout li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  padding: 15px;
  border: 1px solid #B7DCE4;
  border-radius: 10px;
}
.product_list_layout .product_list_layout-img {
  background: #FFF;
  border: 1px solid #CCC;
  padding: 4px;
  box-sizing: border-box;
  width: 186px;
}
.product_list_layout .product_list_layout-img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.product_list_layout .product_list_layout-cont {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.product_list_layout .product_list_layout-label {
}
.product_list_layout .product_list_layout-label span {
  background: #EAAF00;
  padding: 3px 5px 2px 5px;
  float: left;
  color: #FFF;
  font-size: 11px;
}
.product_list_layout dl {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 18px;
  position: relative;
}
.product_list_layout dt {
  color: #00A7E3;
  font-weight: bold;
  font-size: 16px;
}
.product_list_layout dt:before {
  content: url(../images/li_icon.jpg);
  position: absolute;
  left: 0;
  top: 4px;
}
.product_list_layout dd {
  font-size: 14px;
  font-weight: bold;
}
.product_list_layout .product_list_layout-option {
  padding-left: 45px;
  padding-bottom: 10px;
  position: relative;
}
.product_list_layout .product_list_layout-option p {
  font-size: 11px;
}
.product_list_layout .product_list_layout-option:before {
  content: "用途";
  background: #aaa;
  padding: 3px 5px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}

.case_list_layout {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.case_list_layout li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 20px;
  border: 1px solid #B7DCE4;
  border-radius: 10px;
}
.case_list_layout .case_list_layout-cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.case_list_layout .case_list_layout-cont p {
  padding-left: 18px;
}
.case_list_layout .case_list_layout-title {
  font-weight: bold;
  font-size: 16px;
  position: relative;
  padding-left: 18px;
}
.case_list_layout .case_list_layout-title:before {
  content: url(../images/li_icon.jpg);
  position: absolute;
  left: 0;
  top: 4px;
}
.case_list_layout a {
  overflow: hidden;
  max-width: 200px;
}
.case_list_layout a img {
  max-width: 100%;
  display: block;
  margin: -10px auto;
}

.know_detail11-list {
  margin: 2em 0;
}
.know_detail11-list li {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.know_detail11-list li + li {
  margin-top: 1em;
}
.know_detail11-list li .dkl_cont {
  flex: 1;
}
.know_detail11-list li .dkl_cont p {
}
.know_detail11-list li .dkl_cont strong {
  color: #00A7E3;
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.know_detail11-list li .dkl_img {
  max-width: 200px;
}
.know_detail11-list li .dkl_img img {
}

.inside_h2v2 {
  padding: 8px 0 8px 10px;
  margin-bottom: 15px;
  border-left: 3px solid #00A7E3;
  font-size: 14px;
  font-weight: bold;
  background: #F3F3F3;
  display: block;
}

.h1v2 {
  font-size: 17px;
  font-weight: bold;
  background: none !important;
  border-bottom: 4px solid #01A7E3;
  padding: 0 0 10px 0;
  color: #333;
}
.h1v2 + p {
  margin-bottom: 30px;
}

#faq {
}
#faq dl {
  position: relative;
  border-bottom: 1px dotted #b7dce4;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#faq h2 + dl {
  margin-top: 20px;
}
#faq dt:before,
#faq dd:before,
#faq dl:before,
#faq dl:after {
  content: "";
  position: absolute;
}
#faq dl:before,
#faq dl:after {
  right: 10px;
  top: 10px;
  transition: .3s;
  width: 15px;
  height: 2px;
  background: #00A7E3;
  display: inline-block;
}
#faq dl:after {
  transform: rotate(90deg);
}
#faq dl.open:after {
  transform: rotate(0);
}
#faq dt,
#faq dd {
  background: none;
  position: relative;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.7;
}
#faq dt {
  background: none;
  margin-bottom: 0;
  padding-right: 50px;
  padding-top: 0;
}
#faq dt:before {
  left: 0;
  top: 0;
  content: url("../images/faq_q.png");
}
#faq dd {
  padding: 0 10px 10px 30px;
  margin-top: 20px;
}
#faq dd:before {
  left: 0;
  top: 0;
  content: url("../images/faq_a.png");
}