﻿@charset "utf-8";
/* CSS Document */

.sep40{height:40px}
.d-table {display:table}
.d-col {display:table-cell}
.photo-frame {padding:2px; border:1px solid #CCC}
.padding5{padding:5px}
.tar {text-align: right}

.sem-exhibition {padding:0 10px 10px 10px;}

.sem-list ul {
    overflow: hidden;
    float: left;
	width:100%;
}

.sem-list li {
    float:left;
    /*margin-bottom: -10000px;*/
	/*padding:10px 10px 10000px 10px;*/
    padding:10px;
    width:25%;
    background: #e2ecf7;
}
.sem-list li a{text-decoration: none; color:#000}
.sem-list li a:hover {opacity:.7; background: #ebf3fb;}
.sem-list li + li {
    border-left: 1px solid #FFF; border-top: 1px solid #FFF; 
}
.sem-code {background:#425aa6; color:#FFF; padding:0px 6px; display:inline-block; }
.sem-ttl {color:#425aa6; margin:5px 0 10px 0; font-weight:bold;font-size:18px; line-height: 22px  }
.sem-list li .sem-ttl{font-size:14px; line-height:18px }
.lecturer {margin-bottom:10px}
.lecturer strong {font-size:16px} 
.lecturerPost{ font-size:12px}


.btn-details-arrow {text-align: right}

.sem-sep {padding:20px 0; border-bottom:1px solid #CCC; margin-bottom:20px}


.sem-section-ttl {border-top:1px solid #425aa6;border-bottom:1px solid #425aa6; padding:5px}
.sem-video {width:100%}

.d-table.lecturer {width:100%; }
.d-table.lecturer .d-col {vertical-align: top}
.d-table.lecturer .d-col:nth-child(1) {width:100px}

.sem-clr-bg {background: #e2ecf7; padding:10px}
.sem-clr-bg b {color:#425aa6;}

.sem-details .label{ font-size:11px; font-weight:normal; white-space: normal; border-radius:0; display:block; margin-bottom:4px}

.sem-recom-video {background:#e8e8e8; font-size:12px}
.sem-recom-video .d-table {width:100%}
.sem-recom-video .d-col {width:20%; border:10px solid #e8e8e8}

.sem-recom-video ul {background:#e8e8e8;
	padding:10px;
    overflow: hidden;
    float: left;
	width:100%
}

.sem-recom-video li {
    float:left;
    margin-bottom: -10000px;
    width:20%;
	padding:10px 10px 10000px 10px;
	background:#e8e8e8 !important;
}

section {margin-top:20px}

.sem-list .nanotech li, .nanotech .sem-clr-bg{background: #e2ecf7;}
.nanotech .sem-code, .nanotech .sem-details h2, .label-nanotech {background:#425aa6}
.nanotech .sem-ttl, .nanotech .sem-clr-bg b {color:#425aa6}
.nanotech .sem-section-ttl {border-color:#425aa6}

.sem-list .mems li, .mems .sem-clr-bg{background: #d8f0e3;}
.mems .sem-code, .mems .sem-details h2, .label-mems {background:#009945}
.mems .sem-ttl, .mems .sem-clr-bg b {color:#009945}
.mems .sem-section-ttl {border-color:#009945}

.sem-list .convertech li, .convertech .sem-clr-bg{background: #e6e1f6;}
.convertech .sem-code, .convertech .sem-details h2, .label-convertech {background:#4d3a84}
.convertech .sem-ttl, .convertech .sem-clr-bg b{color:#4d3a84}
.convertech .sem-section-ttl {border-color:#4d3a84}

.sem-list .neo li, .neo .sem-clr-bg{background: #f8e1e9;}
.neo .sem-code, .neo .sem-details h2, .label-neo {background:#e7304d}
.neo .sem-ttl, .neo .sem-clr-bg b{color:#e7304d}
.neo .sem-section-ttl {border-color:#e7304d}

.sem-list .jFlex li, .jFlex .sem-clr-bg{background: #d5f7f9;}
.jFlex .sem-code, .jFlex .sem-details h2, .label-jFlex {background:#0197a1}
.jFlex .sem-ttl, .jFlex .sem-clr-bg b{color:#0197a1}
.jFlex .sem-section-ttl {border-color:#0197a1}

.sem-list .Deco li, .Deco .sem-clr-bg{background: #fbf3d2;}
.Deco .sem-code, .Deco .sem-details h2, .label-Deco {background:#caa405}
.Deco .sem-ttl, .Deco .sem-clr-bg b{color:#caa405}
.Deco .sem-section-ttl {border-color:#caa405}

.sem-list .tct li, .tct .sem-clr-bg{background: #faeee6;}
.tct .sem-code, .tct .sem-details h2, .label-tct {background:#fa6002}
.tct .sem-ttl, .tct .sem-clr-bg b{color:#fa6002}
.tct .sem-section-ttl {border-color:#fa6002}

.sem-list .astec li, .astec .sem-clr-bg{background: #dfece4;}
.astec .sem-code, .astec .sem-details h2, .label-astec {background:#00892f}
.astec .sem-ttl, .astec .sem-clr-bg b{color:#00892f}
.astec .sem-section-ttl {border-color:#00892f}

.sem-list .surtech li, .surtech .sem-clr-bg{background: #e3e8f0;}
.surtech .sem-code, .surtech .sem-details h2, .label-surtech {background:#014099}
.surtech .sem-ttl, .surtech .sem-clr-bg b{color:#014099}
.surtech .sem-section-ttl {border-color:#014099}

.sem-list .aap li, .aap .sem-clr-bg{background: #f1efef;}
.aap .sem-code, .aap .sem-details h2, .label-aap {background:#595757}
.aap .sem-ttl, .aap .sem-clr-bg b{color:#595757}
.aap .sem-section-ttl {border-color:#595757}

.sem-list .enex li, .enex .sem-clr-bg{background: #fdedee;}
.enex .sem-code, .enex .sem-details h2, .label-enex {background:#e60013}
.enex .sem-ttl, .enex .sem-clr-bg b{color:#e60013}
.enex .sem-section-ttl {border-color:#e60013}

.sem-list .derJapan li, .derJapan .sem-clr-bg{background: #fbfcda;}
.derJapan .sem-code, .derJapan .sem-details h2, .label-derJapan {background:#9fa50c}
.derJapan .sem-ttl, .derJapan .sem-clr-bg b{color:#9fa50c}
.derJapan .sem-section-ttl {border-color:#9fa50c}

.sem-list .renewableEnergy li, .renewableEnergy .sem-clr-bg{background: #e1f5fc;}
.renewableEnergy .sem-code, .renewableEnergy .sem-details h2, .label-renewableEnergy {background:#0299d2}
.renewableEnergy .sem-ttl, .renewableEnergy .sem-clr-bg b{color:#0299d2}
.renewableEnergy .sem-section-ttl {border-color:#0299d2}

.sem-list .interaqua li, .interaqua .sem-clr-bg{background: #dbecf9;}
.interaqua .sem-code, .interaqua .sem-details h2, .label-interaqua {background:#0068b7}
.interaqua .sem-ttl, .interaqua .sem-clr-bg b{color:#0068b7}
.interaqua .sem-section-ttl {border-color:#0068b7}