@charset "utf-8";
/* --------------------
* common
* modal
* header
* footer
* body
* calendar
* dialog
-------------------- */

/* --------------------
* common
-------------------- */
.mp_di {
display:inline !important;
}
.mp_w100p {
width:100% !important;
}
.mp_fn {
float:none !important;
}

/* --------------------
* modal
-------------------- */
.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);
}

/* --------------------
* 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:none;
border-collapse:collapse;
width:100%;
height:55px;
}
.mp_mdl_headerTab_item {
display:table-cell;
width:14.2%;
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;
right: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;
}
/* --------------------
* footer
-------------------- */
.mp_mdl_footer {
bottom:0;
padding:20px;
border-top:1px solid #ddd;
}
.mp_selected_conditions {
overflow:hidden;
width:980px;
margin:0 auto;
padding:0 20px;
white-space:nowrap;
text-overflow:ellipsis;
}
.mp_mdl_footer_funcs {
display:table;
width:980px;
margin:0 auto;
}
.mp_mdl_result,
.mp_mdl_button,
.mp_mdl_clear {
display:table-cell;
width:33%;
}
.mp_mdl_result,
.mp_mdl_button {
vertical-align:middle;
}
.mp_mdl_clear {
padding-right:20px;
text-align:right;
vertical-align:bottom;
}
.mp_mdl_result {
padding:5px 0 0 20px;
color:#aaa;
font-size:16px;
text-align:left;
}
.mp_mdl_result span {
display:none;
color:#e84d4d;
font-size:40px;
}
/* --------------------
* 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_items {
display:none;
}
.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_sideMenu,
.mp_mdl_contents {
float:left;
}
.mp_mdl_sideMenu {
overflow:auto;
width:255px;
padding:20px 0;
}
.mp_mdl_sideMenu_item {
padding:17px 15px;
color:#0087e6;
line-height:1;
cursor:pointer;
}
.mp_mdl_sideMenu_item:hover {
background:#f5fcff;
}
.mp_mdl_sideMenu_item.is_active {
background:#0068b7;
color:#fff;
}
.mp_mdl_contents {
overflow:auto;
width:725px;
height:100%;
padding:20px;
border-left:1px solid #ddd;
}
.mp_mdl_content {
display:none;
width:670px;
}
.mp_mdl_check {
display:inline-block;
}
.mp_mdl_check input {
display:none;
}
.mp_mdl_contents .mp_mdl_check {
float:left;
width:315px;
margin:0 0 10px 20px;
}
.mp_100pLi .mp_mdl_check {
width:48%;
}
.mp_mdl_contents .mp_mdl_check:nth-child(odd) {
clear:left;
margin-left:0;
}
.mp_mdl_check label {
display:block;
min-height:30px;
padding:10px 10px 10px 39px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAFVBMVEWqqqqqqqqqqqr///+qqqr39/fFxcU6RFLbAAAAA3RSTlPQDMhO9fRgAAAAKElEQVQI12MQcIECRga2YGMwME1icDWGghAGZxjTZLAxEY5EdjrCQwD+zinbKHfnEgAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:10px 9px;
color:#0087e6;
cursor:pointer;
}
.mp_mdl_contents ul .mp_mdl_check label {
padding:6px 9px 4px 39px;
background-position:8px 5px;
}
.mp_mdl_check:hover label {
background-color:#f5fcff;
}
.mp_mdl_check :checked + label {
background-color:#0068b7;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAVFBMVEWqqqqqqqqqqqqqqqr///+qqqoAh+b39/eOyvRDp+3V7PuVzvWBxPN3v/IMjefFxcXExMT5/P7w+P7q9f3j8vzF5PnE4/mx2veGxvNbsu80n+sclOlC1RjyAAAABHRSTlP+0AzIYak3sAAAAGhJREFUGNOdkTcSwCAMBIUNZzDROf3/n6YkVeyMmi0UTjQwEhnEBmJh4hlTGImiKyyR4BWiV25qruT6QqXyiLUofHsiLTTnD9yc9jSAtHBnPuhG5CqnS0DXK0nTd1Et29ExX4bsx+Y7fnSjB84QUVKGAAAAAElFTkSuQmCC);
color:#fff !important;
}
.mp_mdl_check_footer {
padding:10px 25px;
border-top:1px solid #ddd;
font-size:0;
}
.mp_mdl_check_footer .mp_mdl_check:nth-child(n + 2) {
margin-left:20px;
}
.mp_mdl_cal_bulk .mp_mdl_check label,
.mp_mdl_check_footer .mp_mdl_check label {
color:#222;
font-size:16px;
}
.mp_mdl_cal_bulk .mp_mdl_check label {
width:auto;
}
.mp_mdl_cal_bulk {
float:right;
margin-top:10px;
}
.mp_mdl_cal_bulk .mp_mdl_check {
width:auto;
}

/* --------------------
* calendar
-------------------- */
.mp_mdl_cal_month {
overflow:hidden;
position:relative;
}
.mp_mdl_cal_month > ul {
position:relative;
left:0;
font-size:0;
white-space:nowrap;
}
.mp_mdl_cal_month > ul > li {
display:inline-block;
position:relative;
width:100%;
vertical-align:top;
}

.mp_mdl_cal_day {
font-size:14px;
text-align:center;
vertical-align:middle;
}
.mp_mdl_cal_day input {
display:none;
}
.mp_mdl_cal_day label {
display:block;
width:100%;
text-align:center;
line-height:45px;
cursor:pointer;
}
.mp_mdl_cal_day label:hover {
background:#f5fcff;
}
.mp_mdl_cal_grey.mp_mdl_cal_day {
color:#ccc;
}
.mp_mdl_cal_grey label:hover {
background:#fff;
cursor:default;
}
.mp_mdl_cal_day :checked + label {
background-color:#0068b7;
color:#fff;
}
.mp_mdl_cal_red {
color:#f00;
}
.mp_mdl_cal_blue {
color:#00f;
}
.mp_mdl_cal_date {
width:100%;
}
.mp_mdl_cal_date td {
width:14.2%;
font-size:12px;
text-align:center;
}
.mp_mdl_cal_mds2 .mp_mdl_cal_date td {
padding:10px 0;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
}
.mp_mdl_cal_mds1 {
position:relative;
height:30px;
margin-bottom:20px;
text-align:center;
line-height:30px;
}
.mp_mdl_cal_prev,
.mp_mdl_cal_next {
display:block;
overflow:hidden;
position:absolute;
top:0;
width:30px;
height:30px;
background:#aaa;
-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);
text-indent:100%;
cursor:pointer;
}
.mp_mdl_cal_prev:hover,
.mp_mdl_cal_next:hover {
opacity:0.6;
}
.mp_mdl_cal_prev:after,
.mp_mdl_cal_next:after {
display:block;
position:absolute;
top:50%;
left:50%;
width:8px;
height:8px;
margin:-4px 0 0 -4px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
content:"";
}
.mp_mdl_cal_prev {
}
.mp_mdl_cal_prev:after {
-webkit-transform:rotate(225deg);
-ms-transform:rotate(225deg);
transform:rotate(225deg);
}
.mp_mdl_cal_next {
right:0;
}
.mp_mdl_cal_next:after {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
/* --------------------
* 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;
}
.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;
}