/********** common **********/
html {font-size: 62.5%;}

a:link{ color: #3366cc; text-decoration: none;}
a:visited { color: #3366cc; text-decoration: none;}
a:hover { color: #3366cc; text-decoration: underline;}
a:active { color: #3366cc; text-decoration: underline;}

body {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	font-size: 1.3rem;
}

/*
#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}
*/

.nowrap {
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}
.fwb {font-weight: bold!important;}
.fwn {font-weight: normal!important;}

.f00 {
	color: #f00;
}

.fs8  {font-size: 0.8rem;}
.fs9  {font-size: 0.9rem;}
.fs10 {font-size: 1.0rem;}
.fs11 {font-size: 1.1rem;}
.fs12 {font-size: 1.2rem;}
.fs13 {font-size: 1.3rem;}
.fs14 {font-size: 1.4rem;}
.fs15 {font-size: 1.5rem;}
.fs16 {font-size: 1.6rem;}
.fs17 {font-size: 1.7rem;}
.fs18 {font-size: 1.8rem;}
.fs19 {font-size: 1.9rem;}
.fs20 {font-size: 2.0rem;}
.fs20 {font-size: 2.0rem;}
.fs21 {font-size: 2.1rem;}
.fs22 {font-size: 2.2rem;}
.fs23 {font-size: 2.3rem;}
.fs24 {font-size: 2.4rem;}
.fs25 {font-size: 2.5rem;}
.fs26 {font-size: 2.6rem;}
.fs27 {font-size: 2.7rem;}
.fs28 {font-size: 2.8rem;}
.fs29 {font-size: 2.9rem;}
.fs30 {font-size: 3.0rem;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}

.w1   {width: 1px;}
.w2   {width: 2px;}
.w3   {width: 3px;}
.w4   {width: 4px;}
.w5   {width: 5px;}
.w6   {width: 6px;}
.w7   {width: 7px;}
.w8   {width: 8px;}
.w9   {width: 9px;}
.w10  {width: 10px;}
.w15  {width: 15px;}
.w20  {width: 20px;}
.w25  {width: 25px;}
.w30  {width: 30px;}
.w35  {width: 35px;}
.w40  {width: 40px;}
.w45  {width: 45px;}
.w50  {width: 50px;}
.w55  {width: 50px;}
.w60  {width: 60px;}
.w65  {width: 65px;}
.w70  {width: 70px;}
.w75  {width: 75px;}
.w80  {width: 80px;}
.w85  {width: 85px;}
.w90  {width: 90px;}
.w95  {width: 95px;}
.w100 {width: 100px;}
.w105 {width: 105px;}
.w110 {width: 110px;}
.w115 {width: 115px;}
.w120 {width: 120px;}
.w125 {width: 125px;}
.w130 {width: 130px;}
.w135 {width: 135px;}
.w140 {width: 140px;}
.w145 {width: 145px;}
.w150 {width: 150px;}
.w155 {width: 150px;}
.w160 {width: 160px;}
.w165 {width: 165px;}
.w170 {width: 170px;}
.w175 {width: 175px;}
.w180 {width: 180px;}
.w185 {width: 185px;}
.w190 {width: 190px;}
.w195 {width: 195px;}
.w200 {width: 200px;}

.w5p   {width: 5%;}
.w10p  {width: 10%;}
.w15p  {width: 15%;}
.w20p  {width: 20%;}
.w25p  {width: 25%;}
.w30p  {width: 30%;}
.w35p  {width: 35%;}
.w40p  {width: 40%;}
.w45p  {width: 45%;}
.w50p  {width: 50%;}
.w55p  {width: 55%;}
.w60p  {width: 60%;}
.w65p  {width: 65%;}
.w70p  {width: 70%;}
.w75p  {width: 75%;}
.w80p  {width: 80%;}
.w85p  {width: 85%;}
.w90p  {width: 90%;}
.w95p  {width: 95%;}
.w100p {width: 100%;}

.m1   {margin: 1px;}
.m2   {margin: 2px;}
.m3   {margin: 3px;}
.m4   {margin: 4px;}
.m5   {margin: 5px;}
.m6   {margin: 6px;}
.m7   {margin: 7px;}
.m8   {margin: 8px;}
.m9   {margin: 9px;}
.m10  {margin: 10px;}
.m15  {margin: 15px;}
.m20  {margin: 20px;}
.m25  {margin: 25px;}
.m30  {margin: 30px;}
.m35  {margin: 35px;}
.m40  {margin: 40px;}
.m45  {margin: 45px;}
.m50  {margin: 50px;}
.mt1  {margin-top: 1px;}
.mt2  {margin-top: 2px;}
.mt3  {margin-top: 3px;}
.mt4  {margin-top: 4px;}
.mt5  {margin-top: 5px;}
.mt6  {margin-top: 6px;}
.mt7  {margin-top: 7px;}
.mt8  {margin-top: 8px;}
.mt9  {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mr1  {margin-right: 1px;}
.mr2  {margin-right: 2px;}
.mr3  {margin-right: 3px;}
.mr4  {margin-right: 4px;}
.mr5  {margin-right: 5px;}
.mr6  {margin-right: 6px;}
.mr7  {margin-right: 7px;}
.mr8  {margin-right: 8px;}
.mr9  {margin-right: 9px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mb1  {margin-bottom: 1px;}
.mb2  {margin-bottom: 2px;}
.mb3  {margin-bottom: 3px;}
.mb4  {margin-bottom: 4px;}
.mb5  {margin-bottom: 5px;}
.mb6  {margin-bottom: 6px;}
.mb7  {margin-bottom: 7px;}
.mb8  {margin-bottom: 8px;}
.mb9  {margin-bottom: 9px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.ml1  {margin-left: 1px;}
.ml2  {margin-left: 2px;}
.ml3  {margin-left: 3px;}
.ml4  {margin-left: 4px;}
.ml5  {margin-left: 5px;}
.ml6  {margin-left: 6px;}
.ml7  {margin-left: 7px;}
.ml8  {margin-left: 8px;}
.ml9  {margin-left: 9px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}

.p1   {padding: 1px;}
.p2   {padding: 2px;}
.p3   {padding: 3px;}
.p4   {padding: 4px;}
.p5   {padding: 5px;}
.p6   {padding: 6px;}
.p7   {padding: 7px;}
.p8   {padding: 8px;}
.p9   {padding: 9px;}
.p10  {padding: 10px;}
.p15  {padding: 15px;}
.p20  {padding: 20px;}
.p25  {padding: 25px;}
.p30  {padding: 30px;}
.p35  {padding: 35px;}
.p40  {padding: 40px;}
.p45  {padding: 45px;}
.p50  {padding: 50px;}
.pt1  {padding-top: 1px;}
.pt2  {padding-top: 2px;}
.pt3  {padding-top: 3px;}
.pt4  {padding-top: 4px;}
.pt5  {padding-top: 5px;}
.pt6  {padding-top: 6px;}
.pt7  {padding-top: 7px;}
.pt8  {padding-top: 8px;}
.pt9  {padding-top: 9px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pr1  {padding-right: 1px;}
.pr2  {padding-right: 2px;}
.pr3  {padding-right: 3px;}
.pr4  {padding-right: 4px;}
.pr5  {padding-right: 5px;}
.pr6  {padding-right: 6px;}
.pr7  {padding-right: 7px;}
.pr8  {padding-right: 8px;}
.pr9  {padding-right: 9px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}
.pb1  {padding-bottom: 1px;}
.pb2  {padding-bottom: 2px;}
.pb3  {padding-bottom: 3px;}
.pb4  {padding-bottom: 4px;}
.pb5  {padding-bottom: 5px;}
.pb6  {padding-bottom: 6px;}
.pb7  {padding-bottom: 7px;}
.pb8  {padding-bottom: 8px;}
.pb9  {padding-bottom: 9px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pl1  {padding-left: 1px;}
.pl2  {padding-left: 2px;}
.pl3  {padding-left: 3px;}
.pl4  {padding-left: 4px;}
.pl5  {padding-left: 5px;}
.pl6  {padding-left: 6px;}
.pl7  {padding-left: 7px;}
.pl8  {padding-left: 8px;}
.pl9  {padding-left: 9px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}



/********** layout **********/
#head_title{
    width: 100%;
    height: 50px;
    margin: 10px 0 ;
    line-height: 50px;
    font-size: 24px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
/* ステージング用の設定 */
    background-color: #626c7b;
}

header {
	height: 50px;
	border-bottom: 1px dashed #333;

}

nav {
	border-bottom: 1px dashed #333;

}

main {
	min-height: 500px;
/*	padding: 20px;*/
}
main > section{
	margin: 20px;
}

footer {
	text-align: center;
	border-top: 1px dashed #333;
	margin-bottom: 30px;
	padding-top: 10px;
/*	font-size: 1.6rem;*/
	color: #333;
}



/********** clearfix **********/
.clearfix {
	min-height: 1px;
	height: auto !important;
	height: 1px;
}

.clearfix:after {
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.left {
	float: left;
	zoom: 100%;
}

.right {
	float: right;
	zoom: 100%;
}



/********** head **********/
h1 {
	font-weight: bold;
	font-size: 2.5rem;
	margin: 15px 0 0 15px;
}

h1 span {
	font-weight: bold;
	font-size: 2.2rem;
	display: inline-block;
	margin: 3.5px 0 0 15px;
}

header button {
	margin: 12px 15px 0 0;
	padding: 3px 10px;
	cursor: pointer;
}



/********** nav **********/
nav {

}

nav ul {

}

nav ul li {

}

nav ul li a {
	display: inline-block;
	padding: 10px 25px;
	font-size: 1.4rem;
/*	border-right: 1px solid #fff;*/
}

nav ul li a:hover {
	background-color: #164082;
	color: #FFF;
}

nav ul li .stay {
	background-color: #164082;
	color: #FFF;
}

nav li a{ 
	border-right: 1px solid #999;
}


/********** main **********/
h2 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.8rem;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 10px;
}



/********** button **********/
.btn {
	padding: 10px 20px;
	cursor: pointer;
	font-weight: bold;
}
.btn_del{
    padding: 5px 20px;
    background: linear-gradient(
    	#ffe5e5 0%,
    	#ffa2a1 100%
    );
    border: 1px solid #be4b48;
	cursor: pointer;
}



/********** sub_menu **********/
#sub_menu {
	border-left: 1px solid #ccc;
}

#sub_menu li {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#sub_menu li a {
	display: block;
	padding: 10px 25px;
}

#sub_menu li a:hover {
	background-color: #dcdcdc;
}



/********** list **********/
.list {
	width: 100%;
}

.list thead {

}

.list thead tr {

}

.list thead th {
	white-space: nowrap;
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 10px 20px;
	text-align: center;
	font-weight: bold;
	background-color: #dcdcdc;
	line-height: 160%;
	vertical-align: middle;
}

.list tbody {

}

.list tbody tr {

}

.list tbody td {
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 8px 10px;
	line-height: 160%;
	vertical-align: middle;
}

.list tbody tr:nth-child(even) {
	background-color: #f5f5f5;
}

.list tbody tr.gray td {
	background-color: #999;
}

.list .manage_area {
	white-space: nowrap;
	text-align: center;
	width: 1px;
}

.list .manage_area a, .list .manage_area span {
	margin: 0 5px;
}

.list .manage_area span {
	color: #ccc;
}

.list .sort_area {
	white-space: nowrap;
	text-align: center;
	width: 1px;
}

.list .sort_area a {
	margin: 0 5px;
}

.list tbody .with_sumb {

}

.list tbody .with_sumb a, .list tbody .with_sumb div {

}

.list tbody .with_sumb a img, .list tbody .with_sumb div img {
	vertical-align: middle;
	margin-right: 10px;
}

.list tbody .with_sumb a span, .list tbody .with_sumb div span {

}



/********** entry **********/
.entry {
	width: 100%;
}

.entry tr {

}

.entry tr th {
	white-space: nowrap;
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 10px 20px;
/*	text-align: center;*/
	font-weight: bold;
	background-color: #dcdcdc;
	line-height: 160%;
	vertical-align: top;
}

.entry tr th span {
	font-weight: bold;
	color: #f00;
	margin-left: 5px;
}

.entry tr td {
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 8px 10px;
	line-height: 160%;
	vertical-align: middle;
}

.entry tr td .sumb {
	margin-top: 10px;
}

.entry tr td .sumb img {
	margin-right: 5px;
	vertical-align: middle;
}

.entry input {
	border: 1px solid #999;
}

.req_str {
	margin-bottom: 5px;
}

.req_str span {
	font-weight: bold;
	color: #f00;
	margin-right: 5px;
}

.req {
/*	background-color: #ff0;*/
	background-color: #ffebff;
}

.err {
	border: 1px solid #ccc;
	background-color: #fffacd;
	margin-bottom: 20px;
}

.err li {
	font-weight: bold;
	font-size: 1.4rem;
	color: #f00;
	margin: 10px;
	line-height: 150%;
}

.fix_box {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.fix_box li {
	text-align: center;
	font-weight: bold;
	color: #f00;
	margin: 10px;
	font-size: 1.6rem;
}

.fix_box .sub_txt {
	font-weight: bold;
	color: #000;
}



/********** pagination **********/
.pagination {
	text-align: center;
}

.pagination span {

}

.pagination span a {
	border: 1px solid #ccc;
	padding: 10px 15px;
	margin: 0 5px;
	display: inline-block;
}

.pagination span a:hover {
	background-color: #f5f5f5;
}

.pagination .stay {
	background-color: #f5f5f5;
}



/********** dialog **********/
.dialog, .search, .dialog_list {
	display: none;
}
.ui-dialog-title{
    text-align: center;
}


/********** pdf thumbnail **********/
.pdf_thum{
    display: inline-block;
    width: 80px;
    height: 50px;
    text-align: center;
}
.pdf_thum img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    line-height: 50px;
}