@charset "utf-8";

/*********************************
*
* APPLICATION
*
*********************************/

.contents {
    width:875px;
    margin:0 auto;
    padding:35px 0;
}
#main h2 {
    margin-top:30px;
}
#main h4 {
	margin-top: -60px;
	margin-bottom: 20px;
	padding-top: 120px;
}
#main .ptop {
    padding:20px 0;
    border-bottom:1px solid #aaa;
    text-align:right;
}
#main .ptop a:hover img {
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    background:#fff;
}

/* menu */
#main .menu {
    width:100%;
    margin-top: 15px;
}
#main .menu li {
    float:left;
    margin:7px 0 0 7px;
}
#main .menu li:first-child {
    margin-left: 0;
}

/* app_box */

.leadTitle {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2.5;
}
.INDEX {
    margin-top: 35px;
}
.app_box table {
    width: 100%;
}
.app_box tr {
    height: 43px;
    border: 1px solid #aaa;
}
.app_box th {
    width: 117px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #007771;
    border: 1px solid  #aaa;
}
.app_box td {
    width: 701px;
    padding-left: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #aaa;
}
.app_box td:nth-child(3) {
    width: 53px;
    padding: 0;
    text-align: center;
}
.icn_pdf {
    padding: 0 4px 0 11px;
}
.layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 2;
}
#button_menu,
#button_close{
    position: absolute;
    top: 15px;
    left: 20px;
}
#slide_menu{
    position: fixed;
    top: 75px;
    left: -240px;
    width: 240px;
    height: 100%;
    background: #007a80;
    z-index: 9999;
    color: #fff;
}
#slide_menu a{
    color: #fff;
    text-decoration: none;
}
#slide_menu ul li p{
    padding: 14px 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #268e93;
    font-size: 14px;
    height: 50px;
}
#slide_menu ul li p.current{
    background-color: #d7d7d7;
}
#slide_menu ul li a p.current{
    color: #007a80;
}
#slide_menu ul li p:after{
    content:url("../common/images/menu_right.png");
    position: absolute;
    right: 10px;
}
#slide_menu ul li p.current:after{
    content:" ";
}

a img {
    transition: opacity 200ms linear;
}
a:hover img {
    opacity: .6;
}
/*mordal*/
.fancybox-type-iframe .fancybox-skin {
    border-radius: 10px;
    border: solid 1px #b7b7b7;
    background: #fff;
}
.fancybox-type-iframe .fancybox-outer,
.fancybox-type-iframe .fancybox-inner {
    border-radius: 10px;
}
.fancybox-close {
    top: 0!important;
    right: 0!important;
    background: url("/common/js/fancybox-2.1.7/close_btｎ.png") no-repeat 2px!important;
    background-size: 90%!important;
}

@media (min-width: 768px) {
    .pc-none {display: none !important;}
}

@media (max-width: 767px) {
    .sp-none　{
        display: none !important;
    }
    .sp-none {
        display: none;
    }
    /* --------------------
    gnavi
    -------------------- */
    #gnavi {
        display: none;
    }
    /* --------------------
    header
    -------------------- */
    #header {
        width: 100%;
        position: fixed;
        top: 0;
        background-color: #fff;
        box-shadow: 0 5px 5px rgba(0,0,0,.2);
        text-align: center;
        z-index: 1000;
    }
    #header > h1 {
        margin-left: 20px;
    }
    /* --------------------
    footer
    -------------------- */
    #footer .inner {
        height: auto;
        width: 100%;
    }
    #footer h3 {
        position: static;
        padding-top: 15px;
        padding-left: 20px;
        margin-bottom: 20px;
        border-right: none;
    }
    #footer ul {
        width: auto;
        position: static;
        padding-bottom: 13px;
    }
    #footer ul li {
        margin-left: 20px;
        margin-bottom: 7px;
        float: none;
    }
    /* --------------------
    main
    -------------------- */
    #main {
        width: 100%;
        box-sizing: border-box;
        margin-top: 80px;
    }
    #main h2 {
        margin-top: 0;
        padding-top: 15px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .contents {
        width: auto;
        padding-top: 10px;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 60px;
    }
    .leadTitle {
        width: 100%;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.5;
    }
    #main .menu li:nth-child(odd) {
        margin-left: 7px;
    }
    .app_box table {
        margin-top: 60px;
    }
    .app_box tr {
        line-height: 3em;
        border: none;
    }
    .app_box tr:last-child {
        border-bottom: 1px solid #aaa;
    }
    .app_box th {
        display: block;
        width: auto;
        line-height: 4em;
        font-size: 1.4em;
        font-weight: bold;
        color: #666;
        background-color: #fff;
        border-bottom: none;
    }
    .app_box tr:first-child th:before {
        display: block;
        padding: 20px 10px;
        background-color: #007771;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1;
        border: none;
    }
    .app_box tr:nth-child(n+2) th:before {
        display: none;
    }
    .app_box .Polymer th:before {
        content: "ポリマー　Polymer";
    }
    .app_box .Organic th:before {
        content: "有機材料　Organic material";
    }
    .app_box .Ceramic th:before {
        content: "セラミック/ガラス　Ceramic/Glass";
    }
    .app_box .Metal th:before {
        content: "金属/合金 Metal/An alloy"
    }
    .app_box .Adhesive th:before {
        content: "接着剤/シール材 Adhesive/Seal"
    }
    .app_box td {
        display: block;
        width: auto;
        padding-left: 0;
        padding: 20px 10px;
        line-height: 1.8;
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
        border-bottom: none;
    }
    .app_box td:nth-child(3) {
        display: block;
        width: auto;
        padding: 20px 10px;
        line-height: 1;
        border-bottom: 2px solid #007771;
    }
    .app_box td span:before {
        content: "\A";
        white-space: pre;
    }
    .app_box td img:last-child {
        vertical-align: middle;
    }
    .icn_pdf {
        padding: 0;
    }

    /*for SP*/
    /*mordal*/
    .fancybox-close {
	    right: 0!important;
	    top: 0!important;
	}
}