@charset "UTF-8";
body {
    width:100%;
    min-width: 960px;
    background: #FFF;
    font-size: 62.5%;
    font-family: Arial, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
    line-height:1.5;
    overflow-y: scroll;
}
ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
    vertical-align: middle;
}
.hide {display: none;}
@keyframes fadeInAnimation {
    0% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes fadeInAnimation {
    0% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
/* header */
header {
    height: 81px;
    background: #FFF;
    border-bottom: #900 2px solid;
    position: relative;
    overflow: hidden;
}
header div {
    width: 960px;
    height: 81px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
header h1 {
    width: 450px;
    margin: 23px 0 0;
    float: left;
}
header nav {
    width: 500px;
    margin-top: 10px;
    text-align: right;
    float: right;
    overflow: hidden;
}
header form {
    margin-top: 10px;
    padding-left: 75px;
    background: url(../img/search_label.gif) left no-repeat;
    float: right;
}
header form input[type="text"] {
    margin: 0;
    padding: 5px 8px;
    width: 130px;
    border-radius: 0;
}
header form input[type="image"] {
    margin: 0 0 2px 2px;
    vertical-align: middle;
}
/* footer */
footer {
    border-top: #900 2px solid;
    padding-bottom: 27px;
    overflow: hidden;
    background-color:#FFF;
}
footer div {
    width: 960px;
    margin: 8px auto 0;
}
footer nav {
    width: 260px;
    float: right;
    overflow: hidden;
}
footer nav ul {
    margin: 0;
    padding: 0;
}
footer nav li {
    margin-left: 11px;
    padding-left: 14px; 
    background: url(../img/icon_link.gif) left no-repeat;
    float: left;
}
footer nav li.sitemap {    background-image: url(../img/icon_sitemap.gif); }
footer nav a {
    text-decoration: none;
    color: #02769D;
}
footer nav a:hover { text-decoration: underline; }
/* footer nav2 ATAT20160603 */
footer nav2 {
    width: 160px;
    float: right;
    overflow: hidden;
}
footer nav2 ul {
    margin: 0;
    padding: 0;
}
footer nav2 li {
    margin-left: 11px;
    padding-left: 14px; 
    background: url(../img/icon_link.gif) left no-repeat;
    float: left;
}
footer nav2 li.sitemap {    background-image: url(../img/icon_sitemap.gif); }
footer nav2 a {
    text-decoration: none;
    color: #02769D;
}
footer nav2 a:hover { text-decoration: underline; }
/* main */
#main {
    width: 100%;
    height: auto;
    background-color:#FFF;
    padding-bottom: 75px;
    overflow: hidden;
}
#main .layoutBox {
    height: auto;
    padding-bottom: 5px;
}
#main .layoutBox.full {
    width: 960px;
    margin: 0 auto;
}
#main .layoutBox.left {
    width: 240px;
    margin-top: 20px;
    float: left;
}
#main .layoutBox.right {
    width: 700px;
    margin-top: 20px;
    float: right;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
/*2018年12月28日追加*/
#main .layoutBox.all {
    width: 960px;
    margin-top: 20px;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
#main > section,
#main div > section {
    margin-top: 60px;
    color: #000;
    background: #FFF;
    font-size: 1.4em;
    border-radius: 0px;
    position: relative;
}
#main .layoutBox:after,
#main section:after {
  content: "";
  clear: both;
  display: block;
}
#main > section h2:first-child,
#main div > section h2:first-child{
    margin: 0;
    padding-left: 12px;
    background:url(../img/sectionFirstH2Bg1.png) left 4px no-repeat;
    font-size: 1.7em;
    color: #000;
    text-shadow: 0 1px 0 #FFF, 0 -1px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -38px;
    overflow: hidden;
}
#main section.titleInBox { margin-top: 30px; }
#main section.titleInBox h2,
#main section.titleInBox h2:first-child{
    margin: 5px 18px;
    line-height: 1.2;
    position: static;
}
#main section.titleInBox.solution div {
    min-height: 150px;
    margin: 10px 10px 20px;
    overflow: hidden;
    background-position: 15px 5px;
    background-repeat: no-repeat;
}
#main section.titleInBox.solution div > h2 {
    margin-left: 210px;
    padding: 6px 15px;
    background: #AE0004;
    color: #F4F4F4;
    text-shadow: 0 1px 0 #000, 0 -1px 0 rgba(255, 255, 255, 0.5);
    /*border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/
}
#main section.titleInBox.solution div > * {    margin: 10px 15px 0 220px; }
#main section.titleInBox.solution div li {
    margin-bottom: 8px;
    padding-left: 12px;    
    color: #000;
    background: url(../img/rightTriangle01.png) left 3px no-repeat;
    line-height: 1.2;
}
#main section.notice {
    background: #FFFBBF;
    color: #000;
}
#main section p { margin: 12px 15px 0; }
#main section a ,
#main .layoutBox.right a, 
 {
    color: #3377A5;
    text-decoration:underline;
}
#main .layoutBox.all a{
    text-decoration:none;
}
#main section a:hover ,
#main .layoutBox.right a:hover , 
/*2018年12月28日追加*/
/*#main .layoutBox.all*/{
    color: #0C417C;
    text-decoration: underline;
}
#main section hr {
    clear: both;
    border: none;
    height: 2px;
    margin: 15px 20px 20px;
    background: url(../img/hrBg.png) repeat-x;
}
#main section a.textLink01 {
    padding-left: 15px;
    background: url(../img/textLink02.png) left no-repeat;
}
#main > #goTopBtn {
    width: 1060px;
    height: 36px;
    margin-left: -530px;
    text-align: right;
    position: fixed;
    left: 50%;
    bottom: 30px;
    z-index: 1;
}
#main > #goTopBtn a {
    display: inline-block;
    width: 36px;
    height: 36px;
    opacity: 0.5;
}
#main > #goTopBtn a:hover {
    opacity: 1;
    -webkit-animation: fadeInAnimation 0.5s 1 forwards;
    animation: fadeInAnimation 0.5s 1 forwards;
}
/* main -> mainNav */
#main nav#mainNav {
    background-color:#f9f9f9;
    border-top: 1px #F9F9F9 solid;
    border-bottom: 1px #FFF solid;
    overflow: hidden;
  /* box-shadow: 0px 9px 9px -3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 9px 9px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 9px 9px -3px rgba(0,0,0,0.6); */
}
#main nav#mainNav ul {
    width: 960px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    background:url(../img/mainNavUlBg.png) right no-repeat;
}
#main nav#mainNav li {
    margin: 0;
    padding: 0;
    height: 50px;
    background: url(../img/mainNavLiBg.png) left no-repeat;
    float: left;
}
#main nav#mainNav a {
    display: inline-block;
    margin: 6px 15px 0 17px;
    padding: 5px 25px 4px;
    color: #000;
    font-size: 1.6em;
    font-weight:500;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}
#main nav#mainNav span {
    display: block;
    margin-top: 1px;
    color: #aa0000;
    font-size: 10px;
    text-shadow: none ;
    font-weight: bold;
}
#main nav#mainNav a.now, #main nav#mainNav a:hover {
    margin-top: 7px;
    color: #F4F4F4;
    background: #aa0000;
    border-top: 1px #aa0000 solid;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    -webkit-animation: mainNavAAnimation 0.25s 1 forwards;
    animation: mainNavAAnimation 0.25s 1 forwards;
}
#main nav#mainNav a.now span, #main nav#mainNav a:hover span {
    color: #bfbfbf;
    text-shadow: 0 0 1px #B77F21 ;
    -webkit-animation: mainNavSpanAnimation 0.75s 1 forwards;
    animation: mainNavSpanAnimation 0.75s 1 forwards;
}
#main nav#mainNav a.now {
    -webkit-animation: none;
    animation: none;
}
#main nav#mainNav a.now span, #main nav#mainNav a.now:hover span:hover {
    -webkit-animation: none;
    animation: none;
}
@keyframes mainNavAAnimation {
    0% {
        margin-top: 6px;
        background: none;
        border-top: 1px #06213E solid;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    100% {
    margin-top: 7px;
        color: #F4F4F4;
        background: #aa0000;
        border-top: 1px #aa0000 solid;
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    }
}
@-webkit-keyframes mainNavAAnimation {
    0% {
        margin-top: 6px;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    100% {
    margin-top: 7px;
        color: #F4F4F4;
        background: #aa0000;
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    }
}
@keyframes mainNavSpanAnimation {
    0% {
        color: #aa0000;
        text-shadow: none ;
    }
    100% {
        color: #bfbfbf;
        text-shadow: 0 0 1px #bfbfbf ;
    }
}
@-webkit-keyframes mainNavSpanAnimation {
    0% {
        color: #aa0000;
        text-shadow: none ;
    }
    100% {
        color: #bfbfbf;
        text-shadow: 0 0 1px #bfbfbf ;
    }
}
/* main -> breadcrumb */
#main #breadcrumb {
    width: 960px;
    height: 22px;
    margin: 20px auto 0;
    font-size: 1.4em;
    overflow: hidden;
}
#main #breadcrumb a {
    display: inline-block;
    margin: 0 25px 0 0;
    padding: 4px 12px 3px;
    color: #000;
    background:#CCC;
    text-decoration: none;
    line-height: 1;
    border-radius: 5px;
    position: relative;
}
#main #breadcrumb a:hover { background:#999;
                            color:#FFF;
                             }
#main #breadcrumb a:after {
    display: block;
    content: url(../img/rightTriangle02.png);
    position: absolute;
    top: 4px;
    right: -18px;
}
/* main -> subNav */
#main #subNav h1 {
    width: 240px;
    height: 39px;
    margin: 0;
    padding-top: 16px;
    color: #fff;
    background:#900;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border: 1px solid #06213E;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
#main #subNav > ul {
    margin-top: 0px;
    border: 1px solid #06213E;
    border-top: none;
}
#main #subNav > ul > li { background: #FFF; }
#main #subNav > ul > li a {
    display: block;
    width: 200px;
    padding: 12px 10px 12px 28px;
    color: #1A374D;
    background:url(../img/subMenuLiBg01_red.png) left no-repeat;
    font-size: 1.4em;
    line-height: 1.2;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    border-top: 1px solid #000;
}
#main #subNav > ul > li:hover, #main #subNav > ul > li.now { background: #aaaaaa; }
#main #subNav > ul > li:hover > a { color: #FFF; }
#main #subNav > ul > li.now > a {
    background-image: url(../img/subMenuLiBg02_red.png);
    color: #FFF;
}
#main #subNav > ul ul {
    background: #dcdcdc;
    border-top: 1px solid #000;
}
#main #subNav > ul ul li {
    padding: 4px 10px 6px;
    background: url(../img/subMenuLiLiBg.png) bottom no-repeat;    
}
#main #subNav > ul ul li:last-child { background: none; }
#main #subNav > ul ul li > a {
    width: 198px;
    padding: 2px 6px 2px 14px;
    background: url(../img/subMenuLiLiABg01.png) top left no-repeat;
    font-size: 1.2em;
    border-top: none;
    border-radius: 5px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
#main #subNav > ul ul li.now a,
#main #subNav > ul ul li > a:hover {
    color: #FFF;
    background:url(../img/subMenuLiLiABg03.png) top left no-repeat;
}
/* main -> トップページコンテンツ */
/* 20160426追加-ATAT */
#main .topOmimai  { 
    padding: 10px 0px 15px 0px;
    text-align: center;
    font-size: 1.7em;
	border:#999 solid 1px;
}
#main .topOmimai li {
    margin: 10px 0 0 10px;
    float: left;
    line-height: 0;
}
/* 20160426追加-ATAT */
#main .topOsusume ,
#main .topPickUp { padding-bottom: 8px; }
#main .topOsusume li,
#main .topPickUp li {
    margin: 10px 0 0 10px;
    float: left;
    line-height: 0;
}
#main .topOsusume li img:hover{
    opacity:0.7;
}
#main .topPickUp {
    width: 630px;
    float: left;
}

/*topCompaany
#main .topCompany
{    width: 310px;
    padding: 5px 0 12px;
    line-height: 1.25;
    float: right;
}
#main .topCompany a {
    display: inline-block;
    margin: 5px 0 0 20px;
    font-size: 0.9em;
}
*/
#main .topEmergency{
	padding: 10px 0px 15px 0px;
	border:#a00 solid 2px;
}
/*TOP画面お知らせ 2020年3月10日重要なお知らせ追加*/
#main .topOshirase { padding: 5px 0; }
#main .topOshirase div,
#main .topEmergency div{
    margin: 5px 5px 0 0;
}
#main .topOshirase p,
#main .topEmergency p{
    margin: 5px 5px 5px 5px;
    padding-bottom: 15px;
    color: #000;
    font-size:1.2em;
    font-weight:400;
    line-height:normal;
}
#main .topOshirase p:last-child,
#main .topEmergency p:last-child{
    padding-bottom: 0;
    background: none;
}
#main .topOshirase p a,
#main .topEmergency p a
{ color: #000; 
  text-decoration:none;
}
#main .topOshirase p a:hover,
#main .topEmergency p a:hover
{ color:#30F; 
  text-decoration:none;
}
#main .topOshirase time,
#main .topEmergency time
 {
    display: block;
    color: #0C407B;
}
#main .topOshirase span,
#main .topEmergency span{
  display: inline-block;
  color: #fff;
  background-color: #aa0000;
  width: auto;
  min-width: 116px;
  height: 25px;
  margin-right: 8px;
  white-space: nowrap;
  font-weight:500;
  padding: 2px 6px 1px 6px;
  box-sizing: border-box;
  vertical-align:text-bottom;
  text-align: center;
  float:left;
  word-wrap:normal;
   }
   #main .topOshirase span:after,
   #main .topEmergency span:after{
  margin-right: 8px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  white-space:pre-line;
   }
   #main .topOshirase p.ichiran a{
       float:none;
       display:block;
       text-align:center;
       width:250px;
       border:#900 solid 1px;
       margin:0 auto;
       color:#333;
       font-size:1.4em;
       text-decoration:none;
       background: url(../img/oshiraseShosai.png) left no-repeat #FCC;
   }
   #main .topOshirase p.ichiran a:hover{
       color:#fff;
       background: url(../img/oshiraseShosai.png) left no-repeat #900;
   }
#main .kanrenLink {
    width:100%;}
#main .topBanner {
    width: 100%;
    clear: both;
    overflow: hidden;  
}
#main .topBanner li {
    line-height: 1;
    margin-bottom: 8px;
}
#main .topBanner li a{
    text-decoration:none;
}
/*2019/01/09 img opacity追加*/
#main .topBanner li img:hover{
    opacity:0.7;
}
#main .topBanner li, #main .topBanner li:after {
    content: "";
    display: block;
}
#main .topBanner li:after {
    clear: both;
}
#main .topBanner li {
    width: 300px;
    float: left;
    padding-right: 15px;
}
#main .topBanner li p {
    font-size:1em;
    line-height: 130%;
    color:#333;
    margin: 0.5em 0;
    padding: 0;
    height: 2.5em;
}
#main .buyNow {
    margin-top: 50px;
    background: none;
    box-shadow: none;
}
#main .buyNow li:first-child {
    margin-right: 10px;
    float: left;
}
/* main -> 左袖コンテンツ */
#main .sideBanner {    margin-top: 20px; }
#main .sideBanner li {
    line-height: 1;
    margin-bottom: 8px;
}
#main #leftOtoiawase {
    display: block;
    width: 255px;
    height: 114px;
    margin: 20px 0 0 -14px;
}
/* main -> ページコンテンツ */
/*2019年1月9日layoutBox.all追加*/
#main .layoutBox.right h1 ,
#main .layoutBox.all h1{
    margin: 0;
    padding: 8px 20px 8px 25px;
    color: #fff;
    background:#900;
    font-size: 2.6em;
    text-decoration: none;
}
#main .layoutBox.all h1{
    text-align:center;
}
#main .layoutBox.right h1.withImg,
#main .layoutBox.all h1.withImg {
    padding: 0;
    background: none;
}
#main .layoutBox.right h1 span ,
#main .layoutBox.all h1 span{
    color:#ffcc66;
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 4px;
    float: right;
}
#main .layoutBox.right .columBox {
    width: 720px;
    margin-right: -20px;
}
#main .layoutBox.right .columHalf {
    width: 335px;
    margin-left: 20px;
    padding: 5px 0 32px 5px;
    float: left;
    position: relative;
}
/*2018年12月28日#main .colum3追加*/
#main .layoutBox.all .columBox {
    width: 960px;
}
#main .layoutBox.all .columBox .colum3{
    width: 305px;
    position: relative;
    float: left;
}
/*ソリューション2019/01/09*/
#main .colum3 a.contentsLink_solution {
    display: block;
    padding: 5px;
    color: #333;
    width:320px;
    height:150px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
}
#main .colum3 a.contentsLink_solution:hover {
    background: #900;
    color: #F5F5F5;
}
/*製品情報*/
/*製品情報_第2階層 layoutBox.right_2019/01/19*/
#main .layoutBox.right .columBox .colum_products,
#main .layoutBox.right .columBox .colum_productsS{
    width: 340px;
    position: relative;
    float: left;
    left: 21px;
    top: 6px;
}
#main .layoutBox.right .colum_products > div a.contentsLink_products {
    display:block;
    color: #333;
    width:335px;
    height:220px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    margin-bottom:10px;
}
#main .layoutBox.right .colum_productsS > div a.contentsLink_products {
    display:block;
    color: #333;
    width:335px;
    height:150px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    margin-bottom:10px;
}
#main .layoutBox.right .colum_products > div > a.contentsLink_products p,
#main .layoutBox.right .colum_productsS > div > a.contentsLink_products p{
    float:left;
    margin:5px 5px 5px 125px;
    width:210px;
    font-size:1em;
}
#main .layoutBox.right .colum_products > div > a.contentsLink_products:hover,
#main .layoutBox.right .colum_productsS > div > a.contentsLink_products:hover {
    background: #900;
    color: #F5F5F5;
}
#main .layoutBox.right .colum_products > div > a.contentsLink_products img.thumbnail_products,
#main .layoutBox.right .colum_productsS > div > a.contentsLink_products img.thumbnail_products{
    margin:5px 10px 10px 5px;
    float:left;
}
#main .layoutBox.right .colum_products > div > a.contentsLink_products p > span.subTitle,
#main .layoutBox.right .colum_productsS > div > a.contentsLink_products p > span.subTitle{
    font-size:1.1em;
    font-weight:600;
}
#main .layoutBox.right .colum_products > div > a.contentsLink_products p > span.subTitleDetail,
#main .layoutBox.right .colum_productsS > div > a.contentsLink_products p > span.subTitleDetail{
    font-size:0.9em;
    font-weight:400;
}
#main .layoutBox.right .colum_products > div > a.contentsLink_products img.thumbnail_products + p,
#main .layoutBox.right .colum_products > div > a.contentsLink_products img.thumbnail_products + p > span,
#main .layoutBox.right .colum_productsS > div > a.contentsLink_products img.thumbnail_products + p,
#main .layoutBox.right .colum_productsS > div > a.contentsLink_products img.thumbnail_products + p > span {
    float:inherit;
}
/*製品情報_第2階層 layoutBox.all_2019/01/09*/
#main .layoutBox.all .columBox .colum_products,
#main .layoutBox.all .columBox .colum_productsS{
    width: 470px;
    position: relative;
    float: left;
    left: 21px;
    top: 6px;
}
#main .layoutBox.all .colum_products > div a.contentsLink_products {
    display:block;
    color: #333;
    width:460px;
    height:260px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    margin-bottom:10px;
}
#main .layoutBox.all .colum_productsS > div a.contentsLink_products {
    display:block;
    color: #333;
    width:460px;
    height:150px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    margin-bottom:10px;
}
/*製品情報_第3階層_2019/01/11*/
#main .colum_3R > div > a.contentsLink {
    display:block;
    color: #333;
    width:220px;
    height:300px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    float:left;
}
#main .colum_3R > div > a.contentsLink_S {
    display:block;
    color: #333;
    width:220px;
    height:200px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    float:left;
}
#main .colum_3R > div > a.contentsLink_M {
    display:block;
    color: #333;
    width:220px;
    height:220px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    float:left;
}
#main .colum_3R > div > a.contentsLink_L {
    display:block;
    color: #333;
    width:690px;
    height:180px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    text-decoration:none;
    float:left;
}
/*sensopartページはじめdata値で規定された設計からの改善 div要素　2019/6/5*/
#main .colum_3R > div > a.contentsLink_T {
    display:block;
    color:#333;
	width:200px;
	height:260px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    font-size: 0.9em;
	text-decoration:none;
	float:left;
}
#main .colum_3R > div > a.contentsLink_TT {
    display:block;
    color:#333;
	width:200px;
	height:300px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    font-size: 1em;
	text-decoration:none;
	float:left;
}

#main .colum_3R > div > a.contentsLink_TD {
    display:block;
    color:#333;
	width:150px;
	height:220px;
    background:#FFF;
    border: 1px solid #999;
    overflow: hidden;
    font-size: 1em;
	text-decoration:none;
	float:left;
}
/*sensopartページはじめdata値で規定された設計からの改善 div要素終了　2019/6/5*/
#main .colum_3R > div > a:nth-child(3n+1),
#main .colum_3R > div > a:nth-child(3n+2) {
    margin:10px 3px 0px;
    float:left;
}
#main .colum_3R > div > a:nth-child(3n) {
    margin:10px 0;
    float:left;
}
#main .colum_3R > div > a:hover {
    background: #900;
    color: #F5F5F5;
}
/*#main .colum_3R > div > a.contentsLink_TD:hover 設定*/
#main .colum_3R > div > a.contentsLink_TD:hover {
	background:#FCC;
	color:#333;
}
	
/*#main .colum_3R > div > a.contentsLink_TD:hover 設定　ここまで*/
#main .colum_3R > div > a img.thumbnail{
    margin:5px;
    padding:5px 40px;
    float:none;
}
#main .colum_3R >div > a p.title {
    width: 210px;
    margin: 0 5px;
    color: #2A597F;
    text-align:center;
    font-size: 1.2em;
    font-weight: bold;
    float: none;
}
#main .colum_3R >div > a p.title span{
    color: #2A597F;
    font-size: 0.9em;
    font-weight:500 ;
    padding:0 8px;
}
#main .colum_3R >div > a:hover p.title,
#main .colum_3R >div > a:hover p.title span{
    color:#ffcc66;
}
#main .colum_3R >div > a p.comment {
    width: 210px;
    margin: 0 5px;
    float: none;
	}
/*sensopartページはじめdata値で規定された設計からの改善 p要素　2019/6/5*/
#main .colum_3R >div > a.contentsLink_T p.comment,
#main .colum_3R >div > a.contentsLink_TT p.comment{
    width: 190px;
    margin: 0 5px;
	text-align:center;
    float: none;
}
#main .colum_3R >div > a.contentsLink_TD p.comment{
    width: 140px;
    margin: 0 5px;
	word-break:break-all;/*20200122追加 TURCK Io-Link*/
	text-align:center;
    float: none;
}
/*sensopartページはじめdata値で規定された設計からの改善 p要素 終わり　2019/6/5*/
#main .colum_3R > div > a.contentsLink_L img.thumbnail{
    margin:0;
    padding:10px;
    float:left;
    text-align:left;
}
#main .colum_3R >div > a.contentsLink_L p.title {
    width: 460px;
    margin: 10px 0;
    color: #2A597F;
    text-align:center;
    font-size: 1.3em;
    font-weight: bold;
    float: left;
}
#main .colum_3R >div > a.contentsLink_L:hover p.title{
    color:#ffcc66;
}
#main .colum_3R >div > a.contentsLink_L p.comment {
    width: 460px;
    padding:0px;
    text-align:left;
    font-size: 1.1em;
    float: left;
}
#main .colum_3R >div > a.contentsLink_L + p.title,
#main .colum_3R >div > a.contentsLink_L + p.comment {
    float:inherit;
}

/*アズビルトレーディングについてのセル設計　2018年12月28日追加*/
/*layoutBox.right .columBox .colum　2019年1月9日追加*/
#main .layoutBox.right .columBox .colum3{
    width: 305px;
    position: relative;
    float: left;
}
#main .colum3 > div >a img.thumbnail {
    margin: 5px 0;
    line-height: 1.5;
    width: 120px;
    float:left;
}
#main .colum3 > div >a{
    text-decoration:none;
}
#main .colum3 > div >a p {
    float:left;
    margin:0 10px 10px 130px;
    width:170px;
    font-size:1.1em;
}
#main .colum3 > div >a img.thumbnail + p{
    float:inherit;
}
/*2019/1/8*/
#main .colum3 a.contentsLink1,
#main .colum3 a.contentsLink2,
#main .colum3 a.contentsLink3 {
    display: block;
    padding: 10px;
    color: #333;
    width:300px;
    height:100px;
    background:#FFF;
    border: 1px solid #999;
/* 20171107ATAT border-radiusを無効化 */
    /* border-radius: 8px; */
    overflow: hidden;
/* 20181228 box-shadowを無効化 */
    /*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);*/
}
/* 20181228 色変更 */
#main .columFull a.contentsLink:hover,
#main .colum3 a.contentsLink1:hover,
#main .colum3 a.contentsLink2:hover,
#main .colum3 a.contentsLink3:hover,
{
    background: #900;
    color: #F5F5F5;
}
#main .colum3 {
    margin-right:10px;
}
#main_contents_area .modMenuList>div:nth-child(3n+2),
#main_contents_area .modMenuList>div:nth-child(3n) {
    width: 216px;
    float: left;
}
#main section.columHalf h2:first-child,
#main section.columFull h2:first-child,
#main section.colum3 h2:first-child,
#main section.colum_products h2:first-child,
#main section.colum_productsS h2:first-child
{ font-size: 1.5em; }
/*アズビルトレーディングについてのセル設計ここまで*/
#main .columHalf img.thumbnail {
    margin: 15px 12px 10px 15px;
    float: left;
}
/* 20171107ATAT border-radiusを無効化 */
    /* border-radius: 6px; */
#main .columHalf img.thumbnail + p {
    margin: 15px 10px 0 15px;
    line-height: 1.2;    
}
#main a.detailLink {
    display: block;
    padding-left: 15px;
    background: url(../img/textLink01.png) left no-repeat;
    position: absolute;
    bottom: 8px;
    right: 20px;
}
#main a.detailLink2 {
    display: block;
    margin: 10px 5px 20px;
    padding-left: 15px;
    background: url(../img/textLink02.png) left no-repeat;
    float: right;
}
#main a.detailLinkLeft {
    display: block;
    margin: 5px 20px;
    padding-left: 15px;
    background: url(../img/textLink02.png) left no-repeat;
}
#main .slideBox {
    margin: 10px auto;
    position: relative;
}
#main .slideBox * {margin: 0!important;}
#main .slideBox > * {
    display: block;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;    
}
#main .slideBox > *:first-child {
    position: relative;
    z-index: 101;
}
/*2019年1月7日追加*/
#main .columFull { padding: 20px 5px 30px; }
#main .columFull p { margin: 12px 20px 0; }
#main .colum3 div >p { margin:0 10px 0 130px;
                  }
#main .columFull img.thumbnail {
    margin: 10px 20px 10px 20px;
    float: left;
}
#main .columFull img.thumbnail + *,
#main .columFull img.thumbnail + * + * {
    margin: 5px 0;
    line-height: 1.5;
    width: 435px;
    float: left;
}
#main .columFull .video-js { margin: 5px auto 10px 20px; }
#main .columFull a.contentsLink {
    display: block;
    margin: 15px 15px 0;
    padding: 15px;
    color: #333F4C;
    background: #F4F4F4;
    line-height: 1.2;
    border: 2px solid #FFF;
/* 20171107ATAT border-radiusを無効化 */
    /* border-radius: 8px; */
    overflow: hidden;
/* 20181228 box-shadowを無効化 */
    /*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);*/
}
#main .columFull a.contentsLink:first-of-type { margin-top: 5px; }
/* 20181228 色変更 */
#main .columFull a.contentsLink:hover,
#main .colum3 a.contentsLink1:hover,
#main .colum3 a.contentsLink2:hover,
#main .colum3 a.contentsLink3:hover,
#main .colum3 a.contentsLink:hover
{
    background: #900;
    color: #F5F5F5;
}
#main .columFull a.contentsLink img.thumbnail {
    float: left;
    margin: 0 15px 0 0;
/* 20171107ATAT border-radiusを無効化 */
    /* border-radius: 6px; */
}
#main .columFull a.contentsLink p.title {
    width: 490px;
    margin: 0;
    color: #2A597F;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
}
#main .columFull.solutions a.contentsLink {
    margin: 5px 40px 10px;
}
#main .columFull.solutions a.contentsLink p.title {
    width: 500px;
    line-height: 58px;
}
#main .columFull a.contentsLink:hover p.title { color: #FFF; }
#main .columFull a.contentsLink p.comment {
    width: 490px;
    margin: 5px 0 0;
    float: left;
}
#main .columFull h3 {
    margin: 30px 20px 0;
    background: url(../img/rightTriangle01.png) 0 8px no-repeat;
    padding-left: 12px;
}
#main .columFull h3:first-of-type {    margin-top: 15px; }
#main .pageMainImg {
    margin: 10px auto 0;
/* 20171107ATAT border-radiusを無効化 */
    /* border-radius: 6px; */
}
#main .productsNav {
    margin: 10px auto 0;
    background: #000;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    overflow: hidden;
}
#main .productsNav li {
    margin: 0 1px 2px 0;
    line-height: 0;
    float: left;
}
#main .objCenter {
    display: block;
    margin: 15px auto 0;
}
#main .objLeft {
    display: block;
    margin: 15px auto 0 20px;
}
#main .listBlue {
    margin: 15px 30px 5px;
    color: #135886;
}
#main .listBlue li {
    margin-bottom: 8px;
    padding-left: 15px;
    line-height: 1.2;
    background: url(../img/listStyle01.png) 0 2px no-repeat;
}
#main .listNormal{
    margin: 10px 5px 5px 20px;
}
#main .listNormal li {
    margin-bottom: 8px;
    list-style: disc;
    padding-left: 5px;
}

#main li strong {
    display: block;
    color: #333;
}
#main .listWithIcon {
    margin: 5px 20px;
    font-size: 1.1em;
}
#main .listWithIcon li {
    margin-bottom: 10px;
    padding: 10px 0 0 50px;
    background: url(../img/borderBottom.png) top repeat-x;
    line-height: 1.25;
    position: relative;
}
#main .listWithIcon li:first-child { background: none; }
#main .listWithIcon li span {
    display: block;
    margin-bottom: 6px;
    font-size: 1.3em;
    color: #0C417C;
}
#main .listWithIcon.mail li:before {
    display: block;
    content: url(../img/listIconMail.png);
    position: absolute;
    top: 13px;
    left: 2px;
}
#main .listWithIcon.pdf li {
    padding: 18px 0 5px 36px;
}
#main .listWithIcon.pdf li:before {
    display: block;
    content: url(../img/listIconPdf.png);
    position: absolute;
    top: 8px;
    left: 5px;
}
#main .listWithText {
    margin: 5px auto;
}
#main .listWithText li {
    margin-bottom: 8px;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.2;
}
#main .listNumber {
    margin: 15px 30px 5px 40px;
    color: #000;
}
#main .listNumber li {
    margin-bottom: 8px;
    line-height: 1.2;
    list-style: decimal;
}
#main .listMaker {
    margin: 0;
    color: #333;
}
#main .listMaker li {
    margin-bottom: 18px;
    padding-left: 15px;
    line-height: 1.2;
}
#main .listMaker li a {
    display: block;
    margin-top: 5px;
    padding-left: 16px;
    background: url(../img/textLink01.png) left no-repeat;
}
#main .access {    padding: 30px 80px 25px; }
#main .access h2 { left: 0; }
#main .access dl { margin: 0 40px; }
#main .access dt {
    margin: 10px 0 0 20px;
    font-weight: bold;
    color: #036;
}
#main .access dd { margin: 0 0 25px 25px; }
#main .accessMap div#map {
    width: 640px;
    height: 480px;
    margin: 10px auto 20px;
    border-radius: 12px;
    -webkitbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
#main .sitemap > ul { margin: 15px 30px; }
#main .sitemap > ul > li {
    padding: 10px 0;
    background: url(../img/borderBottom.png) bottom repeat-x;
    overflow: hidden;
}
#main .sitemap > ul > li > a {
    padding-left: 16px;
    color: #000!important; 
    background: url(../img/rightTriangle03.png) 0 0 no-repeat;
    font-size: 1.1em;
}
#main .sitemap > ul > li > ul > li {
    display: block;
    height: auto;
    margin: 5px 2% 5px 3%;
    padding-left: 16px;
    background: url(../img/textLink01.png) 0 4px no-repeat;
}
#main .sitemap > ul > li > ul {
    margin-bottom: 15px;
    overflow: hidden;
}
#main .sitemap > ul > li > ul > li > ul {
    margin-bottom: 15px;
    overflow: hidden;
}
#main .sitemap > ul > li > ul > li > ul >li {
    display: block;
    height: auto;
    margin: 5px 1% 5px 0;
    padding-left: 12px;
    background: url(../img/rightTriangle01.png) 0 4px no-repeat;
    line-height: 1.2;
}
#main .sitemap .colums2 li {
    width: 42%;
    float: left;
}
#main .sitemap .colums3 li {
    width: 30%;
    float: left;
}
#main div.imageWithCaption {
    display: inline-block;
    width: auto;
    margin: 15px 20px 0;
    padding: 15px;
    background: #F4F4F4;
    border: 1px solid #CCC;
    border-radius: 6px;
}
#main div.imageWithCaption img {
    margin: 0 2px;
    border: 4px solid #FFF;
}
#main div.imageWithCaption p {
    margin: 5px 4px 0;
    font-size: 0.9em;
    line-height: 1.2;    
}
#main div.fileBox {
    width: 640px;
    margin: 15px auto 0 20px;
    padding-top: 2px;
    overflow: hidden;
}
#main div.fileBox.narrow {
    width: 540px;
    margin: 15px auto 20px!important;
}
#main div.fileBox a {
    display: block;
    width: 178px;
    height: auto;
    margin: 0 0 10px 10px;
    padding: 20px 10px 5px;
    background: #F4F4F4;
    text-align: center;
    line-height: 1.2;
    border: 2px #FFF solid;
/* 20171107ATAT border-radiusを無効化 */
    /* border-radius: 12px; */
/* 20171107ATAT box-shadowを無効化 */
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); */
    float: left;
}
#main div.fileBox a:hover {
    color: #FFF;
    background: #72B6E2;
}
#main div.fileBox a span {
    display: block;
    margin: 10px 0;
}
#main div.fileBox a img {
    border: 1px #F4F4F4 solid;
/* 20171107ATAT border-radiusを無効化 */
    /* border-radius: 6px; */
}
#main a.largeBtn {
    display: block;
    width: 364px;
    height: 84px;
    margin: 15px auto 20px;
    background: url(../img/largeBtn.png) no-repeat;
    color: #FFF!important;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    text-decoration: none!important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    line-height: 84px;
}
#main div.qaBox h6 {
    margin: 10px 15px 0;
    padding: 3px 10px 3px 26px;
    background: url(../img/subMenuLiBg01.png) -2px -4px no-repeat;
    font-size: 1.1em;
    font-weight: normal;
    border-radius: 5px;
}
#main div.qaBox h6:hover,
#main div.qaBox h6.show {
    color: #FFF;
    background: url(../img/subMenuLiBg01.png) -2px -4px no-repeat, #72B6E2;
    cursor: pointer;
}
#main div.qaBox h6.show {
    background: url(../img/subMenuLiBg02.png) -2px -4px no-repeat, #72B6E2;
    border-radius: 5px 5px 0 0;
}
#main div.qaBox div {
    display: none;
    margin: 0 15px 20px;
    padding: 5px 0 15px;
    background: #F4F4F4;
    border: #CCC 1px solid;
    border-top: none;
    border-radius: 0 0 6px 6px;
}
#main div.qaBox img.pdfIcon {
    margin: 0 -5px 0 20px;
}
#main .compoLinkBox div {
    margin-left: 22px;
}
#main .compoLinkBox a {
    display: block;
    width: 290px;
    min-height: 100px;
    margin: 10px 5px 0;
    padding: 10px;
    border: 1px solid #CAD6DF;
    border-top-color: #E4EBEF;
    border-bottom-color: #AFC1CF;
    border-radius: 6px;
    float: left;
}
#main .compoLinkBox a > * {    float: left; }
#main .compoLinkBox a img { border-radius: 6px; }
#main .compoLinkBox a p {
    width: 155px;
    margin: 5px 10px 5px 8px;
    padding-left: 16px;
    background: url(../img/compoLinkTriangle.png) 0 4px no-repeat;
    line-height: 1.2;
}
#main .compoLinkBox a p span {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 1.1em;
}
#main .compoLinkBox a:hover {
    background: #EFF5FA;
    box-shadow: 0 2px 2px rgba(6, 33, 62, 0.5);
    border-color: #F4F4F4;
    position: relative;
    top: -1px;
    -webkit-animation: compoLinkAnimation 0.5s;
    animation: compoLinkAnimation 0.5s;
}
@keyframes compoLinkAnimation {
    0% { background: #FFF; box-shadow: none; top: 0; }
    25% {top: -1px; }
    100% { background: #EFF5FA;    box-shadow: 0 2px 2px rgba(6, 33, 62, 0.5); }
}
@-webkit-keyframes compoLinkAnimation {
    0% { background: #FFF; box-shadow: none;  top: 0;}
    25% {top: -1px; }
    100% { background: #EFF5FA;    box-shadow: 0 2px 2px rgba(6, 33, 62, 0.5); }
}
#main .atWay {
    margin: 30px;
    padding: 30px;
    background: #F5F5F5;
    border: 2px solid #FFF;
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
#main .atWay p {
    margin: 30px 0 0 320px;
}
#main .oshiraseArchiveList { margin: 10px 30px; }
#main .oshiraseArchiveList li {
    padding: 10px 5px;
    clear: both;
    position: relative;
    background: url(../img/borderBottom.png) bottom repeat-x;
}
#main .oshiraseArchiveList li > * {
    margin: 0 10px 10px 10px;
    position: relative;
}
#main .oshiraseArchiveList li time {
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 15px;
    position: absolute;
    top: 0;
    left: 0;
}
#main .oshiraseArchiveList li > p {    padding-left: 100px; }
#main .oshiraseArchiveList li > div { margin-left: 110px; }
#main .oshiraseArchiveList li > div > * {
    margin-left: 0;
    margin-right: 0;
}
#main .oshiraseArchiveList li > div br { display: none; }
#main .oshiraseArchiveList li > span {
    display: block;
    width: 80px;
    padding: 4px 0 2px;
    color: #FFF;
    background: #61B1D2;
    font-size: 0.9em;
    text-align: center;
    line-height: 1;
    border: 2px solid #FFF;
    border-radius: 3px;
    box-shadow: 0 0 1px 0 #CCCCCC;
    position: absolute;
    top: 40px;
    left: 0;
}
#main .oshiraseArchiveList li > span.showroom {    background: #E6864D; }
#main .oshiraseArchiveList li > span.innovation { background: #C5D260; }
#main .oshiraseArchiveList li > span.emergency { background: #800; }

#main .oshiraseArchiveList li a.detailLink2 {
    margin: 10px 0 0;
    float: none;
}
#main div.oshirasePageNav {
    overflow: hidden;
}
#main div.oshirasePageNav a{
    display: block;
    width: 120px;
    padding: 5px 0 4px;
    background: #FFF;
    text-align: center;
    margin: 15px 30px 5px;
    line-height: 1;
    font-size: 1.4em;
    border: 1px solid #83B1D1;
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0 , 0, 0.25);
    float: right;
}
#main div.oshirasePageNav a.link_before{
    float: left;
}
#main .oshiraseDetail date {
    display: block;
    margin: 0 0 15px;
    padding: 0 25px 0 0;
    text-align: right;
}
#main .oshiraseDetail h3.title { margin: 10px 20px 5px; }
#main .oshiraseDetail p { margin: 0 25px 15px; }
#main .oshiraseDetail h4 { margin: 30px 20px 15px; }
/* main -> ページコンテンツ -> タブ表現 */
@media screen {
#main div.tabBox {
    margin-top: 80px;
    background: #FFF;
    /*border: 3px solid #163A57;*/
    border: 1px solid #999;
    /*border-radius: 0 12px 12px 12px;*/
    position: relative;
}
/*#main div.tabBox:after {
    display: block;
    content: "";
    width: 680px;
    height: 10px;*/
    /*border-top: 3px solid #163A57; */
   /* border-top: 1px solid #aa0000;
    border: 1px solid #aa0000;
    background: #FFF;
    position: absolute;
    top: -3px;
}*/
#main div.tabBox > div.tabTrue > .tabName {
    display: block;
    min-width: 56px;
    max-width: 150px;
    height: 27px;
    padding: 15px 10px 5px;
    color: #FFF;
    /*background: url(../img/tabNameBg.png);*/
    background: #ab7878;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
    border-top: 1px #CCC solid;
    /*border-radius: 10px 10px 0 0;*/
    /*-webkit-box-shadow: 0 1px 0 2pxpx #3B7095;*/
    /*box-shadow: 0 1px 0 2px #3B7095;*/
    position: absolute;
    top: -50px;
    line-height: 1;
    overflow: hidden;
    cursor: pointer;
}
#main div.tabBox > div.tabTrue:not(.visible) > .tabName:after {
    display: block;
    width: 200px;
    height: 2px;
    content: "";
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: -2px;
    left: 0;
}
#main div.tabBox > div.tabTrue > .tabName:hover,
#main div.tabBox > div.tabTrue.visible > .tabName {
     /*background: url(../img/tabNameNowBg.png);*/
    background:#a00;
     /*-webkit-box-shadow: 0 1px 0 2px #163A57; */
    /*box-shadow: 0 1px 0 2px #163A57;*/
}
#main div.tabBox > div.tabTrue > section {
    margin: 20px 10px 30px;
    border-radius: 0;
    box-shadow: none;
    border-bottom: none;
}
#main div.tabBox > div.tabTrue > section h2:first-child {
    margin: 0 20px;
    position: static;
}
#main div.tabBox div.fileBox {
    margin-left: 10px;
}
}
/* #footerNav */
#footerNav{
    margin:0px;
}
#footerNav #footerlogo{background-color:#990000;
}
#footerNav #footerlogo h2 {
    width: 960px;
    margin: 0 auto;
    padding: 8px 0;
    float:none;
}
#footerNav #footerBox{
    background-color:#e9e9e9;
}
#footerNav nav {
    width: 960px;
    height: 260px;
    margin: 0 auto 0;
    overflow: hidden;
    position: relative;
    border-top:15px solid #e9e9e9;
}
#footerNav nav a {
    color: #000000;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
#footerNav nav a:hover { color: #aa0000; }
#footerNav nav ul ul a {
    padding-left: 10px;
    background: url(../img/rightTriangle01.png) left no-repeat;
    font-size: 1.3em;
    font-weight: normal;
}
#footerNav nav > ul > li {
    min-width: 130px;
    margin: 0 15px 15px 10px;
    padding: 0 6px 0 6px;
    background: url(../img/footerNavLiBg.png) 0 22px repeat-x;
    float: left;
}
#footerNav nav > ul > li > ul {    margin: 10px 8px 0 3px; }
#footerNav nav > ul > li > ul > li { margin-bottom: 2px; }
#footerNav nav > ul > li:first-child { width: 240px; }
#footerNav nav > ul > li:first-child +li { width: 220px; }
#footerNav nav > ul > li:first-child +li +li +li { width: 100px; }
#footerNav nav > ul > li:first-child +li +li +li +li {
    position: absolute;
    top: 125px;
    left: 535px;
}
#footerNav nav > ul > li:first-child +li +li +li +li +li {
    width: 170px;
    position: absolute;
    top: 125px;
    left:765px;
}
/* 印刷設定 */
@media print {
#main { background: none; }
header nav, header form, footer nav, #mainNav, #main div.layoutBox.left, #footerNav {
    display: none!important;
}
#main div.layoutBox.right {
    margin: 30px auto;
    float: none;
}
#main > section, #main div > section {
    border-bottom: none;
    box-shadow: none;
}
#main div.tabBox > div.tabTrue > .tabName { display: none!important; }
#main div.tabBox > div.tabTrue > section { display: block!important; }
#main div.fileBox a { min-height: 240px; }
#main div.qaBox div {
    display: block;
    margin-top: 5px;
    border-top: #CCC 1px solid;
    border-radius: 0;
}
}
/* 共通要素 */
/*-------------  table要素 ---------------- */
table {
    margin: 10px 20px;
    line-height: 1.2em;
    border-collapse: separate;
    border-spacing: 2px;
    border: 1px solid #CCC;
    text-align: left;
    overflow: hidden;
}
table caption {
    padding-bottom: 10px;
    color: #004D99;
    font-weight: bold;
    text-align: left;
}
table th {
    padding:5px 8px;
    color: #FFF;
    font-weight: normal;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    background: #86AFCE;
}
table th[colspan] {
    background: #333;
    text-align:center;
}
table td {
    padding:5px 8px;
    color: #333;
    background: #F4F4F4;
    text-align: center;
}

table tr:hover td { background: #B5E3F4; }

table.simple {
    margin: 20px;
    line-height: 1.2em;
    border-collapse: separate;
    border-spacing: 2px;
    border: none;
    text-align: left;
    overflow: hidden;
}
table.simple th {
    padding:10px 8px 10px 18px;
    color: #004D99;
    background: url(../img/rightTriangle03.png) 0px 10px no-repeat;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    vertical-align: top;
}
table.simple.noTriangle th {
    background: none;
    padding:10px 20px 15px 10px;
    white-space: nowrap;
}
table.simple tr th:after {
    display: block;
    width: 630px;
    height: 2px;
    margin: 0 auto;
    content: "";
    background: url(../img/hrBg.png);
    position: absolute;
    bottom: 0;
    left: 0;
}
table.simple td {
    padding:10px 8px;
    color: #333;
    background: none;
    text-align: left;
    vertical-align: top;
}
table.simple tr:hover td { background: none; }
table.simple.noTriangle table {
    margin: 0;
    border: none;
}
table.simple.noTriangle table th {
    text-align:left;
    padding: 8px 20px 8px 0;
    color: #666;
    vertical-align: middle;
}
table.simple.noTriangle table td {
    padding: 0;
    vertical-align: middle;
}
table.simple.noTriangle table th:after { display: none; }

/*ここから　table要素　見積もり基本条件　20191008*/
.entory-content li>table{
	width:500px;
	margin: 10px 20px;
    border-collapse:collapse;
    border-spacing: 2px;
	border-spacing:1px;
    overflow: hidden;
	display:inline-block;
}
.entory-content table tr{
}

.entory-content table td {
    padding:10px 10px 15px 12px;
    color: #333;
	border:1px solid #999;
    background: #ffffff;
    text-align:left;
	line-height:15px;
	text-indent:0em!important;
}
table tr:hover td { 
background:#ffffff;
}
	
/*ここまで　table要素　見積もり基本条件　20191008*/


/*ここから　table要素　資料ダウンロードページ　20190930*/
table.download{
	border-spacing:1px;
	width:660px;
}
table.download th{
	text-align:center;
	background:#999;
	font-size:1.1em;
    height:20px;
}
table.download td{
	background:#FFF;
	text-align:left;
	border:1px solid #999;
}
table.download tr:hover td{
	background:#fff;
}
table.download a.DL{
	float:none;
	display:block;
	text-align:center;
	width:110px;
	color:#fff;
	font-size:1.1em;
	font-weight:800;
	margin:5px;
	text-decoration:none;
	background:#a00;
	line-height:30px;
}
table.download a.DL:hover{
	color:#a00;
	background:#FCC;
}

/*ここで終わり！！　table要素　資料ダウンロードページ　20190930*/
/*-------------ここまで  table要素 ---------------- */
p.chuki {
    padding: 0 0 0 1.2em;
    font-size: 0.9em;
    text-indent: -1.1em;
    line-height: 1.2;
}
p.chuki span {
    padding-right: 0.2em;
    color: #C03;
}
/*---20191004_見積基本条件 h1タグ下のMenu Tag追加---------*/
ul.MenuTag{
	margin-right:20px;
	padding:5px;
	overflow:hidden;
}

ul.MenuTag li a{
	margin-left:20px;
	padding:0px 10px 0px 30px;
	display:inline-block;
	background:url(../img/menuTag_.png) left no-repeat #fff0e6;
	color: #2A597F;
	font-size:1.1em;
	text-shadow:#ccc 0px 0px;
	text-decoration:none;
	line-height:40px;
	float:right;
	font-weight:500;
	border:#999 1px solid;
}


ul.MenuTag li a:hover{
	background-color:#FFF4F9;
	color:#33F;
	text-decoration:underline;
}
/*---ここまで　20191004_見積基本条件 h1タグ下のMenu Tag追加---------*/
/*-----------ここから　法律等小数点でのli表示設定20191007
              ol class="Regulation"--------------------*/
			  
.entory-content{
	padding:5px;
}
.entory-content ol.Regulation{
	counter-reset:chapter;
	list-style-type:none;
    padding-left:25px;/* 当初設定がpadding0設定でliの数字が表示されないため*/
}
.entory-content ol.Regulation>li::before{
	content:counter(chapter)".";
	counter-increment:chapter;
	padding-right:10px;
	font-weight:800;
}
.entory-content ol.Regulation>li{
	padding-bottom:10px;
	padding-top:30px;
}

.entory-content ol.Regulation>li>ol{
	counter-reset:section;
	list-style-type:none;
	margin-left:50px;
}
.entory-content ol.Regulation>li>ol>li{
	padding-top:10px;
	list-style-position:outside;
	text-indent:-2.4em;   /*改行位置調整*/
}
.entory-content ol.Regulation>li>ol>li::before{
	text-align:center;
	content:counter(chapter)"."counter(section);
	counter-increment:section;
	line-height:1.6;
	padding-right:10px;   /*文字と数字の間隔調整*/　
}
.entory-content ol.Regulation>li>ol>li>p{
	text-indent:0em;
	}
.entory-content p.shiyou-youto{
	padding-left:20px;
}
.entory-content p.shiyou-youto,	
.entory-content  ol.Regulation>li>ol>li>p.shiyou-youto{
	text-indent:-1.2em;
}
.entory-content >ol.shiyou-youto-rei{
 padding-left:50px;
}
.entory-content >ol.shiyou-youto-rei>li{
	list-style-type:disc;
}
.entory-content ol.Regulation>li>ol.chyuusyaku,
.entory-content ol.Regulation>li>ol>li>ol.chyuusyaku{
	counter-reset:chyuusyaku;
	list-style-type:none;
	margin-left:50px;
	padding-top:10px;

 }
.entory-content ol.Regulation>li>ol>ol.chyuusyaku2{
	counter-reset:chyuusyaku2 4;
	list-style-type:none;
	margin-left:50px;
	padding-top:10px;
 }
 
 .entory-content ol.Regulation>li>ol.chyuusyaku>li,
 .entory-content ol.Regulation>li>ol>ol.chyuusyaku2>li,
 .entory-content ol.Regulation>li>ol>li>ol.chyuusyaku>li{
	text-indent:-2.6em!important;   /*改行位置調整*/
	padding-bottom:10px;
 }
.entory-content ol.Regulation>li>ol.chyuusyaku>li::before,
.entory-content ol.Regulation>li>ol>li>ol.chyuusyaku>li::before{
	text-align:center;
	content:"※"counter(chyuusyaku)".";
	counter-increment:chyuusyaku;
	padding-right:10px;
 }
.entory-content ol.Regulation>li>ol>ol.chyuusyaku2>li::before{
	text-align:center;
	content:"※"counter(chyuusyaku2)".";
	counter-increment:chyuusyaku2;
	padding-right:10px;
 }

.entory-content ol.Regulation>li>ol>li>ol.saimoku{
	counter-reset:saimoku;
	list-style-type:none;
	margin-left:60px;
	padding-top:10px;

 }
 .entory-content ol.Regulation>li>ol>li>ol.saimoku>li{
	text-indent:-1.2em!important;   /*改行位置調整*/
	padding-bottom:10px;
 }
.entory-content ol.Regulation>li>ol>li>ol.saimoku>li::before{
	text-align:center;
	content:"-"counter(saimoku);
	counter-increment:saimoku;
	padding-right:10px;
 }
/*-----------ここまで　法律等小数点でのli表示設定20191007
              ol class="Regulation"--------------------*/
#main .shakeButton:hover {
    position: relative;
    top: -1px;
    -webkit-animation: shakeButtonAnimation 1.2s infinite;
    animation: shakeButtonAnimation 1.2s infinite;
}
@keyframes shakeButtonAnimation {
    0% {top: -1px;}
    40% {top: 2px; opacity: 0.9;}
    50% {top: 0}
    60% {top: 1px;}    
}
@-webkit-keyframes shakeButtonAnimation {
    0% {top: -1px;}
    40% {top: 2px; opacity: 0.9;}
    50% {top: 0}
    60% {top: 1px;}    
}
input, textarea, select {
    font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
/* input ボタン要素 */
input[type="button"] {
    padding: 4px 5px;
    color: #FFF;
    background: #403D26;
    text-align: center;
    line-height: 1;
    border: none;
    border-top: #999 1px solid;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px #403D26, 0 2px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 1px #403D26, 0 2px 3px rgba(0, 0, 0, 0.25);
    outline: none;
}
input[type="button"]:active {
    background: #000;
    position: relative;
    top: 1px;
    box-shadow: 0 0 0 1px #666, 0 1px 1px rgba(0, 0, 0, 0.1);
}
input[type="button"].largeBtn {
    display: block;
    margin: 20px auto 0;
    padding: 8px 16px;
    font-size: 20px;
    border-radius: 8px;
}
caption input[type="button"] {
    float: right;
    margin: -15px 0 5px;
    padding: 6px 8px;
}
p.buttonBox {
    text-align: center;
    margin: 0.5em auto 1.5em;
}
p.buttonBox input[type="button"] {
    display: inline-block;
    margin: 20px 20px 0;
}
input::-moz-focus-inner {border: 0;padding: 0;}
/* inputテキスト要素、textarea要素 */
input[type='text'],
input[name^='itemUrl'],
input[type='password'],
textarea {
    margin: 3px 4px;
    padding: 3px 5px;
    color: #333;
    background: #FFF;
    border: #CCC 1px solid;
    border-radius: 4px;
    outline: none;
}
input[type='text']:focus,
input[name^='itemUrl']:focus,
input[type='password']:focus,
textarea:focus {
    color: #093E5E;
       background: #EBF4FE;
    border-color: #72B3E2;
    -webkit-animation: inputShadowAnimation 0.25s 1 forwards;
    animation: inputShadowAnimation 0.25s 1 forwards;
    -webkit-box-shadow: 0 1px 4px rgba(8, 48, 48, 0.5);
    box-shadow: 0 1px 4px rgba(8, 48, 48, 0.5);
}
input[type='radio'] {
    margin: 0 3px;
    position: relative;
    top: 1px;
}
/* input チェックボックス要素 */
input[type="checkbox"] {
    margin: 3px 4px 0 3px;
    vertical-align: text-top;
    outline: none;
}
/* inputファイル要素 */
input[type="file"] {
    margin: 3px 4px;
    padding: 5px;
    background: #FFF;
    border: #CCC 1px dotted;
    border-radius: 4px;
    outline: none;
}
/* select要素 */
select {
    margin: 2px 3px;
    padding: 2px 3px;
    background: #FFF;
    border: #CCC 1px solid;
    border-radius: 4px;
    outline: none;
}
select:focus {
    color: #093E5E;
       background: #EBF4FE;
    border-color: #72B3E2;
    -webkit-animation: inputShadowAnimation 0.25s 1 forwards;
    animation: inputShadowAnimation 0.25s 1 forwards;
    -webkit-box-shadow: 0 1px 4px rgba(8, 48, 48, 0.5);
    box-shadow: 0 1px 4px rgba(8, 48, 48, 0.5);
}
option {
    color: #333;
    background: #FFF;
    font-size: 14px;
}
@keyframes inputShadowAnimation {
    0% {
        background: #FFF;
        border-color: #CCC;
        box-shadow: none;
    }
    100% {
           background: #EBF4FE;
        border-color: #72B3E2;
        box-shadow: 0 1px 4px rgba(8, 48, 48, 0.5);
    }
}
@-webkit-keyframes inputShadowAnimation {
    0% {
        background: #FFF;
        border-color: #CCC;
        -webkit-box-shadow: none;
    }
    100% {
           background: #EBF4FE;
        border-color: #72B3E2;
        -webkit-box-shadow: 0 1px 4px rgba(8, 48, 48, 0.5);
    }
}
.widthFull{width:100%!important;}
.widthNineTenth{width:90%!important;}
.widthFourFifth{width:80%!important;}
.widthTwoThird{width:66%!important;}
.widthHalf{width:50%!important;}
.widthOneThird{width:33%!important;}
.widthQuarter{width:25%!important;}
.widthFifth{width:20%!important;}
.widthSixth{width:16%!important;}
.widthSeventh{width:13%!important;}
.widthEighth{width:12.5%!important;}
.widthTenth{width:10.0%!important;}
.floatLeft{float:left!important;}
.floatRight{float:right!important;}
.floatNone{float:none!important;}
.floatClear{clear:both!important;}
.alignRight{text-align:right!important;}
.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.nowrap{white-space:nowrap}
.margin_N {margin: 5px!important;} 
.margin_M {margin: 15px!important;}
.margin_W {margin: 30px!important;}
.marginT_N {margin-top: 5px!important;} 
.marginT_M {margin-top: 15px!important;}
.marginT_W {margin-top: 30px!important;}
.marginR_N {margin-right: 5px!important;} 
.marginR_M {margin-right: 15px!important;}
.marginR_W {margin-right: 30px!important;}
.marginRL_N {margin: 0 5px 0!important;} 
.marginRL_M {margin: 0 15px 0!important;}
.marginRL_W {margin: 0 30px 0!important;}
.marginL_N {margin-left: 5px!important;} 
.marginL_M {margin-left: 15px!important;}
.marginL_W {margin-left: 30px!important;}
.smaller90 {font-size: 0.9em!important;}
.smaller80 {font-size: 0.8em!important;}
.bigger110 {font-size: 1.1em!important;}
.bigger120 {font-size: 1.2em!important;}
.numelic {font-family: Arial, Helvetica, sans-serif}
.mincho {font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, serif;}
a:active {color: inherit;}
.colorRed {color: #C00;}