/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

body {
    padding: 0px;
    margin: 0;
    overflow: hidden;
    overflow-y: scroll;
}

.float_clear {
    clear: both;
    height: 0px;
    width: 0px;
    visibility: hidden;
}

a {
    text-decoration: none;
    color: #333333;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: #FF6600;
}

p,
a {
    letter-spacing: 1px;
}

h1,
h2,
h3,
h4,
h5 {
    letter-spacing: 1px;
}

.top_seihin_title img {
    width: 20px;
}

img {
    width: 100%;
    height: auto;
}

.obi20px {
    margin-bottom: 20px;
}

.obi15px {
    margin-bottom: 15px;
}

.obi10px {
    margin-bottom: 10px;
}

#container {
    /*max-width: 1020px;*/
    width: 100%;
    margin: 0 auto;
    /*
    padding: 0 10px;*/
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

#header {

    width: 300px;
    margin-bottom: 0px;
}

#header img {
    width: 230px;
    height: auto;
}

#main {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;

    box-sizing: border-box;
}

.main-in {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

#main2 {
    width: 880px;
    background-color: #BCBFC0;
    background-image: url(img/main_bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    margin: 0px;
    padding: 0px;
}

#left {
    float: left;
    width: 200px;
}

#left2 {
    float: left;
    width: 215px;
    padding: 0px;
    margin-left: 15px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

*html #left2 {
    float: left;
    width: 215px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}

#right {
    float: right;
    width: 620px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#right2 {
    float: left;
    width: 610px;
    margin-bottom: 15px;
    padding: 10px 0px 0px;
}

#contact_table {
    width: 600px;
    margin-bottom: 25px;
    font-size: 10pt;
    color: #333333;
}

#contact_table table {
    background-color: #666666;
}

#contact_table th {
    background-color: #BCE6FE;
    padding-right: 5px;
    padding-left: 5px;
}

.contact_formtext2 {
    font-size: 10pt;
    color: #FF0000;
}

#contact_table td {
    padding-left: 10px;
}

#company_table {
    width: 600px;
    margin-bottom: 25px;
    font-size: 10pt;
    color: #333333;
    line-height: 1.3em;
    padding-left: 20px;
}

#company_table table {
    background-color: #666666;
}

#company_table th {
    background-color: #C7FDBD;
    padding-top: 8px;
    padding-bottom: 8px;
}

#company_table td {
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #FFFFFF;
}

#footer {
    font-size: 9pt;
    color: #FFFFFF;
    background-color: #0b5082;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}

.to_top {
    padding-right: 20px;
    font-size: 10pt;
    text-align: right;
}

#top_flash {
    width: 840px;
    margin-bottom: 15px;
    border: 1px solid #FFFFFF;
    height: 240px;
}

/* ƒTƒCƒhƒƒjƒ…[ */
#sidemenu_box {
    margin: 0px 0px 20px;
    padding: 0px;
    width: 200px;
}

#sidemenu_title {
    margin: 0px;
    padding: 0px;
    width: 200px;
}

.sidemenu {
    margin: 0px;
    padding: 0px;
    width: 200px;
}


#side_contact {
    font-size: 10pt;
    color: #FFFFFF;
    width: 200px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

#side_contact a {
    color: #FFFFFF;
}

#side_contact a:hover {
    color: #FF6600;
}

#side_text1 {
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
}

/* V’…î•ñ */

#top_newsbox {
    width: 618px;
    margin-bottom: 20px;
    border: 1px solid #322EE7;
}

#top_newstitle {
    margin: 0px;
    padding: 0px;
    width: 618px;
}

#top_news {
    height: 70px;
    width: 600px;
    overflow: auto;
}

#top_news ul {
    margin: 0px;
    padding-left: 10px;
    padding-right: 15px;
}

#top_news li {
    line-height: 1.6em;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
    list-style-type: none;
    font-size: 10pt;
    font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    font-weight: normal;
    letter-spacing: -0.05em;
    color: #333333;
    padding-left: 5px;
}

#top_seihinbox {
    width: 100%;
    margin-bottom: 10px;
    padding: 30px 0;
}

#top_seihinbox_obi {
    width: 620px;
    margin-bottom: 10px;
}

.top_seihin_l {

    width: calc(33.333% - 15px);
    margin-bottom: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.top_seihin_r {

    width: calc(33.333% - 15px);
    margin-bottom: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.top_seihin_img {
    margin: 0px;

    width: 28%;
    padding: 0px;
    box-sizing: border-box;
}

.top_seihin_textbox {

    width: 100%;
    box-sizing: border-box;
}

.top_seihin_title {
    font-size: 8pt;
    color: #000000;
    width: 200px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999999;
    font-weight: bold;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.top_seihin_title a {
    width: 100%;
    font-size: 16px;
}

.flex {
    display: flex;
    justify-content: space-between;
}

.top_seihin_title2 {
    font-size: 8pt;
    color: #000000;
    width: 190px;
    margin-bottom: 5px;
    border-bottom: 1px solid #999999;
    letter-spacing: -0.07em;
}

*html .top_seihin_title2 {
    font-size: 7pt;
    color: #000000;
    width: 190px;
    margin-bottom: 5px;
    border-bottom: 1px solid #999999;
    letter-spacing: -0.06em;
}

#top_seihinbox .top_seihin_title img {
    margin-right: 5px;
    padding: 0px;
}

#top_seihinbox .top_seihin_title2 img {
    margin-right: 3px;
    padding: 0px;
}

.top_seihin_text {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.txt-area {
    width: 69%;
}

.top_seihin_textbox2 {
    margin: 0px;
    padding: 0px;
    width: 205px;
}

.top_seihin_text2 {
    font-size: 9pt;
    line-height: 1.2em;
    color: #333333;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.top_seihin_text2_1 {
    font-size: 8pt;
    line-height: 1.2em;
    color: #333333;
    float: left;
    width: 122px;
    letter-spacing: -0.08em;
}

*html .top_seihin_text2_1 {
    font-size: 7pt;
    line-height: 1.2em;
    color: #333333;
    float: left;
    width: 122px;
    letter-spacing: -0.08em;
}

.top_seihin_flag {

    width: 40px;

}

.top_seihin_flag img {
    width: 100%;
}

.top_seihin_company {
    font-family: "Times New Roman", Times, serif;
    font-size: 8pt;
    line-height: 1.1em;
    font-style: italic;
}

#top_dlbox {
    width: 500px;
    margin-bottom: 25px;
    padding-left: 60px;
}

#top_dl_l {
    float: left;
    width: 200px;
}

#top_dl_r {
    float: right;
    width: 200px;
}

/*#header_menu {
    background-image: url(img/header_menu_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    height: 30px;
    width: 880px;
    font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    margin: 0px;
    padding: 0px;
}*/

#header_menu1 {
    width: 90px;
    float: left;
    margin-left: 200px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

*html #header_menu1 {
    width: 70px;
    float: left;
    margin-left: 120px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#header_menu2 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 140px;
}

#header_menu3 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100px;
}

#header_menu4 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100px;
}

#header_menu5 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 180px;
}


/* Še»•iTOPimg */
#top_imgbox {
    margin: 0px;
    padding: 0px;
    width: 880px;
}

#top_img_sbox {
    width: 880px;
    margin: 0px;
    padding: 0px;
}

#top_img2 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 230px;
}

#top_img3 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 650px;
}

/* Še»•iƒTƒCƒhƒƒjƒ…[ */
#side_main {
    background-image: url(img/side_menubg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    width: 180px;
    padding-right: 25px;
    padding-left: 10px;
}

#side_flag {
    margin: 0px;
    padding: 0px;
    width: 215px;
}

#side_under {
    margin: 0px;
    padding: 0px;
    width: 215px;
}

.side_seihinname {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.side_seihinname2 {
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-left-width: 3px;
    border-bottom-style: dotted;
    border-left-style: solid;
    border-bottom-color: #CCCCCC;
    border-left-color: #01889B;
    font-size: 11pt;
    line-height: 1.3em;
    color: #FFFFFF;
    background-color: #01889B;
    font-weight: bold;
    margin-bottom: 5px;
}

.side_menu {
    padding-top: 5px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-left-width: 3px;
    border-bottom-style: dotted;
    border-left-style: solid;
    border-bottom-color: #CCCCCC;
    border-left-color: #01889B;
    font-size: 10pt;
    line-height: 1.3em;
    color: #333333;
}

.space_5px {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 5px;
}

.space_10px {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 10px;
}

.space_15px {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 15px;
}

.space_20px {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 20px;
}


#top_obi15px {
    margin-bottom: 15px;
}

#seihin_mainbox {
    /*  width: 610px;*/
    margin-bottom: 15px;
}



#seihin_mainbox a:hover {
    color: #FF6600;
    text-decoration: underline;
}

.seihin_box1 {
    padding: 60px 0;
    margin-bottom: 15px;

    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
}

#seihin_topbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#seihin_topbox_img {

    width: calc(50% - 15px);

}

#seihin_topbox_text {
    font-size: 16px;
    width: calc(50% - 15px);
}

.seihin_box1_l200 {
    float: left;
    width: 200px;
}

.seihin_box1_r200 {
    float: right;
    width: 400px;
}

.seihin_box1_l400 {
    float: left;
    width: 400px;
}

.seihin_box1_r400 {
    float: right;
    width: 200px;
}

.seihin_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
}

#keeklamp_box1 {
    width: 600px;
    margin-bottom: 15px;
}

#keeklamp_box1l {
    float: left;
    width: 295px;
}

#keeklamp_box1r {
    float: right;
    width: 295px;
}

.keeklamp_sbox1 {
    font-size: 10pt;
    line-height: 1.3em;
    color: #333333;
    width: 295px;
    margin-bottom: 15px;
}

.keeklamp_sbox1_img {
    float: left;
    width: 140px;
    padding-right: 8px;
    padding-top: 8px;
}

.keeklamp_sbox2_text1 {
    font-size: 10pt;
    line-height: 1.6em;
    color: #333333;
}

.keeklamp_box1_name1 {
    font-size: 12pt;
    font-weight: bold;
    color: #006699;
    margin-bottom: 5px;
    padding-left: 8px;
    border-bottom-width: 2px;
    border-left-width: 5px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #003399;
    border-left-color: #003399;
    padding-top: 3px;
    padding-bottom: 2px;
}

.keeklamp_box1_name2 {
    font-size: 12pt;
    font-weight: bold;
    color: #FF6600;
    margin-bottom: 5px;
    padding-left: 8px;
    border-bottom-width: 2px;
    border-left-width: 5px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #E35B00;
    border-left-color: #E35B00;
    padding-top: 3px;
    padding-bottom: 2px;
}



#keeklamp_table1 {
    width: 400px;
    font-size: 10pt;
    color: #333333;
}

#keeklamp_table1 table {
    background-color: #FFFFFF;
}

#keeklamp_table1 td {
    background-color: #FFFFDD;
    padding: 5px;
}

#keeklamp_img2 {
    width: 180px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-left: 10px;
}

#keeklamp_table2 {
    width: 400px;
    font-size: 9pt;
    color: #333333;
}

#keeklamp_table2 table {
    background-color: #CCCCCC;
}

#keeklamp_table2 th {
    background-color: #D3EFFE;
    padding: 5px;
    font-size: 10px;
}

#keeklamp_table2 td {
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
}

#keeklamp_table3 {
    font-size: 10pt;
    line-height: 1.2em;
    color: #333333;
    width: 560px;
    padding-left: 25px;
    padding-top: 15px;
    margin-bottom: 10px;
}

#keeklamp_table3 table {
    background-color: #CCCCCC;
}

#keeklamp_table3 th {
    background-color: #D3EFFE;
    padding: 5px;
}

#keeklamp_table3 td {
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
}

#keeklamp_catalogue_box {
    width: 600px;
}

#keeklamp_catalogue_box table {
    background-color: #999999;
}

#keeklamp_catalogue_box th {
    background-color: #CBF7FE;
    font-size: 11pt;
}

#keeklamp_catalogue_box td {
    background-color: #FFFFFF;
}

#keeklamp_catalogue_box .td1 {
    background-color: #FFFFFF;
    font-size: 10pt;
    line-height: 1.8em;
    color: #333333;
    text-align: center;
}

#keelite_catalogue_box {
    width: 600px;
}

#keelite_catalogue_box table {
    background-color: #999999;
}

#keelite_catalogue_box th {
    background-color: #FFFFCC;
    font-size: 11pt;
}

#keelite_catalogue_box td {
    background-color: #FFFFFF;
}

#keelite_catalogue_box .td1 {
    background-color: #FFFFFF;
    font-size: 10pt;
    line-height: 1.8em;
    color: #333333;
    text-align: center;
}

.keeklamp_tocatalog {
    text-align: right;
    margin-bottom: 10px;
}

#wow_text1 {
    padding: 8px;
    width: 560px;
    margin-bottom: 10px;
    border: 3px solid #01889B;
    margin-left: 10px;
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
}

.wow_text2 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
    border-bottom: 1px dotted #999999;
}

#wow_table1 {
    font-size: 9pt;
    line-height: 1.2em;
    color: #333333;
    width: 600px;
    margin-bottom: 15px;
}

#wow_table1 table {
    background-color: #999999;
}

#wow_table1 td {
    background-color: #FFFFFF;
    padding: 3px;
    text-align: center;
}

#wow_table1 th {
    padding-top: 3px;
    padding-bottom: 3px;
}

#wow_table1 .th1 {
    background-color: #FFFFCC;
}

#wow_table1 .th2 {
    background-color: #CCF9FF;
}

#wow_table1 .txt_l {
    text-align: left;
}

#sekou_box {
    width: 600px;
    padding-left: 10px;
}

.sekou_img {
    float: left;
    width: 135px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.spacer {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 1px;
    width: 1px;
}

.sekou_redtext {
    color: #FF0000;
    font-size: 8pt;
    margin-bottom: 5px;
    padding-right: 25px;
}

.immobest_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
    border-bottom: 1px dotted #999999;
}

.immobest_text2 {
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    font-weight: normal;
}

#immobest_table1 {
    width: 600px;
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
}

#immobest_table1 table {
    background-color: #999999;
}

#immobest_table1 th {
    background-color: #FFFFCC;
    padding: 5px;
}

#immobest_table1 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

#immobest_img1 {
    width: 550px;
    margin-bottom: 20px;
    padding-left: 30px;
}

#immobest_table2 {
    width: 610px;
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    margin-bottom: 5px;
    font-weight: bold;
}

#immobest_table2 td {
    padding: 3px 5px;
    background-color: #CCF9FF;
}

#immobest_table3 {
    width: 610px;
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    margin-bottom: 10px;
}

#immobest_table3 table {
    background-color: #999999;
}

#immobest_table3 th {
    background-color: #FFFFCC;
    padding: 5px;
}

#immobest_table3 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

#immobest_table3l {
    float: left;
    width: 300px;
}

#immobest_table3r {
    float: right;
    width: 300px;
}

#immobest_table3 .td1 {
    font-size: 8pt;
}

*html #immobest_table3 .td1 {
    font-size: 7pt;
}

#immobest_table4 {
    width: 610px;
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    margin-bottom: 10px;
}

#immobest_table4 table {
    background-color: #999999;
}

#immobest_table4 th {
    background-color: #CCF9FF;
    padding: 5px;
}

#immobest_table4 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

.immobest_text3 {
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    font-weight: normal;
    padding-left: 15px;
}


.rope_table1 {
    width: 610px;
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    margin-bottom: 10px;
}

.rope_table1 table {
    background-color: #999999;
}

.rope_table1 th {
    background-color: #CCF9FF;
    padding: 5px;
    text-align: left;
    color: #003399;
}

.rope_table1 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

.rope_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    margin-bottom: 10px;
    width: 590px;
    padding-left: 10px;
}

.rope_text2 {
    font-size: 10pt;
    line-height: 1.4em;
    font-weight: bold;
    color: #003399;
    padding-top: 3px;
    border-left: 5px solid #0000CC;
    padding-left: 6px;
    padding-bottom: 3px;
}

.mat_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
    border-bottom: 1px dotted #999999;
}

#mat_table1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
}

#mat_table1 table {
    background-color: #999999;
}

#mat_table1 th {
    background-color: #FFFFCC;
    padding: 5px;
}

#mat_table1 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

#mat_table2 {
    font-size: 9pt;
    line-height: 1.2em;
    color: #333333;
    width: 600px;
    margin-bottom: 15px;
}

#mat_table2 table {
    background-color: #999999;
}

#mat_table2 td {
    background-color: #FFFFFF;
    padding: 3px;
    text-align: center;
}

#mat_table2 th {
    padding-top: 3px;
    padding-bottom: 3px;
}

#mat_table2 .th1 {
    background-color: #FFFFCC;
}

#mat_table2 .th2 {
    background-color: #CCF9FF;
}

#mat_table2 .td1 {
    text-align: left;
    padding-left: 5px;
}

#tank_box1l {
    float: left;
    width: 295px;
    padding-top: 10px;
    margin-bottom: 10px;
}

#tank_box1r {
    float: right;
    width: 295px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.tank_box1text {
    width: 190px;
    font-size: 9pt;
    line-height: 1.2em;
    color: #333333;
    float: left;
}

.tank_box1title {
    color: #003399;
    font-size: 10pt;
    line-height: 1.6em;
    font-weight: bold;
}

.tank_box1img {
    width: 100px;
    float: right;
}

#tank_table1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
}

#tank_table1 table {
    background-color: #999999;
}

#tank_table1 th {
    background-color: #FFFFCC;
    padding: 5px;
}

#tank_table1 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

.tank_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
    border-bottom: 1px dotted #999999;
}

#tank_table2 {
    width: 570px;
    margin-bottom: 15px;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #999999;
}

#tank_table2 .img {
    text-align: center;
}

#tank_table2 .text {
    font-size: 8pt;
    line-height: 1.2em;
    color: #333333;
    padding: 5px 20px;
    vertical-align: top;
    text-align: left;
    width: 150px;
}

*html #tank_table2 .text {
    font-size: 7pt;
    line-height: 1.2em;
    color: #333333;
    padding: 5px 20px;
    vertical-align: top;
    text-align: left;
    width: 150px;
}

#tank_table3 {
    width: 500px;
    margin-bottom: 15px;
    margin-left: 50px;
}

#tank_table3 .img {
    text-align: center;
    padding: 10px 15px;
}

#tank_table3 .text {
    font-size: 10pt;
    line-height: 1.2em;
    color: #333333;
    padding: 5px 20px;
    text-align: center;
    font-weight: bold;
}

#fence1_table1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 600px;
    margin-bottom: 10px;
}

#fence1_table1 table {
    background-color: #999999;
}

#fence1_table1 th {
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

#fence1_table1 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

#fence1_table1 .td1 {
    font-weight: bold;
    color: #007CBF;
}

.fence1_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
    border-bottom: 1px dotted #999999;
}

#fence2_table1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 600px;
    margin-bottom: 10px;
}

#fence2_table1 table {
    background-color: #999999;
}

#fence2_table1 th {
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

#fence2_table1 td {
    padding: 3px 5px;
    background-color: #FFFFFF;
}

#fence2_table1 .td1 {
    font-weight: bold;
    color: #007CBF;
}

.fence2_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
    border-bottom: 1px dotted #999999;
}

#fence2_table2 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
}

#fence2_table2 table {
    background-color: #999999;
}

#fence2_table2 th {
    background-color: #D3EFFE;
    padding: 5px;
}

#fence2_table2 td {
    padding: 5px;
    background-color: #FFFFFF;
}

fence2_table3 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
}

#fence2_table3 table {
    background-color: #999999;
}

#fence2_table3 th {
    background-color: #D3EFFE;
    padding: 5px;
}

#fence2_table3 td {
    padding: 5px;
    background-color: #FFFFFF;
}

.terram_text1 {
    font-size: 16px;
    line-height: 1.4em;
    color: #333333;
    padding: 20px 5px 0px;
    width: 100%;
    border-bottom: 1px dotted #999999;
}

#terram_table1 {
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 600px;
}

#terram_table1 table {
    background-color: #999999;
}

#terram_table1 th {
    background-color: #FFFFFF;
    text-align: center;
}

#terram_table1 td {
    background-color: #FFFFFF;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 15px;
}

#terram_table1 .th1 {
    font-size: 11pt;
    line-height: 1.4em;
    color: #333333;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;
}

#terram_table2 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    width: 580px;
    margin-left: 15px;
    margin-bottom: 10px;
}

#terram_table2 table {
    background-color: #999999;
}

#terram_table2 th {
    background-color: #D3EFFE;
    padding: 5px;
}

#terram_table2 td {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}

#terram_table3 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    width: 580px;
    margin-left: 15px;
    margin-bottom: 10px;
    border: 1px solid #999999;
}

#terram_table3 table {
    background-color: #999999;
}

#terram_table3 th {
    background-color: #D3EFFE;
    padding: 5px;
    font-size: 11pt;
    color: #003399;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
}

#terram_table3 td {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.vyon_text1 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    padding: 5px 5px 0px;
    width: 580px;
    margin-left: 15px;
    border-bottom: 1px dotted #999999;
}

.vyon_text2 {
    font-size: 11pt;
    line-height: 1.4em;
    font-weight: bold;
    color: #003399;
    padding-top: 2px;
    padding-left: 6px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-left-width: 5px;
    border-bottom-style: dotted;
    border-left-style: solid;
    border-bottom-color: #0000CC;
    border-left-color: #0000CC;
}

.vyon_text3 {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    margin-bottom: 5px;
    padding-left: 8px;
}

.vyon_text4 {
    font-size: 9pt;
    line-height: 1.2em;
    color: #333333;
    margin-bottom: 10px;
    padding-left: 8px;
}

.vyon_text1_td1 {
    vertical-align: top;
}

#vyon_img1 {
    width: 180px;
    margin-bottom: 10px;
    padding-top: 15px;
}

#pool_table1 {
    width: 610px;
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    margin-bottom: 10px;
}

#pool_table1 table {
    background-color: #999999;
}

#pool_table1 th {
    background-color: #CCF9FF;
    text-align: left;
    color: #003399;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}

#pool_table1 td {
    background-color: #FFFFFF;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 8px;
    padding-left: 8px;
}

#pool_table2 {
    width: 560px;
    margin-bottom: 15px;
}

#pool_table2 td {
    font-size: 9pt;
    line-height: 1.4em;
    color: #333333;
    vertical-align: top;
}

#pool_table2 th {
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
}

#fence_tobox {
    text-align: right;
    margin-bottom: 10px;
    padding-right: 20px;
    padding-top: 10px;
}

.belt_box1 {
    width: 600px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
}

.belt_box1_text {
    font-size: 10pt;
    line-height: 1.4em;
    color: #333333;
    float: left;
    width: 270px;
}

.belt_box1_imgbox {
    float: right;
    width: 315px;
}

.belt_box1_img {
    float: left;
    width: 140px;
    margin-right: 15px;
    margin-bottom: 10px;
}

#side_seihinmenu {
    width: 180px;
    padding-top: 10px;
    padding-left: 25px;
    margin-bottom: 25px;
}

#side_seihinmenu li {
    list-style-type: none;
    display: block;
    font-size: 9pt;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #003399;
    margin-bottom: 6px;
}

#side_lineup {
    font-size: 10pt;
    font-weight: bold;
    color: #003399;
    margin-left: 20px;
    padding-top: 25px;
    padding-left: 10px;
    padding-bottom: 3px;
    width: 170px;
}

.to_pdf {
    padding-top: 10px;
}

.to_pdf_img {
    width: 20px;
    float: left;
    padding-top: 2px;
}

.to_pdf_text {
    padding-left: 5px;
    padding-right: 10px;
}

.to_pdf2 {
    padding-top: 10px;
    display: block;
}

.to_pdf_img2 {
    width: 20px;
    float: left;
    padding-top: 2px;
    display: block;
}

.to_pdf_text2 {
    padding-left: 5px;
    padding-right: 10px;
    display: block;
}

#seihin_topbox .to_pdf td {
    padding-left: 5px;
}

#map_box {
    width: 580px;
    padding-left: 15px;
    margin-bottom: 20px;
}

#keder_img2 {
    width: 580px;
    margin-bottom: 20px;
    padding-left: 15px;
}

#gipitex_imgbox {
    width: 580px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.gipitex_img {
    float: left;
    width: 160px;
    margin-right: 30px;
}

#map_text {
    font-size: 10pt;
    line-height: 1.6em;
    color: #333333;
    padding-bottom: 25px;
    float: left;
    width: 320px;
}

.map_text2 {
    font-size: 11pt;
    font-weight: bold;
}

#catalogue_list {
    width: 570px;
    margin-bottom: 20px;
    padding-left: 20px;
}

#catalogue_list table {
    background-color: #000066;
}

#catalogue_list th {
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
}

#catalogue_list td {
    text-align: center;
    line-height: 1.8em;
    background-color: #FFFFFF;
}

.catalogue_sbox {
    text-align: center;
    margin-bottom: 20px;
}

.catalogue_sbox .name {
    text-align: center;
    font-size: 16pt;
    line-height: 1.4em;
    padding-top: 5px;
    padding-bottom: 5px;
}

#seihin_mainbox .catalogue_sbox table {
    background-color: #999999;
}

#seihin_mainbox .catalogue_sbox th {
    background-color: #FFFFFF;
}

#seihin_mainbox .catalogue_sbox td {
    background-color: #FFFFFF;
}

#seihin_mainbox .catalogue_sbox .text1 {
    text-align: left;
    font-size: 10pt;
    line-height: 1.4em;
    padding: 5px;
}

#seihin_mainbox .intable tr {
    font-size: 9pt;
    color: #333333;
    text-align: center;
    padding: 3px;
}

.catalogue_linkbox {
    text-align: center;
    margin-bottom: 20px;
}

.catalogue_pagelink {
    font-size: 10pt;
    margin-bottom: 15px;
}

.catalogue_pagelink a {
    color: #0000CC;
    text-decoration: underline;
}

.catalogue_pagelink a:hover {
    color: #FF6600;
}

.catalogue_top a {
    color: #0000CC;
    text-decoration: underline;
    font-size: 12pt;
}

.catalogue_top a:hover {
    color: #FF6600;
}

#catalogue_toplinkbox {
    text-align: center;
    margin-bottom: 20px;
}

#catalogue_toppagelink {
    font-size: 10pt;
    margin-bottom: 15px;
    float: right;
    padding-right: 40px;
}

#catalogue_toppagelink a {
    color: #0000CC;
    text-decoration: underline;
}

#catalogue_toppagelink a:hover {
    color: #FF6600;
}

#catalogue_totop {
    float: left;
}

#catalogue_totop a {
    color: #0000CC;
    text-decoration: underline;
    font-size: 10pt;
}

#catalogue_totop a:hover {
    color: #FF6600;
}

#map_box2 {
    margin-bottom: 10px;
    width: 580px;
    margin-left: 15px;
}

#map_print {
    float: right;
    width: 240px;
    margin-right: 10px;
    padding-top: 20px;
}

#pool_table2 th {
    font-weight: normal;
    text-align: left;
}

/*ーーーーーーー2020追記ーーーーーーーー*/
body {
    background: #eaebf0;
}

header {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}


.head-container {
    width: 100%;
    height: 100%;
}

.tutorial {
    width: 100%;
}


.tutorial .information {
    width: 100%;
    padding: 20px 50px;
    margin-bottom: 30px;

}

.tutorial .information h1 {
    color: #333;
    font-size: 1.5rem;
    padding: 0px 10px;
    border-left: 3px solid #F03861;
}

.tutorial .information h3 {
    color: #e0e0e0;
    font-size: 1rem;
    font-weight: 300;
    padding: 0px 10px;
    border-left: 3px solid #F03861;
}

.tutorial .information p {
    padding: 10px 0px;
}

.tutorial ul {
    font-size: 0;
    list-style-type: none;
}

.tutorial ul li {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    padding: 7px 13px;
    position: relative;
    transition: 0.3s;
}

.tutorial ul li ul {
    display: none;
}

.tutorial ul li:hover {
    cursor: pointer;
    background-color: #f2f2f2;
    transition: 0.3s;
}

.tutorial ul li:hover ul {
    display: block;
    margin-top: 15px;
    width: 215px;
    top: 17px;
    right: 0;
    position: absolute;
    z-index: 999;
    transition: 0.3s;
}

.tutorial ul li:hover ul li {
    display: block;
    background-color: #e7e7e7;
    transition: 0.3s;
}

.tutorial ul li:hover ul li span {
    float: right;
    color: #f9f9f9;
    background-color: #F03861;
    padding: 2px 5px;
    text-align: center;
    font-size: .8rem;
    border-radius: 3px;
    transition: 0.3s;
}

.tutorial ul li:hover ul li:hover {
    background-color: #e0e0e0;
    transition: 0.3s;
}

.tutorial ul li:hover ul li:hover span {
    background-color: #ee204e;
    transition: 0.3s;
}

div#slider figure {
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    text-align: left;
    font-size: 0;
    animation: 30s slidy infinite;
}

#slider {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 20px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.title2020 h2 {
    position: relative;
    padding: 0 65px;
    text-align: center;
    color: #0b40b1;
    margin-bottom: 45px;
}

.title2020 h2:before {
    position: absolute;
    top: calc(65% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #0b40b1;
}

.title2020 h2:after {
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: 'PRODUCT';
    font-size: 13px;
    color: #0b40b1;

}

.title2020 h2 span {
    position: relative;
    padding: 0 1em;
    background: #fff;
}

.top-button {
    border: 1px solid #0363c6;
    color: #0363c6;
    font-size: 16px;
    padding: 15px 30px;
    text-align: center;
    margin: 45px auto;
    border-radius: 10px;
    max-width: 300px;
    width: 100%;
    display: block;
}

.top-company {
    display: flex;
    width: 100%;
    max-width: 600px;
    justify-content: space-around;
    align-items: center;
    margin: 15px auto 45px;
}

.top-company img {
    width: 160px;
}
.top-company p {
    font-size: 12px;
}

.up-item {
    display: none;
}

@media screen and (max-width: 768px) {
    .hide-item {
        display: none;
    }

    .up-item {
        display: block;
    }

    header {

        padding: 0px 0;
    }

    #header {
        width: 120px;
    }

    .tutorial ul li {
        font-size: 11px;
        padding: 7px 7px;
    }

    #header img {
        width: 100%;
    }

    .title2020 h2 {

        font-size: 15pt;
        margin-bottom: 30px;
    }

    .top_seihin_l {
        width: calc(50% - 10px);
        margin-bottom: 20px;
        padding-bottom: 5px;
    }

    .top_seihin_r {
        width: calc(50% - 10px);
        margin-bottom: 20px;
        padding-bottom: 5px;
    }

    .top-company {
        display: block;
    }

    .top-company img {

        margin-bottom: 25px;
    }

    .top_seihin_title {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }



 

    #top_seihinbox {

        padding: 10px 0;
    }

    .flex-sp {
        display: flex;
        justify-content: space-between;
    }

    .top_seihin_textbox {
        width: 100%;

    }



    .top_seihin_textbox2 {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .title2020 h2:after {

        top: 30px;

        font-size: 11px;
    }

    .top-button {
        font-size: 12pt;
        padding: 13px 0px;
        max-width: 350px;
        margin: 30px auto;
    }

}

/*ーーーーーーー2020追記ーーーーーーーー*/