/*
	フレームワークCSS上書き
	*/
	.navbar{
		margin-bottom:0;
	}

	.container{
		padding-left:5px;
		padding-right:5px;
		width:99%;
	}

	#bs-example-navbar-collapse-1 li a{
		font-size:120%;
		color:#fff;
	}
	#bs-example-navbar-collapse-1 li a:hover{
		color:#555;
		font-weight:bold;
	}

	div#contents{
		vertical-align:top;
		padding-left:210px;
	}
	.form-control{
		padding:6px;
	}

	.alert{
		padding:8px 10px;
		margin:0 10px 10px 10px;

	}

	.navbar-nav > li > a{
		line-height:21px;
	}
	/*---------------------------------	*/


	html,body {
		height:100%;
		margin:0;
		padding:0;
	}

	div#contentsArea{
		height: 100%;
		padding-top:50px;
	}

	body,div,p,label,a,h1,h2,h3,h4,h5,h6,span,li,input,button,textarea,form,label,table,caption,th,tr,td,pre{
		font-family:Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;

	}
	a{
		color:#068;
	}
	a:hover{
		color:#39a;
	}
	img{
		border:0;
	}
	img.pdf-icon{
		border:0;
		width:30px;
		height:30px;
	}
	img.mini-icon{
		border:0;
		width:20px;
		height:20px;
		margin-bottom:6px;
	}
	a:hover{
		text-decoration: none;
	}
	textarea{
		border-color:#aaa;
	}
	input[type=number]{
		text-align:right;
	}

	input[type=number].spinner{
		text-align:center;
		width:65px;
		margin:0;
		padding:0;
		border-radius:5px;
		color:#232323;
	}

	.btn{
		font-size:100%;
	}

	/*
	ログインブロック
	*/
	div.longin-block{
		width:640px;
		box-shadow:0.5px 0.5px 1px;
		margin:10px auto;
	}
	/*
	固定
	*/
	.pos-header {
		background:#fff;
		padding:10px;
		height: 35px;
		position: fixed;
		z-index: 999;
		box-shadow: 0 1px 0 rgba(255,255,255,1);
	}

	/*DatePicker*/
	div#ui-datepicker-div{
		background:#fff;
		padding:12px;
		border-radius:5px;
		border:1px solid #fff;
	}
	div#ui-datepicker-div a{
		cursor:pointer;
		font-family:メイリオ;
	}
	div#ui-datepicker-div span{
		margin:3px 6px;
	}

	div#ui-datepicker-div table th{
		width:20px;
	}

	div#ui-datepicker-div table td{
		border:1px solid #ccc;
		text-align:center;
		padding:3px;
		font-family:メイリオ;
	}

	/*
	DIV
	*/
	.clear{
		clear:both;
	}

	.point-content{
		margin-left:13px;
		padding-bottom:10px;
	}

	.list-table {
		display: table;
		width:99%;
        margin-top: 15px;
	}
	.list-cell {
		display: table-cell;
		vertical-align: middle;
		margin-right: auto;
		padding:0 5px;
	}

	.table-simple{
		font-size:100%;
		background:#fff;
		width:auto;
		border-collapse:collapse;
		text-align:left;
		margin:20px 5px;
	}
	.table-simple th{
		font-size:105%;
		font-weight:normal;
		color:#039;
		border-bottom:2px solid #6678b1;
		padding:5px 8px;
	}
	.table-simple td{
		color:#669;
		padding:6px 8px;
	}
	.table-simple tbody tr:hover td{
		color:#009;
	}

	/*
	select
	*/
	select{
		border-color:#ccc;
		border-radius:5px;
		padding:5px 8px;
	}

	/*
	矢印アイコン
	*/
	img.min-icon{
		border:0;
		width:24px;
		height:24px;
	}

	/*
	ul li
	*/
	ul.navi   {
		font-size:100%;
		padding-left:0;
		margin-top:0;
		margin-bottom:0;
	}
	ul.navi li    {
		text-align: left;
		text-decoration: none;
		list-style: none;
		padding:11px 5px 13px; 10px;
		text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
		background-image:url('../images/side_bg.png');

	}
	ul.navi a li   {
		text-decoration: none;
		color: #555;
		padding-left:12px;
	}
	.navi li:hover {
		text-decoration: none;
		background-image:url('../images/side_hover_bg.png');
	}

	.side-title{
		background:#999;
		padding-left:15px;
		padding-top:8px;
		padding-bottom:0.5px;
	}
	.side-title p{
		font-size:100%;
		color:#fff;
		text-align:left;
	}


	div#side-block{
		background:#fff;
		vertical-align: top;
		width:200px;
		position: fixed;
		z-index: 998;
	}
	div.side{
		border:1px solid #aaa;
		border-radius:0px;
	}



 	ul#fontSize li {
		float:left; color:#fff;
		float:left;
		margin:8px 2px;
		border:1px #DEE solid;
		text-decoration: none;
		list-style: none;
		cursor: pointer;
		padding:5px 10px;
		color:#555;
		font-weight:bold;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 3px #000000;
		box-shadow: 0px 0px 3px #000000;
		background-image: -moz-linear-gradient(top, #b3ccff, #fffeed);
		background-image: -ms-linear-gradient(top, #b3ccff, #fffeed);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#b3ccff), to(#fffeed));
		background-image: -webkit-linear-gradient(top, #b3ccff, #fffeed);
		background-image: linear-gradient(top, #b3ccff, #fffeed);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/


	}


	/*
	global
	*/
	#global-navi{
		position: fixed !important;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height:52px;
		padding-right:10px;
		/* IE10+, W3C */
        background: #1d9b36;
		/*background: linear-gradient(to bottom, #1c1c60, #59597a);
		 background-image: -webkit-gradient(
			linear
			, left top
			, left bottom
			, from(#c3c3fe)
			, color-stop(0.49, #59597a)
			, color-stop(0.50, #1c1c60)
			, to(#59597a));
		background-image: -moz-gradient(
			linear
			, left top
			, left bottom
			, from(#c3c3fe)
			, color-stop(0.49, #59597a)
			, color-stop(0.50, #1c1c60)
			, to(#59597a)); */
		border-bottom:0.5px solid #59597a;
		z-index:100;
	}

	.current-tab{
		text-shadow: 0 2px 5px rgba(0, 0, 0, .5);border-bottom:1px solid #068;solid #068;
		background: #eee;
		color: #068 !important;
	}

	div.pankuzu{
		color:#000;
		font-size:110%;
		margin-bottom:10px;
		font-weight:bold;
		width:100%;
		margin-left:12px;
	}

	div.pankuzu a{
		color:#008080;
	}

	div.pankuzu a:hover{
		color:#005050;
		border-bottom:1px solid #008080;
	}

	div#search-block,div#toggle-block,div#form-block{
		height:Auto;
		box-shadow:1px 1px 1px;
		border:1px solid #ccc;
		padding:15px;
		margin-bottom:15px;
		background:#ffcccccc;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}

	div#result-block{
		height:Auto;
		box-shadow:2px 2px 3px;
		border:1px solid #ccc;
		padding:15px;
		margin-top:10px;
		margin-bottom:15px;
		background:#ffcccccc;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}

	div.toggle-block label:hover{
		cursor: pointer;
	}

	div.temp-block{
		border:1px #ccc solid;
		padding:10px;
		margin:10px;
		margin-left:0;
	}

	#template-text{
		width:100%;
		height:280px;
		margin-bottom:8px;
	}

	/*
	P
	*/
	.point-time {
		color: #555;
		font-size:113%;
		font-weight:bold;
		box-shadow: 0 1px 0 rgba(255,255,255,1);
		margin:5px 0 0 12px;
	}

	.point-title {
		color: #2f4f4f;
		font-size:100%;
		font-weight:bold;
		padding:5px 8px;
		margin-top:8px;
		border-left: 3px solid #2e6da4;
		background-image: -moz-linear-gradient(top, #ffffff, #f0f3f5);
		background-image: -ms-linear-gradient(top, #ffffff, #f0f3f5);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f0f3f5));
		background-image: -webkit-linear-gradient(top, #ffffff, #f0f3f5);
		background-image: linear-gradient(top, #ffffff, #f0f3f5);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

		border-bottom:0.5px solid #eee;
		border-top:0.5px solid #eee;
		border-right:0.5px solid #eee;
	}

	.point-attent {
		color: #b22222;
		font-size:105%;
		font-weight:bold;
		margin:10px 0;
		box-shadow: 0 1px 0 rgba(255,255,255,1);
	}

	.point-total{
		text-align:right;
		vertical-align:bottom;
		font-size:105%;
		color:#555;
		text-shadow: 0 -1px 0 #FFF, -1px 0 1px #FFF, 1px 0 1px #ccc;
		font-weight:bold;
	}

	.point-normal {
		color: #555;
		font-size:105%;
		font-weight:bold;
		margin:10px 0;
		box-shadow: 0 1px 0 rgba(255,255,255,1);
	}

	.point-blue {
		color:#1c1c60;
		font-weight:bold;
		font-size:110%;
	}

	input[type=Date] {
		width:250px;
	}

	.require{
		color: #b22222;
		font-size:100%;
	}

	/*
	マーク
	*/
	.point-maru{
		position:relative;
		padding-left:20px;
		font-weight: bold;
		font-size: 103%;
		line-height: 20px;
		margin-top:8px;
		margin-bottom:3px;
	}

	.point-maru:before{
		content:'';
		border-radius:30px;
		-webkit-border-radius:30px;
		-moz-border-radius:30px;
		height:12px;
		width:12px;
		display:block;
		position:absolute;
		top:4px;
		left:4px;
		background-color:#337ab7;
		box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
	}



	/*
	ボタン
	*/
	button.temp {
		border:solid 1px #819bcb; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; padding: 5px 6px;margin:0 2px 2px 0;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); text-align: center; color: #FFFFFF; background-color: #eee;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #819bcb), color-stop(100%, #7089b3));
		background-image: -webkit-linear-gradient(top, #819bcb, #7089b3);
		background-image: -moz-linear-gradient(top, #819bcb, #7089b3);
		background-image: -ms-linear-gradient(top, #819bcb, #7089b3);
		background-image: -o-linear-gradient(top, #819bcb, #7089b3);
		background-image: linear-gradient(top, #819bcb, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);

	}
	button.temp:hover{
		border:solid 1px #819bcb; background-color: #819bcb;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5b8da), color-stop(100%, #536f9d));
		background-image: -webkit-linear-gradient(top, #a5b8da, #536f9d);
		background-image: -moz-linear-gradient(top, #a5b8da, #536f9d);
		background-image: -ms-linear-gradient(top, #a5b8da, #536f9d);
		background-image: -o-linear-gradient(top, #a5b8da, #536f9d);
		background-image: linear-gradient(top, #a5b8da, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
	}

	.btn-back {
        display: inline-block;
		border:1px solid #aaa;
		background:#eee;
		color:#555;
		border-radius: 5px;
		padding:3px 15px;
		margin-bottom:5px;
		font-size:90%;
        height: 40px;
	}

	.btn-back:hover{
		background:#ddd;
		text-decoration: none;
	}
	.back-image{
		width:30px;
		height:30px;
		border:0;
	}

	#btn-green, button#toggle {
		background: #449d44;
		border: 1px solid #398439;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #FFF;
		font-size:100%;
		padding:6px 20px;
		width:auto;
	}

	#btn-green:hover {
		background-color: #338c33;
	}

	button.btn-list{
		background: #337ab7;
		border: 1px solid #337ab7;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #FFF;
		font-size:100%;
		width: 75px;
		height:35px;
		padding: 1px 2px;
		margin:3px  ;
	}

	button.btn-list:hover{
		background-color: #59b1eb;
		border: 1px solid #59b1eb;
	}

	input[type=button] {
		background: #337ab7;
		border: 1px solid #2e6da4;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #FFF;
		font-size:95%;
		width: 95px;
		height:36px;
		margin:0;
	}

	input[type=button]:hover {
		background-color: #286090;
	}

	input[type=button].autosize {
		width: Auto;
		padding: 5px 10px;
		margin:2px;
	}

	input[type=Text],input[type=email],input[type=number],input[type=tel],input[type=password],select {
		width:100%;
		margin:8px 0;
	}

	.goto-top{
		padding:5px 10px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f7ff', endColorstr = '#fafff7');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f7ff', endColorstr = '#fafff7')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #f5f7ff, #fafff7);
		background-image: -ms-linear-gradient(top, #f5f7ff, #fafff7);
		background-image: -o-linear-gradient(top, #f5f7ff, #fafff7);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f7ff), to(#fafff7));
		background-image: -webkit-linear-gradient(top, #f5f7ff, #fafff7);
		background-image: linear-gradient(top, #f5f7ff, #fafff7);
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
		/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
		opacity: 0.42;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 42);
		/*-ms-filter must come before filter*/
		filter: alpha(opacity = 42);
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*All filters must be placed together*/
	}
	.goto-top:hover{
		color:#000;
		font-weght:bold;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f7ff', endColorstr = '#e4e8e1');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f7ff', endColorstr = '#e4e8e1')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #f5f7ff, #e4e8e1);
		background-image: -ms-linear-gradient(top, #f5f7ff, #e4e8e1);
		background-image: -o-linear-gradient(top, #f5f7ff, #e4e8e1);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f7ff), to(#e4e8e1));
		background-image: -webkit-linear-gradient(top, #f5f7ff, #e4e8e1);
		background-image: linear-gradient(top, #f5f7ff, #e4e8e1);
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
		/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
		opacity: 0.42;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 42);
		/*-ms-filter must come before filter*/
		filter: alpha(opacity = 42);
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*All filters must be placed together*/

	}

	/*
	テーブル
	*/
	.point-table{
		width: 95%;
		border-collapse: separate;
		border-spacing: 0px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.point-table th{
		width:25%;
		padding:4px;
		text-align: left;
		vertical-align: middle;
		color: #444;
		background-color: #dddede;
		border-left: 3px double #ffa500;
		border-top: 1px solid #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.point-table td{
		padding:8px 5px;
		background-color: #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}


	/*
	横テーブル
	*/
	.view-table{
		width: 95%;
		border-collapse: separate;
		border-spacing: 0px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.view-table th{
		padding:4px;
		text-align: left;
		vertical-align: top;
		color: #444;
		background-color: #dddede;
		border-left: 3px double #ffffffff;
		border-top: 1px solid #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.view-table td{
		padding:4px;
		background-color: #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	/*
	トグルグループ
	*/
	.buttonGroup{
		margin-bottom:8px;
	}
	.buttonGroup input[type="radio"] {
		display: none;
	}

	.buttonGroup label {
		border-top: solid 1px #ccc;
		border-bottom: solid 1.5px #ccc;
		border-right: solid 1.5px #ccc;
		border-left: solid 1px #ccc;
		background-color: #ffffff;
		margin-left:-5px;
		padding: 8px 15px;
	}

	.buttonGroup > label:first-of-type {
		border-left: solid 1px #ccc;
		border-top-left-radius: 5px;
		border-bottom-left-radius:  5px;
	}

	.buttonGroup > label:last-of-type {
		border-top-right-radius:  5px;
		border-bottom-right-radius: 5px;
	}

	.buttonGroup input[type="radio"]:checked + label {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa912', endColorstr = '#ffe26e');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa912', endColorstr = '#ffe26e')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #ffa912, #ffe26e);
		background-image: -ms-linear-gradient(top, #ffa912, #ffe26e);
		background-image: -o-linear-gradient(top, #ffa912, #ffe26e);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffa912), to(#ffe26e));
		background-image: -webkit-linear-gradient(top, #ffa912, #ffe26e);
		background-image: linear-gradient(top, #ffa912, #ffe26e);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	}


	/*表示件数*/
	div.view-navi{
		text-align:right;
	}
	div.table-block div.list-table{
		width:100%;
	}
	div.table-block ul.pagination,
	div.table-block div.list-cell
	{
		margin:0;
		padding:0;
	}

	div.table-block{
		margin-top:20px;
		width:100%;
	}


	/*
	edit table
	*/
	/*テーブルCSS Firefox でborderが表示されなかったりする事の対策を込みで。*/
	#editTbl{
		font-family:メイリオl,Osaka;
		border-collapse: separate; /* 枠線の表示方法  間隔をあけて表示 */
		border-spacing: 0; /* 隣合うセルのボーダーにできた隙間の幅を指定 */
		border-top: 1px solid #b0c4de; /* 枠線 borderプロパティ: 太さ 種類 色 */
		border-right: 1px solid #b0c4de;
		width:100%;
	}
	#editTbl th,#editTbl td{
		padding: 8px ;
		border-bottom: 1px solid #b0c4de;
		border-left: 1px solid #b0c4de;
	}
	#editTbl th{
		color: #333;
		background: #fafad2;
		text-align:center;
		cursor: pointer;
	}
	#editTbl th label{
		color:#3CB371;
	}
	#editTbl td{
		text-align : left;
	}
	#editTbl p{
		margin:0; /* contenteditable属性 IE対策 */
	}
	#editTbl span{
		padding-left:1px; /* firefoxキャレット位置調整 */
		color:#6495ed;
	}

	.form-label{
		color: #555;
		font-size:100%;
		margin:8px 5px 0 5px;
	}

	div.form-title,div.form-input{
		float:left;
		vertical-align:top;
	}

	div.form-title{
		width:150px;
		text-align:right;
		line-height: 45px;
		margin-right:10px;
		font-size:100%;
	}
	div.form-input{
		width:280px;
	}
	div.form-reset{
		clear:both;
	}
	div.form-button-line{
		padding:8px;
	}



	/*
	システム設定のフォーム
	*/
	div.sysconfig-form{
		padding: 5px ;
		margin-bottom:10px;
		border: 1px solid #ccc;
		border-radius: 8px;
		box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #ccc;
	}

	/*
	フォームの設定ボタンの統一
	*/
	div.form-hr{
		border-top:1px dotted #aaa;
		margin-top:3px;
	}
	div.form-hr input[type="submit"],div.form-hr input[type="button"]{
		margin-top:8px;
		margin-right:5px;
		margin-left:5px;
		width:150px;
		padding:7px 0;
	}





/*
checkbox
*/
.check-block {
	padding: 6px;
}

.check-block label{
	font-weight:normal;
}
.check-block input[type=radio],
.check-block input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
.check-block input[type=radio] + label,
.check-block input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 110%;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {
		.check-block input[type=radio],
		.check-block input[type=checkbox] {
		display: none;
		margin: 0;
		}
		.check-block input[type=radio] + label,
		.check-block input[type=checkbox] + label {
		padding: 0 0 0 24px;
	}
		.check-block input[type=radio] + label::before,
		.check-block input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;

		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;

		background: #FFF;
	}

	.check-block input[type=radio] + label::before {
		border: 2px solid #ccc;
		border-radius: 30px;
	}
	.check-block input[type=checkbox] + label::before {
		border: 2px solid #ccc;
	}
	.check-block input[type=radio]:checked + label::after,
	.check-block input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;

		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	.check-block input[type=radio]:checked + label::after {
		left: 5px;

		width: 8px;
		height: 8px;
		margin-top: -4px;

		background: #E71063;
		border-radius: 8px;
	}
	.check-block input[type=checkbox]:checked + label::after {
		left: 3px;

		width: 16px;
		height: 8px;
		margin-top: -8px;

		border-left: 3px solid #E71063;
		border-bottom: 3px solid #E71063;

		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}