@charset "utf-8";

#modal-win,
#modal-bg{
	width: 100%;
}
#modal-win {
	position: fixed;
	top: 0;
	left: -9999px;
	z-index: 201;
	opacity:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#modal-bg {
	height: 130%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: -9999px;
	z-index: 200;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#modal-loading {
	display:none;
	background: url(../img/modal/loading.gif) no-repeat center center;
	width:32px;
	height:32px;
	position:fixed;
	margin-right:-16px;
	top:100px;
	right:50%;
	z-index:203;
	opacity:0.75;
}

.modal-popup{
	border-radius: 10px;
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	margin:10px;
}
.modal-popup > dl > dt{
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid #bcbcbc;
	background-color: #ebebeb;
	padding: 12px 0 0 13px;
	height:26px;
	font-size: 14px;
	font-weight: bold;
	color:#003399;
	position:relative;
	z-index:203;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.modal-popup > dl > dd{
	background-color:transparent;
	position: relative;
	overflow-y: auto;
}
.modal-popup > dl > dd ul{
	overflow:hidden;
}
.modal-popup > dl > dd ul li{
	border-bottom: 1px solid #bcbcbc;
}
.modal-popup > dl > dd ul li.ttl {
	padding: 12px;
	background-color:#f2f2f2;
	font-size: 12px;
	font-weight: bold;
}
.modal-popup > dl > dd ul li a{
	display: block;
	overflow: hidden;
	padding: 12px 12px 12px 26px;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.0;
	color: #000000;
	font-weight: bold;
	background: url(../img/arrow.png) no-repeat right center;
	background-size: 10px 14px;
	background-origin:content-box;
}
.modal-popup > dl > dd ul li:active,
.modal-popup > dl > dd ul li.active {
	background: linear-gradient(top, #f2f2f2, #d7d7d7);
	background: -webkit-linear-gradient(top, #f2f2f2, #d7d7d7);
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgb(242,242,242)),to(rgb(215,215,215)));
}
.modal-popup > dl > dd ul li.idnt {
	padding-left:18px;
}
.modal-popup > .modal-foot{
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 1px solid #bcbcbc;
	background-color: #ebebeb;
	height: 38px;
	padding-top: 3px;
	position:relative;
	z-index:203;
}
.modal-popup > .modal-foot > .modal-confirm {
	margin:auto;
	border-radius: 8px;
	width:35%;
	padding-top:10px;
	height:24px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	text-shadow: 0 -1px 0 #000;
	cursor:pointer;
	background: linear-gradient(top, #4a4a4a, #1a1a1a);
	background: -webkit-linear-gradient(top, #4a4a4a, #1a1a1a);
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgb(74,74,74)),to(rgb(26,26,26)));
	-webkit-transition: opacity .3s cubic-bezier(0,0,0.25,1);
	opacity:0;
}
.modal-popup > .modal-foot > .modal-close {
	position:absolute;
	top:14px;
	padding-right:18px;
	right:12px;
	font-size: 13px;
	font-weight: bold;
	cursor:pointer;
	background: url(../img/icon_close.png) no-repeat right center;
	background-size:14px 15px;
}
.modal-popup > .modal-foot > .modal-undo {
	position:absolute;
	top:8px;
	left:8px;
	border-radius: 8px;
	width:25%;
	padding-top:7px;
	height:20px;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
	background: linear-gradient(top, #fff, #bfbfbf);
	background: -webkit-linear-gradient(top, #fff, #bfbfbf);
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgb(255,255,255)),to(rgb(191,191,191)));
	-webkit-transition: opacity .3s cubic-bezier(0,0,0.25,1);
	opacity:0;
}

body > .modal-popup,
body > .modal-list{
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.modal-popup > dl > dd.touch-slide {
	overflow: hidden;
	overflow-y: hidden;
}
.modal-popup > dl > dd.touch-slide > ul {
	position:absolute;
	width:100%;
}
.modal-popup > dl > dd > * {
	z-index:199;
}
.modal-popup > dl > dd > .sh.tp {
	position:absolute;
	width:100%;
	height:0px;
	top:-3px;
	background-color:#999;
	box-shadow: 0 3px 3px 3px #bcbcbc;
	-webkit-box-shadow: 0 3px 3px 3px #bcbcbc;
	z-index:200;
}
.modal-popup > dl > dd > .sh.bt {
	position:absolute;
	width:100%;
	height:0px;
	bottom:-3px;
	background-color:#999;
	box-shadow: 0 -3px 3px 3px #bcbcbc;
	-webkit-box-shadow: 0 -3px 3px 3px #bcbcbc;
	z-index:200;
}

/* col2 */
.modal-popup > dl > dd ul.col2 li {
	width:50%;
	float:left;
}
.modal-popup > dl > dd ul.col2 li a {
	padding: 12px;
}
.modal-popup > dl > dd ul.col2 li:nth-child(odd) a {
	border-right:solid 1px #bcbcbc;
}

/* col3 */
.modal-popup > dl > dd ul.col3 li {
	width:33%;
	float:left;
}
.modal-popup > dl > dd ul.col3 li:nth-child(3n) {
	width:34%;
}
.modal-popup > dl > dd ul.col3 li a {
	padding: 14px 0;
	border-right:solid 1px #bcbcbc;
	background:none;
	text-align:center;
}
.modal-popup > dl > dd ul.col3 li:nth-child(3n) a {
	border-right:none;
}

/* submenu */
.modal-popup > dl > dd > ul > li > ul{
	display:none;
	background-color:#fff;
}
.modal-popup > dl > dd > ul > li > ul > li{
	border-top: 1px solid #bcbcbc;
	border-bottom: none;
}
.modal-popup > dl > dd > ul > li.close {
	background-color:#f2f2f2;
}
.modal-popup > dl > dd > ul > li.close > a {
	padding:12px;
	background: url(../img/arrow_up.png) no-repeat right center;
	background-size: 13px 9px;
	background-origin:content-box;
}
.modal-popup > dl > dd > ul > li.open {
	background-color:#ddd;
}
.modal-popup > dl > dd > ul > li.open > a {
	padding:12px;
	background: url(../img/arrow_down.png) no-repeat right center;
	background-size: 13px 9px;
	background-origin:content-box;
}

/* num */
.modal-popup .number-p-box {
	padding:10px 0;
}
.modal-popup .number-p-box section {
	margin:auto;
	display:table;
	padding:8px 0;
	line-height: 1.0;
	text-align:center;
}
.modal-popup .number-p-box .num-count{
	display:table-cell;
	font-size:0px;
	position: relative;
	vertical-align:middle;
}
.modal-popup .number-p-box span.title {
	display:table-cell;
	width:60px;
	vertical-align:middle;
}
.modal-popup .number-p-box span.posifix {
	display:table-cell;
	width:50px;
	padding-left:10px;
	text-align:left;
	vertical-align:middle;
}
.modal-popup .number-p-box span.note {
	font-size:11px;
}
.modal-popup .number-p-box .num-count div.num-box{
	display: inline-block;
	padding:8px 0 0 0;
	height:28px;
	width: 3em;
	border: 1px solid #979797;
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 20px;
	background-color:#fff;
}
.modal-popup .number-p-box .num-count a.icon-m,
.modal-popup .number-p-box .num-count a.icon-p{
	display: inline-block;
	padding:8px 14px;
	border: 1px solid #979797;
	background-color: #f2f2f2;
	color: #666;
	font-size: 20px;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
.modal-popup .number-p-box .num-count a.stop{
	color:#ccc;
	cursor:text;
}

body > .number-p-box {
	display:none;
}

/* multiple */
.modal-popup > dl > dd > ul.multiple > li > a{
	padding: 12px 12px 12px 31px;
	background: url(../img/modal/checkbox.gif) no-repeat 9px center;
	background-size: 16px 18px;
	background-origin:border-box;
}
.modal-popup > dl > dd > ul.multiple > li.selected > a{
	background:#ffe0c2 url(../img/modal/checkbox_a.gif) no-repeat 9px center;
	background-size: 16px 18px;
	background-origin:border-box;
}

/* time */
.time-box {
	height:273px;
}
.time-box-inner {
	position:relative;
	overflow:hidden;
	height:273px;
}
.time-box-inner .bgtp {
	position:absolute;
	height:136px;
	width:100%;
	background-color:#;
	background: linear-gradient(top, #00214C, #034794);
	background: -webkit-linear-gradient(top, #00214C, #034794);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#00214C),to(#034794));
	box-shadow:0 0 30px #00265E inset;
}
.time-box-inner .bgbm {
	position:absolute;
	height:137px;
	bottom:0px;
	width:100%;
	background: linear-gradient(top, #378DED, #B1DDFB);
	background: -webkit-linear-gradient(top, #378DED, #B1DDFB);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#378DED),to(#B1DDFB));
	box-shadow:0 0 30px #1F71DA inset;
}
.time-box-inner .base {
	position:absolute;
	top:18px;
	left:50%;
	margin-left:-121px;
	width:243px;
	height:234px;
	background:url(../img/modal/time_bg.png) no-repeat;
	background-size: 243px 234px;
}
.time-box-inner .time {
	position:absolute;
	top:18px;
	left:50%;
	margin-left:-121px;
	width:243px;
	height:234px;
	opacity:0;
	-webkit-transition: opacity .3s cubic-bezier(0,0,0.25,1);
}
.time-box-inner .time.select {
	opacity:1;
}
.time-box-inner .time.time1 { background:url(../img/modal/time_1.png) no-repeat 125px 47px; background-size: 99px 96px; }
.time-box-inner .time.time2 { background:url(../img/modal/time_2.png) no-repeat 124px 117px; background-size: 96px 99px; }
.time-box-inner .time.time3 { background:url(../img/modal/time_3.png) no-repeat 38px 117px; background-size: 86px 99px; }
.time-box-inner .time.time4 { background:url(../img/modal/time_4.png) no-repeat 24px 92px; background-size: 99px 74px; }
.time-box-inner .time.time5 { background:url(../img/modal/time_5.png) no-repeat 29px 17px; background-size: 166px 99px; }
body > .time-box {
	display:none;
}

/* loading */
#modal-win.loading .modal-popup > dl > dd {
	background: url(../img/modal/loading.gif) no-repeat center center;
}
#modal-win.loading .modal-popup > dl > dd > * {
	display:none;
}

/* body.modalShow */
body.modalShow * {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}