/* default css */

body{
	margin:0px;
	padding:0px;
}
*{
	word-break: break-word;
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	box-sizing:border-box;
	outline:none;
}
body{
	background:#FFF;
}

/* link or label ----------------- */

a{
	text-decoration:none;
	color:#555;
	cursor:pointer;
}
a:hover{
	opacity:0.7;
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	-ms-opacity:0.7;
	-o-opacity:0.7;
}
label{
	cursor:pointer;
}
label:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	-ms-opacity:0.7;
	-webkit-opacity:0.7;
	-o-opacity:0.7;
}


/* text effect ----------------- */

.underline{
	text-decoration:underline;
}
.bold{
	font-weight:bold;
}

/* image ----------------- */
img{
	width:auto;
}
img.image{
	width:100%;
	display:block;
}
img.image_h{
	height:100%;
	display:block;
}

/* block , inline-block , inline  ----------------- */

.inline-block,
.ib{
	display:inline-block;
}
.block{
	display:block;
}
.inline{
	display:inline;
}

/* h1-h5  ----------------- */

h1,
h2,
h3,
h4,
h5{
	font-weight:normal;
}
h1,.h1{
	font-size:32px;
}
h2,.h2{
	font-size:28px;
}
h3,.h3{
	font-size:20px;
}
h4,.h4{
	font-size:16px;
}

/* default margin ----------------- */

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mm5{margin:5px 0px;}
.mm10{margin:10px 0px;}
.mm15{margin:15px 0px;}
.mm20{margin:20px 0px;}
.mm25{margin:25px 0px;}
.mm30{margin:30px 0px;}
.mm40{margin:40px 0px;}
.mm50{margin:50px 0px;}
.mm60{margin:60px 0px;}
.mm70{margin:70px 0px;}
.mm80{margin:80px 0px;}
.mm90{margin:90px 0px;}
.mm100{margin:100px 0px;}

.mauto{margin:0px auto;}

.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}

.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

/* default padding ----------------- */

.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}

/* hidden ----------------- */

.hidden{
	display:none;
}

/* align ----------------- */

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center}
.middle{vertical-align:middle;}
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}

/* table ----------------- */

.table{display:table;width:100%;}
.table>li{display:table-cell;vertical-align:top;}
.t_row{display:table-row;}
.t_cell{display:table-cell;}

/* float ----------------- */

.float{overflow:hidden;zoom:1;}
.float:after{clear:both;display:block;content:"";}
.float>li{float:left;}
.f_left{float:left !important;}
.f_right{float:right !important;}
.f_clear{float:none !important;}

/* dl-list ----------------- */

dl.list{
	margin-bottom:5px;
}
dl.list>dt{
	font-weight:bold;
}
dl.list>dd{
	margin-left:10px;
}

/* buttons ----------------- */

.buttons{
	background:#000;
	color:#FFF;
	font-size:14px;
	padding:4px 12px;
	display:inline-block;
	border:solid 2px #000;
	line-height:1.8em;
	margin:2px 0px;
}
.buttons.margin0{
	margin:0px;
}
.buttons:hover{
	background:#FFF;
	color:#000;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	-ms-opacity:1;
}
.buttons.big{
	padding:8px 20px;
	font-size:18px;
}
.buttons.small{
	padding:3px 6px;
	font-size:12px;
	margin:1px 0px;
}
.buttons.block{
	display:block;
	text-align:center;
	padding:4px 0px;
}
.buttons.clearbtn{
	background:none;
	font-weight:bold;
	border:none;
	color:#000;
}
.buttons.new{
	background:#183;
	border:solid 2px #183;
}
.buttons.new:hover{
	background:#FFF;
	color:#183;
}
.buttons.new.clearbtn{
	background:none;
	border:none;
	color:#183;
}
.buttons.add{
	background:#A00;
	border:solid 2px #A00;
}
.buttons.add:hover{
	background:#FFF;
	color:#A00;
}
.buttons.add.clearbtn{
	background:none;
	border:none;
	color:#A00;
}
.buttons.edit{
	background:#11a;
	border:solid 2px #11a;
}
.buttons.edit:hover{
	background:#FFF;
	color:#11a;
}
.buttons.edit.clearbtn{
	background:none;
	border:none;
	color:#11a;
}
.buttons.delete{
	background:#853;
	border:solid 2px #853;
}
.buttons.delete:hover{
	background:#FFF;
	color:#853;
}
.buttons.delete.clearbtn{
	background:none;
	border:none;
	color:#853;
}
.buttons.preview{
	background:#297;
	border:solid 2px #297;
}
.buttons.preview:hover{
	background:#FFF;
	color:#297;
}
.buttons.preview.clearbtn{
	background:none;
	border:none;
	color:#297;
}
.buttons.backbtn{
	background:#999;
	border:solid 2px #999;
}
.buttons.backbtn:hover{
	background:#FFF;
	color:#999;
}
.buttons.backbtn.clearbtn{
	background:none;
	border:none;
	color:#999;
}
.buttons.black{
	background:#000;
	border:solid 2px #000;
}
.buttons.black:hover{
	background:#fff;
	color:#000;
}
.buttons.black.clearbtn{
	background:none;
	border:none;
	color:#000;
}
.buttons.red{
	background:#a00;
	color:#fff;
	border:solid 2px #a00;
}
.buttons.red:hover{
	background:#fff;
	color:#a00;
}
.buttons.red.clearbtn{
	background:none;
	border:none;
	color:#a00;
}
.buttons.blue{
	background:#11a;
	color:#fff;
	border:solid 2px #11a;
}
.buttons.blue:hover{
	background:#fff;
	color:#11a;
}
.buttons.blue.clearbtn{
	background:none;
	border:none;
	color:#11a;
}
.buttons.green{
	background:#192;
	color:#fff;
	border:solid 2px #192;
}
.buttons.green:hover{
	background:#fff;
	color:#192;
}
.buttons.green.clearbtn{
	background:none;
	border:none;
	color:#192;
}
.buttons.brown{
	background:#853;
	color:#fff;
	border:solid 2px #853;
}
.buttons.brown:hover{
	background:#fff;
	color:#853;
}
.buttons.brown.clearbtn{
	background:none;
	border:none;
	color:#853;
}
.buttons.orange{
	background:#c60;
	color:#fff;
	border:solid 2px #c60;
}
.buttons.orange:hover{
	background:#fff;
	color:#c60;
}
.buttons.orange.clearbtn{
	background:none;
	border:none;
	color:#c60;
}
.buttons.pink{
	background:#a4a;
	color:#fff;
	border:solid 2px #a4a;
}
.buttons.pink:hover{
	background:#fff;
	color:#a4a;
}
.buttons.pink.clearbtn{
	background:none;
	border:none;
	color:#a4a;
}
.buttons.gray{
	background:#666;
	color:#fff;
	border:solid 2px #666;
}
.buttons.gray:hover{
	background:#fff;
	color:#666;
}
.buttons.gray.clearbtn{
	background:none;
	border:none;
	color:#666;
}
.buttons.lightgray{
	background:#aaa;
	color:#fff;
	border:solid 2px #aaa;
}
.buttons.lightgray:hover{
	background:#fff;
	color:#aaa;
}
.buttons.lightgray.clearbtn{
	background:none;
	border:none;
	color:#aaa;
}

/* overflow ----------------- */

.overflow{
	max-height:300px;
	overflow-y:auto;
	border:solid 1px #aaa;
	padding:15px;
	overflow:auto;
}
.overflow.h300{
	max-height:none;
	height:300px;
}
.overflow.h400{
	max-height:none;
	height:400px;
}
.overflow.h500{
	max-height:none;
	height:500px;
}
.overflow.h600{
	max-height:none;
	height:600px;
}
.overflow.h700{
	max-height:none;
	height:700px;
}

/* view_block ----------------- */

.view_block{
	background:#eee;
	padding:15px;
}
.view_block.type1{
	background:#fff;
	border:solid 2px #c00;
	color:#c00;
	padding:15px;
}
.view_block.type2{
	background:#111;
	color:#fff;
	padding:15px;
}
.view_block.type3{
	background:#789;
	color:#fff;
	padding:15px;
}


/* form tag ----------------- */

input,
select,
textarea{
	border-style:none;
	border:solid 1px #aaa;
	line-height:1.8em;
	padding:6px;
	margin:0px;
	width:100%;
	-webkit-user-select : auto;
}
input:hover,
select:hover,
textarea:hover,
input:visited,
select:visited,
textarea:visited{
	border:solid 1px #17e;
}
label.select select{
	height: 37px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}
label.select{
	display:inline-block;
	width:100%;
	position:relative;
}
label.select:after{
	position: absolute;
	content:"";
	width: 0;
	height: 0;
	right:8px;
	top:15px;
	border: 5px solid transparent;
	pointer-events: none;
	border-top: 8px solid #444;
}
label.select select::-ms-expand {
	display: none;
}

textarea{
	display:block;
	resize:none;
	height:6em;
	line-height:1.3em;
	overflow: auto;
}
textarea.h50{
	height:50px;
}
textarea.h100{
	height:100px;
}
textarea.h200{
	height:200px;
}
textarea.h300{
	height:300px;
}
textarea.h400{
	height:400px;
}
textarea.h500{
	height:500px;
}
textarea.h600{
	height:600px;
}
input[type=submit],
input[type=button],
input[type=checkbox],
input[type=radio]{
	width:auto;
}
input[type=submit],
input[type=text],
input[type=password],
input[type=file],
input[type=button],
textarea,
button{
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
input[disabled],
select[disabled],
textarea[disabled]{
	background:#e7e7e7;
	color:#777;
}

input[type=text].w50,
input[type=password].w50,
input[type=number].w50,
select.w50,
label.select.w50{
	width:50px;
}
input[type=text].w70,
input[type=password].w70,
input[type=number].w70,
select.w70,
label.select.w70{
	width:70px;
}
input[type=text].w100,
input[type=password].w100,
input[type=number].w100,
select.w100,
label.select.w100{
	width:100px;
}
input[type=text].w120,
input[type=password].w120,
input[type=number].w120,
select.w120,
label.select.w120{
	width:120px;
}
input[type=text].w150,
input[type=password].w150,
input[type=number].w150,
select.w150,
label.select.w150{
	width:150px;
}
input[type=text].w200,
input[type=password].w200,
input[type=number].w200,
select.w200,
label.select.w200{
	width:200px;
}
input[type=text].w250,
input[type=password].w250,
input[type=number].w250,
select.w250,
label.select.w250{
	width:250px;
}
input[type=text].w300,
input[type=password].w300,
input[type=number].w300,
select.w300,
label.select.w300{
	width:300px;
}
input[type=text].w350,
input[type=password].w350,
input[type=number].w350,
select.w350,
label.select.w350{
	width:350px;
}
input[type=text].w400,
input[type=password].w400,
input[type=number].w400,
select.w400,
label.select.w400{
	width:400px;
}
input[type=text].w450,
input[type=password].w450,
input[type=number].w450,
select.w450,
label.select.w450{
	width:450px;
}
input[type=text].w500,
input[type=password].w500,
input[type=number].w500,
select.w500,
label.select.w500{
	width:500px;
}

input[type=checkbox],
input[type=radio]{
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=submit]{
	cursor:pointer;
	display:inline-block;
}
input[type=submit]:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	-ms-opacity:0.7;
	-webkit-opacity:0.7;
	-o-opacity:0.7;
}

/* absolute ----------------- */

.absolute{position:absolute;}
.relative{position:relative;}

/* table ----------------- */

table{
	width:100%;
	border-collapse:collapse;
}
table tr th,
table tr td{
	border:solid 1px #aaa;
	vertical-align:middle;
	padding:10px;
}
table tr th{
	text-align:left;
	width:220px;
	vertical-align:top;
	line-height:1.8em;
	padding-top:15px;
	background:#efefff;
}
table tr.need th,
table tr th.need{
	position:relative;
	padding-right:50px;
}
table tr.need,
table tr.need th{
	background:#fdc;
}
table tr.need th:after,
table tr th.need:after{
	content:"必須";
	background:#c20;
	font-weight:normal;
	color:#FFF;
	padding:4px 5px;
	position:absolute;
	right:7px;
	top:12px;
}
table tr th.stitle{
	background:#777;
	color:#fff;
	
	border:solid 1px #777;
}

/* table.list ----------------- */

table.list tr th,
table.list tr td{
	padding:4px;
	vertical-align:middle;
}
table.list tr th{
	width:auto;
	text-align:center;
	background:#444;
	color:#fff;
}
table.list tr th.w50{width:50px;}
table.list tr th.w100{width:100px;}
table.list tr th.w150{width:150px;}
table.list tr th.w200{width:200px;}
table.list tr th.w250{width:250px;}
table.list tr th.w300{width:300px;}
table.list tr th.w350{width:350px;}
table.list tr th.w400{width:400px;}
table.list tr th.w450{width:450px;}
table.list tr th.w500{width:500px;}

/* pager ----------------- */

.pager{
	text-align:center;
}
.pager ul{
	overflow:hidden;
	zoom:1;
	display:inline-block;
}
.pager ul:after{
	display:block;
	clear:both;
	content:"";
}
.pager ul li{
	float:left;

}
.pager ul li a{
	padding:5px 12px;
	border:solid 2px #333;
	background:#333;
	color:#fff;
	display:block;
	margin-right:10px;
	font-size:15px;
	position:relative;
}
.pager ul li.active a{
	background:#fff;
	color:#333;
}
.pager ul li.prev a:before,
.pager ul li.next a:before{
	content:"";
	display:block;
	border-left:solid 1px #fff;
	border-top:solid 1px #fff;
	width:8px;
	height:8px;
	position:absolute;
	transform:rotate(-45deg);
	left:17px;
	top:12px;
}
.pager ul li.next a:before{
	left:14px;
	transform:rotate(135deg);

}

/* color ----------------- */

.red{color:#a00;}
.green{color:#1a1;}
.blue{color:#11a;}
.orange{color:#d60;}
.gray{color:#aaa;}
.purple{color:#a1a;}

/* iframe ----------------- */

iframe{
	width:100%;
	border:none;
	min-height:300px;
}

/* iframe(movie) ----------------- */
.movie{
	display:block;
	position:relative;
	width:100%;
}
.movie:after{
	padding-bottom:56.25%;
	display:block;
	content:"";
}
.movie p{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.movie p iframe{
	display:table-cell;
	width:100%;
	height:100%;
	min-height:0px;
}

/* checkbox ----------------- */

input[type=checkbox].large,
input[type=checkbox].middle,
input[type=checkbox].max,
input[type=radio].large,
input[type=radio].middle,
input[type=radio].max{
	display:none;
}
input[type=checkbox].large+span,
input[type=checkbox].middle+span,
input[type=checkbox].max+span,
input[type=radio].large+span,
input[type=radio].middle+span,
input[type=radio].max+span{
	display:inline-block;
	width:30px;
	height:30px;
	background:#FFF;
	font-weight:bold;
	color:#888;
	border:solid 1px #777;
	text-align:center;
	font-size:20px;
	vertical-align:middle;
	position:relative;
}
input[type=radio].large+span,
input[type=radio].middle+span,
input[type=radio].max+span{
	border-radius:50%;
}
input[type=checkbox].large.blue+span,
input[type=checkbox].middle.blue+span,
input[type=checkbox].max.blue+span,
input[type=radio].large.blue+span,
input[type=radio].middle.blue+span,
input[type=radio].max.blue+span{
	color:#00F;
	border:solid 1px #00F;
}
input[type=checkbox].large.red+span,
input[type=checkbox].middle.red+span,
input[type=checkbox].max.red+span,
input[type=radio].large.red+span,
input[type=radio].middle.red+span,
input[type=radio].max.red+span{
	color:#F00;
	border:solid 2px #F00;
}
input[type=checkbox].middle+span,
input[type=radio].middle+span{
	width:20px;
	height:20px;
}
input[type=checkbox].max+span,
input[type=radio].max+span{
	width:40px;
	height:40px;
}
input[type=checkbox].large+span:before,
input[type=checkbox].middle+span:before,
input[type=checkbox].max+span:before,
input[type=radio].large+span:before,
input[type=radio].middle+span:before,
input[type=radio].max+span:before{
	display:block;
	width:12px;
	margin-left:7px;
	margin-top:7px;
	height:8px;
	content:"";
	vertical-align:middle;
}
input[type=radio].large+span:before{

}
input[type=checkbox].middle+span:before,
input[type=radio].middle+span:before{
	width:8px;
	height:5px;
	margin-top:3px;
	margin-left:3px;
}
input[type=checkbox].max+span:before{
	width:20px;
	height:12px;
}

input[type=checkbox].large:checked+span:before,
input[type=checkbox].middle:checked+span:before,
input[type=checkbox].max:checked+span:before{
	border-left:solid 3px #666;
	border-bottom:solid 2px #666;
	transform:rotate(-45deg);
}666
input[type=checkbox].middle:checked+span:before{
	border-left:solid 3px #666;
	border-bottom:solid 2px #666;
}
input[type=checkbox].max:checked+span:before{
	border-left:solid 3px #666;
	border-bottom:solid 2px #666;
}

input[type=radio].large:checked+span:before,
input[type=radio].middle:checked+span:before,
input[type=radio].max:checked+span:before{
	content:"";
	width:16px;
	height:16px;
	position:absolute;
	left:-1px;
	top:-1px;
	display:block;
	border-radius:50%;
	background:#888;
}
input[type=radio].middle:checked+span:before{
	width:11px;
	height:10px;
	left:1.2px;
	top:1.2px;
}
input[type=radio].max:checked+span:before{
	width:25px;
	height:24px;
	left:0.4px;
	top:0.4px;
}

/* background ---------------------- */

.bg_lightgray{ background:#f0f0f0; }
.bg_gray{ background:#e0e0e0; }
.bg_pink{ background:#ffe0e0; }
.bg_green{ background:#f0fff0; }
.bg_blue{ background:#e0f0ff; }

/* listview ---------------------- */

.listview .sec{
	margin-bottom:30px;
	padding:15px;
	border:solid 1px #999;
	background:#f0f0f0;
}
.listview .sec{
	margin-bottom:15px;
}

/*  switch ------------------ */

.switch{
	display:block;
}
.switch input[type=checkbox],
.switch input[type=radio]{
	display:none;
}
.switch label{
	cursor:pointer;
	display:inline-block;
	border:solid 1px #ccc;
	background:#e0e0e0;
	padding:5px 10px;
}
.switch label:hover{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.switch input[type=radio]:checked + label,
.switch input[type=checkbox]:checked + label{
	background:#111;
	border:solid 1px #111;
	color:#FFF;
}

/*　menustrip --------------- */

.menustrip{
	display:block;
}
.menustrip input.mchecks{
	display:none;
}
.menustrip .menu{
	display:block;
	overflow:hidden;
	height:0px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
}
.menustrip input.mchecks:checked~.menu{
	height:auto;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}

/* Modal ---------------- */

.Modal{
	display:block;
}
.Modal .window{
	position:fixed;
	z-index:-2;
	background:#FFF;
	width:80%;
	max-height:80%;
	left:10%;
	top:10%;
	opacity:0;
	overflow:hidden;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.Modal .window>.windows{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

}
.Modal .bga{
	position:fixed;
	z-index:-1;
	opacity:0;
	background:#000;
	width:100%;
	left:0px;
	top:0px;
	height:100%;
	overflow-y:auto;
}
.Modal input.checks{
	display:none;
}
.Modal input.checks:checked~.window{
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	animation:Modal_open 0.3s;
	-webkit-animation:Modal_open 0.3s;
	-moz-animation:Modal_open 0.3s;
	-ms-animation:Modal_open 0.3s;
	-o-animation:Modal_open 0.3s;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	z-index:100;
}
.Modal input.checks:checked+.bga{
	animation:Modal_open_bsj 0.3s;
	-webkit-animation:Modal_open_bsj 0.3s;
	-moz-animation:Modal_open_bsj 0.3s;
	-ms-animation:Modal_open_bsj 0.3s;
	-o-animation:Modal_open_bsj 0.3s;
	opacity:0.8;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	-ms-opacity:0.8;
	-o-opacity:0.8;
	z-index:99;
}
.Modal .window.table,
.Modal table.window{
	height:80%;
}
.Modal .window .tr,
.Modal table.window>tr,
.Modal .window>table.windows>tr{
	display:table-row;
}
.Modal .window .tr .hf,
.Modal table.window>tbody>tr>th,
.Modal .window>table.windows>tbody>tr>th{
	border:none;
	background:none;
	display:table-cell;
	height:50px;
	padding:15px;
}
.Modal .window .tr .hf.head,
.Modal table.window>tbody>tr>th.head,
.Modal .window>table.windows>tbody>tr>th.head{
	background:#179;
	color:#FFF;
	position:relative;
	font-weight:normal;
}
.Modal .window .tr .main,
.Modal table.window>tbody>tr>td,
.Modal .window>.windows>tbody>tr>td{
	border:none;
	vertical-align:top;
	display:table-cell;
	padding:10px 15px;
	position:relative;
	overflow:auto;
}
.Modal .window .tr .main .bs,
.Modal table.window>tbody>tr>td .bs{
	position:absolute;
	right:0px;
	bottom:0px;
	left:0px;
	top:0px;
	overflow:auto;
}

@media all and (-ms-high-contrast: none){
	.Modal .window .tr .main .bs{
		overflow:visible;
	}
}

.Modal .window.short{
	width:640px;
	left:50%;
	margin-left:-320px;
}
.Modal .window.dialog{
	width:440px;
	height:300px;
	left:50%;
	margin-left:-220px;
	top:50%;
	margin-top:-150px;
}

@keyframes Modal_open{
	0%{
		opacity:0;
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		-o-opacity:0;
	}
	100%{
		opacity:1;
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		-o-opacity:1;
	}
}
@keyframes Modal_open_bsj{
	0%{
		opacity:0;
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		-o-opacity:0;
	}
	100%{
		opacity:0.8;
		-webkit-opacity:0.8;
		-moz-opacity:0.8;
		-ms-opacity:0.8;
		-o-opacity:0.8;
	}
}

/* modal(animation list) --------------- */

.Modal.animate_zoomin .window{
	width:0px;
	height:0px;
	left:50%;
	top:50%;
	margin-left:0px;
	margin-top:0px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	z-index:100;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.Modal.animate_zoomin .window>table.windows{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-delay:600ms;
	transition-duration:300ms;
}
.Modal.animate_zoomin .bga{
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.Modal.animate_zoomin input.checks:checked+.bga{
	animation-name:none;
	-webkit-animation-name:none;
	-moz-animation-name:none;
	-ms-animation-name:none;
	-o-animation-name:none;
}
.Modal.animate_zoomin input.checks:checked~.window{
	animation-name:none;
	-webkit-animation-name:none;
	-moz-animation-name:none;
	-ms-animation-name:none;
	-o-animation-name:none;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	z-index:100;
	height: 80%;
	width: 80%;
	left:10%;
	top:10%;
}
.Modal.animate_zoomin input.checks:checked~.window>table.windows{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.Modal.animate_zoomin input.checks:checked~.window.dialog{
	width: 440px;
	height: 300px;
	left: 50%;
	margin-left: -220px;
	top: 50%;
	margin-top: -150px;
}

/* selector ---------------- */

.selector{
	border:solid 1px #ccc;
	overflow:auto;
}
.selector input[type=radio]{
	display:none;
}
.selector label,
.selector a{
	display:block;
	border-bottom:dashed 1px #999;
}
.selector label:last-child,
.selector a:last-child{
	border-bottom:none;
}
.selector input[type=radio]:checked+label,
.selector input[type=radio]:checked+a{
	background:#d8d8d8;
}

/* multiselect ---------------- */

.multiselect{
	border:solid 1px #ccc;
	overflow:auto;
}
.multiselect input[type=checkbox]{
	display:none;
}
.multiselect label,
.multiselect a{
	display:block;
	padding-left:55px;
	position:relative;
	border-bottom:dashed 1px #999;
}
.multiselect label:last-child,
.multiselect a:last-child{
	border-bottom:none;
}
.multiselect input[type=checkbox]:checked+label,
.multiselect input[type=checkbox]:checked+a{
	background:#d8d8d8;
}
.multiselect label:before,
.multiselect a:before{
	position:absolute;
	left:15px;
	top:15px;
	width:25px;
	height:25px;
	background:#fff;
	border:solid 1px #666;
	content:"";
}
.multiselect input[type=checkbox]:checked+label:after,
.multiselect input[type=checkbox]:checked+a:after{
	content:"";
	position:absolute;
	width:12px;
	height:8px;
	left:22px;
	top:22px;
	border-left:solid 3px #666;
	border-bottom:solid 2px #666;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);

}

/* notification ---------------- */

.notification .checks{
	display:none;
}
.notification .window{
	position:fixed;
	z-index:105;
	width:100%;
	background:#fff;
	border-bottom:solid 3px #555;
	top:-50%;
	left:0px;
	transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	-o-transition-duration:0.4s;
}
.notification .window.bottom{
	top:auto;
	bottom:-50%;
	border-bottom:none;
	border-top:solid 3px #555;
}
.notification .checks:checked+.window{
	top:0px;
}
.notification .checks:checked+.window.bottom{
	top:auto;
	bottom:0px;
}

/* circle --------------------- */

.circle{ border-radius:50%; }
.circle2{ border-radius:500px; }

/* flexs --------------------- */

.flexs{
	display:flex;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	-o-display:flex;
}
.flexs.wrap{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
}
.flexs.content_left{
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	-o-justify-content:flex-start;
}
.flexs.content_right{
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;
	-o-justify-content:flex-end;
}
.flexs.content_center{
	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	-o-justify-content:center;
}
.flexs.content_between{
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
}
.flexs.content_around{
	justify-content:space-around;
	-webkit-justify-content:space-around;
	-moz-justify-content:space-around;
	-ms-justify-content:space-around;
	-o-justify-content:space-around;
}
.flexs.valign_stretch{
	align-items:stretch;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;
	-o-align-items:stretch;
}
.flexs.valign_top{
	align-items:flex-start;
	-webkit-align-items:flex-start;
	-moz-align-items:flex-start;
	-ms-align-items:flex-start;
	-o-align-items:flex-start;
}
.flexs.valign_bottom{
	align-items:flex-end;
	-webkit-align-items:flex-end;
	-moz-align-items:flex-end;
	-ms-align-items:flex-end;
	-o-align-items:flex-end;
}
.flexs.valign_middle{
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
}