<style>
#icas_menuarea {
float: left;
display: block;
width: 100%;
}
#icas_marumenu {
display: flex;
justify-content: space-evenly;
height: 100%;
width: 100%;
}
#icas_marumenu .maru a {
height: 110px;
width: 110px;
border-radius: 100%;
line-height: 110px;
text-align: center;
background: #F2EFE8;
font-size: 20px;
margin-left: 20px;
display: block;
text-decoration: none;
color: #2C2C2C;
}
#icas_marumenu .maru a#active, #icas_marumenu .maru a:hover {
height: 110px;
width: 110px;
border-radius: 100%;
line-height: 110px;
text-align: center;
background: #A41E35;
font-size: 20px;
margin-left: 20px;
display: block;
text-decoration: none;
color: #FFFFFF;
}
@media screen and (max-width: 600px) {
#icas_menuarea {
display: block;
}
#icas_marumenu {
display: block;
}
#icas_marumenu .maru {
margin-bottom: 0;
}
#icas_marumenu .maru a {
height: auto;
width: 100%;
border-radius: 0;
border-bottom: #FFFFFF 1px;
line-height: 1em;
text-align: center;
background: #F2EFE8;
font-size: 20px;
margin-left: 0;
display: block;
text-decoration: none;
color: #2C2C2C;
padding-top: 1em;
padding-bottom: 1em;
}
#icas_marumenu .maru a#active, #icas_marumenu .maru a:hover {
height: auto;
width: 100%;
border-radius: 0;
border-bottom: #FFFFFF 1px;
line-height: 1em;
text-align: center;
background: #A41E35;
font-size: 20px;
margin-left: 0;
display: block;
text-decoration: none;
color: #FFFFFF;
padding-top: 1em;
padding-bottom: 1em;
}
}
</style>
<div id="icas_menuarea">
<div id="icas_marumenu">
<div class="maru"><a href="/icas/events">Events</a></div>
<div class="maru"><a href="/icas/videos">Videos</a></div>
<div class="maru"><a id="active" href="/icas/slides">Slides</a></div>
<div class="maru"><a href="/icas/staff">Staff</a></div>
<div class="maru"><a href="/icas/associates">Associates</a></div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="https://storage.tuj.ac.jp/js/script.js"></script>
<script src="https://storage.tuj.ac.jp/js/libs/jquery.dataTables.min-coba.js"></scri…;
<script src="https://storage.tuj.ac.jp/js/libs/dataTables.responsive.min-coba.js"></…;
<script type="text/javascript">
$(document).ready(function(){
$('#myTable').DataTable({
"dom": 'ftp',
responsive: true,
paging: false,
"order": [[0, "desc"]]
});
$('#myTable td:first-child').click(() => {
setTimeout(() => {
all_amzn_wdgts.JP[amzn_wdgt.templateId].forEach(wdgt => {
wdgt.internalMain(wdgt);
});
}, 1000)
});
});
</script>
<script charset="utf-8" type="text/javascript" src="https://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&MarketPlace=J…;
<style>
.page--width-full .content-stage.content-stage--with-masthead .wysiwyg-table {
right: 0px !important;
margin-left: 0px !important;
}
#main .schedule-table td {
text-align: center;
vertical-align: middle;
}
#main .schedule-table .lft {
text-align: left;
}
#main .schedule-table td.special-info {
font-size: 85%;
}
#main .schedule-table-row-detail-inner {
text-align: left;
width: 100%;
}
#main .schedule-table-row-detail-name {
width: 24%;
}
#main .dataTables_wrapper {
max-width: 1360px;
}
.dataTables_sort {
text-align: center;
}
#main table.dataTable thead th:active,
#main table.dataTable thead td:active {
outline: none;
}
#main .dataTables_filter {
margin: 10px 0 20px;
float: none;
text-align: center;
}
#main .dataTables_filter input {
margin-left: 10px;
}
#main table.dataTable thead .sorting_asc,
#main table.dataTable thead .sorting_desc,
#main table.dataTable thead .sorting {
cursor: pointer;
*cursor: hand;
vertical-align: middle;
padding: 5px 18px 3px;
}
#main table.dataTable thead .sorting {
background: url(https://storage.tuj.ac.jp/img/sort_both.png) no-repeat right;
}
#main table.dataTable thead .sorting_asc {
background: url(https://storage.tuj.ac.jp/img/sort_asc.png) no-repeat right;
}
#main table.dataTable thead .sorting_desc {
background: url(https://storage.tuj.ac.jp/img/sort_desc.png) no-repeat right;
}
#main table.dataTable thead .sorting_asc_disabled {
background: url(https://storage.tuj.ac.jp/img/sort_asc_disabled.png) no-repeat right;
}
#main table.dataTable thead .sorting_desc_disabled {
background: url(https://storage.tuj.ac.jp/img/sort_desc_disabled.png) no-repeat right;
}
#main table.dataTable.dtr-inline.collapsed tbody td:first-child,
#main table.dataTable.dtr-inline.collapsed tbody th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer;
}
#main table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
#main table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
left: 6px;
height: 16px;
width: 16px;
display: block;
position: absolute;
color: white;
border-radius: 17px;
text-align: center;
line-height: 1.1;
font-size: 13px;
box-sizing: content-box;
content: '+';
background-color: #6c6345;
}
#main table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
#main table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
display: none;
}
#main table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
#main table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
content: '-';
line-height: 0.8;
font-size: 15px;
background-color: #6c6345;
}
#main table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
display: none;
}
#main table.dataTable.dtr-column tbody td.control,
#main table.dataTable.dtr-column tbody th.control {
position: relative;
cursor: pointer;
}
#main table.dataTable.dtr-column tbody td.control:before,
#main table.dataTable.dtr-column tbody th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 16px;
text-align: center;
line-height: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
content: '+';
background-color: #6c6345;
}
#main table.dataTable.dtr-column tbody tr.parent td.control:before,
#main table.dataTable.dtr-column tbody tr.parent th.control:before {
content: '-';
background-color: #6c6345;
}
#main .child ul {
display: table;
margin: 8px 0;
padding: 0;
list-style: none;
font-size: 100%;
text-align: left;
width: 100%;
}
#main .dtr-title {
width: 24%;
font-weight: bold;
}
.go-button {
display: none;
}
@media screen and (max-width: 400px) {
#main .dtr-title {
width: 36%;
}
#main .dataTables_sort select {
width: 100%;
}
.go-button {
display: block;
}
}
@media screen and (max-width: 600px) {
#main .dataTable {
font-size: 100%;
}
#main .dataTables_sort select,
#main .dataTables_filter input {
font-size: 16px;
}
}
#main .select-dept {
font-size: 16px;
padding: 10px;
}
</style>