@charset "utf-8";

#proweb #proContent{
	margin: 0 auto;
}

.main-grid .title1{font-size:18px; font-weight:bold; margin:15px 0px;}

.center { text-align:center !important; }
.right { text-align:right !important; }
.left { text-align:left !important; }
.hand { cursor:pointer !important; }

.text-danger, .text-red {
    color: #fa2828 !important;
}
.text-blue {
    color: #117EF9 !important;
}
.text-orange {
    color: #FFA500 !important;
}
.text-green {
    color: #6EA31F !important;
}
.text-gray {
    color: #999 !important;
}




input .box{height: 23px; padding-top: 0; padding-bottom: 1px;}

/* padding **********************************************************************************************************************************************/
.pd0 { padding: 0 !important; }
.pd5 { padding: 5px !important; }
.pd10 { padding: 10px !important; }

.pdt5 { padding-top: 5px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt30 { padding-top: 30px !important; }

.pdr0 { padding-right: 0 !important; }
.pdr10 { padding-right: 10px !important; }
.pdr20 { padding-right: 15px !important; }

.pdl0 { padding-left: 0 !important; }
.pdl5 { padding-left: 5px; }
.pdl10 { padding-left: 10px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl50 { padding-left: 50px !important; }

.pdt5 { padding-top: 5px; }
.pdt30 { padding-top: 30px; }

.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb50 { padding-bottom: 50px; }
.pdb80 { padding-bottom: 80px; }

/* margin **********************************************************************************************************************************************/
.mg5 { margin: 5px; }
.mgauto { margin: 0 auto; }

.mgt0 { margin-top: 0 !important; }
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt80 { margin-top: 80px !important; }

.mgb0 { margin-bottom: 0 !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }

.mgl0 { margin-left: 0 !important; }
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl30 { margin-left: 30px !important; }

.mgr0 { margin-right: 0 !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr30 { margin-right: 30px !important; }





/***********************************************
 ** Å×À̺í
 ***********************************************/







/* pagination *****************************************************************************************************************************************************************************/
.pagination {display: block; margin:18px 0 20px; text-align:center;}
.pagination li {display:inline-block; width:32px; height:30px; margin-right:5px; font-size:0; line-height:0; vertical-align:top;}
.pagination li a {
	display:block;
	width:100%;
	height:100%;
	padding-top:14px;
	color:#313131;
	font-family:inherit;
	text-align:center;
	font-size:13px;
	font-weight:500;
	line-height:0;
	border:1px solid #e8e9ec;
	border-radius:6px;
	box-sizing:border-box;
}

.pagination li.active a,
.pagination li.selected a {background:#1d2089; color:#fff; font-weight:800; text-decoration:none;}

.pagination li a:hover,
.pagination li a:focus,
.pagination li.selected a:hover,
.pagination li.selected a:focus {background:#1d2089; color:#fff;}

.pagination li.prev {margin-right:8px;}
.pagination li.next {margin-left:3px;}
.pagination li.end {margin-right:0;}

.pagination li.first a,
.pagination li.first a:hover,
.pagination li.first a:focus,
.pagination li.prev a,
.pagination li.prev a:hover,
.pagination li.prev a:focus,
.pagination li.next a,
.pagination li.next a:hover,
.pagination li.next a:focus,
.pagination li.end a,
.pagination li.end a:hover,
.pagination li.end a:focus {background-color:transparent; background-image:url('/images/common/bu_pagination.png'); background-repeat:no-repeat; text-indent:-99999px;}

.pagination li.first a {background-position: center -6%;}
.pagination li.prev a {background-position:center 31.5%;}
.pagination li.next a {background-position:center 68.5%;}
.pagination li.end a {background-position: center 105.5%;}