@charset "utf-8";
/* CSS Document */


body , html {
    height: 100%;
}
.bg_color_w,
.bg_color_w_all>li {
    background:#fff;
}

.hyou_mt {
    margin-top:20px;
}
.hyou_mb {
    margin-bottom:20px;
}
 
#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
#container img {
    -webkit-backface-visibility: hidden;
}
.contents_main {
    padding-bottom: 33px;
}
#container {
    min-width:830px;
}

#contents_box *,
#contents_box_pro * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
#contents_box {
    background-image:url(../img/top_bg.png);
    background-repeat:no-repeat;
    background-position:0 60px;
    background-size:100% auto;
    position:relative;
	overflow-x: visible;
}
#contents_box_pro {
    background-image:url(../img/top_bg_2.png);
    background-repeat:no-repeat;
    background-position:0 60px;
    background-size:100% auto;
    position:relative;
	overflow-x: visible;
}
header {
    background:rgba(255,255,255,0.9);
    border-bottom:1px solid #1259cc;
    text-align:left;
}
header>p {
    background: #114397; /* Old browsers */
    background: -moz-linear-gradient(top, #114397 0%, #1259cc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #114397 0%,#1259cc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #114397 0%,#1259cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114397', endColorstr='#1259cc',GradientType=0 ); /* IE6-9 */
    width:100%;
    height:8px;
}
header>h1.logtype_box {
    padding:15px 30px;
    width:100%;
    position:relative;
    top:0;
    left:0;
}
header>h1.logtype_box p:first-child {
    font-size:180%;
    font-weight:bold;
    color:#1259cc;
}
#wrap_box {
    width:calc(100% - 60px);
    width:-webkit-calc(100% - 60px);
    margin:50px auto;
    max-width:580px;
    background:#f7f7f7;
    box-shadow: 2px 0 6px rgba(0,0,0,0.3);
    padding:40px 50px 50px 50px;
}
#wrap_box_2 {
    width:calc(100% - 60px);
    width:-webkit-calc(100% - 60px);
    margin:50px auto;
    max-width:1200px;
    border-top:5px solid #1259cc;
    background:#f7f7f7;
    box-shadow: 2px 0 6px rgba(0,0,0,0.3);
}
#wrap_box_3 {
    width:calc(100% - 60px);
    width:-webkit-calc(100% - 60px);
    margin:50px auto;
    max-width:700px;
    border-top:5px solid #1259cc;
    background:#f7f7f7;
    box-shadow: 2px 0 6px rgba(0,0,0,0.3);
}

h2.title_1,
h2.title_2, 
h2.certfirst_ttl,
h2.details_ttl,
h2.member_ttl,
h2.config_ttl{
    position: relative;
    padding: 10px 10px 10px 40px;
    width: 100%;
    font-size:150%;
    text-align:left;
    color: #1259cc;
    border-bottom:2px solid #1259cc;
}
h2.title_1:before,
h2.title_2:before,
h2.certfirst_ttl:before,
h2.details_ttl:before,
h2.member_ttl:before,
h2.config_ttl:before{
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 36px;
    top:3px;
    left: 0;
    content:"";
    background-size:30px auto;
    background-repeat: no-repeat;
}
h2.title_1:before {
    background-image: url(../img/login_icon.png);
}
h2.title_2:before {
    background-image: url(../img/search_icon.png);
}
h2.certfirst_ttl:before {
    background-image: url(../img/certfirst_icon.png);
}

h2.details_ttl:before {
    background-image: url(../img/details_icon.png);
}

h2.member_ttl:before {
    background-image: url(../img/member_icon.png);
}
h2.config_ttl:before {
    background-image: url(../img/menu_icon_config.png);
}

.login_btn_waku,
.login_btn_waku_2,
.login_btn_waku_3,
.login_btn_waku_4,
.login_btn_waku_5,
.loout_btn_waku
 {
    display:table;
    table-layout:fixed;
}
.login_btn_waku {
    padding:60px 0 40px 0;
}
.login_btn_waku_2,
.login_btn_waku_3,
.login_btn_waku_4,
.login_btn_waku_5
 {
    padding:30px 0 10px 0;
}
.login_btn_waku_3,
.login_btn_waku_4 {
    max-width:700px;
    margin:0 auto;
}
.login_btn_waku_5 {
    max-width:900px;
    margin:0 auto;
}

.loout_btn_waku {
    position:absolute;
    top:16px;
    right:30px;
    max-width:600px;
}
.login_btn_waku>li,
.login_btn_waku_2>li,
.login_btn_waku_3>li,
.login_btn_waku_4>li,
.login_btn_waku_5>li,
.loout_btn_waku>li {
    display:table-cell;
    vertical-align:top;
}
.login_btn_waku>li,
.login_btn_waku_2>li,
.login_btn_waku_3>li {
    width:50%;
}
.login_btn_waku_4>li {
    width:30%;
}

.login_btn_waku_5>li {
    width:20%;
    text-align:center;
}
.login_btn_waku_5>li:not(:first-child) {
    padding-left:10px;
}
.login_btn_waku>li:first-child,
.login_btn_waku_2>li:first-child,
.login_btn_waku_3>li:first-child {
    padding-right:10px;
}
.login_btn_waku>li:lsat-child,
.login_btn_waku_2>li:lsat-child,
.login_btn_waku_3>li:lsat-child {
    padding-left:10px;
}

.login_btn_waku_f {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    margin:0 auto;
    padding:20px 0 10px 0;
}

.login_btn_waku_f>li {
    width:200px;
    padding-top:10px;
    margin-right:10px;
}

.loout_btn_waku>li:not(:first-child) {
    //width:calc((100% - 10em) / 3);
    //width:-webkit-calc((100% - 10em) / 3);
}
.loout_btn_waku>li:first-child {
    padding-right:5px;
    padding-bottom:5px;
}
.loout_btn_waku>li:nth-child(2),
.loout_btn_waku>li:nth-child(3) {
    padding-left:2.5px;
    padding-right:2.5px;
}
.loout_btn_waku>li:last-child {
    padding-left:5px;
}
.hako_waku,
.hako_waku4 {
    display:table;
    width:100%;
    font-size:125%;
}

.hako_waku4 {
    text-align:center;
}

.hako_waku_2,
.hako_waku_3 {
    display:table;
    width:100%;
}
.hako_waku_2 {
    text-align:left;
}

.hako_waku>p,
.hako_waku_2>p,
.hako_waku_3>li {
    display:inline-block;
    vertical-align:middle;
}
.hako_waku>p:first-child {
    width:6em;
}
.hako_waku>p:last-child {
    width:auto;
}
/*
.hako_waku_2>p:first-child,
.hako_waku_2>p:last-child {
    width:calc((100% - 3em) / 2);
    width:-webkit-calc((100% - 3em) / 2);
}*/

.hako_waku_2>p:nth-child(2) {
    width:3em;
    text-align:center;
}
.hako_waku_3>li {
    width:calc((100% - 24px) / 3);
    width:-webkit-calc((100% - 24px) / 3);
    padding:15px;
}
.hako_waku_3>li:first-child,
.hako_waku_3>li:nth-child(4) {
    margin-right:8px;
}
.hako_waku_3>li:nth-child(2),
.hako_waku_3>li:nth-child(5) {
    margin-left:4px;
    margin-right:4px;
}
.hako_waku_3>li:nth-child(3),
.hako_waku_3>li:last-child {
    margin-left:7px;
}
.hako_waku_3>li:nth-child(n+4):nth-child(-n+6) {
    margin-top:8px;
}

.hako_waku_3>li h4 {
    background:#f8f6f1;
    padding:5px;
    margin:0 auto 10px auto;
    text-align:center;
    font-weight:normal;
}
.hako_title_b p {
    padding-bottom:2px;
}
.hako_title_b p:not(:first-child) {
    padding-top:5px;
}

.text_waku input,
.text_waku2,
.text_waku4 {
    border:solid 1px #ddd;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    padding:7px;
}
.text_certfirst input,
.text_certfirst2,
.text_certfirst4 {
    border:solid 1px #ddd;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    padding:8px;
}
.text_waku4 {
    width:100%;
}
.certfirst_btn {
    background: #f7f7f7;
    background-size: 200px auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 54px;
    max-width: 200px;
    margin: 0 auto;
    border: none;
    background-image: url(../img/certfirst_btn.png);
    font-size: 0;
}
.login_btn_r {
    background:#f7f7f7;
    background-size:200px auto;
    background-repeat:no-repeat;
    width:100%;
    height:54px;
    max-width:200px;
    margin:0 auto;
    border:none;
    background-image: url(../img/login_btn.png);
    font-size: 0;
}

.login_btn_r_5,
.login_btn_w,
.login_btn_r_6 {
    background:#fff;
    background-size:200px 50px;
    background-repeat:no-repeat;
    height:50px;
    width:200px;
    margin:0 auto;
    border:none;
    cursor: pointer;
}
.login_btn_r_5 {
    background-image: url(../img/btn_search.png);
}
.login_btn_w {
    background-image: url(../img/btn_clear.png);
}
.login_btn_r_6 {
    background-image: url(../img/back_btn.png);
}

.login_btn_r_2,
.login_btn_r_3,
.login_btn_r_4 {
    background:#f7f7f7;
    background-size:115px auto;
    background-repeat:no-repeat;
    width:100%;
    height:auto;
    max-width:115px;
    margin:0 auto;
    border:none;
}
/*.login_btn_r_2 {
    background-image: url(../img/logout_btn.png);
}
.login_btn_r_3 {
    background-image: url(../img/kojin_btn.png);
}
.login_btn_r_4 {
    background-image: url(../img/rireki_btn.png);
}*/
.member_btn{
    padding-left:20px;
    padding-top:2px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    text-align:center;
    line-height:1.5;
    text-decoration:none !important;
}
.member_btn {
    content: "";
    display: inline-block;
    height: 18px;
    background: url("../img/member_icon.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.member_btn:hover {
    color:#e1091a;
}

.pass_chushaku {
    padding-top:5px;
}
.pass_chushaku>span {
    color:#1259cc;
}
.pass_chushaku a:hover{
    color:#e1091a;
}

footer,
footer.footer_2 {
    padding-top: 15px;
    padding-bottom: 30px;
    width: 100%;
    border-top: 3px solid #1259cc;
    background: -moz-linear-gradient(top, rgba(217,238,255,1) 0%, rgba(217,238,255,0.99) 1%, rgba(217,238,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(217,238,255,1) 0%,rgba(217,238,255,0.99) 1%,rgba(217,238,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(217,238,255,1) 0%,rgba(217,238,255,0.99) 1%,rgba(217,238,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9eeff', endColorstr='#00d9eeff',GradientType=0 ); /* IE6-9 */
    bottom: 0;
    height: 33px;
    position: fixed;
    text-align: center;
}
footer.footer_2 {
    position: static;
}

.pankuzu {
    background:#eaeaea;
    padding:5px 20px;
    text-align:left;
}
.pankuzu a:hover {
    color:#e1091a;
}
.pankuzu>ol li {
    display: inline;
    list-style-type: none;
}
.pankuzu>ol li:before {
    content: " > ";
}
.pankuzu>ol li:first-child:before {
        content: none;
}
.second_contents {
    width:100%;
    padding:20px;
}
.second_contents_box {
    width:100%;
    padding:20px;
    background:#fff;
}
.second_contents>h3,
.second_contents>#searched>h3,
.second_contents>#searched_favorite>h3,
.second_contents>#searched_member>h3,
.second_contents>#searched_professor>h3,
.second_contents>#searched_group_school>h3,
.second_contents>#tab1_c>.second_contents_box>h3 {
    background:#cfe1ff;
    padding:10px 20px;
    font-weight:bold;
    text-align:left;
    font-size:120%;
    margin-top:20px;
}
.t_hyou_1 {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size:110%;
}
.t_hyou_1 th,
.t_hyou_1 td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px;
}
.t_hyou_1 th,
.t_hyou_2 th {
    font-weight: bold;
    background-color: #eaeaea; 
    text-align:center;
    width:14em;
}
.t_hyou_1 td,
.t_hyou_2 td {
    background-color: #fafafa; 
    text-align:left;
    width:auto;
}
.t_hyou_1 th.th_gakusei {
    background-color: #FFFFE1; 
}

.t_hyou_2 {
    width: 100%;
    font-size:110%;
}
.t_hyou_2 th,
.t_hyou_2 td {
    padding: 8px;
}
.t_hyou_2 td {
    background:#fff;
}
.t_hyou_3 {
    width: 100%;
    border: 1px solid #ccc;
    font-size:110%;
}
.t_hyou_3 th,
.t_hyou_3 td {
    border: 1px solid #ccc;
}
.t_hyou_3 th {
    background-color: #eaeaea; 
    padding: 8px 20px;
    text-align:center;
}
.t_hyou_3 td {
    background-color: #fafafa; 
    padding: 20px;
}
.t_hyou_3 td a:hover {
    color:#e1091a;
}
.t_hyou_4 {
    width: 100%;
    border: none;
    font-size:110%;
    margin-bottom:10px
}
.t_hyou_4 th,
.t_hyou_4 td {
    border: none;
}
.t_hyou_4 th {
    background-color: #eaeaea; 
    text-align:center;
}
.t_hyou_4 td {
    background-color: #fafafa; 
}
.t_hyou_4 td a:hover {
    color:#e1091a;
}
.date_layout {
    display:table;
    table-layout:fixed;
    width:100%;
}
.date_layout>p {
    display:inline-block;
    vertical-align:middle;
}
.date_layout>p:first-child {
    padding-right:5px;
}
.date_layout>p:last-child {
    padding-left:5px;
}
 
.text_waku3 {
    border:solid 1px #ddd;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    padding:8px;
}
.text_waku3 {
    width:185px;
}
label.date_waku {
    position: relative;
}
label.date_waku::before {
    position: absolute;
    content: "";
    top: -4px;
    right: 5px;
    width: 30px;
    height: 28px;
    background-image: url("../img/calendar_icon.png");
    background-size:30px auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index:0;
    text-decoration:none !important;
}

.d_select_box_3,
.d_select_box_5,
.d_select_box_disable {
    height: 33px;
}
.d_select_box_3,
.d_select_box_5,
.d_select_box_disable {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.d_select_box_3,
.d_select_box_5,
.d_select_box_disable {
    border:1px solid #ddd;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.d_select_box_3:before,
.d_select_box_3:after,
.d_select_box_5:before,
.d_select_box_5:after,
.d_select_box_disable:before,
.d_select_box_disable:after {
    top: 9px;
}
.d_select_box_3:before,
.d_select_box_3:after,
.d_select_box_5:before,
.d_select_box_5:after,
.d_select_box_disable:before,
.d_select_box_disable:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #888 transparent;
    pointer-events: none;
}

.d_select_hako_3,
.d_select_hako_5,
.d_select_hako_disable {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    font-size: 12px;
    /* color: #62717a; */
    color:rgba(0,0,0,.87);
    text-shadow: 0 1px white;
    /* Fallback for IE 8 */
    background: #f2f2f2;
    /* "transparent" doesn't work with Opera */
    background: rgba(0, 0, 0, 0) !important;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

.d_select_box_3:before,
.d_select_box_5:before,
.d_select_box_disable:before {
    border-bottom-style: solid;
    border-top: none;
}
.d_select_box_3:after,
.d_select_box_5:after,
.d_select_box_disable:after {
    margin-top: 7px;
    border-top-style: solid;
    border-bottom: none;
}

.d_select_box_5 {
    z-index:0;
}

.d_select_box_4 {
    height: 33px;
}
.d_select_box_4 {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.d_select_box_4 {
    border:1px solid #ddd;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.d_select_box_4:before,
.d_select_box_4:after {
    top: 9px;
}
.d_select_box_4:before,
.d_select_box_4:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #888 transparent;
    pointer-events: none;
}
.d_select_hako_4 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    font-size: 12px;
    color: #62717a;
    text-shadow: 0 1px white;
    /* Fallback for IE 8 */
    background: #f2f2f2;
    /* "transparent" doesn't work with Opera */
    background: rgba(0, 0, 0, 0) !important;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

.d_select_box_4:before {
    border-bottom-style: solid;
    border-top: none;
}
.d_select_box_4:after {
    margin-top: 7px;
    border-top-style: solid;
    border-bottom: none;
}

.d_select_hako_3,
.d_select_hako_5,
.d_select_hako_disable {
    /*width: 150%;*/
    height: 30px;
}
.d_select_hako_3:focus,
.d_select_hako_5:focus {
    z-index: 3;
    width: 100%;
    color: #394349;
    outline: 2px solid #49aff2;
    outline: 2px solid -webkit-focus-ring-color;
    outline-offset: -2px;
}
.d_select_hako_3 > option,
.d_select_hako_5 > option {
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
    background: #f2f2f2;
    border-radius: 3px;
    cursor: pointer;
}

.d_select_box_disable {
    opacity:0.45;
}

.d_select_hako_disable {
    display:inline-block;
}

.doui_waku {
    width:100%;
    max-width:135px;
    margin:0 auto;
    padding-bottom:30px;
    text-align:left;
}
input[type="image"][disabled]{
    opacity:0.7;
}

/*radio*/
input[type=radio],
input[type=radio_2],
input[type=checkbox] {
    display: none;
}
.radio,
.radio_2,
.checkbox,
.checkbox2  {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    border-radius: 8px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0px 0px 0;
    padding: 5px 0px 5px 37px;
}
.checkbox2  {
    margin: 0 20px 0 0;
    padding: 5px 12px 5px 32px;
}
.radio:hover:after,
.radio_2:hover:after,
.checkbox:hover:after,
.checkbox2:hover:after {
    border-color: #1259cc;
}
.radio:after,
.radio_2:after,
.checkbox:after,
.checkbox2:after{
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    margin-top: -10px;
    width: 16px;
    height: 16px;
    border: 1px solid #cacaca;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    content: "";
    background:#fff;
    z-index:0;
}
.checkbox2:after{
    left: 0;
}
.radio:before,
.radio_2:before,
.checkbox:before,
.checkbox2:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 19px;
    display: block;
    margin-top: -9px;
    width: 7px;
    height: 11px;
    border-right: 3px solid #1259cc;
    border-bottom: 3px solid #1259cc;
    content: "";
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index:1;
}
.checkbox2:before {
    left: 5px;
}
input[type=radio]:checked + .radio:before,
input[type=radio]:checked + .radio_2:before ,
input[type=radio]:checked + input[type=hidden] + .radio:before {
    opacity: 1;
}
/*.radio:before,
.radio_2:before,
.checkbox:before{
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 19px;
    display: block;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e1091a;
    content: "";
    opacity: 0
}*/


input[type=checkbox]:checked + .checkbox:before,
input[type=checkbox]:checked + .checkbox2:before,
input[type=checkbox]:checked + input[type=hidden] + .checkbox:before {
    opacity: 1;
}



/*pager*/

.pager {
    overflow: hidden;
}
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
.pager ul li {
    margin: 0 2px;
    position: relative;
    left: -50%;
    float: left;
}
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 110%;
    padding: 0.4em 0.8em;
}
.pager ul li:first-child span,
.pager ul li:last-child span,
.pager ul li:first-child a,
.pager ul li:last-child a {
    padding: 0.5em 0.55em;
}

.pager ul li a {
    background: #fafafa;
    /*color: #6b6b6b;*/
    color:rgba(0,0,0,.87);
    text-decoration: none;
    border:1px solid #d5d5d5;
}
.pager ul li a:hover {
    background: #cfe1ff;
}
.current span {
    background:#d5d5d5;
    color:#fff;
    border:1px solid #d5d5d5;
}
.pager-all-prev {
    border-right: 6px solid #fff;
}
.pager-all-next {
    border-left: 6px solid #fff;
}
.pager-arrow-all-right {
    position: relative;
    padding-right: 5px;
}
.pager-arrow-all-right::before {
    content: " ";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #6b6b6b;
    border-right: solid 2px #6b6b6b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -6px;
}
.pager-arrow-all-left {
    position: relative;
    padding-left: 5px;
}
.pager-arrow-all-left::before {
    content: " ";
    width: 10px;
    height: 10px;
    border: 0px;
    border-bottom: solid 2px #6b6b6b;
    border-left: solid 2px #6b6b6b;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -6px;
}

/*縦方向中央揃え*/
.v_outer {
    display:table;
}

.v_inner {
    display:table-cell;
    vertical-align:middle;
}

.v_centering_item {
    display:inline-block;
}

/*スクロールトップ*/
/*#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 10;
  padding: 7px 0 0 7px;
  width: 45px;
  height: 45px;
  background-color: rgba(0,0,0,0.8);
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  position:relative;
}
#pageTop a:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -6px;
}
 
#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}*/

.topBtn {
    position:relative;
    right: 0;
}
.topBtn p {
    right: 20px;
}
.topBtn a {
    display: block;
    z-index: 10;
    padding: 7px 0 0 7px;
    width: 45px;
    height: 45px;
    background-color: rgba(0,0,0,0.8);
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
.topBtn a:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom:15px;
    right: 16px;
    margin-top: -6px;
}
.topBtn:hover {
    opacity:0.7;
}


.job_info_table{
	margin-top:8px;
}

.job_info_table th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_info_table td{
	border:solid 1px;
	background-color:white;
	width:80px;
	text-align:left;
}


.job_info_table2{
	margin-top:8px;
}

.job_info_table2 th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_info_table2 td{
	border:solid 1px;
	background-color:white;
	width:255px;
	text-align:left;
}

.job_info_table3{
	margin-top:8px;
}

.job_info_table3 th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_info_table3 td{
	border:solid 1px;
	background-color:white;
	width:80px;
	text-align:left;
}

.job_info_table4{
	margin-top:8px;
}

.job_info_table4 th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_info_table4 td{
	border:solid 1px;
	background-color:white;
	width:80px;
	text-align:left;
}

.job_info_table5{
	margin-top:8px;
}

.job_info_table5 th{
	border:solid 1px;
	background-color:lightgray;
	width:120px;
	text-align:center;
}
.job_info_table5 td{
	border:solid 1px;
	background-color:white;
	width:80px;
	text-align:left;
}

.job_info_table6{
	margin-top:8px;
}

.job_info_table6 th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_info_table6 td{
	border:solid 1px;
	background-color:white;
	width:80px;
	text-align:left;
}

.job_info_table7{
	margin-top:8px;
}

.job_info_table7 th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_info_table7 td{
	border:solid 1px;
	background-color:white;
	width:120px;
	text-align:left;
}

.job_info_table8{
	margin-top:8px;
}

.job_info_table8 th{
	border:solid 1px;
	background-color:lightgray;
	width:120px;
	text-align:center;
}
.job_info_table8 td{
	border:solid 1px;
	background-color:white;
	width:215px;
	text-align:left;
}

.job_info_table9{
	margin-top:8px;
}

.job_info_table9 th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_info_table9 td{
	border:solid 1px;
	background-color:white;
	width:605px;
	text-align:left;
}


.job_status_table{
	margin-top:8px;
}

.job_status_table th{
	border:solid 1px;
	background-color:lightgray;
	width:80px;
	text-align:center;
}
.job_status_table td{
	border:solid 1px;
	background-color:white;
	width:100px;
	text-align:left;
}


/*IEハック*/
@media all and (-ms-high-contrast:none){

    .hako_waku_3>li {
        width:calc((100% - 25px) / 3);
        width:-webkit-calc((100% - 25px) / 3);
        padding:15px;
    }
    .pager ul li:first-child span,
    .pager ul li:last-child span,
    .pager ul li:first-child a,
    .pager ul li:last-child a {
        padding: 0.52em 0.55em;
    }
}

@supports (-ms-ime-align:auto){
    .hako_waku_3>li {
        width:calc((100% - 25px) / 3);
        width:-webkit-calc((100% - 25px) / 3);
        padding:15px;
    }
    .pager ul li:first-child span,
    .pager ul li:last-child span,
    .pager ul li:first-child a,
    .pager ul li:last-child a {
        padding: 0.51em 0.55em;
    }

}
@media screen and (max-width:1200px) {
    #contents_box,
    #contents_box_pro {
        background-size: auto;
    }
}
@media screen and (max-width:1000px) {
    header>h1.logtype_box {
        padding:15px 20px;
    }
    .hako_waku_3>li {
        width:calc((100% - 15px) / 2);
        width:-webkit-calc((100% - 15px) / 2);
    }
    .hako_waku_3>li:first-child,
    .hako_waku_3>li:nth-child(4) {
        margin-right:0;
    }
    .hako_waku_3>li:nth-child(2),
    .hako_waku_3>li:nth-child(5) {
        margin-left:0;
        margin-right:0;
    }
    .hako_waku_3>li:nth-child(3),
    .hako_waku_3>li:last-child {
        margin-left:0;
    }
    .hako_waku_3>li:nth-child(odd) {
        margin-right:7.5px;
    }
    .hako_waku_3>li:nth-child(even) {
        margin-left:7.5px;
    }
    .hako_waku_3>li:nth-child(n+3):nth-child(-n+6) {
        margin-top:8px;
    }


    
}

@media screen and (max-width: 900px) {
    #wrap_box {
        padding: 40px 30px 50px 30px;
    }
    header>h1.logtype_box {
        padding:15px 15px;
    }

}

@media screen and (max-width: 769px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 380px) {
}

/* --------------------------------------*/
/* 検証処理用
/* --------------------------------------*/
.field-validation-error {
    color: #fff6f6;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #e0b4b4 !important;
    background-color: #fff6f6 !important;
}

.validation-summary-errors {
    padding: 5px 0px 3px 10px;
    border-style: solid;
    border-color: #e0b4b4;
    border-width: 1px;
    font-weight: bold;
    color: #9f3a38;
    background-color: #fff6f6;
    margin-bottom: 7px;
    border-radius: .3rem !important;
}

    .validation-summary-errors span {
        margin-left: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 90%;
        display: block;
    }

    .validation-summary-errors li {
        text-align: left;
        margin-left: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        list-style-type: disc;
        font-weight: normal;
        font-size: 90%;
    }
    
    
/* --------------------------------------*/
/* システムメッセージユーザーコントロール用
/* --------------------------------------*/
.Panel_Message_Info
{
    padding: 10px 10px 10px 50px;
    border: 1px solid #0000FF;
    background-color: #EBEAFF;
    background-repeat: repeat;
    height: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: .3rem !important;
}
.Panel_Message_Info li
{
    margin-left:30px;
    margin-top:5px;
    margin-bottom:5px;
    list-style-type:disc;
    font-weight: normal;
    font-size: 90%;
    color:#0000FF;
}

.input-validation-result {
    border: 1px solid #197737 !important;
    background-color: #d9f8e2 !important;
}

.validation-summary-result {
    padding: 10px 0px 10px 10px;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    color: #197737;
    background-color: #dff1e5;
    margin-bottom: 7px;
}

    .validation-summary-result span {
        margin-left: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 90%;
        display: block;
    }

    .validation-summary-result li {
        text-align: left;
        margin-left: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        list-style-type: disc;
        font-weight: normal;
        font-size: 90%;
    }

.input-validation-result {
    border: 1px solid #dcdcdc !important;
    background-color: #e1ecfa !important;
}

.validation-summary-comp {
    padding: 5px 0px 3px 10px;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    color: #083f83;
    background-color: #e1ecfa;
    margin-bottom: 7px;
}

    .validation-summary-comp span {
        margin-left: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 90%;
        display: block;
    }

    .validation-summary-comp li {
        margin-left: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        list-style-type: disc;
        font-weight: normal;
        font-size: 90%;
    }

.validation-summary-valid {
    display: none;
}


.datekugiri_btn {
    display: inline-block;
    color: #1359cc;
    border: 1px solid #1359cc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
    max-width: 100px;
    padding-top: 2px;
    margin-left: 5px;
    cursor:pointer;
}
.datekugiri_btn>span {
    background-color: #FFFFFF;
    border-bottom: 2px solid #c2cbda;
    width:100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size:90%;
    vertical-align: middle;
}
.datekugiri_btn:hover>span{
    background:#cfe1ff;
    color:#1359cc;
    border-bottom: 2px solid #7aacff;
}
.shousai_btn:hover>span {
    background:#cfe1ff;
    color:#1359cc;
    border-bottom: 2px solid #7aacff;
}

.datekugiri_btn:hover,
.shousai_btn:hover {
    background:#cfe1ff;
    border-bottom: 1px solid #1359cc;
}

.dateclear_btn {
    display: inline-block;
    color: #444444;
    border: 1px solid #444444;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
    max-width: 100px;
    padding-top: 2px;
    margin-left: 5px;
    cursor:pointer;
}
.dateclear_btn>span {
    background-color: #FFFFFF;
    border-bottom: 2px solid #c2cbda;
    width:100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size:90%;
    vertical-align: middle;
}
.dateclear_btn:hover>span{
    background:#dbdbdb;
    color:#6c6c6c;
    border-bottom: 2px solid #6c6c6c;
}

.dateclear_btn:hover {
    background:#dbdbdb;
    border-bottom: 1px solid #6c6c6c;
}


.logout_btn_2 {
    background:#eaf1fd;
    color:#1359cc;
    border:1px solid #1359cc;
    border-radius:20px;
    font-size:90%;
    text-decoration:none;
    display:block;
    width:110px;
    max-width:110px;
    text-align:center;
    box-shadow:0 2px 0 #1359cc;
    padding-top:2px;
}
.logout_btn_2>span {
    background-color: #eaf1fd;
    border-bottom: 2px solid #b3b3b3;
    width:100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size:90%;
    vertical-align: middle;
    padding:0 5px 1px 5px;
}
.logout_btn_2:hover>span {
    background:#cfe1ff;
    color:#1359cc;
    border-bottom: 2px solid #7aacff;
}
.logout_btn_2:hover {
    background:#cfe1ff;
}

.btn_config,
.btn_search_box {
    background:#fff;
    color:#1359cc;
    border:1px solid #1359cc;
    border-radius:20px;
    font-size:90%;
    text-decoration:none;
    display:block;
    width:110px;
    max-width:110px;
    text-align:center;
    box-shadow:0 2px 0 #1359cc;
    padding-top:2px;
}
.btn_config>span,
.btn_search_box>span {
    background-color: #FFFFFF;
    border-bottom: 2px solid #ddd;
    width:100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size:90%;
    vertical-align: middle;
    padding:0 5px 1px 5px;
}
.btn_config:hover>span,
.btn_search_box:hover>span {
    background:#cfe1ff;
    color:#1359cc;
    border-bottom: 2px solid #7aacff;
}
.btn_config:hover,
.btn_search_box:hover {
    background:#cfe1ff;
}

.btn_search_box {
    display:inline-block;
    width:85px;
    font-size:80%;
}

.btn_search_box>span {
    font-size:95%;
    padding:0 5px 0px 5px;
    cursor:pointer;
}
@charset "utf-8";
/* CSS Document */


/*ちょっと修正・追加した分*/

.second_contents>h3,
.second_contents>#searched>h3,
.second_contents>#searched_favorite>h3,
.second_contents>#searched_member>h3,
.second_contents>#searched_professor>h3,
.second_contents>#searched_group_school>h3,
.second_contents>#tab1_c>.second_contents_box>h3,
.second_contents>.contact_list>h3,
.second_contents_box>.tab>h3  {
    background:#cfe1ff;
    padding: 17px 25px 15px 25px;/*修正*/
    font-weight:bold;
    text-align:left;
    font-size:120%;
    margin-top:20px;
}
.second_contents>h3.h3_pink {
    background:#f2dcdb;
    color:#ff0000;
}

.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 110%;
    padding: 0.5em 0.76em;/*修正*/
}
.pager ul li:first-child span,
.pager ul li:last-child span,
.pager ul li:first-child a,
.pager ul li:last-child a {
    padding: 0.55em 0.54em;/*修正*/
}

.pager ul li a {
    background: #fafafa;
    /* color: #6b6b6b; */
    color:rgba(0,0,0,.87);
    text-decoration: none;
    border:1px solid #d5d5d5;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);/*追加*/
    border-radius: 2px;/*追加*/
}
.current span {
    background:#d5d5d5;
    color:#fff;
    border:1px solid #d5d5d5;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);/*追加*/
    border-radius: 2px;/*追加*/
}
.pager-arrow-all-right::before {
    content: " ";
    width: 9px;/*修正*/
    height: 9px;/*修正*/
    border: 0px;
    border-top: solid 2px #6b6b6b;
    border-right: solid 2px #6b6b6b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -6px;
}
a:hover .pager-arrow-all-right::before {
    border-top: solid 2px #fff;/*追加*/
    border-right: solid 2px #fff;/*追加*/
}
.pager-arrow-all-left::before {
    content: " ";
    width: 9px;/*修正*/
    height: 9px;/*修正*/
    border: 0px;
    border-bottom: solid 2px #6b6b6b;
    border-left: solid 2px #6b6b6b;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -6px;
}
a:hover .pager-arrow-all-left::before {
    border-bottom: solid 2px #fff;/*追加*/
    border-left: solid 2px #fff;/*追加*/
}
.datekugiri_btn {
    display: inline-block;
    color:#1359cc;
    border: 1px solid #1359cc;
    border-radius: 3px;/*追加*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width:100%;
    max-width:100px;
    padding-top:2px;
}

.shousai_btn {
    display: inline-block;
    color:#1359cc;
    border:1px solid #1359cc;
    border-radius: 3px;/*追加*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width:100%;
    max-width:160px;/*修正*/
    padding-top:2px;
}
.shousai_btn>span {
    background-color: #FFFFFF;
    border-bottom: 2px solid #c2cbda;
    width:100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size:120%;/*修正*/
    vertical-align: middle;
    padding-top:8px;/*追加*/
    padding-bottom:8px;/*追加*/
}




@media all and (-ms-high-contrast:none){
    .pager ul li:first-child span,
    .pager ul li:last-child span,
    .pager ul li:first-child a,
    .pager ul li:last-child a {
        padding: 0.58em 0.55em;/*追加*/
    }

}
@supports (-ms-ime-align:auto){
    .pager ul li:first-child span,
    .pager ul li:last-child span,
    .pager ul li:first-child a,
    .pager ul li:last-child a {
        padding: 0.58em 0.55em;/*修正*/
    }
    .pager ul li a {
        padding: 0.48em 0.76em;/*追加*/
    }
    
    
}


.second_contents>h3,
.second_contents>#searched>h3,
.second_contents>#searched_favorite>h3,
.second_contents>#searched_member>h3,
.second_contents>#searched_professor>h3,
.second_contents>#searched_group_school>h3,
.second_contents>#tab1_c>.second_contents_box>h3 {
    zoom:1;
}
.second_contents>h3:before,
.second_contents>h3:after,
.second_contents>#searched>h3:before,
.second_contents>#searched>h3:after,
.second_contents>#searched_favorite>h3:before,
.second_contents>#searched_favorite>h3:after,
.second_contents>#searched_member>h3:before,
.second_contents>#searched_member>h3:after,
.second_contents>#searched_professor>h3:before,
.second_contents>#searched_professor>h3:after,
.second_contents>#searched_group_school>h3:before,
.second_contents>#searched_group_school>h3:after,
.second_contents>#tab1_c>.second_contents_box>h3:before,
.second_contents>#tab1_c>.second_contents_box>h3:after {
    display:block;
    content:"";
    clear:both;
}
.kensu_waku {
    float:right;
}
.kensu_waku>p {
    display:inline-block;
    vertical-align:bottom;
}
.kensu_waku>p:first-child {
    font-size:150%;
    color:#e1091a;
}
.kensu_waku>p:last-child {
    padding-left:5px;
}
.kyujin_waku_haba>.kyujin_waku:not(:last-child) {
    margin-bottom: 20px;
}
.kyujin_waku {
    border:1px solid #cccccc;
}

.kyujin_title,
.kyujin_nakami {
    text-align:left;
}
.kyujin_title {
    padding:15px 15px 15px 20px;
}
.kyujin_nakami {
    padding:20px 20px;
}
.kyujin_title {
    background:#f4f4f4;
}
.kyujin_title>ul {
    display:table;
    table-layout:fixed;
    width:100%;
}
.kyujin_title>ul>li {
    line-height:1.4;
    display:inline-block;
    vertical-align:middle;
}
.kyujin_title>ul>li:first-child {
}
.kyujin_title>ul>li:last-child {
    padding-left:11px;
}
.kigyomei {
    font-size:140%;
    line-height:1.3;
    word-wrap:break-word;
}
.kigyo_number_waku {
    padding-top:5px;
}
.kigyo_number {
    background:#1259cc;
    padding:3px 8px;
    color:#fff;
    font-size:95%;
    border-radius:2px;
}
.date_count_waku {
    display:table;
    table-layout:fixed;
    width:100%;
}
.date_count_waku>li {
    display:inline-block;
    vertical-align:middle;
    font-size:105%;
}
.date_count_waku>li:not(:last-child) {
    padding-right:10px;
}
.date_comoku {
    border:1px solid #e2e2e2;
    display:table;
    table-layout: fixed;
}
.date_comoku>dt,
.date_comoku>dd {
    display: table-cell;
    vertical-align:middle;
    padding:7px 10px;
}
.date_comoku>dt {
    background:#f4f4f4;
}
.f_color_red {
    color:#e1091a;
}
.f_color_blue {
    color:#2185d0;
}
.naiyo_text_waku {
    background:#f5f9ff;
    padding:15px;
    margin-top:15px;
}
.shoku_kin_waku {
    display:table;
    table-layout:fixed;
    width:100%;
}
.shoku_kin_waku>li {
    width:50%;
    display:table-cell;
    vertical-align:top;
}
.shoku_kin_waku>li:first-child {
    padding-right:5px;
}
.shoku_kin_waku>li:last-child {
    padding-left:5px;
}
.shoku_kin_waku ol,
.oubo_waku {
    background:#fff;
    padding:13px 10px;
    text-align:left;
}
.shoku_kin_waku ol,
.shoku_kin_waku_2 ol,
.shoku_kin_waku_3 ol {
    display:table;
    table-layout:fixed;
    width:100%;
}
.shoku_kin_waku_2,
.shoku_kin_waku_3 {
    margin-top:15px;
}
.shoku_kin_waku ol>li,
.shoku_kin_waku_2 ol>li,
.shoku_kin_waku_3 ol>li {
    display:table-cell;
    vertical-align:top;
    padding:0 10px;
    word-break:break-all;
    line-height:1.3;
}
.shoku_kin_waku ol>li:first-child {
    width:7em;
}
.shoku_kin_waku ol>li:last-child {
    width: auto;
}
.shoku_kin_waku_2 ol>li:first-child {
    width:7em;
}
.shoku_kin_waku_2 ol>li:last-child {
    width: auto;
}
.shoku_kin_waku_3 ol>li:first-child {
    width:8em;
}
.shoku_kin_waku_3 ol>li:last-child {
    width: auto;
}
.icon_mark_waku {
    display:table;
    table-layout:fixed;
    width:100%;
    margin-left:auto;
    margin-top:15px;
    text-align:right;
}
.icon_mark_waku>li {
    display: inline-block;
    vertical-align:middle;
}
.icon_mark_waku>li:first-child {
    padding-right:5px;
}
.icon_mark_waku>li:last-child {
    padding-left:5px;
}
.icon_mark { 
    color: #1259cc;
    display: inline-block;
    height: 35px;
    font-size:102%;
    vertical-align: middle;
    background: #fff;
    text-decoration: none;
    font-weight:bold;
    border:1px solid #1259cc;
    border-radius:3px;
}
.icon_mark .icon_coment{
    display: inline-block;
    width: 95px;
    text-align: center;
    vertical-align:middle;
}
.icon_mark .iconback{
    display: inline-block;
    width: 35px;
    height: 34px;
    text-align: center;
    color: #fff;
}
.icon_mark .iconback .sono1{
    font-size: 125%;
    line-height:34px;
}
.icon_mark .iconback .sono1{
	transition: .3s;
}
.icon_mark .iconback_sono1 {
    background:#1259cc;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}



@media screen and (max-width: 1200px) {
    .second_contents>h3,
    .second_contents>#searched>h3,
    .second_contents>#searched_favorite>h3,
    .second_contents>#searched_member>h3,
    .second_contents>#searched_professor>h3,
    .second_contents>#searched_group_school>h3,
    .second_contents>#tab1_c>.second_contents_box>h3 {
        padding: 15px 20px 13px 20px;
    }
    .kyujin_title {
        padding:15px 15px 15px 20px;
    }
    .kyujin_nakami {
        padding:15px 15px;
    }
    .katudo_nakami {
        padding:15px 15px;
    }
}

.icon_mark,
.icon_mark_2,
.icon_mark_3 { 
    color: #1259cc;
    display: inline-block;
    height: 35px;
    font-size:115%;
    vertical-align: middle;
    background: #fff;
    text-decoration: none;
    font-weight:bold;
    border:1px solid #1259cc;
    border-radius:3px;
}
.icon_mark_2,
.icon_mark_3 { 
    border-bottom:2px solid rgba(0,0,0,0.1);
    box-shadow:0 1px 0 #1259cc;
    cursor:pointer;
}
.icon_mark_3 {
    background:#fff;
    color:#1259cc;
    height:35px;
}
.icon_mark .icon_coment,
.icon_mark_2 .icon_coment,
.icon_mark_3 .icon_coment {
    display: inline-block;
    width: 95px;
    text-align: center;
    vertical-align:middle;
    line-height:1.0;
}
.icon_mark_3 .icon_coment {
    height:37px;
    letter-spacing:-0.05em;
}
.icon_mark_2 .icon_coment,
.icon_mark_3 .icon_coment {
    width: 130px;
    cursor:pointer;
}
.icon_mark_2 .iconback,
.icon_mark_3 .iconback{
    border-bottom:0;
}
.icon_mark .iconback,
.icon_mark_2 .iconback,
.icon_mark_3 .iconback {
    display: inline-block;
    width: 35px;
    height: 34px;
    text-align: center;
}
.icon_mark_3 .iconback {
    height:32px;
    position:relative;
}
.icon_mark .iconback,
.icon_mark_2 .iconback {
    color: #fff;
}
.icon_mark .iconback .sono1,
.icon_mark_2 .iconback .sono1,
.icon_mark_3 .iconback .sono1 {
    font-size: 140%;
    line-height:34px;
	transition: .3s;
}
.icon_mark_3 .iconback .sono1:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 13px;
    width: 9px;
    height: 16px;
    transform: rotate(40deg);
    border-bottom: 3px solid #1259cc;
    border-right: 3px solid #1259cc;
}
.icon_mark .iconback_sono1,
.icon_mark_2 .iconback_sono1,
.icon_mark_3 .iconback_sono1 {
    background:#1259cc;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
.icon_mark_2 .iconback {
    border-bottom:2px solid #0b4094;
}
.icon_mark_3 .iconback {
    border-bottom:2px solid #96beff;
}
.icon_mark_2:hover .iconback {
    height:32px;
}
.icon_mark_3:hover .iconback {
    height:32px;
}
.icon_mark_2:hover,
.icon_mark_3:hover {
    background: #cfe1ff;
    color: #1259cc;
    margin-top: 2px;
    border-bottom: 2px solid #cfe1ff;
}
.icon_mark_3 .icon_coment:hover {
    margin-top: 2px;
}
.icon_mark_2:hover {
    height:33px;
}
.icon_mark_3:hover {
    height:33px;
}
.icon_mark_2:hover .iconback,
.icon_mark_3:hover .iconback {
    border-bottom:0;
}
.icon_mark_2:hover .iconback_sono1 {
    background:#4981dc;
}
.icon_mark_3 .iconback_sono1 {
    background:#b7d2ff;
}

/*追加 2018/12/12*/
.icon_mark_2 .iconback_sono2,
.icon_mark_3 .iconback_sono2 {
    border-bottom: 0;
}
.icon_mark .iconback_sono2,
.icon_mark_2 .iconback_sono2,
.icon_mark_3 .iconback_sono2 {
    display: inline-block;
    width: 35px;
    height: 34px;
    text-align: center;
}
.icon_mark_3 .iconback_sono2 {
    height:34px;
    position:relative;
}
.icon_mark .iconback_sono2,
.icon_mark_2 .iconback_sono2 {
    color: #fff;
}
.icon_mark .iconback_sono2,
.icon_mark_2 .iconback_sono2,
.icon_mark_3 .iconback_sono2 {
    font-size: 140%;
    line-height:34px
}
.icon_mark_3 .iconback_sono2:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 13px;
    width: 9px;
    height: 16px;
    transform: rotate(40deg);
    border-bottom: 3px solid #1259cc;
    border-right: 3px solid #1259cc;
}
/*問題なし*/
.icon_mark .iconback_sono2,
.icon_mark_2 .iconback_sono2,
.icon_mark_3 .iconback_sono2 {
    background:#1259cc;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
.icon_mark_2 .iconback_sono2 {
    border-bottom:2px solid #0b4094;
}
.icon_mark_3 .iconback_sono2 {
    border-bottom:2px solid #96beff;
}
.icon_mark_2:hover .iconback_sono2 {
    height:32px;
}
.icon_mark_3:hover .iconback_sono2 {
    height:32px;
}
.icon_mark_2:hover .iconback_sono2,
.icon_mark_3:hover .iconback_sono2 {
    border-bottom:0;
}
.icon_mark_2:hover .iconback_sono2 {
    background:#4981dc;
}
.icon_mark_3 .iconback_sono2 {
    background:#b7d2ff;
}

.syusei_btn,
.renraku_btn,
.oubo_btn,
.oubo_btn_2,
.goukaku_btn,
.del_activity_btn,
.experience_btn,
.shousai_btn,
.kyujinsyosai_btn,
.kyujin_btn,
.annai_btn,
.taiken_btn,
.sched_btn {
    display: inline-block;
    color:#1359cc;
    border:1px solid #1359cc;
    border-radius: 3px;/*追加*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width:100%;
    padding-top:2px;
}
.preview_btn {
    display: inline-block;
    color:#dc73ff;
    border:1px solid #dc73ff;
    border-radius: 3px;/*追加*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width:100%;
}
.syusei_btn,
.renraku_btn,
.oubo_btn,
.oubo_btn_2,
.goukaku_btn,
.del_activity_btn,
.experience_btn,
.shousai_btn,
.sched_btn {
    max-width:160px;
}
.kyujinsyosai_btn,
.kyujin_btn,
.annai_btn,
.taiken_btn,
.preview_btn {
    max-width:110px;
}
.syusei_btn>span,
.renraku_btn>span,
.oubo_btn>span,
.oubo_btn_2>span,
.goukaku_btn>span,
.del_activity_btn>span,
.experience_btn>span,
.shousai_btn>span,
.kyujinsyosai_btn>span,
.kyujin_btn>span,
.annai_btn>span,
.taiken_btn>span,
.preview_btn>span,
.sched_btn>span {
    border-bottom: 2px solid #c2cbda;
    width:100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
}
.syusei_btn>span,
.renraku_btn>span,
.oubo_btn>span,
.goukaku_btn>span {
    background-color: #FFFFFF;
    font-size:105%;
    padding-top:8px;
    padding-bottom:8px;
}
.oubo_btn_2>span,
.del_activity_btn>span,
.experience_btn>span,
.sched_btn>span {
    background-color: #cfe1ff;
    font-size:105%;
    padding-top:8px;
    padding-bottom:8px;
}
.shousai_btn>span {
    background-color: #FFFFFF;
    font-size:120%;
    padding-top:8px;
    padding-bottom:8px;
}
.kyujinsyosai_btn>span {
    background:#FDFED0;
}
.kyujin_btn>span {
    background:#cfe1ff;
}
.annai_btn>span {
    background:#ddf6e0;
}
.taiken_btn>span {
    background:#fce6e6;
}
.preview_btn>span {
    background:white;
}

.kyujinsyosai_btn>span,
.kyujin_btn>span,
.annai_btn>span,
.taiken_btn>span,
.preview_btn>span {
    font-size:105%;
    padding-top:6px;
    padding-bottom:6px;
}


.kyujinsyosai_btn:hover,
.kyujin_btn:hover,
.annai_btn:hover,
.taiken_btn:hover {
    color:#1359cc;
    padding-top:0;
    padding-bottom:0;
}
.preview_btn:hover {
    color:#dc73ff;
    border-color:#dc73ff;
    padding-top:0;
    padding-bottom:0;
}
.oubo_btn:hover,
.oubo_btn_2:hover,
.goukaku_btn:hover,
.del_activity_btn:hover,
.experience_btn:hover,
.sched_btn:hover {
    color: #1359cc;
    background:#cfe1ff;
    border-bottom: 1px solid #1359cc;
}
.datekugiri_btn:hover,
.shousai_btn:hover {
    background:#cfe1ff;
    border-bottom: 1px solid #1359cc;
}
.kyujinsyosai_btn:hover>span,
.kyujin_btn:hover>span,
.annai_btn:hover>span,
.taiken_btn:hover>span,
.preview_btn:hover>span {
    border-bottom: 0;
    padding-top:8px;
}

.kyujin_title>ul>li:last-child .kyujinsyosai_btn {
    margin-right:2.5px;
}
.kyujin_title>ul>li:last-child .kyujin_btn {
    margin-right:2.5px;
}
.kyujin_title>ul>li:last-child .annai_btn {
    margin-right:2.5px;
}
.kyujin_title>ul>li:last-child .taiken_btn {
    margin-right:2.5px;
}
#last_search {
    cursor: pointer;
}
.ui.tabular.menu .active.item {
	background:#cfe1ff !important;
}
.ui.tabular.menu .active.item {
	background:#cfe1ff !important;
}
.ui.tabular.menu .active.item {
	color:#534a4a !important;
}
.ui.tabular.menu .item{
	padding-left:50px !important;
	padding-top:0px !important;
	padding-right:50px !important;
	padding-bottom:0px !important;
	
	border-bottom: none;
    border-left: 1px solid #d4d4d5 !important;
    border-right: 1px solid #d4d4d5 !important;
    border-top: 1px solid #d4d4d5 !important;
	background:white !important;
    border-radius: .28571429rem .28571429rem 0 0!important;
    
    margin-right:5px;
}

/* --------------------------------------*/
/* メインメニュー関連
/* --------------------------------------*/
/** 学生用 **/
#main_menu{
	width: 960px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 20px;
	background-color: #FFF;
	border-radius: 10px;
	border-bottom: 2px solid #C8C1C1;
	border-right: 1px solid #C8C1C1;
}
#main_menu li.sub_menu{
	float:left;
	display: block;
	width: 50%;
	background-color: #0068b7;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 5px;
}
#main_menu li.sub_menu.search,
#main_menu li.sub_menu.list{
	width: 49.5%;
}

#main_menu li.sub_menu.schedule,
#main_menu li.sub_menu.contact_m{
	width: 50%;
	margin-left: 0.5%;
}
#main_menu li.sub_menu.set{
	width: 100%;
}
#main_menu li.sub_menu.schedule{ background-color:#0075a9;}
#main_menu li.sub_menu.list{ background-color:#8f82bc;}
#main_menu li.sub_menu.contact_m{ background-color:#5a4498;}
#main_menu li.sub_menu.set{ background-color:#1c4498;}

#main_menu li p.sub_ttl{
	color: #FFF;
	border-left: 4px solid #FFF;
	padding: 0.1em 0.25em;
	font-size: 120%;
}
#main_menu .smenu_com li{
	float: left;
	text-align:  center;
	position: relative;
}

#main_menu .smenu_com.search li:not(:first-child),
#main_menu .smenu_com.schedule li:not(:first-child),
#main_menu .smenu_com.list li:not(:first-child),
#main_menu .smenu_com.contact_m li:not(:first-child),
#main_menu .smenu_com.set li:not(:first-child){
	margin-left: 20px;
}

#main_menu .smenu_com.search li:first-child,
#main_menu .smenu_com.schedule li:first-child,
#main_menu .smenu_com.list li:first-child,
#main_menu .smenu_com.contact_m li:first-child,
#main_menu .smenu_com.set li:first-child{
	margin-left: 0;
}

#main_menu .smenu_com li a{
	display: block;
	color: #0068b7;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin:auto;
	width: 100%;
	height: 100%;
	margin-top: 38px;
	font-weight: bold;
}
#main_menu .smenu_com.search li a{color: #0068b7;}
#main_menu .smenu_com.schedule li a{color: #0075a9;}
#main_menu .smenu_com.list li a{color: #5f4876;}
#main_menu .smenu_com.contact_m li a{color: #5a4498;}
#main_menu .smenu_com.set li a{color: #2459c9;}

#main_menu .smenu_com.search li:hover,
#main_menu .smenu_com.schedule li:hover,
#main_menu .smenu_com.list li:hover,
#main_menu .smenu_com.contact_m li:hover,
#main_menu .smenu_com.set li:hover{
	background-color:rgba(255,255,255,0.80);
	cursor : pointer;
}

#main_menu .smenu_com{
	width: 98%;
	color: #FFF;
	border-radius: 10px;
	margin: 18px 1.5%;
	text-align:  center;
}
/*
#main_menu .smenu_com.search{
	width: 78%;
	margin: 18px 12%;
}
#main_menu .smenu_com.schedule,
#main_menu .smenu_com.list{
	width: 82%;
	margin: 18px 9%;
}
*/
#main_menu .smenu_com li{
	width: 153px;
	height: 100px;
	background-color: #FFF;
	border-radius: 10px;
	border-bottom: solid 3px #C8C1C1;
}
#main_menu .smenu_com li.search01    {background: url("../img/menu_icon_search.png")            center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.search02    {background: url("../img/menu_icon_search.png")            center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.schedule01  {background: url("../img/menu_icon_schedule.png")          center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.list01      {background: url("../img/menu_icon_activity_company.png")  center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.list02      {background: url("../img/menu_icon_career2.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.contact_m01 {background: url("../img/menu_icon_contact3.png")          center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.set01       {background: url("../img/menu_icon_config.png")            center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.set02       {background: url("../img/menu_icon_qualification.png")     center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.set03       {background: url("../img/menu_icon_academic.png")          center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.set04       {background: url("../img/menu_icon_career.png")            center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.set05       {background: url("../img/menu_icon_alert.png")             center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.set06       {background: url("../img/menu_icon_config.png")            center 20px / 22px auto no-repeat #FFF;}

#main_menu .smenu_com li.search01 a,
#main_menu .smenu_com li.search02 a,
#main_menu .smenu_com li.schedule01 a,
#main_menu .smenu_com li.list01 a,
#main_menu .smenu_com li.list02 a,
#main_menu .smenu_com li.contact_m01 a,
#main_menu .smenu_com li.set01 a,
#main_menu .smenu_com li.set02 a,
#main_menu .smenu_com li.set03 a,
#main_menu .smenu_com li.set04 a,
#main_menu .smenu_com li.set05 a,
#main_menu .smenu_com li.set06 a{
	padding-top: 20px;
	padding-top:  16px;
	bottom:0;
	font-size: 120%;
}

#main_menu .smenu_com li.search01 a:hover,
#main_menu .smenu_com li.search02 a:hover,
#main_menu .smenu_com li.schedule01 a:hover,
#main_menu .smenu_com li.list01 a:hover,
#main_menu .smenu_com li.list02 a:hover,
#main_menu .smenu_com li.contact_m01 a:hover,
#main_menu .smenu_com li.set01 a:hover,
#main_menu .smenu_com li.set02 a:hover,
#main_menu .smenu_com li.set03 a:hover,
#main_menu .smenu_com li.set04 a:hover,
#main_menu .smenu_com li.set05 a:hover,
#main_menu .smenu_com li.set06 a:hover{
	text-decoration: none;
}

/** 職員用 **/
#main_menu .smenu_com.student{
	/* width: 82%; */
	margin: 18px 1.5%;
}

#main_menu li.sub_menu.student{
	width: 40%;
}

#main_menu li.sub_menu.contact{
	width: 100%;
}

#main_menu li.sub_menu.activity{
	width: 76%;
}

#main_menu li.sub_menu.searchjob{
	width: 23.5%;
	margin-left: 0.5%;
}

#main_menu li.sub_menu.professor{
	width: 76%;
}

#main_menu li.sub_menu.company{
	width: 59.5%;
	margin-left: 0.5%;
}

#main_menu li.sub_menu.code{
	width: 23.5%;
	margin-left: 0.5%;
}

#main_menu li.sub_menu.contact  { background-color:#0075a9;}
#main_menu li.sub_menu.activity { background-color:#8f82bc;}
#main_menu li.sub_menu.searchjob{ background-color:#1c4498;}
#main_menu li.sub_menu.professor{ background-color:#5a4498;}
#main_menu li.sub_menu.company  { background-color:#336699;}
#main_menu li.sub_menu.code     { background-color:#0066CC;}

#main_menu .smenu_com.student   li a{color: #0068b7;}
#main_menu .smenu_com.contact   li a{color: #0075a9;}
#main_menu .smenu_com.activity  li a{color: #5f4876;}
#main_menu .smenu_com.searchjob li a{color: #2459c9;}
#main_menu .smenu_com.professor li a{color: #5a4498;}
#main_menu .smenu_com.company   li a{color: #336699;}
#main_menu .smenu_com.code      li a{color: #0066CC;}

#main_menu .smenu_com.student   li:hover,
#main_menu .smenu_com.activity  li:hover,
#main_menu .smenu_com.contact   li:hover,
#main_menu .smenu_com.searchjob li:hover,
#main_menu .smenu_com.professor li:hover,
#main_menu .smenu_com.company   li:hover,
#main_menu .smenu_com.code      li:hover
{
	background-color:rgba(255,255,255,0.80);
	cursor : pointer;
}

#main_menu .smenu_com li.student01  {background: url("../img/menu_icon_career.png")            center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.student02  {background: url("../img/menu_icon_schedule_prof.png")     center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.activity01 {background: url("../img/menu_icon_activity_company.png")  center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.activity02 {background: url("../img/menu_icon_activity_company.png")  center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.activity03 {background: url("../img/menu_icon_alert2.png")            center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.activity04 {background: url("../img/menu_icon_career2.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.activity05 {background: url("../img/menu_icon_career2.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.contact01  {background: url("../img/menu_icon_contact1.png")          center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.contact02  {background: url("../img/menu_icon_contact2.png")          center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.contact03  {background: url("../img/menu_icon_search3.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.contact04  {background: url("../img/menu_icon_activity_company2.png") center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.contact05  {background: url("../img/menu_icon_search3.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.searchjob01{background: url("../img/menu_icon_search.png")            center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.professor01{background: url("../img/menu_icon_config2.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.professor02{background: url("../img/menu_icon_config2.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.professor03{background: url("../img/menu_icon_config2.png")           center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.company01  {background: url("../img/menu_icon_company1.png")          center 20px / 22px auto no-repeat #FFF;}
#main_menu .smenu_com li.code01     {background: url("../img/menu_icon_code1.png")             center 20px / 22px auto no-repeat #FFF;}

#main_menu .smenu_com li.student01   a,
#main_menu .smenu_com li.student02   a,
#main_menu .smenu_com li.activity01  a,
#main_menu .smenu_com li.activity02  a,
#main_menu .smenu_com li.activity03  a,
#main_menu .smenu_com li.activity04  a,
#main_menu .smenu_com li.activity05  a,
#main_menu .smenu_com li.contact01   a,
#main_menu .smenu_com li.contact02   a,
#main_menu .smenu_com li.contact03   a,
#main_menu .smenu_com li.contact04   a,
#main_menu .smenu_com li.contact05   a,
#main_menu .smenu_com li.searchjob01 a,
#main_menu .smenu_com li.professor01 a,
#main_menu .smenu_com li.professor02 a,
#main_menu .smenu_com li.professor03 a,
#main_menu .smenu_com li.company01   a,
#main_menu .smenu_com li.code01      a
{
	padding-top: 20px;
	padding-top:  16px;
	bottom:0;
	font-size: 120%;
}

#main_menu .smenu_com li.student01   a:hover,
#main_menu .smenu_com li.student02   a:hover,
#main_menu .smenu_com li.activity01  a:hover,
#main_menu .smenu_com li.activity02  a:hover,
#main_menu .smenu_com li.activity03  a:hover,
#main_menu .smenu_com li.activity04  a:hover,
#main_menu .smenu_com li.activity05  a:hover,
#main_menu .smenu_com li.contact01   a:hover,
#main_menu .smenu_com li.contact02   a:hover,
#main_menu .smenu_com li.contact03   a:hover,
#main_menu .smenu_com li.contact04   a:hover,
#main_menu .smenu_com li.contact05   a:hover,
#main_menu .smenu_com li.searchjob01 a:hover,
#main_menu .smenu_com li.professor01 a:hover,
#main_menu .smenu_com li.professor02 a:hover,
#main_menu .smenu_com li.professor03 a:hover,
#main_menu .smenu_com li.company01   a:hover,
#main_menu .smenu_com li.code01      a:hover
{
	text-decoration: none;
}

#main_menu .smenu_com.student   li,
#main_menu .smenu_com.contact   li,
#main_menu .smenu_com.activity  li,
#main_menu .smenu_com.searchjob li,
#main_menu .smenu_com.professor li,
#main_menu .smenu_com.company   li,
#main_menu .smenu_com.code      li
{
	margin-left: 10px;
}

#main_menu .smenu_com.student   li:first-child,
#main_menu .smenu_com.contact   li:first-child,
#main_menu .smenu_com.activity  li:first-child,
#main_menu .smenu_com.searchjob li:first-child,
#main_menu .smenu_com.professor li:first-child,
#main_menu .smenu_com.company   li:first-child,
#main_menu .smenu_com.code      li:first-child
{
	margin-left: 0;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

@media print, screen and (max-width: 1060px) {
	/** 学生用 **/
	#main_menu {
		width: 90%;
		margin:  0 auto;
		margin-bottom: 20px;
	}
	#main_menu .smenu_com{
		margin:  18px 5%;
	}
	#main_menu li.sub_menu{
		float: none;
		display: block;
		width: auto;
	}

	#main_menu li.sub_menu.search,
	#main_menu li.sub_menu.schedule,
	#main_menu li.sub_menu.list,
	#main_menu li.sub_menu.contact_m,
	#main_menu li.sub_menu.set{
		width: 100%;
	}

	#main_menu .smenu_com.search,
	#main_menu .smenu_com.schedule,
	#main_menu .smenu_com.list,
	#main_menu .smenu_com.contact_m,
	#main_menu .smenu_com.set{
		width: 90%;
		margin: 18px 5%;
	}
	
	#main_menu .smenu_com.search li{ width: 46%;}
	#main_menu .smenu_com.schedule li{ width: 46%;}
	#main_menu .smenu_com.list li{ width: 46%;}
	#main_menu .smenu_com.contact_m li{ width: 46%;}
	#main_menu .smenu_com.set li{ width: 46%;}

	#main_menu .smenu_com.search li:not(:first-child),
	#main_menu .smenu_com.schedule li:not(:first-child),
	#main_menu .smenu_com.list li:not(:first-child),
	#main_menu .smenu_com.contact_m li:not(:first-child),
	#main_menu .smenu_com.set li:not(:first-child){
		margin-left: 0;
	}

	#main_menu .smenu_com.search li:nth-child(2n),
	#main_menu .smenu_com.list li:nth-child(2n),
	#main_menu .smenu_com.set li:nth-child(2n){
		margin-bottom: 10px;
		margin-left: 8%;
	}

	/*
	#main_menu .smenu_com.search li:last-child{
		margin-left:  8%;
	}
	#main_menu .smenu_com.set li{
		margin-left: 0;
	}
	#main_menu .smenu_com.set li:nth-child(2n){
		margin-bottom: 10px;
		margin-left: 8%;
	}
	#main_menu li.sub_menu.schedule,
	#main_menu li.sub_menu.list {
		float: left;
		width: 49.5%;
		margin-right: 1%;
		margin-left:  0;
	}
	#main_menu li.sub_menu.list {
		margin-right: 0;
	}
	#main_menu li.sub_menu.list li{
		clear:both;
	}
	#main_menu li.sub_menu.list:last-child {
		margin-right: 0;
	}
	*/
	#main_menu li.sub_menu.set {
		clear:both;
	}
	/*
	#main_menu .smenu_com.schedule,
	#main_menu .smenu_com.list {
		width: 89%;
		margin: 18px auto;
	}
	*/
	
	/** 職員用 **/
	#main_menu li.sub_menu.student,
	#main_menu li.sub_menu.contact,
	#main_menu li.sub_menu.activity,
	#main_menu li.sub_menu.searchjob,
	#main_menu li.sub_menu.professor,
	#main_menu li.sub_menu.company,
	#main_menu li.sub_menu.code
	{
		width: 100%;
	}

	#main_menu .smenu_com.student,
	#main_menu .smenu_com.contact,
	#main_menu .smenu_com.activity,
	#main_menu .smenu_com.searchjob,
	#main_menu .smenu_com.professor,
	#main_menu .smenu_com.company,
	#main_menu .smenu_com.code
	{
		width: 90%;
		margin: 18px 5%;
	}
	#main_menu .smenu_com.student   li{ width: 46%;}
	#main_menu .smenu_com.contact   li{ width: 46%;}
	#main_menu .smenu_com.activity  li{ width: 46%;}
	#main_menu .smenu_com.searchjob li{ width: 46%;}
	#main_menu .smenu_com.professor li{ width: 46%;}
	#main_menu .smenu_com.company   li{ width: 46%;}
	#main_menu .smenu_com.code      li{ width: 46%;}
	
	#main_menu .smenu_com.student li:last-child,
	#main_menu .smenu_com.company li:last-child,
	#main_menu .smenu_com.code    li:last-child {
		margin-left:  8%;
	}
	#main_menu .smenu_com.contact li{
		margin-left: 0;
	}
	#main_menu .smenu_com.activity  li:nth-child(2n),
	#main_menu .smenu_com.contact   li:nth-child(2n),
	#main_menu .smenu_com.professor li:nth-child(2n) {
		margin-bottom: 10px;
		margin-left: 8%;
	}
	#main_menu .smenu_com.activity  li,
	#main_menu .smenu_com.professor li{
		margin-left: 0;
	}

	#main_menu li.sub_menu.searchjob,
	#main_menu li.sub_menu.code {
		clear:both;
	}
}
/* --------------------------------------*/
/* 活動情報関連
/* --------------------------------------*/

.katudo_nakami {
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
	padding:5px 20px;
}
.katudo_text_waku {
	background:#f5f9ff;
	padding:15px;
}
.katudo_waku,
.katudo_waku_4,
.katudo_waku_5{
    display:table;
    table-layout:fixed;
    width:100%;
}
.katudo_waku_4{
	margin-bottom:15px;
}

.katudo_waku_5{
	margin-top:15px;
}

.katudo_waku>li,
.katudo_waku_4>li,
.katudo_waku_5>li {
    width:50%;
    display:table-cell;
    vertical-align:top;
}
.katudo_waku>li:first-child {
    padding-right:5px;
}
.katudo_waku>li:last-child {
    padding-left:5px;
}
.katudo_waku_4>li:first-child,
.katudo_waku_5>li:first-child {
    padding-right:5px;
}
.katudo_waku_4>li:last-child ,
.katudo_waku_5>li:last-child {
    padding-left:5px;
}

.katudo_waku ol,
.katudo_waku_3 {
    background:#fff;
    padding:13px 10px;
    text-align:left;
}
.katudo_waku_4 ol,
.katudo_waku_5 ol {
    background:#fff;
    padding:13px 10px;
    text-align:left;
}
.katudo_waku ol,
.katudo_waku_4 ol,
.katudo_waku_2 ol,
.katudo_waku_5 ol {
    display:table;
    table-layout:fixed;
    width:100%;
}
.katudo_waku_2 {
    margin-top:15px;
}
.katudo_waku ol>li,
.katudo_waku_2 ol>li {
    display:table-cell;
    vertical-align:middle;
    padding:0 10px;
    word-break:break-all;
    line-height:1.3;
}
.katudo_waku_4 ol>li,
.katudo_waku_5 ol>li {
    display:table-cell;
    vertical-align:middle;
    padding:0 10px;
    word-break:break-all;
    line-height:1.3;
}
.katudo_waku ol>li:first-child {
    width:7em;
}
.katudo_waku ol>li:last-child {
    width: auto;
}
.katudo_waku_2 ol>li:first-child {
    width:7em;
}
.katudo_waku_2 ol>li:last-child {
    width: auto;
}
.katudo_waku_4 ol>li:first-child,
.katudo_waku_5 ol>li:first-child {
    width:7em;
}
.katudo_waku_4 ol>li:last-child,
.katudo_waku_5  ol>li:last-child {
    width: auto;
}
.syusei_btn_waku {
    padding:15px 5px 0px;
	text-align: right;
}

.renraku_btn_waku {
    padding:10px 9px 0px;
	text-align: right;
}

.oubo_btn_waku {
    padding:0px 40px 20px 25px;
	text-align: right;
}
.oubo_btn_waku_2 {
    padding:5px 25px 0px 25px;
	text-align: right;
}

.sched_btn_waku {
    padding:20px 10px 0px 10px;
	text-align: right;
}

/*table1*/

table.tbl_sty1 {
	width: 100%;
	margin-bottom: 20px;
}
table.tbl_sty1 th,table.tbl_sty1 td {

	border: 1px solid #C2C1BF;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px;
}
table.tbl_sty1 th.b_none,table.tbl_sty1 td.b_none {
	border-left: none;
	border-right: none;
}


table.tbl_sty1 th {
	background: url("../img/nav_bg.gif") repeat-x left bottom;
	white-space: nowrap;
}
table.tbl_sty1 td.title{
	background: url("../img/nav_bg.gif") repeat-x left bottom;
    padding-left:10px;
    font-weight:bold;
    text-align:left;
}
table.tbl_sty1 td.title2{
	background-color:#FFD700;
    padding-left:10px;
    font-weight:bold;
    text-align:left;
}
table.tbl_sty1 td {
	padding-right:10px;
}

table.tbl_sty1 th,
table.tbl_sty1 td {
	overflow-wrap:break-word;
	word-wrap:break-word;
}

/*table2*/

table.tbl_sty2 {
	width: 100%;
	margin-bottom: 20px;
	font-size:87%;
}
table.tbl_sty2 th,table.tbl_sty2 td {

	border: 1px solid #C2C1BF;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px;
}
table.tbl_sty2 th.b_none,table.tbl_sty2 td.b_none {
	border-left: none;
	border-right: none;
}


table.tbl_sty2 th {
	background: url("../img/nav_bg.gif") repeat-x left bottom;
	/*white-space: nowrap;*/
}
table.tbl_sty2 td.title{
	background: url("../img/nav_bg.gif") repeat-x left bottom;
    padding-left:5px;
    font-weight:bold;
    text-align:left;
}
table.tbl_sty2 td.title2{
	background-color:#FFD700;
    padding-left:5px;
    font-weight:bold;
    text-align:left;
}
table.tbl_sty2 td {
	padding-right:5px;
}

table.tbl_sty2 th,
table.tbl_sty2 td {
	overflow-wrap:break-word;
	word-wrap:break-word;
}

/*table inner*/
table.tbl_inner{
  width: 100%;
}
table.tbl_inner tr{
}
table.tbl_inner th,
table.tbl_inner td{
  padding: 5px 10px 5px 10px;
}
table.tbl_inner th{
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background-color: #eaeaea;
  border: 1px solid #ccc;
}
table.tbl_inner td{
  border: none;
}

h3.selected  {
	padding: 8px 8px 8px 30px;
	background: url("../img/arrow_down.gif") no-repeat 10px center !important;
	background-color: #f08080 !important;
}

h3.h3_tex_ar {
	cursor:pointer;
	padding: 7px 7px 7px 30px;
	margin-bottom: 10px;
	background: url("../img/arrow.gif") no-repeat 10px center;
	background-color: #f4f4f4;
	border: 1px dotted #c1c1c1;
}

h3.h3_prof {
    background-color: #2373cF;
    color: white;
}

h3.h3_calendar {
    margin-top:0px;
    margin-bottom:0px;
    padding: 7px 7px 7px 15px;
    background-color:#a5b3cc;
    border-bottom:1px dotted #c1c1c1;
}

h3.h3_calendr2 {
    margin-top:0px;
    padding-top:10px;
    padding-bottom:10px;
}

select {
}
::-ms-expand {
    display:none;
}

/* --------------------------------------*/
/* 表ヘッダー固定用
/* --------------------------------------*/

#container * {
    box-sizing:border-box;
}

.tbl_sty1_waku {
  width: 100%;
  overflow-x: auto;
}

table.tbl_sty1 {
    width: 100% !important;
    border-spacing: 0;
    table-layout:fixed;
}
.second_contents_box div:nth-child(2) table.tbl_sty1,
.second_contents_box div:nth-child(5) table.tbl_sty1 {
    min-width: 890px !important;
}

.second_contents_box div:nth-child(4) table.tbl_sty1,
.second_contents_box div:nth-child(6) table.tbl_sty1 {
    min-width: 269px !important;
}

.chk_lbl_1 {
    z-index:0;
}

input[readonly="readonly"] {
    background-color:#eaeaea !important;
}

textarea[readonly="readonly"] {
    background-color:#eaeaea !important;
}

.lbl_non_editable {
    margin-left:5px !important;
    font-size:85%  !important;
}

/* --------------------------------------*/
/* 下線リンク用
/* --------------------------------------*/
.underline_link {
	text-decoration-line: underline;
	text-decoration-color: #0000de;
}

.underline_link {
	cursor: pointer;
	color: #0000de;
}

/* --------------------------------------*/
/* 学生情報一覧(職員用)関連
/* --------------------------------------*/
#btn-update,
#btn-output
{
	cursor: pointer;
}


/* --------------------------------------*/
/* 検索ダイアログ一覧関連
/* --------------------------------------*/
.serachDialog{
	max-height: 90%;
}
.dialogList{
	margin: 10px 0 10px 10px ;
}
.dialogList p{
	margin-top: 3px;
	padding: 5px 0 5px 1rem;
	background-color: #eaeaea;
	margin-bottom: 0;
	border: 1px solid #C2C1BF;
}
.dialogList p.dialog_list{
	cursor: pointer;
	background-color: #FFF;
}
.dialogList .dialog_list_list{
	font-weight: normal !important;
}
.dialogList p span.list_title{
	font-weight: bold;
	margin-right: 8px;
}
.dialogList p span.list_count{
	font-weight: bold;
	float: right;
	margin-right: 8px;
}
.dialogList p.dialog_list:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	background-color:#D7EEFF;
}

/* --------------------------------------*/
/* スケジュール一覧関連
/* --------------------------------------*/
.qtip-sched {
    background-color: #e6ffee !important;
    border-color: #95cca6 !important;
    color: #4d996a !important;
}
.qtip-sched .qtip-titlebar {
    background-color: #c4f5d3 !important;
}

.legend-active {
    background-color: #3a87ad !important;
    border:1px solid #3a87ad !important;
    color: white !important;
}

.legend-schedule {
    background-color: #3bad61 !important;
    border:1px solid #3bad61 !important;
    color: white !important;
}

.legend-practicaltraining {
    background-color: #F1D031 !important;
    border:1px solid #F1D031 !important;
    color: white !important;
}

.lbl_kigyo {
    margin:3px 3px 0px 0px !important;
}

/* --------------------------------------*/
/* 作成済学生連絡詳細関連
/* --------------------------------------*/
.lbl_sentakucd_pre {
    background-color: #e8e8e8;
    padding:.5833em .833em;
    border:solid 0.5px #ccc;
    border-right:none;
    font-weight:700;
    text-align:center;
}
.lbl_sentakucd_suffix {
    padding:.5833em .833em;
    border:solid 0.5px #ccc;
}

/* --------------------------------------*/
/* 学生連絡詳細関連
/* --------------------------------------*/
.tbl_sty_contact {
    min-width:970px !important;
}

/* --------------------------------------*/
/* 体験談関連
/* --------------------------------------*/
.ui.pointing.secondary.menu .active.item {
    color:#337eff !important;
    border-color:#337eff !important;
}
.exp_h_waku {
    background:#f5f9ff;
    padding:10px 10px 5px 10px;
}
.exp_h_waku_2{
    display:table;
    table-layout:fixed;
    width:100%;
    margin-bottom:5px;
}
.exp_h_waku_2>li{
    width:50%;
    display:table-cell;
    vertical-align:top;
}
.exp_h_waku_2>li:first-child{
    padding-right:5px;
}
.exp_h_waku_2>li:last-child{
    padding-left:5px;
}
.exp_h_waku_2>li:only-of-type{
    padding-right:0;
    padding-left:0;
}
.exp_h_waku_2 ol {
    background:#fff;
    padding:13px 10px;
    text-align:left;
    display:table;
    table-layout:fixed;
    width:100%;
}
.exp_h_waku_2 ol>li {
    display:table-cell;
    vertical-align:middle;
    padding:0 10px;
    word-break:break-all;
    line-height:1.3;
}
.exp_h_waku_2 ol>li:first-child {
    width:7em;
}
.exp_h_waku_2  ol>li:last-child {
    width: auto;
}
.exp_contents {
    padding:10px;
}

.exp_cstest_td {
    vertical-align:text-top;
    border-top:0px !important;
    border-bottom:1px dashed #ccc !important;
}

.exp_cstest_td_2 {
    border-top:0px !important;
    vertical-align:text-top;
}

.fx-1 {
display:flex;
flex-direction: column;
min-height:400px;
max-height:750px;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}

.fx-2 {
flex:auto;
width:245px;
}

.wid {
    column-width: 250px;
}
/* --------------------------------------*/
/* 担任クラス関連
/* --------------------------------------*/
.lbltannin {
    margin-left: 0px !important;
    margin-right: 5px !important;
    margin-bottom:5px !important;
    font-size:87% !important;
}

.detail>i {
    font-size:75% !important;
}

/* --------------------------------------*/
/* 求人情報詳細表示選択関連
/* --------------------------------------*/
.selectjob{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.selectjob div{
	width: 160px;
	height: 100px;
	background-color: #0A4F90;
	border-radius: 10px;
	color: #FFF;
	font-size: 130%;
	margin-left:5px;
	margin-right:5px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.selectjob div:hover{
	cursor : pointer;
}

/* --------------------------------------*/
/* 実習情報帳票選択関連
/* --------------------------------------*/
.select_pt_report{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow: column;
	-ms-flex-pack:distribute;
	justify-content:space-around;
}
.select_pt_report div{
	height: 50px;
	background-color: #0A4F90;
	border-radius: 10px;
	color: #FFF;
	font-size: 130%;
	margin:5px;
	padding: 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.select_pt_report div:hover{
	cursor : pointer;
}