li{list-style: none;}

.fade {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.fade:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.inner {
    width: 980px;
    margin: 0 auto;
}


/**--------------------
Layout
--------------------**/

#header {
    padding: 10px 0 0 0;
    position: fixed;
    top: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 1000;
}

#header h1 {
    float: left;
    width: 330px;
}

#header h1 img {
    width: 80%;
}

#header #sub_menu {
    float: right;
    margin-right:-16px;
}

#sp_sub_menu {
    display: none;
}

#language {
    float: left;
    margin-top: 5px;
    margin-left: 18px;
}

#head_nav {
    float: left;
    line-height: 35px;
    font-size: 12px;
    font-weight: bold;
}

#head_nav li {
    float: left;
    margin-right: 15px;
}

#head_nav li:last-child {
    margin-right: 0;
}

#head_nav li:last-child:before {
    content: " \f002";
    font-family: FontAwesome;
    margin-right: 5px;
}

#head_contact {
    float: left;
    width: 180px;
    height: 36px;
    line-height: 36px;
    background: #98A9AB;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    margin-left: 9px;
}

#head_contact a {
    display: block;
    color: #FFFFFF;
    font-weight: bold;
}

#head_contact a:before {
    content: " \f0e0";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 10px;
}

#gnav {
    height: 36px;
    line-height: 36px;
    background: #758787;
    margin-top: 10px;
    margin-bottom: 13px;
}

#gnav li {
    float: left;
    width: 218px;
    text-align: center;
    border-right: 1px solid #FFFFFF;
}

#gnav li:first-child {
    width: 102px;
    border-left: 1px solid #FFFFFF;
}

#gnav li a {
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}

#gnav li:first-child a {
    font-size: 25px;
}

#gnav li a:hover {
    color: #5A5A5A;
    background: url(../img/nav_bg.png) repeat-x;
    text-decoration: none;
}

#gnav li a.cur {
    color: #5A5A5A;
    background: url(../img/nav_bg.png) repeat-x;
    text-decoration: none;
}

#contents {
    padding-bottom: 20px;
}



#copy {
    clear: both;
    font-size: 12px;
    padding-top: 10px;
}

#pan {
    margin-top: 105px;
    margin-bottom: 25px;
}

#pan li {
    float: left;
    margin-right: 10px;
    padding-right: 15px;
    background: url(../img/pan_arrow_right.png) no-repeat right center;
    font-size: 11px;
}

#pan li:last-child {
    background: none;
}

#pan li a {
    color: #000000;
}

#pan li:first-child:before {
    content: " \f015";
    font-family: FontAwesome;
    font-size: 20px;
    color: #98A9AB;
    vertical-align: top;
    margin: 0 5px 0 0;
}

nav#accordion01 ul {
    display: none;
}

nav#accordion01 h2 {
    cursor: pointer;
    width: 220px;
    padding: 10px 0 10px 9px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    background: #778787;
    color: #FFFFFF;
}

nav#accordion01 h2 span {
    display: table-cell;
    vertical-align: middle;
    border-left: 3px solid #FF0000;
    padding-left: 13px;
    margin-left: 10px;
    width: 220px;
    height: 30px;
}

nav#accordion01 li h3 {
    cursor: pointer;
    width: 220px;
    padding: 10px 0 10px 10px;
    background: #98A9AB;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

nav#accordion01 li li {
    background: none;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}

nav#accordion01 li li:first-child {
    margin-top: -4px;
}

nav#accordion01 li li:last-child {
    margin-bottom: 4px;
}

nav#accordion01 li li a {
    display: block;
}

nav#accordion01 li li span {
    display: block;
    letter-spacing: -1px;
    font-size: 14px;
    font-weight: normal;
}

nav#accordion02 ul {
    display: none;
}

nav#accordion02 h2 {
    cursor: pointer;
    width: 220px;
    padding: 10px 0 10px 9px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: normal;
    background: #778787;
    color: #FFFFFF;
}

nav#accordion02 h2 span {
    display: table-cell;
    vertical-align: middle;
    border-left: 3px solid #FF0000;
    padding-left: 13px;
    margin-left: 10px;
    width: 220px;
    height: 30px;
    font-weight: bold;
}

nav#accordion02 li {
    background: none;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}

nav#accordion02 li:first-child {
    margin-top: -4px;
}

nav#accordion02 li:last-child {
    margin-bottom: 4px;
}

nav#accordion02 li a {
    display: block;
}

nav#accordion02 li span {
    display: block;
    letter-spacing: -1px;
    font-size: 14px;
    font-weight: normal;
}

#main_area {
    width: 730px;
}

#side_area {
    float: left;
    width: 220px;
}

#main_area p {
    font-size: 14px;
    margin-bottom: 1em;
    display: inline-block;
}

.ttl {
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 24px;
    line-height: 1;
    padding-left: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-left: 5px solid #D3D3D3;
}

.ttl div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 60px;
}

.ttl span {
    display: block;
    font-weight: normal;
    font-size: 18px;
}

.ttl p.download a {
    position: absolute;
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    background: #FF7F00;
    color: #FFFFFF;
    text-align: center;
    top: 15px;
    right: 10px;
}

.sub_ttl {
    position: relative;
    font-size: 20px;
    margin-bottom: 18px;
}

.sub_ttl:before {
    width: 730px;
    height: 2px;
    background: #ACACAC;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

.sub_ttl:after {
    width: 195px;
    height: 2px;
    background: #FF0000;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

.ttl_kei_left_red {
    font-size: 18px;
    border-left: 3px solid #FF0000;
    margin-bottom: 20px;
    padding: 2px 0 5px 5px;
}

.ttl_kei_btm_gray {
    font-size: 16px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    padding: 2px 0 5px;
}

sup {
    font-size: 10px;
}


/**--------------------
Toppage
--------------------**/

#main_image {
    text-align: center;
    background: #DDDDDD;
    margin-top: 100px;
    margin-bottom: 11px;
}

#main_bana .first_bana {
    position: relative;
}

#main_bana .first_bana li {
    float: left;
    margin-right: 9px;
    border: 1px solid #D3D3D3;
    text-align: center;
}

#main_bana .first_bana li:last-child {
    float: right;
    margin-right: 0;
}

#main_bana .first_bana li:first-child {
    background: url(../img/bana_arrow.png) no-repeat center right;
}

#main_bana .first_bana li a {
    display: block;
    width: 236px;
    height: 118px;
    /*padding-top: 10px;*/
    padding-top: 5px;
    color: #000000;
}

#main_bana .first_bana li a:hover {
    text-decoration: none;
}

#main_bana .first_bana li h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

#main_bana .second_bana {
    width: 100%;
    display: none;
    background: #BBBBBE;
    padding: 10px 15px;
    margin-top: 5px;
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 10;
}

#main_bana .second_bana li {
    float: left;
    margin-right: 10px;
    background: #FFFFFF;
}

#main_bana .second_bana li:first-child {
    background-image: none;
    background-color: #fff;
}

#main_bana .second_bana li:last-child {
    float: right;
    margin-right: 0;
}

#main_bana .second_bana li a {
    display: table-cell;
    vertical-align: middle;
    width: 148px;
    height: 54px;
    padding: 0.8em 5px 0.8em;
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

#main_bana .second_bana li:nth-of-type(5) a {
    padding: 5px;
}

#openBlock {
    display: none;
}

#top_news {
    float: left;
    width: 690px;
    margin-top: 20px;
    font-size: 14px;
}

#top_news.sub_open {
    margin-top: 120px;
}

#top_news h2 {
    position: relative;
    font-size: 16px;
    margin-bottom: 18px;
}

#top_news h2:before {
    width: 690px;
    height: 2px;
    background: #ACACAC;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

#top_news h2:after {
    width: 195px;
    height: 2px;
    background: #FF0000;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

#top_news li {
    padding: 10px 3px;
    border-bottom: 1px solid #D3D3D3;
    display: inline-block;
}

#top_news span.date {
    display: inline-block;
    width: 120px;
}

#top_news span.cat {
    display: inline-block;
    width: 65px;
    height: 16px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    margin-right: 20px;
}

#top_news span.cat_icon01 {
    background: #E77B30;
}

#top_news span.cat_icon02 {
    background: #7EC98E;
}

#top_news span.cat_icon03 {
    background: #4F7BDA;
}

#top_news span.cat_icon04 {
    background: #9BA9AB;
}

#top_news p {
    display: block;
    float: right;
    width: 470px;
}

#top_news span.new {
    display: inline-block;
    width: 32px;
    height: 16px;
    line-height: 16px;
    margin-left: 20px;
    background: #FF0000;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
}

#side_bana {
    float: right;
    width: 260px;
    margin-top: 20px;
}

#side_bana.sub_open {
    margin-top: 120px;
}

#side_bana h2 {
    position: relative;
    font-size: 16px;
    margin-bottom: 18px;
}

#side_bana h2:before {
    width: 260px;
    height: 2px;
    background: #ACACAC;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

#side_bana h2:after {
    width: 100px;
    height: 2px;
    background: #FF0000;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

#side_bana li {
    border: 1px solid #D3D3D3;
    margin-bottom: 15px;
}

#side_bana li a {
    display: block;
    width: 260px;
    height: 80px;
    color: #000000;
    background: url(../img/d_arrow_right.png) no-repeat 98% 92%;
}

#side_bana li a:hover {
    text-decoration: none;
}

#side_bana li figure {
    float: left;
    margin: 5px 10px 0 5px;
}

#side_bana li h3 {
    line-height: 80px;
    font-size: 16px;
    font-weight: normal;
}

#side_bana li:last-child figure {
    float: none;
    margin: 0;
    padding-top: 15px;
    text-align: center;
}

#side_bana_top {
    float: right;
    width: 260px;
    margin-top: 20px;
}

#side_bana_top.sub_open {
    margin-top: 120px;
}

#side_bana_top h2 {
    position: relative;
    font-size: 16px;
    margin-bottom: 18px;
}

#side_bana_top h2:before {
    width: 260px;
    height: 2px;
    background: #ACACAC;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

#side_bana_top h2:after {
    width: 100px;
    height: 2px;
    background: #FF0000;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}



#side_bana_top li {
    border: 1px solid #D3D3D3;
    margin-bottom: 15px;
}

#side_bana_top li a {
    display: block;
    width: 260px;
    height: 55px;
    color: #000000;
    background: url(../img/d_arrow_right.png) no-repeat 98% 92%;
}

#side_bana_top li a:hover {
    text-decoration: none;
}

#side_bana_top li figure {
    float: left;
    margin: 5px 10px 0 5px;
}

#side_bana_top li h3 {
    line-height: 80px;
    font-size: 16px;
    font-weight: normal;
}





/** Slider **/

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider ul li img {
    width: 100%;
    display: none;
}

.wideslider_base {
    top: 0;
    position: absolute;
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.slider_prev {
    background: #fff url(../img/prev.jpg) no-repeat right center;
}

.slider_next {
    background: #fff url(../img/next.jpg) no-repeat left center;
}

.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}

.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}

.pagination a.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}


/* =======================================
ClearFixElements
======================================= */

.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
}


/* =======================================
LineUp
======================================= */


/** LineUp01 **/

.lineup_box li {
    float: left;
    margin-right: 11px;
    margin-bottom: 11px;
    border: 1px solid #DDDDDD;
}

.lineup_box li:nth-child(3n) {
    margin-right: 0;
    float: right;
}

.lineup_box li a {
    display: block;
    width: 234px;
    height: 58px;
    font-size: 14px;
}

.lineup_box li figure {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    width: 81px;
}

.lineup_box li h4 {
    display: table-cell;
    width: 234px;
    height: 58px;
    vertical-align: middle;
}

.lineup_box li h4.line2 {
    padding-top: 10px;
}

.lineup_box li h4.line3 {
    padding-top: 5px;
}


/** LineUp02 **/

.lineup_mbox li {
    float: left;
    margin-right: 11px;
    margin-bottom: 11px;
    border: 1px solid #DDDDDD;
    width: 236px;
    min-height: 125px;
}

.lineup_mbox li:nth-child(3n) {
    float: right;
    margin-right: 0;
}

.lineup_mbox li:nth-child(3n+1) {
    clear: both;
}

.lineup_mbox li h3:hover {
    text-decoration: underline;
}

.lineup_mbox li figure {
    float: left;
    margin-top: 25px;
}

.lineup_mbox li .name {
    float: right;
    width: 136px;
    min-height: 123px;
    padding: 5px;
    background: #F3F3F3;
}

.lineup_mbox li h3 {
    height: 30px;
    font-size: 14px;
    margin: 10px 0;
}

.lineup_mbox li p {
    font-size: 11px!important;
    width: 130px;
    display: inline-block;
}


/** LineUp03 **/

.lineup_dbox li {
    position: relative;
    float: left;
    margin-right: 11px;
    margin-bottom: 11px;
    border: 1px solid #DDDDDD;
    width: 236px;
    min-height: 125px;
}

.lineup_dbox li:nth-child(3n) {
    float: right;
    margin-right: 0;
}

.lineup_dbox li:nth-child(3n+1) {
    clear: both;
}

.lineup_dbox li .new {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 33px;
    height: 16px;
    line-height: 16px;
    background: #FF0000;
    color: #FFFFFF;
    text-align: center;
    z-index: 10;
}

.lineup_dbox li h3:hover {
    text-decoration: underline;
}

.lineup_dbox li figure {
    float: left;
    margin-top: 5px;
    z-index: 1;
}

.lineup_dbox li .name {
    float: right;
    width: 134px;
}

.lineup_dbox li h3 {
    height: 35px;
    font-size: 14px;
    margin: 5px 0;
    line-height: 1.0;
}

.lineup_dbox li h3 span {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.lineup_dbox li p {
    font-size: 10px!important;
    width: 130px;
    height: 56px;
    display: inline-block;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 0!important;
}

.lineup_dbox li .download {
    clear: both;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    background: #F3F3F3;
}

.lineup_dbox li .download:before {
    content: " \f0da";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
    vertical-align: top;
    color: #2692C3;
}

.lineup_dbox li .download a {
    color: #2692C3;
    font-size: 11px;
}

nav#lineup {
    margin-bottom: 20px;
}

nav#lineup li {
    float: left;
    margin-right: 2px;
}

nav#lineup li:last-child {
    float: right;
    margin-right: 0;
}

nav#lineup li a {
    display: block;
    width: 120px;
    height: 35px;
    font-size: 12px;
    background: #98A9AB;
    color: #FFFFFF;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

nav#lineup li a:hover {
    background: #778787;
    text-decoration: none;
}

nav#lineup li a.cur {
    background: #778787;
    text-decoration: none;
}

.related_box li {
    position: relative;
    float: left;
    width: 250px;
    margin-right: 14px;
    border: 1px solid #DDDDDD;
}

.related_box li:nth-child(2) {
    width: 226px;
}

.related_box li:nth-child(3) {
    float: right;
    width: 226px;
    margin-right: 0;
}

.related_box li h4 {
    background: -webkit-gradient(linear"," left top"," right bottom"," from(#777777)"," color-stop(0.25"," #777777)"," color-stop(0.25"," #848484)"," color-stop(0.5"," #848484)"," color-stop(0.5"," #777777)"," color-stop(0.75"," #777777)"," color-stop(0.75"," #848484)"," to(#848484));
    background: -moz-linear-gradient(-45deg"," #777777 25%"," #848484 25%"," #848484 50%"," #777777 50%"," #777777 75%"," #848484 75%"," #848484);
    background: linear-gradient(-45deg"," #777777 25%"," #848484 25%"," #848484 50%"," #777777 50%"," #777777 75%"," #848484 75%"," #848484);
    background-size: 3px 3px;
}

.related_box li h4 span {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #FFFFFF;
    background: url(../img/icon01.png) no-repeat 5px center;
    padding-left: 25px;
}

.related_box li figure {
    position: absolute;
    top: 6%;
    right: 8%;
}

.related_box li p {
    padding: 5px 0 0 10px;
}

.related_box li li {
    float: none!important;
    width: 96%!important;
    margin: 0 auto!important;
    padding: 3px 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px dotted #DDDDDD;
}

.related_box li li:last-child {
    border-bottom: none;
}


.related_box_top li {
    position: relative;
    float: left;
    width: 100%;
    margin-right: 14px;
    border: 1px solid #DDDDDD;
}

.related_box_top li h4 {
    background: -webkit-gradient(linear"," left top"," right bottom"," from(#777777)"," color-stop(0.25"," #777777)"," color-stop(0.25"," #848484)"," color-stop(0.5"," #848484)"," color-stop(0.5"," #777777)"," color-stop(0.75"," #777777)"," color-stop(0.75"," #848484)"," to(#848484));
    background: -moz-linear-gradient(-45deg"," #777777 25%"," #848484 25%"," #848484 50%"," #777777 50%"," #777777 75%"," #848484 75%"," #848484);
    background: linear-gradient(-45deg"," #777777 25%"," #848484 25%"," #848484 50%"," #777777 50%"," #777777 75%"," #848484 75%"," #848484);
    background-size: 3px 3px;
}

.related_box_top li h4 span {
    display: block;
    height: 40px;
    line-height: 57px;
    font-size: 16px;
    /*background: url(/img/icon01.png) no-repeat 5px 22px;*/
    z-index: 100;
    /*padding-left: 25px;*/
    padding-left: 50px;
}

.related_box_top li figure {
    position: absolute;
    top: 4%;
    left: 0%;
}
.related_box_top li img {
    width: 70%;
}

@media only screen and (max-width: 767px) {
.related_box_top li img {
    width: 11%;
}
}
.related_box_top li p {
    padding: 5px 0 0 10px;
     font-size: 14px;
    margin-bottom: 1em;
    display: inline-block;
    margin-right: 100px;
}

.related_box_top li li {
    float: none!important;
    width: 96%!important;
    margin: 0 auto!important;
    padding: 3px 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px dotted #DDDDDD;
}

.related_box_top li li:last-child {
    border-bottom: none;
}


/* =======================================
Product
======================================= */



nav.product_nav {
    background: #778787;
    padding: 6px 6px 0 6px;
    margin-bottom: 20px;
}

nav.product_nav li {
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}

nav.product_nav li:nth-child(4n) {
    float: right;
    margin-right: 0;
}

nav.product_nav li a {
    display: block;
    width: 175px;
    height: 35px;
    font-size: 12px;
    font-weight: bold;
    background: #EEEEEE;
    color: #000000;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

nav.product_nav li a:hover {
    background: url(../img/nav_bg.png) repeat-x;
    text-decoration: none;
}

nav.product_nav li a.cur {
    background: url(../img/nav_bg.png) repeat-x;
    text-decoration: none;
}

.product_head {
    margin-bottom: 20px;
}

.product_head ul {
    float: left;
    width: 330px;
    font-size: 16px;
    line-height: 1.3;
}

.product_head ul li {
    margin-bottom: 10px;
}

.product_head ul li span {
    display: block;
    border-left: 2px solid #0E8DCE;
    padding-left: 5px;
}

.product_head figure {
    float: right;
    width: 400px;
    word-break: 400px;
}

.product_head figure img {
    width: 100%;
    height: auto;
}

.product_detail figure img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.product_detail .pattern06 figure img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.product_detail p.notice {
    display: block!important;
}

.product_detail h2 {
    font-size: 18px;
    color: #778686;
    border-bottom: 1px solid #778787;
    padding-bottom: 6px;
    margin-bottom: 20px;
    line-height: 120%;
}

.product_detail h2.caution {
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
    margin-bottom: 20px;

}

.product_detail .pro_ttl {
    font-size: 16px!important;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
    border: none;
    padding-bottom: 0;
}

.product_detail .pro_sub_ttl {
    clear: both;
    width: 100%;
    font-size: 16px;
    color: #000000;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.product_detail .pro_0_ttl {
    clear: both;
    display: table-cell;
    vertical-align: bottom;
    height: 50px;
    width: 360px;
    font-size: 16px;
    color: #000000;
    padding-bottom: 6px;
    margin-bottom: 20px;
    border-bottom: medium none;
}

.product_detail .pro_360_ttl {
    clear: both;
    display: table-cell;
    vertical-align: bottom;
    height: 50px;
    width: 360px;
    font-size: 16px;
    color: #000000;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

div.product_detail section h2.pro_ttl span{
	font-weight: normal;
}

div.Dimensions {
    text-align: right;
    margin-top: -18px;
}

.product_detail .pattern01 li {
    float: left;
    width: 480px;
}

.product_detail .pattern01 li:nth-child(2n) {
    float: right;
    width: 240px;
}


.product_detail .pattern01 li.m50 {
    float: left;
    width:360px;
}

.product_detail .pattern01 li.m50:nth-child(2n) {
    float: right;
    width: 360px;
}



.product_detail .pattern01 li:nth-child(2n+1) {
    clear: both;
}

.product_detail .pattern02 figure {
    width: 730px;
}

.product_detail .pattern03 li {
    float: left;
    width: 360px;
    margin-bottom: 30px;
}

.product_detail .pattern03 li:nth-child(2n) {
    float: right;
    width: 360px;
}

.product_detail .pattern04 li {
    float: left;
    width: 175px;
    margin-right: 7px;
}

.product_detail .pattern04 li:nth-child(4n) {
    float: right;
}

.product_detail .pattern01 li:nth-child(4n+1) {
    clear: both;
}

.product_detail .pattern05 li {
    float: left;
    width: 235px;
    margin-right: 8px;
    margin-bottom: 30px;
}

.product_detail .pattern05 li:nth-child(3n) {
    float: right;
}

.product_detail .pattern05 li:nth-child(3n+1) {
    clear: both;
}
.product_detail .pattern07 li {
    float: left;
    width: 235px;
    margin-right: 8px;
    margin-bottom: 5px;
}

.product_detail .pattern07 li:nth-child(2n) {
    float: right;
    width: 470px;
}
.product_detail .pattern08 li {
    float: left;
    width: 235px;
    margin-right: 8px;
    margin-bottom: 10px;
}

.product_detail .pattern08 li:nth-child(3n) {
    float: right;
}

.product_detail .pattern08 li:nth-child(3n+1) {
    clear: both;
}

.product_detail .pattern09 li {
    float: left;
    width: 225px;
    margin-right: 8px;
    margin-bottom: 0px;
}

.product_detail .pattern09 li:nth-child(3n) {
    float: right;
}

.product_detail .pattern09 li:nth-child(3n+1) {
    clear: both;
}

.product_detail .pattern10 li {
    float: left;
    width: 238px;
    margin-right: 8px;
    margin-bottom: 0px;
}

.product_detail .pattern10 li:nth-child(3n) {
    float: right;
    margin-right: 0px;
}

.product_detail .pattern10 li:nth-child(3n+1) {
    clear: both;
}




/** product02 **/

.product_detail figure.border,
.product_detail p.border {
    border: 1px solid #EEEEEE;
    margin-bottom: 5px;
}


/** product03 **/

.product_detail .spec {
    margin-bottom: 30px;
}

.product_detail .spec table {
    width: 100%;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    margin-bottom: 5px;
}

.product_detail .spec table th {
    border: 1px solid #D8D8D8;
    padding: 8px 5px;
    background: #A0A0A0;
    color: #FFFFFF;
    font-weight: normal;
}

.product_detail .spec table td{
    border: 1px solid #D8D8D8;
    padding: 8px 5px;
    text-align: center;
}

.product_detail .spec table.type01 tr:nth-child(even) {
    background: #F0F0F0;
}

.product_detail .spec table.type02 td:nth-child(1) {
    background: #F0F0F0;
}

.product_detail .spec table.type02 td.bg_none {
    background: #FFFFFF;
}

.product_detail .spec table.type02 td.bg_on {
    background: #f0f0f0;
}


.product_detail .spec table.type03 td:nth-child(1) {
    background: #F0F0F0;
}

.product_detail .spec table.type03 td img{
	display: block;
	margin: 0 auto;
}

.product_detail .spec table.type03 td.bg_none {
    background: #FFFFFF;
	text-align: left;
}

.product_detail .spec table.type03 td.bg_on {
    background: #f0f0f0;
	text-align: center !important;
}
.product_detail .spec table.type03 td:nth-child(n + 2){
	text-align: left;
}

.left{
	text-align: left !important;
}
.center{
	text-align: center !important;
}

.product_detail .spec table figure.appearance {
    width: 99px;
    margin: 0 auto;
}

.product_detail .spec table figure.range {
    width: 180px;
    /*margin: 0 auto;*/
    text-align: left !important;
    margin-left: -5px !important;
}

.product_detail .spec table figure.cd5_range {
    width: 265px;
    /*margin: 0 auto;*/
    text-align: left !important;
    margin-left: -5px !important;
}

.product_detail .spec table figure.cd4_range {
    width: 350px;
    /*margin: 0 auto;*/
    text-align: left !important;
    margin-left: -5px !important;
}

.product_detail .spec table .nowrap{
	white-space: nowrap;
}

.h_100{
	height: 100%!important;
}

/** product04 **/

.product_detail .reference li {
    float: left;
    margin-right: 10px;
}

.product_detail .reference li:last-child {
    float: right;
    margin-right: 0;
}


/** product05 **/

.product_detail .options h3 {
    border: none;
    margin-bottom: 5px;
}

.product_detail .options ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_detail .options li {
    float: left;
    width: 234px;
    min-height: 108px;
    padding: 9px 0 9px 9px;
    margin-right: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
}

.product_detail .options li:nth-child(3n) {
    float: right;
    margin-right: 0
}

.product_detail .options li figure {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 6px;
}

.product_detail .options li h4 {
    float: left;
    width: 127px;
    font-size: 14px;
    margin-bottom: 5px;
}

.product_detail .options li h3 {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.product_detail .options li h3 span {
    float: left;
    font-size: 10px;
    font-style: normal;
	font-weight: normal;
}

.product_detail .options li h4.l_small {
    letter-spacing: -1px;
}

.product_detail .options li p {
    float: left;
    width: 127px;
    font-size: 10px !important;
/*    word-break: break-all;*/
    word-wrap: break-word;
    display: inline-block;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 4px !important;
}


/** product06 **/

.product_detail .circuit {
    margin-bottom: 30px;
}

.product_detail .circuit .left {
    float: left;
    width: 360px;
}

.product_detail .circuit .right {
    float: right;
    width: 360px;
}

.product_detail .circuit li {
    float: left;
    width: 235px;
    margin-right: 12px;
    margin-bottom: 20px;
}

.product_detail .circuit li:nth-child(3n) {
    float: right;
    margin-right: 0;
}

.product_detail .circuit li:nth-child(3n+1) {
    clear: both;
}

.product_detail .circuit h2.m_ttl {
    color: #000000;
    border: none;
}


/** product07 **/

.product_detail .left_area {
    float: left;
    width: 350px;
}

.product_detail .right_area {
    float: right;
    width: 350px;
}

.product_detail .column2_ttl {
    font-size: 18px;
    color: #778686;
    border-bottom: 1px solid #778787;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.product_detail .column2 .pattern01 li {
    float: left;
    width: 230px;
}
.product_detail .column2 .pattern01 li:nth-child(2n) {
    float: right;
    width: 115px;
}
.product_detail .column2 .pattern02 figure{
    width: 350px;
}
.product_detail .column2 .pattern03 li{
    width: 350px;
}
.product_detail p.red{
	color: #FF0000;
}
.product_detail p span{
	color: #33CC33;
	font-weight: bold;
}

/* ===============================================
#フォーム
=============================================== */

.account .left {
    float: left;
    width: 353px;
}

.account .right {
    float: right;
    width: 353px;
}

.account .sub_ttl:before {
    width: 100%;
    height: 2px;
    background: #ACACAC;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

.account .sub_ttl:after {
    width: 40%;
    height: 2px;
    background: #FF0000;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}


/*サインイン*/

.sign_in {
    font-size: 14px;
}

.inline_height {
    min-height: 120px;
}

.inline_height.account_01 {
    min-height: 180px;
}

.sign_in dt {
    float: left;
    clear: both;
    width: 140px;
    margin-right: 5px;
    margin-bottom: 10px;
    line-height: 2;
}

.sign_in dd {
    float: left;
    width: 200px;
    margin-bottom: 10px;
}

.sign_in input {
    width: 100%;
    height: 30px;
}

#main_area .forgot_pass {
    text-align: right;
    width: 100%;
    margin-bottom: 20px;
}

.account ul {
    margin-left: 15px;
}

.account ul li {
    font-size: 14px;
    list-style: disc;
}

.account_list ul {
    margin-left: 15px;
}

.account_list ul li {
    font-size: 14px;
    list-style: disc;
}

.btn_center {
    width: 100%;
    text-align: center;
}

.btn_orange {
    display: block;
    width: 180px;
    margin: 0 auto;
    padding: 8px;
    font-size: 16px;
    background: #FF7F00;
    color: #fff;
    text-align: center;
}

.reset_pass {
    width: 350px;
    margin: 0 auto;
}

.reset_pass .sign_in {
    margin-bottom: 50px;
}


/*グリーンボタン*/

.account .nav_green ul {
    list-style: none;
    margin-left: 0;
}

.account .nav_green li {
    float: left;
    width: 170px;
    list-style: none;
    margin-bottom: 10px;
    margin-right: 10px;
}

.account .nav_green li:nth-child(2n) {
    margin-right: 0;
}

.account_list .nav_green ul {
    list-style: none;
    margin-left: 0;
}

.account_list .nav_green li {
    float: left;
    width: 175px;
    list-style: none;
    margin-bottom: 10px;
    margin-right: 10px;
}

.account_list .nav_green li:nth-child(4n) {
    margin-right: 0;
}

.nav_green li a {
    display: block;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    background: #98A9AB;
    color: #fff;
    text-align: center;
}

nav.product_nav li {
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}

.pc_none {
    display: none!important;
}

.sp_none {
    display: block!important;
}


/* ===============================================
#アカウントメニュー
=============================================== */

.nav_account li a {
    color: #000;
    display: block;
    cursor: pointer;
    width: 220px;
    margin-bottom: 0;
    padding: 10px 0 10px 10px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #D3D3D3;
}

.nav_account li.cur a {
    color: #00519E;
    text-decoration: underline;
}


/*.nav_account li a:hover {
  background: #c3d8db;
  color: #FFFFFF;
}*/

.nav_account_ttl {
    width: 220px;
    padding: 10px 0 10px 10px;
    background: #98A9AB;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.nav_account h3 {
    cursor: pointer;
    width: 220px;
    padding: 10px 0 10px 10px;
    background: #98A9AB;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
}


/*アカウント03*/

.caution_txt {
    color: #FF0000;
}

.form_box {
    border: 1px solid #D8D8D8;
    margin: 0 0 30px;
}

.form_box dl {
    background-color: #ECF4F7;
    border-bottom: 1px solid #D8D8D8;
}

.form_box dl:last-child {
    border-bottom: none;
}

.form_box dt {
    font-size: 13px;
    display: inline-block;
    width: 200px;
    padding: 10px;
    vertical-align: top;
}

.form_box dd {
    font-size: 13px;
    display: inline-block;
    width: 524px;
    padding: 10px 10px 10px 20px;
    background-color: #fff;
}

#main_area .form_box dt p,
#main_area .form_box dd p {
    margin: 5px 0 0;
}

.input_basic {
    width: 250px;
}

.input_s {
    width: 120px;
}

.input_m {
    width: 158px;
}

.input_l {
    width: 100%;
}

.input_mgn {
    margin-right: 20px;
}

#main_area .form_comment {
    font-size: 12px;
}

.form_comment_box {
    margin-bottom: 60px;
}

#main_area .form_comment_box p {
    font-size: 14px;
}

label {
    font-size: 14px;
}

.account a {
    font-size: 14px;
}


/*アカウント05*/

.section {
    margin: 0 0 60px;
}

.form_left {
    display: inline-block;
    width: 49%;
}

.form_right {
    display: inline-block;
    width: 49%;
}

.account_05.form_box dd {
    min-height: 55px;
}

textarea {
    height: 110px;
}

.account .form_box ul {
    margin-left: 0;
    margin-right: 0;
}

.account .form_box ul li {
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    list-style: none;
}

.form_box ul li:last-child {
    margin-bottom: 0;
}


/* ===============================================
#ダウンロード
=============================================== */

.lineup_box.download_list {
    margin-bottom: 30px;
}

.lineup_box.download_list li {
    float: none;
    display: inline-block;
    width: 236px;
    margin: 0 6px 6px 0;
}

.lineup_box.download_list li h4 {
    float: right;
    display: inline-block;
    width: 150px;
}

.lineup_box.download_list li a img {
    float: left;
    width: 30%;
}

.lineup_box.download_list li:nth-child(3n) {
    margin-right: 0;
}

.lineup_box.download_list li a {
    display: block;
    width: 100%;
    height: inherit;
    font-size: 16px;
    padding: 5px 8px;
    min-height: 70px;
}

.lineup_box.download_list li a span {
    display: block;
    font-size: 12px;
}

.dl_check_list {
    width: 100%;
    border: 1px solid #DDDDDD;
    margin-bottom: 30px;
}

.dl_check_list li {
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    font-size: 14px;
}

.dl_check_list li:last-child {
    border-bottom: none;
}

.dl_check_list label {
    min-width: 300px;
    padding-right: 10px;
    display: inline-block;
}

.dl_check_list label a {
    position: relative;
    padding-left: 75px;
}

.dl_check_list label a:before {
    content: "";
    display: inline-block;
    background: url(../img/icon_pdf.png) no-repeat;
    width: 30px;
    height: 31px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -12px;
}

.dl_check_list .product_name {
    min-width: 250px;
    padding-right: 10px;
    display: inline-block;
}

.btn_download a {
    display: block;
    color: #FFFFFF;
    width: 180px;
    height: 36px;
    line-height: 36px;
    background: #98A9AB;
}

.btn_download a:before {
    content: " \f019";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 10px;
}


/* ===============================================
#テックガイド
=============================================== */

.techguide_nav h2 {
    cursor: pointer;
    width: 220px;
    padding: 10px 0 10px 9px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: normal;
    background: #98A9AB;
    color: #FFFFFF;
    height: 40px;
}

.techguide_nav li {
    font-size: 16px;
    border-left: 3px solid #0E8DCE;
    margin-bottom: 5px;
    padding-left: 13px;
    background: #F3F3F3;
}

.techguide_nav li a {
    display: table-cell;
    vertical-align: middle;
    width: 220px;
    height: 40px;
    color: #000;
}

.techguide_nav li.cur a {
    color: #00519E;
}

.tech_box li {
    display: inline-block;
    width: 360px;
    margin-right: 6px;
    margin-bottom: 14px;
    padding-top: 0.5em;
    border: 1px solid #DDDDDD;
    background-repeat: no-repeat;
    background-position: right center;
    vertical-align: middle;
    min-height: 60px;
}

.tech_box li:nth-child(2n) {
    margin-right: 0;
}

.tech_box li a {
    display: block;
    padding: 14px;
    color: #000;
    text-decoration: none;
}

.tech_box .tech_bg01 {
    background-image: url(../img/tech_guide/top/tech_bg01.png);
    background-position: 280px center;
}

.tech_box .tech_bg02 {
    background-image: url(../img/tech_guide/top/tech_bg02.png);
    background-position: 280px center;
}

.tech_box .tech_bg03 {
    background-image: url(../img/tech_guide/top/tech_bg03.png);
    background-position: 260px center;
}

.tech_box .tech_bg04 {
    background-image: url(../img/tech_guide/top/tech_bg04.png);
    background-position: 240px center;
}

.tech_box .tech_bg05 {
    background-image: url(../img/tech_guide/top/tech_bg05.png);
    background-position: 215px center;
    padding-top: 0;
}

.tech_box .tech_bg06 {
    background-image: url(../img/tech_guide/top/tech_bg06.png);
    background-position: 275px center;
}

.tech_box li h3 {
    font-size: 16px;
    border-left: 3px solid #0E8DCE;
    padding: 3px 0 3px 13px;
    display: inline-block;
}

.kei_blue {
    border-color: #0E8DCE;
}

.kei_red {
    border-color: #FA3E45!important;
}

.kei_orange {
    border-color: #EB8802!important;
}

.kei_purple {
    border-color: #72599A!important;
}

.kei_green {
    border-color: #B8AD39!important;
}

.kei_dark-blue {
    border-color: #4D6DA4!important;
}


/*tech02*/

.icon_title {
    margin-bottom: 25px;
    padding-left: 60px;
    min-height: 50px;
}

.icon_title.icon_tech01 {
    background: url(../img/tech_guide/shared/icon_tech02_01.png) top left no-repeat;
}

.icon_title.icon_tech02 {
    background: url(../img/tech_guide/shared/icon_tech02_02.png) top left no-repeat;
}

.icon_title h3 {
    font-size: 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
}

.icon_title h3:before {
    content: "";
    border-left: 3px solid #00519E;
    padding-right: 20px;
    background: url(../img/tech_guide/shared/tech_ttl_arw.png) 5px center no-repeat;
}

.icon_title.icon_tech02 h3:before {
    content: "";
    border-left: 3px solid #F73944;
}

.icon_title h3 span {
    float: right;
    font-size: 14px;
    display: inline-block;
    text-align: right;
}


/*リコメンド*/

.ttl_recommend {
    font-size: 16px;
    margin: 0 0 5px;
}

.recommend_list {
    margin-bottom: 30px;
}

.recommend_list ul {
    margin-bottom: 20px;
}

.recommend_list li {
    display: inline-block;
    width: 143px;
    min-height: 85px;
    vertical-align: top;
}

.recommend_list li div {
    border: 1px solid #ddd;
    width: 100%;
    min-height: 85px;
}

.recommend_list li h4 {
    font-size: 14px;
    padding-top: 5px;
}

.recommend_new a {
    padding-right: 40px;
    background: url(../img/tech_guide/shared/icon_new.png) right top no-repeat;
}

.link_arw_list {
    margin-bottom: 30px;
}

.link_arw_list li {
    display: inline-block;
    width: 240px;
    font-size: 14px;
    margin-bottom: 20px;
    padding-right: 10px;
    vertical-align: top;
    padding-left:1.4em;
    text-indent:-1.4em;
}

.link_arw_list li a {
    padding-left: 20px;
    background: url(../img/tech_guide/shared/tech_ttl_arw.png) left 3px no-repeat;
}


/*tech03*/

.icon_list {
    display: inline-block;
    width: 355px;
    border: 1px solid #D3D3D3;
    vertical-align: top;
    min-height: 750px;
}

.icon_list_inner {
    padding: 15px 5px;
}

.icon_list h3 {
    font-size: 16px;
    color: #fff;
    padding: 9px 9px 9px 18px;
}

.icon_blue {
    margin-right: 16px;
}

.icon_blue h3 {
    background-color: #00519E;
}

.icon_green h3 {
    background-color: #008F7B;
}

.icon_list li {
    font-size: 14px;
    padding: 0 0 0 47px;
    min-height: 32px;
    margin-bottom: 8px;
    line-height: 32px;
}

.icon_blue li.foods {
    background: url(../img/tech_guide/shared/tech03_bicon01.png) top left no-repeat;
}

.icon_blue li.beverage {
    background: url(../img/tech_guide/shared/tech03_bicon02.png) top left no-repeat;
}

.icon_blue li.chemical {
    background: url(../img/tech_guide/shared/tech03_bicon03.png) top left no-repeat;
}

.icon_blue li.packaging {
    background: url(../img/tech_guide/shared/tech03_bicon04.png) top left no-repeat;
}

.icon_blue li.semicon {
    background: url(../img/tech_guide/shared/tech03_bicon05.png) top left no-repeat;
}

.icon_blue li.fpd {
    background: url(../img/tech_guide/shared/tech03_bicon06.png) top left no-repeat;
}

.icon_blue li.electric {
    background: url(../img/tech_guide/shared/tech03_bicon07.png) top left no-repeat;
}

.icon_blue li.components {
    background: url(../img/tech_guide/shared/tech03_bicon08.png) top left no-repeat;
}

.icon_blue li.automotive {
    background: url(../img/tech_guide/shared/tech03_bicon09.png) top left no-repeat;
}

.icon_blue li.machinery {
    background: url(../img/tech_guide/shared/tech03_bicon10.png) top left no-repeat;
}

.icon_blue li.rubber{
    background: url(../img/tech_guide/shared/tech03_bicon11.png) top left no-repeat;
}

.icon_blue li.glass {
    background: url(../img/tech_guide/shared/tech03_bicon12.png) top left no-repeat;
}

.icon_blue li.printing {
    background: url(../img/tech_guide/shared/tech03_bicon33.png) top left no-repeat;
}

.icon_blue li.logistics {
    background: url(../img/tech_guide/shared/tech03_bicon13.png) top left no-repeat;
}

.icon_blue li.metal {
    background: url(../img/tech_guide/shared/tech03_bicon14.png) top left no-repeat;
}

.icon_blue li.steel {
    background: url(../img/tech_guide/shared/tech03_bicon15.png) top left no-repeat;
}

.icon_blue li.other {
    background: url(../img/tech_guide/shared/tech03_bicon16.png) top left no-repeat;
}

.icon_green li.existence {
    background: url(../img/tech_guide/shared/tech03_gicon01.png) top left no-repeat;
}

.icon_green li.counting {
    background: url(../img/tech_guide/shared/tech03_gicon02.png) top left no-repeat;
}

.icon_green li.alignment {
    background: url(../img/tech_guide/shared/tech03_gicon03.png) top left no-repeat;
}

.icon_green li.sides {
    background: url(../img/tech_guide/shared/tech03_gicon04.png) top left no-repeat;
}

.icon_green li.height {
    background: url(../img/tech_guide/shared/tech03_gicon05.png) top left no-repeat;
}

.icon_green li.overlap {
    background: url(../img/tech_guide/shared/tech03_gicon06.png) top left no-repeat;
}

.icon_green li.protruding {
    background: url(../img/tech_guide/shared/tech03_gicon07.png) top left no-repeat;
}

.icon_green li.meander {
    background: url(../img/tech_guide/shared/tech03_gicon08.png) top left no-repeat;
}

.icon_green li.wrong {
    background: url(../img/tech_guide/shared/tech03_gicon09.png) top left no-repeat;
}

.icon_green li.black {
    background: url(../img/tech_guide/shared/tech03_gicon10.png) top left no-repeat;
}

.icon_green li.liquid {
    background: url(../img/tech_guide/shared/tech03_gicon11.png) top left no-repeat;
}

.icon_green li.long {
    background: url(../img/tech_guide/shared/tech03_gicon12.png) top left no-repeat;
}

.icon_green li.point {
    background: url(../img/tech_guide/shared/tech03_gicon13.png) top left no-repeat;
}

.icon_green li.transparent {
    background: url(../img/tech_guide/shared/tech03_gicon14.png) top left no-repeat;
}

.icon_green li.environmental {
    background: url(../img/tech_guide/shared/tech03_gicon15.png) top left no-repeat;
}

.icon_green li.color {
    background: url(../img/tech_guide/shared/tech03_gicon16.png) top left no-repeat;
}

.icon_green li.other {
    background: url(../img/tech_guide/shared/tech03_gicon17.png) top left no-repeat;
}

.icon_green li.thickness {
    background: url(../img/tech_guide/shared/tech03_gicon18.png) top left no-repeat;
}

.icon_green li.height_dsp {
    background: url(../img/tech_guide/shared/tech03_gicon19.png) top left no-repeat;
}

.icon_green li.warp {
    background: url(../img/tech_guide/shared/tech03_gicon20.png) top left no-repeat;
}

.icon_green li.sag {
    background: url(../img/tech_guide/shared/tech03_gicon21.png) top left no-repeat;
}

.icon_green li.size {
    background: url(../img/tech_guide/shared/tech03_gicon22.png) top left no-repeat;
}

.icon_green li.level {
    background: url(../img/tech_guide/shared/tech03_gicon23.png) top left no-repeat;
}

.icon_green li.shape {
    background: url(../img/tech_guide/shared/tech03_gicon24.png) top left no-repeat;
}

.icon_green li.plc {
    background: url(../img/tech_guide/shared/tech03_gicon25.png) top left no-repeat;
}

.icon_green li.printing {
    background: url(../img/tech_guide/shared/tech03_gicon26.png) top left no-repeat;
}

.icon_green li.measurement {
    background: url(../img/tech_guide/shared/tech03_gicon27.png) top left no-repeat;
}

.icon_green li.sorting {
    background: url(../img/tech_guide/shared/tech03_gicon28.png) top left no-repeat;
}

.icon_green li.amount {
    background: url(../img/tech_guide/shared/tech03_gicon29.png) top left no-repeat;
}

.icon_green li.mixed {
    background: url(../img/tech_guide/shared/tech03_gicon30.png) top left no-repeat;
}

.icon_green li.composite {
    background: url(../img/tech_guide/shared/tech03_gicon31.png) top left no-repeat;
}

.icon_green li.robot {
    background: url(../img/tech_guide/shared/tech03_gicon32.png) top left no-repeat;
}

/*tech04*/

.left_contetns {
    float: left;
    width: 480px;
}

.left_contetns .tech_kei_ttl {
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #D3D3D3;
}

.left_contetns .tech_kei_ttl:before {
    content: "";
    margin: 5px 0;
    padding-right: 5px;
    border-left: 2px solid #00519E;
}

.left_contetns .arw_left_list {
    margin-bottom: 30px;
    padding: 15px 0 15px;
    border-bottom: 1px solid #D3D3D3;
}

.left_contetns .arw_left_list li {
    font-size: 16px;
    display: inline-block;
    width: 235px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 15px;
    position: relative;
    vertical-align: top;
}

.left_contetns .arw_left_list li a:before {
    content: "";
    display: inline-block;
    border: 6px solid transparent;
    border-left-color: #00519E;
    width: 6px;
    position: absolute;
    top: 4px;
    left: 0;
}

.tech_guide_box {}

.tech_guide_box h3 {
    font-size: 16px;
    color: #fff;
    padding: 5px 5px 5px 20px;
    background-color: #00519E;
}

.tech_guide_box .tech_guide_box_contents {
    background-color: #fff;
    margin-bottom: 15px;
}

.tech_guide_box .tech_guide_box_contents p {
    height: 290px;
}

.tech_guide_box .tech_guide_box_subcontents {
    background-color: #ECECEC;
}

.tech_guide_box .tech_guide_box_subcontents .tech_inner {
    padding: 10px 20px;
}

.tech_guide_box .tech_guide_box_subcontents p {
    font-size: 16px;
    height: inherit;
}

.kei_box {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 10px;
    padding: 10px 0;
}

.kei_box p {
    margin: 0!important;
}

.kei_box p span {
    font-size: 85%;
}

.btn_left_right {}

.btn_left_right li {
    float: left;
    width: 180px;
}

.btn_left_right li:nth-child(2) {
    float: right;
}

.btn_left_right .btn_gray {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px;
    background: #98A9AB;
}

.right_contents {
    float: right;
    width: 230px;
}

.right_contents h3 {
    font-size: 16px;
    color: #fff;
    padding: 5px;
}

.right_contents .ttl_side_blue {
    background-color: #00519E;
}

.right_contents .ttl_side_green {
    background-color: #008F7B;
}

.right_contents .side_nav {
    margin-bottom: 20px;
}

.right_contents .side_nav li {
    font-size: 14px;
    border-bottom: 1px dotted #D3D3D3;
}

.right_contents .side_nav li a {
    color: #000;
    display: block;
    padding: 10px 10px 10px 2px;
}

.company {
    padding-bottom: 60px;
}
.company_nav {
    margin-bottom: 60px;
}
.company_nav li {
    display: inline-block;
    margin-right: 18px;
}
.company_nav li:last-child {
    margin-right: 0;
}
.company_contents dl {
    margin-bottom: 30px;
}
.company_contents dt {
    border-top: 1px solid #cacac2;
    clear: both;
    float: left;
    font-size: 14px;
    padding: 8px;
    width: 150px;
}
.company_contents dd {
    border-top: 1px solid #cacac2;
    float: left;
    font-size: 14px;
    padding: 8px;
    width: 580px;
}
dfn {
    font-weight: bold;
}
.history_ttl {
    border-left: 2px solid #0e8dce;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 5px;
}
.logo_box {
    float: left;
    padding-right: 15px;
    width: 100px;
}
.group_detail {
    float: right;
    width: 580px;
}
.group_detail h4 {
    color: #0e8dce;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.group_detail dt {
    clear: both;
    float: left;
    font-weight: bold;
    padding: 8px;
    width: 130px;
}
.group_detail dd {
    float: left;
    font-weight: bold;
    padding: 8px;
    width: 450px;
}
.group_detail .group_img img {
    margin-right: 10px;
}

.catalog_wrap {
    clear: both;
    margin-bottom: 40px;
    padding-top: 15px;
    position: relative;
}
.catalog_img {
    float: left;
    width: 300px;
}
.catalog_txt {
    float: right;
    width: 400px;
}
.catalog_txt .section p {
    font-size: 16px;
    margin-bottom: 0;
}
.catalog_txt h4 {
    border-bottom: 1px solid #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
    padding-bottom: 6px;
}
.catalog_wrap .btn_download {
    bottom: 0;
    margin-top: 150px;
    position: absolute;
    right: 0;
    text-align: center;
}

.logo_img {
    margin-bottom: 35px;
    text-align: center;
}
.ttl_bg_gray {
    background-color: #adb4b7;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 5px 17px;
}
.ttl_gray {
    color: #acb3b7;
    font-size: 22px;
    margin-bottom: 25px;
}
.value_box {
    margin-bottom: 40px;
}
.value_left {
    float: left;
    font-size: 32px;
    line-height: 32px;
    width: 30px;
    color:#acb3b7;
    font-weight: bold;
    margin-top: 6px;
}

.value_ttl_bg_gray {
    background-color: #adb4b7;
    color: #fff;
    font-size: 24px;
    margin-bottom: 40px;
    padding: 15px;
}

.value_right {
    /*border-left: 5px solid #221815;*/
    float: left;
    padding-left: 20px;
    width: 650px;
}
.value_right h4 {
    font-size: 20px;
    color:#acb3b7;
    margin-bottom: 8px;
}
#main_area .value_right p {
    font-size: 14px;
    line-height: 1.6;
}
.value_right .txt_s {
    font-size: 10px;
}
.value_right .txt_s span {
    font-weight: bold;
}
.txt_11 {
    font-size: 11px;
}
.fastus_section {
    margin-bottom: 60px;
}
#main_area .fastus_section p {
    line-height: 1.6;
    margin-bottom: 40px;
}
#main_area .fastus_section p:last-child {
    margin-bottom: 0;
}
.country_flag {
    margin-bottom: 40px;
}
.country_flag li {
    float: left;
    margin-bottom: 10px;
    width: 180px;
}
.country_flag li a {
    display: block;
    font-size: 14px;
    line-height: 14px;
}
.country_flag li img {
    margin-right: 10px;
    vertical-align: middle;
}
.contact_country {
    margin-bottom: 20px;
}
.contact_country h4 {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.contact_country p, .contact_country dt, .contact_country dd {
    font-size: 14px;
}
.contact_country dt {
    clear: both;
    float: left;
    padding-bottom: 8px;
    width: 65px;
}
.contact_country dd {
    float: left;
    padding-bottom: 8px;
    width: 660px;
}
.contact_country dd a {
    text-decoration: underline;
}
#main_area .ptop {
    display: block;
    padding: 10px 0;
    text-align: right;
}
#main_area .ptop a {
    text-decoration: underline;
}
/*report*/
.report_contents dl {
    margin-bottom: 30px;
}
.report_contents dt {
    border-bottom: 1px solid #cacac2;
    clear: both;
    float: left;
    font-size: 14px;
    padding: 8px;
    width: 150px;
}
.report_contents dd {
    border-bottom: 1px solid #cacac2;
    float: left;
    font-size: 14px;
    padding: 8px;
    width: 580px;
}
/*.report_title dl {
    margin-bottom: 30px;
}
.report_title dt {
    border-bottom: 1px solid #cacac2;
    clear: both;
    float: left;
    font-size: 14px;
    padding: 8px;
    width: 200px;
}
.report_title dd {
    border-bottom: 1px solid #cacac2;
    float: left;
    font-size: 14px;
    padding: 8px;
    width: 530px;
}*/
.page_border {
    border-bottom: 1px solid #778787;
}
.nav_tof {
    padding-top: 50px;
    padding-bottom: 30px;
}
.nav_tof li a {
    float: left;
    display: block;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    background: #98A9AB;
    color: #fff;
    text-align: center;
    margin-right: 13px;
    width: 220px;
    margin-bottom: 10px;
}
.nav_transparency {
    padding-bottom: 20px;
}
.nav_transparency li a {
    float: right;
    display: block;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    background: #98A9AB;
    color: #fff;
    text-align: center;
    margin-right: 13px;
    width: 220px;
    margin-bottom: 10px;
}
dl.sns_link { float: right; margin-top: 7px; margin-right: 8px;}
dl.sns_link dt,dl.sns_link dd{float: left;}
dl.sns_link dt a img{width: 25px; float: left;}
dl.sns_link dd a img{width: 25px; float: left;}

/*スマホ*/

@media only screen and (max-width: 767px) {
    /**--------------------
  Layout
  --------------------**/
    dl.sns_link {
        width: 61%;
        margin: 0 auto;
        max-width: 500px;
        padding-top: 10px;
        }
    .pc_none {
        display: block!important;
    }
    .sp_none {
        display: none!important;
    }
    .inner {
        width: 98%;
        margin: 0 auto;
    }
    p {
        font-size: 14px;
    }
    a:hover img {
        opacity: initial;
        filter: alpha(opacity=initial);
        -ms-filter: “alpha( opacity=initial)”;
    }
    span.sp {
        display: none!important;
    }
    #header {
        padding: 10px 0;
    }
    #header h1 {
        float: none;
        margin-bottom: 10px;
    }
    #header h1 img {
        width: 75%;
    }
    #header #sub_menu {
        display: none;
    }
    #sp_sub_menu {
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    #sp_sub_menu li {
        display: inline-block;
        width: 24%;
    }
    #sp_sub_menu li img {
        width: 50%;
        height: 50%;
    }
    #language {
        display: none;
    }
    #head_contact {
        float: left;
        width: 36px;
        height: 36px;
        line-height: 36px;
        background: #FF0000;
        color: #FFFFFF;
        font-size: 16px;
        padding-left: 10px;
        margin-left: 9px;
    }
    .open #gnav {
        z-index: 100;
    }
    #gnav {
        display: none;
        width: 100%;
        position: absolute;
        top: -10px;
        left: 0;
        z-index: 100;
        background: #000;
        text-align: center;
        padding: 60px 0 200px;
    }
    #gnav li {
        float: none;
        width: 100%;
        text-align: center;
        border-right: none;
        border-bottom: 1px solid #FFFFFF;
    }
    #gnav li:first-child {
        border-left: none;
        width: 100%;
    }
    #gnav li a {
        color: #FFFFFF;
    }
    #nav-toggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 15px;
        width: 37px;
        height: 30px;
        cursor: pointer;
        z-index: 101;
    }
    #nav-toggle div {
        position: relative;
    }
    #nav-toggle span {
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background: #444444;
    }
    #nav-toggle span:nth-child(2) {
        top: 12px;
    }
    #nav-toggle span:nth-child(3) {
        top: 24px;
    }
    .open #nav-toggle {
        padding-top: 10px;
    }
    .open #nav-toggle span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #FFFFFF;
        left: 0;
    }
    .open #nav-toggle span:nth-child(1) {
        top: 0;
        transform: rotate(-45deg);
    }
    .open #nav-toggle span:nth-child(2) {
        top: 0px;
        transform: rotate(45deg);
    }
    .open #nav-toggle span:nth-child(3) {
        display: none;
    }
    #foot_nav{
    		margin-bottom: 10px;
    }
    #foot_nav li {
        padding: 0 10px;
        margin-bottom: 10px;
    }
    #foot_group_nav li{
    		padding: 0 10px;
        margin-bottom: 10px;
        line-height: 1.4em;
        margin-left: auto !important;
    }
	
    #foot_btn_link{
    		width: auto;
    }
    #foot_contact {
        width: 42%;
        margin-left: 2%;
    }
    #foot_download {
        float: right;
        width: 45%;
        margin-right: 2%;
    }
    #pan {
        margin-top: 33%;
    }
    #main_image {
        margin-top: 33%;
    }
    #main_area {
        float: none;
        width: 100%;
    }
    #side_area {
        float: none;
        width: 100%;
    }
    #main_area p {
        font-size: 12px;
        line-height: 1.3;
        margin-bottom: 1em;
    }
    #main_area figure.page_image img {
        width: 100%;
        height: auto;
    }
    .ttl {
        position: relative;
        width: inherit;
        height: 60px;
        font-size: 24px;
        line-height: 1;
        padding-left: 20px;
        margin-bottom: 20px;
        border-top: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
        border-left: 5px solid #D3D3D3;
    }
    .ttl p.download a {
        width: 99%;
        top: 62px;
        left: 0;
    }
    .sub_ttl {
        position: relative;
        font-size: 16px;
        font-size: 1.2rem;
        margin-bottom: 18px;
    }
    .sub_ttl:before {
        width: 100%;
    }
    .sub_ttl:after {
        width: 20%;
    }
    nav#accordion01 h2 {
        width: 100%;
    }
    nav#accordion01 li h3 {
        width: 100%;
    }
    nav#accordion02 h2 {
        width: 100%;
    }
    nav#accordion02 li h3 {
        width: 100%;
    }
    .scroll {
        overflow: auto;
        white-space: nowrap;
    }
    .scroll::-webkit-scrollbar {
        height: 5px;
    }
    .scroll::-webkit-scrollbar-track {
        background: #F1F1F1;
    }
    .scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }
    /**--------------------
  Toppage
  --------------------**/
    #main_bana {
        position: relative;
        width: 100%;
    }
    #main_bana .first_bana {}
    #main_bana .first_bana li {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    #main_bana .first_bana li:after {
        clear: both;
    }
    #main_bana .first_bana li:first-child {
        background-image: none;
        background-color: #fff;
        margin-bottom: 15px;
    }
    #main_bana .Displacement.sub_open {
        margin-top: 200px;
    }
    #main_bana .first_bana > li a {
        width: 100%;
        height: 90px;
    }
    #main_bana .first_bana li figure {
        float: left;
        width: 33%;
    }
    #main_bana .first_bana li h2 {
        width: 100%;
        height: 70px;
        display: table-cell;
        vertical-align: middle;
    }
    #main_bana .second_bana {
        position: absolute;
        top: 90px;
        left: 0;
        padding: 10px 8px;
    }
    #main_bana .second_bana li {
        float: left;
        width: 49%;
        margin-bottom: 10px;
        margin-right: 0;
        height: inherit!important;
        min-height: 50px;
    }
    #main_bana .second_bana li:nth-child(2n) {
        float: right;
    }
    #main_bana .second_bana li:nth-child(2n+1) {
        clear: both;
    }
    #top_news {
        width: 100%;
        float: none;
    }
    #top_news.sub_open {
        margin-top: 0;
    }
    #top_news li {
        position: relative;
        background: url(../img/arrow_right.png) no-repeat 98% 50%;
	display: block;
    }
    #top_news h2 {
        position: relative;
        font-size: 16px;
        margin-bottom: 18px;
    }
    #top_news h2:before {
        width: 100%;
        height: 2px;
        background: #ACACAC;
        display: block;
        content: "";
        overflow: hidden;
        position: absolute;
        bottom: -8px;
    }
    #top_news h2:after {
        width: 20%;
        height: 2px;
        background: #FF0000;
        display: block;
        content: "";
        overflow: hidden;
        position: absolute;
        bottom: -8px;
    }
    #top_news p {
        display: block;
        margin-top: 5px;
	float: none;
	width: auto;
    }
    #top_news span.new {
        position: absolute;
        top: 19%;
        left: 180px;
    }
    #side_bana {
        width: 100%;
        float: none;
    }
    #side_bana.sub_open {
        margin-top: 0;
    }
    #side_bana h2 {
        position: relative;
        font-size: 16px;
        margin-bottom: 18px;
    }
    #side_bana h2:before {
        width: 100%;
        height: 2px;
        background: #ACACAC;
        display: block;
        content: "";
        overflow: hidden;
        position: absolute;
        bottom: -8px;
    }
    #side_bana h2:after {
        width: 20%;
        height: 2px;
        background: #FF0000;
        display: block;
        content: "";
        overflow: hidden;
        position: absolute;
        bottom: -8px;
    }
    #side_bana li a {
        width: 100%;
    }
    
    #side_bana_top {
        width: 100%;
        float: none;
    }
    #side_bana_top h2 {
        position: relative;
        font-size: 16px;
        margin-bottom: 18px;
    }
    #side_bana_top h2:before {
        width: 100%;
        height: 2px;
        background: #ACACAC;
        display: block;
        content: "";
        overflow: hidden;
        position: absolute;
        bottom: -8px;
    }
    #side_bana_top h2:after {
        width: 20%;
        height: 2px;
        background: #FF0000;
        display: block;
        content: "";
        overflow: hidden;
        position: absolute;
        bottom: -8px;
    }
    #side_bana_top li a {
        width: 100%;
    }
    /* =======================================
  LineUp
  ======================================= */
    .lineup_box li {
        float: none;
        margin-right: 0;
    }
    .lineup_box li:nth-child(3n) {
        float: none;
    }
    .lineup_box li a {
        display: block;
        width: 100%;
        height: auto;
    }
    .lineup_mbox li {
        float: none;
        width: 100%;
        margin-right: 0;
        min-height: 170px;/* 19.12.05 */
    }
    .lineup_mbox li:nth-child(3n) {
        float: none;
        width: 100%;
    }
    .lineup_mbox li .name {
        width: 60%;
        padding: 5% 5% 0 5%;
        min-height: 170px;/* 19.12.05 */
    }
    .lineup_mbox li figure{/* 19.12.05 */
        margin-top: 40px;
    }
    .lineup_dbox li {
        float: none;
        width: 100%;
        height: auto;
    }
    .lineup_dbox li:nth-child(3n) {
        float: none;
        width: 100%;
    }
    .lineup_ebox li {
        float: none;
        width: 100%;
        height: auto;
    }
    .lineup_ebox li:nth-child(3n) {
        float: none;
        width: 100%;
    }
    .lineup_ebox li a {
        display: block;
        width: 100% !important;
        height: auto;
        margin-right: 0 !important;/* 19.12.05 */
    }
    .lineup_dbox li .name {
        width: 60%;
        padding: 5% 5% 0 5%;
    }
    .lineup_dbox li p {
        width: 100%;
    }
    .lineup_ebox li p {
        width: 100% !important;
    }
    .related_box li {
        float: none;
        width: 100%;
        margin-bottom: 11px;
    }
    .related_box li:nth-child(2) {
        float: none;
        width: 100%;
    }
    .related_box li:nth-child(3) {
        float: none;
        width: 100%;
    }
    .related_box li figure {
        right: 3%;
    }
    .related_box_top li {
        float: none;
        width: 100%;
        margin-bottom: 11px;
    }
    .related_box_top li:nth-child(2) {
        float: none;
        width: 100%;
    }
    .related_box_top li:nth-child(3) {
        float: none;
        width: 100%;
    }
    .related_box_top li figure {
        right: 3%;
    }
    nav#lineup li {
        width: 32.5%;
        margin-right: 1.2%;
        margin-bottom: 2%;
    }
    nav#lineup li:nth-child(3n) {
        float: right;
        margin-right: 0;
    }
    nav#lineup li:nth-child(3n+1) {
        clear: both;
    }
    nav#lineup li a {
        display: block;
        width: 100%;
    }
    
    /* =======================================
  Related Link 19.12.05
  ======================================= */
    .related_box li li{
        font-size: 120%;
        padding: 0; 
    }
    .related_box li li a{
        padding: 10px;
        display: block;
    }
    .related_box_fixed{
        min-height: 80px !important;
    }
    .related_box_top li li{
        font-size: 120%;
        padding: 0; 
    }
    .related_box_top li li a{
        padding: 10px;
        display: block;
    }
    /*.related_box_top_fixed{
        min-height: 80px !important;
    } */
    
    /* =======================================
  H3 sub_ttl 19.12.05
  ======================================= */
    h3#dsp_controller,
    h3#stationary-type,
    h3#portable{
        line-height: 1.3em;
    }
    
    /* =======================================
  Product
  ======================================= */
    .product_head {
        margin-top: 62px;
    }
    .product_head ul {
        float: none;
        width: 100%;
    }
    .product_head figure {
        float: none;
        width: 100%;
    }
    .product_head figure img {
        width: 100%;
        height: auto;
    }
    nav.product_nav li {
        width: 49%;
        margin-right: 0;
    }
    nav.product_nav li:nth-child(2n) {
        float: right;
        margin-right: 0;
    }
    nav.product_nav li a {
        display: block;
        width: 100%;
        line-height: 35px;
        word-break: break-all;
        word-wrap: break-word;
    }
    .product_detail figure img {
        width: 100%;
        height: auto;
    }
    .product_detail .pattern01 li,
    .product_detail .pattern01 li:nth-child(2n),
    .product_detail .pattern02 figure,
    .product_detail .pattern03 li,
    .product_detail .pattern03 li:nth-child(2n),
    .product_detail .pattern04 li,
    .product_detail .pattern04 li:nth-child(4n),
    .product_detail .pattern05 li,
    .product_detail .pattern05 li:nth-child(3n),
    .product_detail .pattern07 li,
    .product_detail .pattern07 li:nth-child(2n),
    .product_detail .pattern08 li,
    .product_detail .pattern08 li:nth-child(3n),
    .product_detail .pattern09 li,
    .product_detail .pattern09 li:nth-child(3n),
    .product_detail .pattern10 li,
    .product_detail .pattern10 li:nth-child(3n)  {
        float: none;
        width: 100%;
    }
    .product_detail h3 {
        clear: both;
        display: block;
        width: 100%;
        height: auto;
    }
    /** product04 **/
    .product_detail .reference li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .product_detail .reference li:last-child {
        float: none;
    }
    /** product05 **/
    .product_detail .options li {
        float: none;
        width: 100%;
    }
    .product_detail .options li:nth-child(3n) {
        float: none;
    }
    .product_detail .options li figure {
        width: 23%;
    }
    .product_detail .options li figure img {
        width: 100%;
        height: auto;
        max-width: 90px;
        max-height: 90px;
    }
    .product_detail .options li h4 {
        width: 60%;
    }
    .product_detail .options li h4.l_small {
        letter-spacing: normal;
    }
    .product_detail .options li p {
        width: 60%!important;
    }
    /** product06 **/
    .product_detail .circuit .left {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .product_detail .circuit .right {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .product_detail .circuit li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .product_detail .circuit li:nth-child(3n) {
        float: none;
    }
    .product_detail .circuit img {
        width: 100%;
        height: auto;
    }
    /** product07 **/

    .product_detail .left_area {
        float: none;
        width: 100%;
    }

    .product_detail .right_area {
        float: none;
        width: 100%;
    }
    .product_detail .column2 .pattern01 li {
        width: 65%;
    }
    .product_detail .column2 .pattern01 li:nth-child(2n) {
        width: 32.5%;
    }
    .product_detail .column2 .pattern02 figure{
        width: 100%;
    }
    .product_detail .column2 .pattern03 li{
        width: 100%;
    }
    /* ===============================================
  #サインイン
  =============================================== */
    .sign_in {
        width: 100%;
        margin: 0 auto;
    }
    .sign_in dt {
        float: none;
        clear: both;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
        line-height: 2;
    }
    .sign_in dd {
        float: none;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
    }
    /* ===============================================
  #アカウントメニュー
  =============================================== */
    .account .left {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .account .right {
        float: none;
        width: 100%;
    }
    .account ul {
        margin-left: 15px;
        margin-right: 15px;
    }
    .nav_account {
        width: 100%;
    }
    .nav_account li a {
        display: block;
        cursor: pointer;
        width: 100%;
        margin-bottom: 0;
        padding: 10px 0 10px 10px;
        font-size: 16px;
        font-weight: normal;
        border-bottom: 1px solid #D3D3D3;
    }
    .nav_account_ttl {
        width: 100%;
        padding: 15px 0 10px 10px;
        background: #98A9AB;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        color: #FFFFFF;
    }
    .inline_height {
        min-height: inherit;
        width: 100%;
        margin: 0 auto;
    }
    .inline_height.account_01 {
        min-height: 180px;
        width: 100%;
        margin: 0 auto;
    }
    .sign_in input {
        width: 100%;
        height: 30px;
        margin: 0 auto;
    }
    #main_area .forgot_pass {
        font-size: 12px;
        text-align: right;
        width: 100%;
        margin-bottom: 20px;
    }
    .account .nav_green li {
        float: none;
        width: 100%;
        list-style: none;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .account .nav_green ul {
        margin-left: 0;
        margin-right: 0;
    }
    .reset_pass {
        width: 100%;
        margin: 0 auto;
    }
    .nav_tof li a {
        float: none;
        width: 100%;
        list-style: none;
        margin-bottom: 20px;
        margin-right: 10px;
    }
    .nav_tof ul {
        margin-left: 0;
        margin-right: 0;
    }
    .nav_transparency li a {
        float: none;
        width: 100%;
        list-style: none;
        margin-bottom: 20px;
        margin-right: 10px;
    }
    .nav_transparency ul {
        margin-left: 0;
        margin-right: 0;
    }
    /* ===============================================
  #フォーム
  =============================================== */
    .form_box dt {
        width: 100%;
    }
    .form_box dd {
        width: 100%;
        padding: 10px 10px 10px 10px;
    }
    .input_basic {
        width: 100%;
    }
    .input_s {
        width: 100%;
    }
    .input_m {
        width: 100%;
    }
    .input_mgn {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .form_comment_box {
        margin-bottom: 30px;
    }
    select {
        width: 100%;
    }
    /*アカウント05*/
    .section {
        margin: 0 0 30px;
    }
    .form_left {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }
    .form_right {
        display: inline-block;
        width: 100%;
    }
    .account_05.form_box dd {
        min-height: inherit;
    }
    .account .form_box ul {
        margin-left: 0;
        margin-right: 0;
    }
    /* ===============================================
    #ダウンロード
    =============================================== */
    .lineup_box.download_list {
        width: 95%;
        margin: 0 auto 30px;
    }
    .lineup_box.download_list li {
        float: none;
        display: inline-block;
        width: 47.8%;
        margin: 0 6px 6px 0;
        height:70px;
    }
    .lineup_box.download_list li h4 {
    font-size:80%;
    width: 78%;
    }
    .lineup_box.download_list li a img {
    width: 20%;
    }
    .dl_check_list {
        width: 95%;
        border: 1px solid #DDDDDD;
        margin: 0 auto 30px;
    }
    .dl_check_list li {
        width: 100%;
        border-bottom: 1px solid #DDDDDD;
        padding: 10px;
        font-size: 14px;
    }
    .dl_check_list li:last-child {
        border-bottom: none;
    }
    .dl_check_list label {
        min-width: inherit;
        padding-right: 0;
        display: inline-block;
    }
    .dl_check_list label a {
        position: relative;
        padding-left: 75px;
    }
    .dl_check_list label a:before {
        content: "";
        display: inline-block;
        background: url(../img/icon_pdf.png) no-repeat;
        width: 30px;
        height: 31px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        top: 50%;
        left: 25px;
        margin-top: -12px;
    }
    .dl_check_list .product_name {
        min-width: inherit;
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 5px;
        display: block;
    }
    .btn_download a {
        display: block;
        color: #FFFFFF;
        width: 100%;
        height: 36px;
        line-height: 36px;
        background: #98A9AB;
        padding-left: 20px;
        padding-right: 20px;
    }
    .btn_download a:before {
        content: " \f019";
        font-family: FontAwesome;
        font-size: 16px;
        margin-right: 10px;
    }
    /* ===============================================
    #テックガイド
    =============================================== */
    .techguide_nav h2 {
        cursor: pointer;
        width: 100%;
        padding: 10px 0 10px 9px;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: normal;
        background: #98A9AB;
        color: #FFFFFF;
        height: 40px;
    }
    .techguide_nav li {
        font-size: 16px;
        width: 100%;
        border-left: 3px solid #0E8DCE;
        vertical-align: middle;
        margin-bottom: 15px;
        padding: 3px 0 3px 13px;
    }
    .tech_box li {
        display: inline-block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
        padding-top: 0.5em;
        border: 1px solid #DDDDDD;
        background-repeat: no-repeat;
        background-position: right center;
        vertical-align: middle;
        min-height: 60px;
    }
    .tech_box .tech_bg01 {
        background-position: right center;
    }
    .tech_box .tech_bg02 {
        background-position: right center;
    }
    .tech_box .tech_bg03 {
        background-position: right center;
    }
    .tech_box .tech_bg04 {
        background-position: right center;
    }
    .tech_box .tech_bg05 {
        background-position: right center;
        padding-top: 0;
    }
    .tech_box .tech_bg06 {
        background-position: right center;
        padding-top: 0;
    }
    /*tech02*/
    .icon_title {
        margin-bottom: 25px;
        padding-left: 60px;
        min-height: 50px;
    }
    .icon_title.icon_tech01 {
        background: url(../img/icon_tech02_01.png) top left no-repeat;
    }
    .icon_title.icon_tech02 {
        background: url(../img/icon_tech02_02.png) top left no-repeat;
    }
    .icon_title h3 {
        font-size: 18px;
        border: 1px solid #ddd;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
        margin-bottom: 5px;
        padding: 5px 5px 5px 5px;
        line-height: 1.6;
    }
    .icon_title h3:before {
        content: "";
        border-left: 3px solid #00519E;
        padding-right: 20px;
        background: url(../img/tech_ttl_arw.png) 5px center no-repeat;
    }
    .icon_title h3 span {
        float: right;
        font-size: 14px;
        display: inline-block;
        text-align: right;
    }
    /*リコメンド*/
    .ttl_recommend {
        font-size: 16px;
        margin: 0 0 5px;
    }
    .recommend_list {
        width: 100%;
        margin: 0 auto;
    }
    .recommend_list li {
        display: inline-block;
        width: 49%;
        min-height: 85px;
        vertical-align: top;
        margin-bottom: 20px;
    }
    .recommend_list li div {
        border: 1px solid #ddd;
        width: 100%;
        min-height: 85px;
    }
    .recommend_list li h4 {
        font-size: 14px;
        padding-top: 5px;
    }
    .recommend_new a {
        padding-right: 40px;
        background: url(../img/icon_new.png) right top no-repeat;
    }
    .link_arw_list {
        width: 100%;
    }
    .link_arw_list li {
        display: inline-block;
        width: 49%;
        font-size: 14px;
        margin-bottom: 20px;
        padding-right: 10px;
    }
    .link_arw_list li a {
        padding-left: 20px;
        background: url(../img/tech_ttl_arw.png) left 3px no-repeat;
    }
    /*tech03*/
    .icon_list {
        display: inline-block;
        width: 100%;
        border: 1px solid #D3D3D3;
        vertical-align: top;
        min-height: inherit;
        margin-bottom: 20px;
    }
    .icon_list_inner {
        padding: 15px 5px;
    }
    .icon_list h3 {
        font-size: 16px;
        color: #fff;
        padding: 9px 9px 9px 18px;
    }
    .icon_blue {
        margin-right: 16px;
    }
    .icon_blue h3 {
        background-color: #00519E;
    }
    .icon_green h3 {
        background-color: #008F7B;
    }
    .icon_list li {
        font-size: 14px;
        padding: 0 0 0 47px;
        min-height: 32px;
        margin-bottom: 8px;
        line-height: 32px;
    }
    /*tech04*/
    .left_contetns {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .left_contetns .tech_kei_ttl {
        font-size: 16px;
        padding: 5px 10px;
        border: 1px solid #D3D3D3;
    }
    .left_contetns .tech_kei_ttl:before {
        content: "";
        margin: 5px 0;
        padding-right: 5px;
        border-left: 2px solid #00519E;
    }
    .left_contetns .arw_left_list {
        margin-bottom: 30px;
        padding: 15px 0 15px;
        border-bottom: 1px solid #D3D3D3;
    }
    .left_contetns .arw_left_list li {
        font-size: 16px;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 15px;
        position: relative;
    }
    .btn_left_right {}
    .btn_left_right li {
        float: none;
        width: 90%;
        margin: 0 auto 10px;
    }
    .btn_left_right li:nth-child(2) {
        float: none;
    }
    .right_contents {
        float: none;
        width: 100%;
    }

    .company_nav {
	    margin-bottom: 30px;
	    text-align: center;
	}
	.company_nav li {
	    display: inline-block;
	    margin-bottom: 20px;
	    margin-right: 0;
	}
	.company_nav li:last-child {
	    margin-right: 0;
	}
	.company_contents dt {
	    border-top: 1px solid #cacac2;
	    float: none;
	    padding: 8px;
	    width: 100%;
	}
	.company_contents dd {
	    border-top: medium none;
	    float: none;
	    font-size: 14px;
	    padding: 8px;
	    width: 100%;
	}
	.logo_box {
	    float: none;
	    margin-bottom: 10px;
	    padding-right: 0;
	}
	.group_detail {
	    float: none;
	    width: 100%;
	}
	.group_detail dt {
	    clear: both;
	    float: none;
	    font-weight: bold;
	    padding: 8px;
	    width: 100%;
	}
	.group_detail dd {
	    float: none;
	    font-weight: bold;
	    padding: 8px;
	    width: 100%;
	}
	.group_detail .group_img {
	    height: auto;
	    margin: 0 auto 20px;
	    text-align: center;
	    width: 80%;
	}
	.group_detail .group_img img {
	    margin-bottom: 10px;
	}
	.group_detail .group_img img:last-child {
	    margin-bottom: 0;
	}

	.catalog_wrap {
	    clear: both;
	    margin-bottom: 40px;
	    padding-top: 15px;
	    position: relative;
	}
	.catalog_img {
	    float: none;
	    margin-bottom: 10px;
	    width: 100%;
	}
	.catalog_img img {
	    height: auto;
	    width: 100%;
	}
	.catalog_txt {
	    float: none;
	    width: 100%;
	}
	.catalog_txt .section {
	    margin-bottom: 30px;
	}
	.catalog_txt .section p {
	    font-size: 16px;
	    margin-bottom: 0;
	}
	.catalog_txt h4 {
	    border-bottom: 1px solid #333;
	    font-size: 16px;
	    font-weight: bold;
	    margin-bottom: 14px;
	    padding-bottom: 6px;
	}
	.catalog_wrap .btn_download {
	    bottom: inherit;
	    margin-top: 20px;
	    position: inherit;
	    right: inherit;
	    text-align: center;
	}

	.logo_img {
	    margin-bottom: 35px;
	    text-align: center;
	}
	.logo_img img {
	    height: auto;
	    width: 90%;
	}
	.ttl_bg_gray {
	    line-height: 1.4;
	}
	.ttl_gray {
	    line-height: 1.4;
	    margin-bottom: 10px;
	}
	.value_box {
	    margin-bottom: 20px;
	}
	.value_left {
	    float: none;
	    line-height: 32px;
	    margin-bottom: 10px;
	    width: 100%;
	}
	.value_right {
	    border-left: medium none;
	    border-top: 5px solid #221815;
	    float: none;
	    line-height: 1.6;
	    padding-left: 0;
	    padding-top: 10px;
	    width: 100%;
	}
	.fastus_section {
	    margin-bottom: 40px;
	}
	#main_area .fastus_section p {
	    line-height: 1.6;
	    margin-bottom: 20px;
	}
	.country_flag {
	    clear: both;
	    margin-bottom: 40px;
	}
	.country_flag li {
	    float: left;
	    margin-bottom: 10px;
	    width: 45%;
	}
	.country_flag li:nth-child(2n) {
	    float: right;
	}
	.contact_country {
	    margin-bottom: 20px;
	}
	.contact_country h4 {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.contact_country p, .contact_country dt, .contact_country dd {
	    font-size: 14px;
	}
	.contact_country dt {
	    clear: both;
	    float: left;
	    font-size: 14px;
	    padding-bottom: 8px;
	    width: 15%;
	}
	.contact_country dd {
	    float: left;
	    padding-bottom: 8px;
	    width: 80%;
	}
	.contact_country dd a {
	    text-decoration: underline;
	}
	/** report **/
	.report_contents dd {
	    border-bottom: 1px solid #cacac2;
	    float: none;
	    padding: 8px;
	    width: 100%;
	}
	.report_contents dt {
	    border-bottom: medium none;
	    float: none;
	    font-size: 14px;
	    padding: 8px;
	    width: 100%;
	}
	.report_title dd {
	    border-bottom: 1px solid #cacac2;
	    float: none;
	    padding: 8px;
	    width: 100%;
	}
	.report_title dt {
	    border-bottom: medium none;
	    float: none;
	    font-size: 14px;
	    padding: 8px;
	    width: 100%;
	}
	/*appli*/
#main_area p img{ max-width: 100%; }
/*movie*/
.product_detail figure img{ max-width: 100%; }
	
	#sub_menu_translate ul li a{
		display: block;
		padding: 10px;
		color: #333;
		font-size: 20px;
		font-weight: bold;
	}
}

#test {
    border: 5px solid #FF0000;
    padding: 10px;
    font-size: 14px;
}

#test h2 {
    margin-bottom: 10px;
}

#test li {
    margin-bottom: 5px;
}
.movie_area{border-color: #7f7f7f; border-width: 1px; border-style: solid; height: 200px;}

/* ===============================================
  #製品ページ追加
   =============================================== */
   
/*product*/  
dl.tof_feature{height: 100%; width: 100%; position: relative;}
/* 18.02.28 edit */
dl.tof_feature dt p{right: 0%; width: 70%; top: 54.4%; position: absolute;}
dl.tof_feature dd p{top: 86%; position: absolute; width: 40%; left: 15%;}

.product_detail .pattern03 {margin-bottom: 30px;}
.product_detail .pattern03 table {width: 100%;border: 1px solid #D8D8D8;font-size: 14px;margin-bottom: 5px;}
.product_detail .pattern03 table th {border: 1px solid #D8D8D8;padding: 8px 5px;background: #A0A0A0;color: #FFFFFF;font-weight: normal;}
.product_detail .pattern03 table td{border: 1px solid #D8D8D8;padding: 8px 5px;text-align: left;vertical-align: top;}
.product_detail .pattern02 {margin-bottom: 30px;}
.product_detail .pattern02 table {width: 100%;border: 1px solid #D8D8D8;font-size: 14px;margin-bottom: 5px;}
.product_detail .pattern02 table th {border: 1px solid #D8D8D8;padding: 8px 5px;background: #A0A0A0;color: #FFFFFF;font-weight: normal;text-align: center;}
.product_detail .pattern02 table td{border: 1px solid #D8D8D8;padding: 8px 5px;text-align: center;vertical-align: middle;}
/*lineup*/
.lineup_ebox li a{position: relative; float: left; margin-right: 11px; margin-bottom: 11px; border: 2px solid #8bbfe4; width: 236px; min-height: 125px;}
.lineup_ebox li:nth-child(3n) { float: right; margin-right: 0; }
.lineup_ebox li:nth-child(3n+1) { clear: both; }
.lineup_ebox li p,.lineup_ebox li a p{ display: block; text-align: center; font-size: 14px; left: 0px; top: 51px; position: absolute; width: 236px; }
.lineup_ebox li a:hover{ display: block; min-height: 125px; width: 236px; }
.lineup_ebox li a:hover p{ text-decoration: underline; color: #8BBFE4; }

/*tof special*/
.tof_bg{
    width: 100%;
    background-color: #f0f5f5;
    clear: both;
}
.tof_info{
	padding: 15px;
}
.tof_title{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	width: 100%;
	color: white;
	padding: 10px;
	background-color: #ff8000;
}
.tof_sub_title{padding-bottom: 15px; font-weight: bold; font-size: 14px;}

/*tech common*/
.tech_common_box li {
    display: inline-block;
    width: 360px;
    height: 100px;
    margin-right: 6px;
    margin-bottom: 14px;
    padding-top: 0.5em;
    border: 1px solid #DDDDDD;
    background-repeat: no-repeat;
    background-position: right center;
    vertical-align: middle;
    min-height: 60px;
}
.tech_common_box li a{
    display: inline-block;
    width: 360px;
    height: 100px;
}
.tech_common_box li a p{
	color: black;
	text-decoration: none;
}
.tech_common_box li:nth-child(2n) {
    margin-right: 0;
}
.tech_common_box li.icon_common {
     background: url(/img/tech_guide/shared/icon_common_01.png) 10px 10px no-repeat;}
.tech_common_box li.icon_common h3{
    padding-left: 100px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 5px;
    width: 300px
}
.tech_common_box li.icon_common h3:before {
    content: "";
    padding-right: 20px;
    background: url(../img/tech_guide/shared/tech_ttl_arw.png) 5px center no-repeat;
}
.tech_common_box li.icon_law {
     background: url(/img/tech_guide/shared/icon_common_03.png) 10px 10px no-repeat;}
.tech_common_box li.icon_law h3{
    padding-left: 100px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 5px;
    width: 300px
}
.tech_common_box li.icon_law h3:before {
    content: "";
    padding-right: 20px;
    background: url(../img/tech_guide/shared/tech_ttl_arw.png) 5px center no-repeat;
}
.tech_common_box li p{
    padding-left: 105px;
}
@media only screen and (max-width: 767px) {
    .tech_common_box li {
        display: inline-block;
        width: 100%;
        height: 100px;
        margin-right: 6px;
        margin-bottom: 14px;
        padding-top: 0.5em;
        border: 1px solid #DDDDDD;
        background-repeat: no-repeat;
        background-position: right center;
        vertical-align: middle;
        min-height: 60px;
    }
        .tech_common_box li a{
        display: inline-block;
        width: 100%;
        height: 100px;
    }
    .tech_common_box li a p{
	    color: black;
	    text-decoration: none;
    }
    .tech_common_box li:nth-child(2n) {
    margin-right: 0;
    }
    .tech_common_box li.icon_common {
         background: url(/img/tech_guide/shared/icon_common_01.png) 10px 10px no-repeat;}
    .tech_common_box li.icon_common h3{
        padding-left: 100px;
        padding-bottom: 5px;
        padding-right: 5px;
        padding-top: 5px;
        font-size: 18px;
        overflow: hidden;
        margin-bottom: 5px;
        width: 300px
    }
    .tech_common_box li.icon_common h3:before {
        content: "";
        padding-right: 20px;
        background: url(../img/tech_guide/shared/tech_ttl_arw.png) 5px center no-repeat;
    }
    .tech_common_box li.icon_law {
         background: url(/img/tech_guide/shared/icon_common_03.png) 10px 10px no-repeat;}
    .tech_common_box li.icon_law h3{
        padding-left: 100px;
        padding-bottom: 5px;
        padding-right: 5px;
        padding-top: 5px;
        font-size: 18px;
        overflow: hidden;
        margin-bottom: 5px;
        width: 300px
    }
    .tech_common_box li.icon_law h3:before {
        content: "";
        padding-right: 20px;
        background: url(../img/tech_guide/shared/tech_ttl_arw.png) 5px center no-repeat;
    }
    .tech_common_box li p{
        padding-left: 105px;
    }
}
.ttl_kei_left_red_w {
    width: 400px;
    font-size: 18px;
    border-left: 3px solid #FF0000;
    margin-bottom: 20px;
    padding: 2px 0 5px 5px;
    float: left;
}

.ttl_kei_btm_gray_w {
    width: 400px;
    font-size: 16px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    padding: 2px 0 5px;
    float: left;
    z-index:10;
}
/*.ttl_download_area{position: relative;}
.ttl_download_right{ right: 0px; top: -35px; position: absolute; float: right; width: 280px; font-size: 12px;}
.ttl_download_right img{padding-bottom: 5px; padding-right: 10px; float: left; height: 100px;}
@media only screen and (max-width: 767px) {
.ttl_download_area{ height: 70px; clear: both; width: 100%; float: left;}
.ttl_download_right{ width: 100%; float: left;}
}*/
.ttl_download_area{position: relative;}
.ttl_download_right{ clear: both; right: 0px; top: -35px; float: left; width: 430px; font-size: 14px;}
.ttl_download_right img{padding-bottom: 5px; padding-right: 10px; float: left; height: 100px;}

dl.digest_main {position: relative;}
dl.digest_excerpt{position: relative; margin-bottom: 20px;}
dl.digest_main dt,dl.digest_excerpt dt{right: 20px; bottom: 10px; position: absolute;}
dl.digest_main dt.d_download_txt{left: 0px; bottom: 120px; position: absolute; width: 400px; font-size: 14px; line-height: 1.6em;}
.btn_d_download a {
    display: block;
    color: #FFFFFF;
    width: 230px;
    height: 42px;
    line-height: 42px;
    background: red;
}
.btn_d_download a:before {
    content: " \f019";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 10px;
    margin-left: 40px;
}
ul.t_info{position: relative;}
ul.t_info ol{right: 5%; top: 30%; width: 40%; position: absolute;}
ul.bgs_info{position: relative;}
ul.bgs_info ol{font-size: 150%; right: 0%; top: 10%; width: 50%; position: absolute;}
@media only screen and (max-width: 767px) {
	.ttl_download_area{ height: 70px; clear: both; width: 100%; float: left;}
	.ttl_download_right{ width: 100%; float: left;}
	dl.digest_main {}
	dl.digest_excerpt{margin-bottom: 50px;}
	dl.digest_main img,dl.digest_excerpt img{width: 100%;}
	dl.digest_main dt,dl.digest_excerpt dt{ float: right; position: relative;}
	dl.digest_main dt.d_download_txt{left: 0px; bottom: 20px; position: absolute; width: 180px; font-size: 10px; line-height: 1.4em;}
	.btn_d_download a {
	display: block;
	color: #FFFFFF;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: red;
	padding-right: 20px;
    }
    .btn_d_download a:before {
	 content: " \f019";
	font-family: FontAwesome;
	font-size: 16px;
	margin-right: 10px;
	margin-left: 20px;
    }
    ul.t_info ol{font-size: 110%; right: 5%; top: 0%; width: 40%; position: absolute;}
    ul.bgs_info ol{font-size: 110%; right: 5%; top: 0%; width: 40%; position: absolute;}
}
/*impro_car*/

.product_detail .impro_prd li {
    float: left;
    width: 240px;
}

.product_detail .impro_prd li img {
    width: 80%;
}

.product_detail .impro_prd li:nth-child(2n) {
    position: relative;
    float: right;
    width: 490px;
}

.product_detail .impro_prd li:nth-child(2n) img {
    right: 0%;
    top: 0%;
    position: absolute;
    width: 17%;
}

.product_detail .impro_prd li:nth-child(2n) img.cc {
    width: 30%;
}

.product_detail .impro_prd li:nth-child(2n+1) {
    clear: both;
}

.product_detail .impro_ttl {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #2792C3;
}

.product_detail .impro_e_ttl {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #9cc813;
}

.impro_title{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	width: 100%;
	color: white;
	padding: 10px;
	background-color: #2792C3;
}

.tech_common_box li.icon_solu {
     background: url(/img/tech_guide/shared/icon_common_02.png) 10px 10px no-repeat;}
.tech_common_box li.icon_solu h3{
    padding-left: 90px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-size: 18px;
    margin-bottom: 5px;
    width: 300px;
    /*-moz-transform:    scale( 0.8, 1 );  /* Firefox */
    /*-webkit-transform: scale( 0.8, 1 );  /* Chrome,Safari */
    /*-o-transform:      scale( 0.8, 1 );  /* Opera */
    /*-ms-transform:     scale( 0.8, 1 );  /* IE */
    /*transform:         scale( 0.8, 1 );  /* CSS3 */
    /*letter-spacing: -0.5px;*/
}
.tech_common_box li.icon_solu h3:before {
    content: "";
    padding-right: 20px;
    background: url(../img/tech_guide/shared/tech_ttl_arw.png) 5px center no-repeat;
}
.tech_common_box li p{
    padding-left: 105px;
}

@media only screen and (max-width: 767px) {
    .product_detail .impro_prd li,
    .product_detail .impro_prd li:nth-child(2n),
    .product_detail .impro_ttl,
    .product_detail span img  {
     float: none;
     width: 100%;}
     .product_detail .impro_prd li:nth-child(2n) img,
     .product_detail .impro_prd li:nth-child(2n) img.cc {
     display: none;
     }
     .tech_common_box li.icon_solu {
         background: url(/img/tech_guide/shared/icon_common_02.png) 10px 10px no-repeat;}
    .tech_common_box li.icon_solu h3{
        padding-left: 90px;
        padding-bottom: 5px;
        padding-right: 5px;
        padding-top: 5px;
        font-size: 18px;
        margin-bottom: 5px;
        width: 300px
    }
    .tech_common_box li.icon_solu h3:before {
        content: "";
        padding-right: 20px;
        background: url(../img/tech_guide/shared/tech_ttl_arw.png) 5px center no-repeat;
    }
    .tech_common_box li p{
        padding-left: 105px;
    }
}

/*topix*/
.topix dl.cdx_rri_top{position: relative;}
.topix dl.cdx_rri_top dt{line-height: 1.3em; left: 132px; top: 25px; color: #d01a2e; font-size: 18px; font-weight: bold; position: absolute;}
.topix dl.cdx_rri_top dd{line-height: 1.3em; width: 420px; font-size: 13px; font-weight: bold; top: 110px; left: 38px; position: absolute;}
.topix dl.cdx_rri_bottom{position: relative; }
.topix dl.cdx_rri_bottom dt.ttl_01{font-size: 14px; font-weight: bold; left: 230px; top: 30px; position: absolute;}
.topix dl.cdx_rri_bottom dt.ttl_02{line-height: 1.3em; text-align: center; font-size: 24px; font-weight: bold; left: 90px; top: 75px; position: absolute;}
.topix dl.cdx_rri_bottom dt.ttl_03{line-height: 1.3em; left: 100px; top: 170px; font-size: 15px; position: absolute; font-weight: bold; text-align: center;}
.topix dl.cdx_rri_bottom dt.ttl_04{font-weight: bold; line-height: 1.1em; font-size: 17px; top: 355px; position: absolute; left: 50px;}
.topix dl.cdx_rri_bottom dt.ttl_05{font-weight: bold; font-size: 30px; top: 675px; position: absolute; left: 48px;line-height: 0.8em;}
.topix dl.cdx_rri_feature{height: 618px; width: 730px; position: relative;}
.topix dl.cdx_rri_feature dt.cdx_ttl{position: absolute; font-size: 26px; color: #d01a2e; top: 100px;line-height: 1.0em;}
.topix dl.cdx_rri_feature dt.copy_01{width: 185px; line-height: 1.0em; font-size: 12px; position: absolute; top: 270px; left: 13px;}
.topix dl.cdx_rri_feature dt.copy_02{width: 185px; line-height: 1.0em; font-size: 12px; top: 490px; position: absolute; left: 13px;}
.topix dl.cdx_rri_feature dt.copy_03{width: 185px; line-height: 1.0em; font-size: 12px; left: 400px; top: 270px; position: absolute;}
.topix dl.cdx_rri_feature dt.copy_04{width: 185px; line-height: 1.0em; font-size: 12px; left: 400px; top: 490px; position: absolute;}
.topix .topix_btn {text-align: right; float: left; width: 730px; padding-top: 20px; padding-bottom: 5px;}
.topix dl.cdx_rri_system dt{width: 320px; font-size: 12px; line-height: 1.3em; position: absolute; top: 50px; left: 13px;}
.topix dl.cdx_rri_system dd{bottom: -30px; font-size: 10px; line-height: 1.3em; position: absolute; left: 13px;}
.topix dl.cdx_rri_system{height: 337px; position: relative; width: 730px;}

@media only screen and (max-width: 767px) {
    .topix dl.cdx_rri_top{ height: 35em; width: 100%;}
    .topix dl.cdx_rri_top img{ width: 100%;}
    .topix dl.cdx_rri_top dt{line-height: 1.3em; left: 20%; top: 10%; color: #d01a2e; font-size: 14px; font-weight: bold; position: absolute;}
    .topix dl.cdx_rri_top dd{float: left; line-height: 1.3em; width: 60%; font-size: 12px; font-weight: bold; top: 40%; left: 5%; position: absolute;}
    .topix dl.cdx_rri_bottom{ width: 100%;}
    .topix dl.cdx_rri_bottom img{ width: 100%;}
    .topix dl.cdx_rri_bottom dt.ttl_01{font-size: 12px; font-weight: bold; left: 25%; top: 2pc; position: absolute;}
    .topix dl.cdx_rri_bottom dt.ttl_02{line-height: 1.3em; text-align: center; font-size: 24px; font-weight: bold; left: 110px; top: 70px; position: absolute;}
}

/*2018-02-08 追加分　**/

.product_detail h2.pro_ttl img,
.product_detail h2.pro_ttl_gr img{
	height: 20px;
}

.product_head ul li span img{
	height: 20px;
    padding-left: 5px;
}


td.bg_none {
    background: #FFFFFF;
}

td.bg_on {
    background: #f0f0f0;
}

/* 18.02.22 追加 */
.product_detail ul li{
	border-collapse: separate;
	border-spacing: 0 10px;
}

.product_detail .column2 .pattern04 li{
    width: 48%;
}

/*オプションｗ*/
.product_detail .options_w h3 {
    border: none;
    margin-bottom: 5px;
}

.product_detail .options_w ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_detail .options_w li {
    float: left;
    width: 100%;
    min-height: 108px;
    padding: 9px 0 9px 9px;
    margin-right: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
}

.product_detail .options_w li figure {
    clear: left;
    width: 170px;
    height: 170px;
    margin-right: 40px!important;
}
.product_detail .options_w li h4 {
    float: left;
    width: 127px;
    font-size: 14px;
    margin-bottom: 5px;
}

.product_detail .options_w li h4.l_small {
    letter-spacing: -1px;
}

.product_detail .options_w li p.text_01 {
    float: left;
    margin-right: 40px!important;
    width: 150px;
/*    word-break: break-all;*/
    word-wrap: break-word;
    display: inline-block;
    color: #000000;
    margin-bottom: 0 !important;
    font-weight: bold;
}
.product_detail .options_w li p.text_02 {
    float: left;
    width: 360px;
/*    word-break: break-all;*/
    word-wrap: break-word;
    display: inline-block;
    color: #000000;
    margin-bottom: 0 !important;
    padding-right: 20px;
    margin-left: 40px!important;
}
.product_detail .options_w li p.text_03 {
    float: left;
    width: 150px;
/*    word-break: break-all;*/
    word-wrap: break-word;
    display: inline-block;
    color: #000000;
    margin-bottom: 0 !important;
}


.product_detail .pro_ttl_gr {
    font-size: 16px!important;
    font-weight: bold;
    color: #778787;
    margin-bottom: 10px;
    border: none;
    padding-bottom: 0;
}
.product_detail .pro_ttl_gr span{
	    font-size: 14px!important;
}

.product_detail p.m_5{
	margin-bottom: 5px!important;
}

/* 18.02.23 追加 オプションLライン１つ */
.option_single{
	padding: 9px 0 9px 9px;
	margin-right: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
}

/* 18.03.01 追加 パターン11(左、右50%かつ、片側50％) */
.product_detail .pattern11 li{
	float: left;
	width: 360px;
	margin-bottom: 15px;
}
.product_detail .pattern11-1 li {
	float: left;
	width: 170px;
	margin-right: 7px;
}
.product_detail .pattern11-1 li:nth-child(2n+1) {
	clear: both;
}
.product_detail .pattern11-1 li:nth-child(2n) {
	float: right;
}

@media only screen and (max-width: 767px) {	
    .product_detail .options_w li {
        float: none;
        width: 100%;
    }
    .product_detail .options_w li p.text_02,.product_detail .options_w li p.text_03 {
        width: 100%;
        margin-left: 0px!important;
    }
    .product_detail .options_w li figure {
        width: 90%;
    }
    .product_detail .options_w li figure img {
        width: 100%;
        height: auto;
        max-width: 120px;
        max-height: 120px;
    }
    .product_detail .options_w li h4 {
        width: 60%;
    }
    .product_detail .options_w li h4.l_small {
        letter-spacing: normal;
    }
    .product_detail .options_w li p {
        width: 60%!important;
    }
    /*　18.03.01　追加　*/
	.product_detail .pattern11 li{
		float: none;
		width: 100%;
	}
	.product_detail .pattern11-1 li {
		float: none;
		width: 100%;
	}
}	


.product_detail .options div.p_option {
    float: left;
    width: 127px;
    font-size: 10px !important;
/*    word-break: break-all;*/
    word-wrap: break-word;
    display: inline-block;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
    .product_detail .options div.p_option {
        width: 60%!important;
    }
}


/** 2018.3.16追加 **/

.product_detail .options_50 li {
    float: left;
    width: 360px;
    min-height: 160px;
    padding: 9px 0 9px 2px;
    margin-right: 1px;
    margin-bottom: 14px;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
}

.product_detail .options_50 li:nth-child(2n) {
    float: right;
    margin-right: 0
}

.product_detail .options_50 li figure {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 6px;
}

.product_detail .options_50 li h6 {
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: bold;
    margin-bottom: 5px;
}

.product_detail .options_50 li h6.l_small {
    letter-spacing: -1px;
}

.product_detail .options_50 li p {
    float: left;
    width: 260px;
    font-size: 12px !important;
    word-wrap: break-word;
    display: inline-block;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 0 !important;
}

.product_detail .options_50 li h3 {
	font-weight: bold;
	font-size: 14px;
}

.product_detail .block4_area li {
    float: left;
    width: 360px;
    margin-bottom: 15px;
}
.product_detail .block4_area li:nth-child(2n) {
    float: right;
}

.product_detail .block4_area li {
    float: left;
    width: 360px;
    margin-bottom: 15px;
}
.product_detail .block4_area li:nth-child(2n) {
    float: right;
}
.product_detail .block4 li {
    float: left;
    width: 170px;
    margin-right: 7px;
}
.product_detail .block4 li:nth-child(2n) {
    float: right;
}
.product_detail .block4 li:nth-child(2n+1) {
    clear: both;
}

.product_detail .haccp h3 {
    font-size: 120%;
    font-weight: bold;
    margin-top: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D8D8D8;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.product_detail .haccp li {
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    float: left;
    width: 360px;
    min-height: 160px;
    padding: 9px 0 9px 2px;
    margin-right: 1px;
    margin-bottom: 14px;
}
.product_detail .haccp li figure {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 6px;
}
.product_detail .haccp li p {
    float: left;
    width: 260px;
    word-wrap: break-word;
    display: inline-block;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 0 !important;
}
.product_detail .haccp h3 {
    border-bottom-width: 1px;
    border-bottom-style: none;
}

@media only screen and (max-width: 767px) {
    .product_detail .options_50 li {
    width: 100%;
    }
    .product_detail .options_50 li h3,.product_detail .options_50 li h6 {
    font-size: 12px;
    }
    .product_detail .options_50 li h3,.product_detail .options_50 li h6,.product_detail .options_50 li p{
    	clear: none;
    	float: none;
    }
}

/* 18.03.22追加 */
#main_bana .first_bana li:first-child{
	background-repeat: repeat-y; 
}
#main_bana .first_bana > ul > li > a{
	width: 153px;
	height: 130px;
}
#main_bana .second_bana{
	margin-top: 12px;
}
@media only screen and (max-width: 767px) {
	#main_bana .first_bana > ul > li > a{
		width: auto;
		height: 100px;
	}
}

/* 18.09.11追加 */
.cables_ttl a { margin-left: 20px; color: #ff8000 !important; font-size: 13px; font-style: normal; font-weight: normal; }
.cables_ttl a:link { text-decoration: underline; color: #ff8000 !important;}
.cables_ttl a:hover{color: red !important; text-decoration: underline; font-size: 13px; font-style: normal; font-weight: normal;}

/* Discontinue */
.product_detail .pattern12{
float: left;
   margin-top: 15px;
   width: 100%;
   }
.product_detail .pattern12 li a {
   display: block;
   background-color: #f8fbfb;
   height: 56px;
   text-align: center;
   font-size: 145%;
   float: left;
   border-color: #e2e2e2;
   border-width: 1px;
   border-style: solid;
   margin-bottom: 4px;
   margin-top: 4px;
   padding: 8px; 
   margin-right: 11px;
   width: 236px; 
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
   align-items: center; /* 縦方向中央揃え */
   -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
   justify-content: center; /* 横方向中央揃え */
   }

.product_detail .pattern12 li:nth-child(3n) a {
   margin-right: 0px;
}

.product_detail .pattern12 li a:hover {
    color: black;
   	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
.product_detail .pattern12 li a{
   	width: 100%; float: left;
}
}

/* back issues */
.product_detail .pattern13{
   float: left;
   margin-top: 15px;
   width: 100%;
   }
.product_detail .pattern13 li a {
   position: relative;
   height:60px;
   display: block;
   background-color: #fff;
   line-height: 1.5em;
   font-size: 140%;
   float: left;
   color:#000;
   border-color: #DDDDDD;
   border-width: 1px;
   border-style: solid;
   margin-bottom: 4px;
   margin-top: 4px;
   padding: 8px; 
   margin-right: 10px;
   width: 360px; 
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
   align-items: center; /* 縦方向中央揃え */
   -webkit-justify-content: left; /* 横方向中央揃え（Safari用） */
   justify-content: left; /* 横方向中央揃え */
   }

.product_detail .pattern13 li:nth-child(2n) a {
   margin-right: 0px;
}

.product_detail .pattern13 li a:hover {
    color: black;
   	text-decoration: underline;
}

.product_detail .pattern13 li a img {
    position: absolute;
    top:5%;
    right:3%;
    width: 70px;
}

@media only screen and (max-width: 767px) {
.product_detail .pattern13 li a{
   	width: 100%; float: left;
}
}
.dlink_txt{font-size:150%;}

/* ===============================================
    #2020/12/11追記
   =============================================== */

@media only screen and (max-width: 767px) {
   .lineup_dbox li h3 {
   font-size: 17px;
   }
   .lineup_dbox li h3 span {
   font-size: 13px;
   margin-bottom: 5px;
   }
   .lineup_dbox li p {
   font-size: 12px!important;
   margin-top: 10px;
   }
   .lineup_dbox li .download a {
   font-size: 13px;
   }
   .lineup_mbox li h3 {
   font-size: 17px;
   }
   .lineup_mbox li p {
   font-size: 12px!important;
   width: 200px;
   }
}

/* ===============================================
    #2023/4/12追記
   =============================================== */

  @media only screen and (max-width: 767px) {
#main_bana .first_bana li figure img{
  height: 50px;
  margin-top:15px;
}
}