@charset "utf-8";
/* ----------------------------------------------------------------
* Common
* Title
* SelectBox
* ActionArea
* Cassette
* ScrollRock
* ModalBox
* none
* userflow
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* Common
---------------------------------------------------------------- */
.mp_mb22 {
margin-bottom:22px;
}
.mp_notes_text {
margin:30px 0 20px;
font-size:12px;
line-height:1.4;
word-break:break-all;
}

/* ----------------------------------------------------------------
* Title
---------------------------------------------------------------- */
.mp_hadoop_mds_box {
margin-bottom:32px;
padding:27px 40px;
background:url(/2026/media/stu/img/kdbs/common/mds_bg_rank.png) no-repeat right 13px bottom #fff100;
}
.mp_hadoop_mds_title {
margin-bottom:4px;
font-size:40px;
line-height:1.2;
}
.mp_hadoop_mds_description {
font-size:18px;
line-height:1.4;
}
/* width:100%にするための記述 */
.l-body {
width:100% !important;
}
.mp_hadoop_main_area {
width:980px;
margin:0 auto;
}
.l-body-main {
padding-bottom:0 !important;
}
.l-footer {
margin-top:0 !important;
}

/* ----------------------------------------------------------------
* SelectBox
---------------------------------------------------------------- */
.mp_selectBox {
width:calc(100% + 20px);
margin-bottom:10px;
}
.mp_selectBox_inner {
position:relative;
float:left;
width:calc(100% / 4);
}
.mp_selectBox_inner:not(:last-child):after {
display:block;
position:absolute;
top:50%;
right:4px;
width:13px;
height:13px;
margin-top:6px;
background:url("/2026/media/stu/img/navg/icon/icon_x.png") no-repeat top left;
content:"";
}
.mp_selectBox_inner_itemName {
margin-bottom:6px;
font-size:20px;
line-height:1;
}
.mp_selectBox_inner_btn {
display:inline-block!important;
width:calc(100% - 20px)!important;
padding:0;
font-size:14px!important;
text-align:left!important;
vertical-align:middle;
line-height:1.4;
}
.mp_selectBox_inner .mp_btn_light:hover .mp_c_g {
color:#fff!important;
}
.mp_selectBox_inner_btn_all {
color:#808080!important;
}
.mp_selectBox_inner_btn_all:hover {
color:#fff;
}
.mp_selectBox_inner_btn_text {
display:block;
padding:0 7px;
}
.mp_selectBox_inner_btn:active,
.mp_selectBox_inner_btn:focus,
.mp_selectBox_inner_btn:active > .mp_selectBox_inner_btn_text,
.mp_selectBox_inner_btn:focus > .mp_selectBox_inner_btn_text {
position:relative;
}

/* ----------------------------------------------------------------
* ActionArea
---------------------------------------------------------------- */
/**
 * Layout
 */
.mp_actionBox {
margin-bottom:20px;
padding:20px 0 0;
}
.mp_actionBox02 {
margin-bottom:79px;
padding-top:5px;
}
.mp_actionBox03 {
margin-bottom:20px;
padding:15px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.mp_actionBox_inner {
display:table;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:980px;
margin-right:auto;
margin-left:auto;
}
.mp_actionBox_cell {
display:table-cell;
font-size:16px;
line-height:1.4;
}
.mp_actionBox_cell_01 {
width:235px;
padding:0;
vertical-align:middle;
}
.mp_actionBox_cell_02 {
text-align:right;
}

/**
 * Counter
 */
.mp_actionBox_counter {
display:inline-block;
color:#808080;
line-height:1;
}
.mp_actionBox03 .mp_actionBox_counter {
padding-right:19px;
}
.mp_actionBox_counter_count {
margin-right:2px;
color:#e84d4d;
font-family:Arial, Helvetica;
font-size:40px;
}
.mp_actionBox_date {
display:inline-block;
padding-bottom:2px;
color:#808080;
font-size:14px;
vertical-align:bottom;
}

/**
 * Button+Link
 */
.mp_actionBox_item {
display:table;
}
.mp_actionBox_item_selectBox,
.mp_actionBox_item_btnBox {
display:table-cell;
vertical-align:middle;
}
.mp_actionBox_item_selectBox {
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:534px;
padding:3px 18px 0 0;
}
.mp_actionBox_item_btnBox {
display:inline-block;
width:240px;
text-align:left;
vertical-align:middle;
}

/* ----------------------------------------------------------------
* Cassette
---------------------------------------------------------------- */
.mp_cassetteList {
border-top:solid 1px #ddd;
}
.mp_cassette {
padding:25px 20px 30px;
border-bottom:solid 1px #ddd;
cursor:pointer;
}
.mp_cassette:hover {
background:#f5fcff;
}

/**
 * header
 */
.mp_cassette_header {
display:table;
width:100%;
margin-bottom:15px;
}
.mp_cassette_header_cell {
display:table-cell;
vertical-align:top;
}
.mp_cassette_header_cell_01 {
width:40px;
padding-top:2px;
}
.mp_cassette_header_cell_02 {
width:625px;
padding-right:20px;
}
.mp_cassette_header_cell_03 {
padding-top:3px;
text-align:right;
}

/**
 * body
 */
.mp_cassette_body {
min-height:154px;
}
.mp_cassette_body_side {
float:left;
}
.mp_cassette_body_main {
float:right;
}
.mp_cassette .mp_cassette_body_side {
width:200px;
padding-top:4px;
}
.mp_cassette .mp_cassette_body_main {
width:700px;
}
.mp_cassette_footer {
clear:both;
margin-top:20px;
}

/**
 * title
 */
.mp_cassette_title {
padding-top:2px;
font-size:24px;
font-weight:bold;
line-height:1.2;
word-break:break-all;
}
.mp_cassette_title a:visited {
color:#63c;
}
.is_hover .mp_cassette_title a {
text-decoration:underline!important;
}
.mp_cassette_subtitle {
clear:left;
margin-top:3px;
color:#808080;
font-size:16px;
line-height:1.4;
word-break:break-all;
}

/**
 * data
 */
.mp_cassette_data {
font-size:18px;
line-height:1.4;
}
.mp_cassette_data_th,
.mp_cassette_data_td {
padding-bottom:14px;
}
.mp_cassette_data_th {
color:#808080;
white-space:nowrap;
}
.mp_cassette_data_td {
padding-left:20px;
word-break:break-all;
}
.mp_cassette_data_small {
display:block;
margin-top:3px;
font-size:14px;
word-break:break-all;
}

/**
 * action
 */
.mp_cassette_actionBar {
display:table;
width:100%;
}
.mp_cassette_actionBar * {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.mp_cassette_actionBar_cell {
display:table-cell;
vertical-align:middle;
}
.mp_cassette_actionBar_cell_01 {
width:230px;
}
.mp_cassette_actionBar_cell_02 {
width:210px;
text-align:right;
}
.mp_cassette_actionBar_cell_03 {
width:250px;
padding-left:20px;
}
.mp_cassette_actionBar_cell_04 {
width:250px;
padding-left:20px;
}
.mp_cassette_remainCounter {
font-size:16px;
line-height:1.4;
}
.mp_cassette_remainCounter_label {
color:#808080;
}
.mp_cassette_remainCounter_small {
font-size:14px;
}
.mp_cassette_internshipLink {
font-size:18px;
}

/**
 * footer
 */
.mp_checkbox {
display:inline-block;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
.mp_checkbox [type="checkbox"] {
display:none;
}
.mp_checkbox_image {
display:inline-block;
width:20px;
height:20px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAJ1BMVEWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqrCwsLDw8P29vb39/f///9ypc5sAAAAB3RSTlMGiImQke3ulVLqiQAAADFJREFUCNdjYAkvB4MyBwaLPWfA4HQjQ/QZKNjKUANjHh9sTCRHWkKdfmoSA0s6zEMAmiWPsmzw5EkAAAAASUVORK5CYII=);
vertical-align:middle;
}
[type="checkbox"]:checked + .mp_checkbox_image {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAgVBMVEWqqqqqqqqqqqqqqqqqqqqqqqqqqqoAh+YBh+YGiucPjucclOk3oes7o+xCpuxOrO5es+94v/J5wPKAw/OBxPOGxvOMyfSPyvSRy/SSzPSWzvWk1Paqqqq94PnCwsLDw8PF5PnS6vvY7fvg8Pzq9f31+v729vb39/f8/v/+//////+Jn7JmAAAAB3RSTlMGiImQke3ulVLqiQAAAHhJREFUGNOl0UkWgjAQBNAWEioqoqAMYgQHNNj3PyA7XgZXUMu/6JFISO0kEURxZ9iJ6TYkPWM2kjQH0QtxyF4BflIcbHww83jE/m3hRbX8O2H3tGueoeoc27vbqASgbn73CmjCka7F6o1m/Hu6uPf020dEIgneMQGRJDd9jHa9nQAAAABJRU5ErkJggg==);
}
.mp_checkbox_text {
margin-left:10px;
color:#0087e6;
}
.mp_checkbox_text:hover {
text-decoration:underline;
}

/**
 * label
 */
.mp_labelList {
padding-top:1px;
font-size:0;
}
.mp_label {
display:inline-block;
padding:2px 10px 0 31px;
border:solid 1px #ddd;
font-size:12px;
}
.mp_label_school {
background:#fff no-repeat 9px 2px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAn1BMVEU/gcpEhMtFhcxGhcxHhsxJh81KiM1Tjs9ZktFclNJdldJfltNhl9NimNRjmdRyo9hzo9h/q9yCrdyHsN6Isd6Ls9+Ms9+OteCQtuCWuuKlxOamxeanxeeoxuepx+eryOisyeixzOmxzOq0zurM3fHN3vHQ4PLV4/PW5PTb5/Xu9Prv9fvw9fvx9vvy9/vz9/z0+Pz2+f38/f79/v////9R0sRfAAAAhUlEQVQY06XQ2xZCUBSF4emwnQ+FihSdqBRR6/2frdgjMbr0363vYl4s0F+YSGVqGGk1oLMv4ZPkXzg1ewd9zqEhRAyjWIRQHpMcgh478wfmcsXnc09ob8HL6TjjFGTFWtPiIgtowTgp0JP7batDoTleHVnfKZuup2dHdeyqoqi6m3rSJ97J9iudsCqwUgAAAABJRU5ErkJggg==);
}
.mp_label_openes {
background:#fff no-repeat 9px 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA2FBMVEVbpzNcpzRcqDVdqDVeqDZfqThgqTlgqjlhqjpiqzxjqz1lrD9mrUFnrkJssElusUpusUtvskxwsk1ys1B1tVN1tVR5t1h+ul+Bu2KGvmmHvmmKwG2OwnKOw3OSxXiXx36ZyIGayYGfy4eizYukzo2mz5Cp0ZSr0pat05m9263A3bHD37XE4LbF4LfK4r3M5MDN5MHR5sbT58jT6MnY6s7a69Hb7NLc7NPo8+Lo8+Pr9Obw9+zw9+3x9+3x+O7y+O/z+PDz+fH3+/X5/Pj8/vz+/v3+//7////t8NHyAAAApklEQVQY033Q2zKCYRQG4CclCZVSUihCe7QR2ZP8939HDr7+GTMN6/A5WO9ar2ht/EPLy+1C6zOmr8n0OxpAdRnoo8rJ4gzMAjXhogGJeaAd2DiGzmpXHpQ4uI0TB2nYSuUrufL5e0h8vemd7idSoLa666GCXZAJtChCoQyHgaYg298kOQr0nIHW1V39aBz/eJ1l77H59vvtl173Kbpvr5cznPzV1w8xSjl6DGuSIAAAAABJRU5ErkJggg==);
}

.mp_cassette_footnoteList {
display:table;
margin-top:20px;
}
.mp_cassette_footnote {
display:table-row;
color:#f26a5c;
font-size:16px;
}
.mp_cassette_footnote_marker {
display:table-cell;
white-space:nowrap;
}
.mp_cassette_footnote_text {
display:table-cell;
padding-left:5px;
}
.mp_cassette_header_cell_rank {
width:40px;
height:50px;
padding:6px 20px 0 0;
color:#fff;
font-family:Arial;
font-size:34px;
font-weight:bold;
text-align:center;
line-height:1;
}
.mp_rank_label_01 {
background:url(/2026/media/stu/img/kdbs/common/ico_rank1.png) no-repeat left 4px;
}
.mp_rank_label_02 {
background:url(/2026/media/stu/img/kdbs/common/ico_rank2.png) no-repeat left 4px;
}
.mp_rank_label_03 {
background:url(/2026/media/stu/img/kdbs/common/ico_rank3.png) no-repeat left 4px;
}
.mp_rank_label_10 {
padding-top:11px;
background:url(/2026/media/stu/img/kdbs/common/ico_rank4_10.png) no-repeat left 4px;
font-size:26px;
}
.mp_rank_label_30 {
padding-top:14px;
background:url(/2026/media/stu/img/kdbs/common/ico_rank11_30.png) no-repeat left 4px;
color:#808080;
font-size:20px;
}


/* ----------------------------------------------------------------
* ScrollRock
---------------------------------------------------------------- */
.mp_sclock {
display:none;
position:fixed;
z-index:10;
top:0;
right:0;
left:0;
padding-top:22px;
border-bottom:solid 1px #ddd;
background:rgba(255, 255, 255, 0.9);
}
.mp_sclock.is_active {
display:block;
}
.mp_sclock_inner {
width:980px;
margin-right:auto;
margin-left:auto;
}

.mp_sclock .mp_actionBox {
padding:0;
border-top:none;
}
.mp_sclock .mp_actionBox_cell_01 {
width:470px;
}
.mp_sclock .mp_actionBox_cell_02 {
width:510px;
}
.mp_sclock .mp_actionBox_item_selectBox {
width:270px;
}
.mp_sclock .mp_actionBox_condition {
display:table;
}
.mp_sclock .mp_actionBox_condition_current {
display:table-cell;
width:270px;
font-size:14px;
vertical-align:middle;
line-height:1.4;
word-break:break-all;
}
.mp_sclock .mp_actionBox_condition_current p:nth-child(2) {
overflow:hidden;
width:inherit;
white-space:nowrap;
text-overflow:ellipsis;
}
.mp_sclock .mp_actionBox_condition_btnBox {
display:table-cell;
padding-right:20px;
vertical-align:middle;
}
.mp_sclock .mp_actionBox_condition_btnBox .mp_btn_light {
width:180px;
font-size:20px;
}
/* ----------------------------------------------------------------
* ModalBox
---------------------------------------------------------------- */
.mp_mdl * {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.mp_mdlOpen {
overflow:hidden;
}
/* 背景 */
.mp_mdl_bg {
position:fixed;
z-index:10;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
}
.mp_mdl_header,
.mp_mdl_footer {
position:fixed;
z-index:12;
left:0;
width:100%;
background:rgba(255,255,255,0.9);
}
.mp_w100p {
width:100% !important;
}
.mp_r0 {
right:0 !important;
}

/**
 * header
 */
.mp_mdl_header {
top:0;
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
}
.mp_mdl_headerTabs {
width:980px;
margin:0 auto;
}
.mp_mdl_headerTab {
display:table;
border-collapse:collapse;
width:100%;
height:55px;
}
.mp_mdl_headerTab_item {
display:table-cell;
width:20%;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
background:#f8f8f8;
color:#0068b7;
text-align:center;
vertical-align:middle;
cursor:pointer;
}
.mp_mdl_headerTab_item:hover,
.mp_mdl_headerTab_item.is_active {
background:#0068b7;
color:#fff;
}
.mp_mdl_close {
position:fixed;
top:0;
width:55px;
height:55px;
background:#aaa no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAElBMVEWqqqq0tLTf39/g4ODp6ens7OykqoAAAAAASklEQVQI12NQZIACYQYRAQiL0RGEwAAkBBEGi0CEIQIgEqoMRME0iwjA9AKFYYIMDKKBDJhMJAUIbUiGIaxAshjhHCRHIjkd4SEAQQMHlXh0c9YAAAAASUVORK5CYII=);
cursor:pointer;
}
.mp_mdl_close:hover {
opacity:0.6;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/**
 * footer
 */
.mp_mdl_footer {
bottom:0;
padding:10px 20px 20px;
border-top:1px solid #ddd;
}
.mp_selected_conditions {
width:980px;
margin:0 auto;
padding:0 20px;
}
.mp_selected_conditions p {
font-size:14px;
line-height:1.4;
}
.mp_alert_no_conds {
width:980px;
margin:0 auto;
padding:10px 20px 0;
}
.mp_mdl_footer_funcs {
position:relative;
width:980px;
margin:0 auto;
padding:0 20px;
}
.mp_mdl_button {
text-align:center;
}
.mp_mdl_button .mp_btn_blue {
margin-right:auto;
margin-left:auto;
}
.mp_mdl_button .mp_btn_dis {
cursor:default;
}
.mp_mdl_clear {
position:absolute;
right:20px;
bottom:0;
font-size:18px;
text-align:right;
line-height:1;
}
/**
 * body
 */
.mp_mdl_body {
position:fixed;
z-index:11;
top:55px;
right:-100%;
bottom:0;
left:-100%;
width:980px;
margin:0 auto;
padding:0;
padding-bottom:110px; /* 20 + フッタ高さ */
border-top:1px solid #ddd;
background:#fff;
}
.mp_mdl_body_item:after {
display:block !important;
visibility:hidden !important;
clear:both !important;
height:0 !important;
content:"." !important;
}
.mp_mdl_body_item {
display:none;
}
.mp_mdl_contents {
overflow:auto;
height:100%;
padding:20px;
border-left:1px solid #ddd;
}
.mp_mdl_body_mds {
margin-bottom:10px;
padding:9px 15px 6px;
font-size:20px;
line-height:1.25;
}
.mp_mdl_radio {
display:inline-block;
}
.mp_mdl_radio input {
display:none;
}
.mp_mdl_contents .mp_mdl_radio {
margin-bottom:10px;
}
.mp_mdl_radio_lst {
padding:0 20px;
}
.mp_mdl_radio_lst .mp_mdl_radio {
float:left;
width:431px;
margin-left:20px;
}
.mp_mdl_radio_lst .mp_mdl_radio:nth-child(odd) {
clear:left;
margin-left:0;
}
.mp_mdl_radio label {
display:block;
padding:9px 15px 6px;
color:#0087e6;
font-size:20px;
line-height:1.25;
cursor:pointer;
}
.mp_mdl_contents ul .mp_mdl_radio label {
padding:5px;
font-size:16px;
}
.mp_mdl_radio:hover label {
background-color:#f5fcff;
}
.mp_mdl_radio :checked + label {
background-color:#0068b7;
color:#fff !important;
}
.mp_mdl_radio_footer {
padding:10px 25px;
border-top:1px solid #ddd;
font-size:0;
}
.mp_mdl_radio_footer .mp_mdl_radio:nth-child(n + 2) {
margin-left:20px;
}

.mp_mdl_radio_footer .mp_mdl_radio label {
color:#222;
font-size:16px;
}

/**
 * dialog
 */
.mp_dlg_container {
position:fixed;
z-index:20;
top:0;
left:0;
width:100%;
height:100%;
}
.mp_dlg_bg {
position:fixed;
z-index:21;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
}
.mp_dlg_wrap {
position:fixed;
z-index:22;
top:-100%;
right:-100%;
bottom:-100%;
left:-100%;
width:332px;
height:179px;
margin:auto;
padding:40px;
background:#fff;
}
.mp_dlg_close {
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background:#aaa no-repeat 14px 11px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAEJkUm4gkH9eJWvboAAAATUlEQVQI1yXNsRGAIAwF0HAswHkuYKO9G7gBbmHp/hW8kIJw7/KTeEPVHlvzuVuUA8wHgUAgCaATqO9fvV6PJrKbESlJIsgOlIBcR30AroEGiMG96HEAAAAASUVORK5CYII=);
cursor:pointer;
}
.mp_dlg_close:hover {
opacity:0.6;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.mp_dlg_container .mp_dtb {
width:212px;
margin:0 auto;
}
.mp_dlg_container .mp_dtc {
width:50%;
}
.mp_dlg_container .mp_dtc span {
width:96px;
height:40px !important;
font-size:18px;
cursor:pointer;
}
.mp_dlg_container .mp_dtc .mp_btn_blue {
padding:6px 0 !important;
}
.mp_dlg_container .mp_dtc .mp_btn_light {
padding:3px 0 !important;
}

/* ----------------------------------------------------------------
* none
---------------------------------------------------------------- */
.mp_no_result .mp_selectBox + .mp_actionBox {
padding-top:0;
}
.mp_no_result .mp_selectBox {
margin-bottom:20px;
}
.mp_message_01 + .mp_selectBox {
padding-bottom:30px;
border-bottom:1px solid #ddd;
}
.mp_message_01 {
margin-bottom:24px;
font-size:18px;
font-weight:bold;
text-align:center;
line-height:1.6;
}
.mp_message_02 {
padding:66px 0 63px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
font-size:18px;
text-align:center;
line-height:1.6;
}

/* ----------------------------------------------------------------
* userflow
---------------------------------------------------------------- */
.hadoop_userflow_area {
margin-top:40px;
padding-bottom:60px;
background:#f5f5f5;
}
.hadoop_userflow_inner {
width:980px;
margin:0 auto;
}