.custom-removeborder{
	border:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color:#edf0ee !important;
}
/* Dropdown Button */
.dropbtn {
	background-color: #18121e !important;
	color: #ffffff !important;
	padding: 0px 20px 0px 20px !important;
	line-height:60px;
	font-weight:normal !important;
	font-size: 14px !important;
	border: none;
	cursor: pointer;
	text-shadow:none !important;
	height:60px;
}
.dropbtn[menutag='register'],
.dropbtn[menutag='mypage'],
.dropbtn[menutag='admin']{
	background-color:#984b43 !important;
}
.dropbtn[menutag='login']{
	background-color:#eac67a !important;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	//text-decoration:underline !important;
}
.dropbtn[menutag='register']:hover, .dropbtn[menutag='register']:focus, .dropbtn[menutag='register']:active,
.dropbtn[menutag='mypage']:hover, .dropbtn[menutag='mypage']:focus, .dropbtn[menutag='mypage']:active,
.dropbtn[menutag='admin']:hover, .dropbtn[menutag='admin']:focus, .dropbtn[menutag='admin']:active,
.dropbtn[menutag='login']:hover, .dropbtn[menutag='login']:focus, .dropbtn[menutag='login']:active{
	opacity:0.6;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
	height:60px !important;
	right: 0px !important;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	background-color: rgb(168,235,223);
	top:55px !important;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100;
	-webkit-border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 5px /*{global-radii-blocks}*/;
	border-bottom-right-radius: 5px /*{global-radii-blocks}*/;
}
/* Links inside the dropdown */
.dropdown-content a {
	background-color: rgb(233,250,248);
	color: #000000 !important;
	font-weight:normal !important;
	padding: 20px 16px 20px 16px;
	text-decoration: none;
	display: block;
	font-size:10pt !important;
}
.dropdown-content a:first-child{
	margin-top:5px;
}
.dropdown-content a:last-child{
	-webkit-border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 5px /*{global-radii-blocks}*/;
	border-bottom-right-radius: 5px /*{global-radii-blocks}*/;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: rgb(22,188,172);
	font-weight:bold !important;
	color:#ffffff !important;
}
/* Dropdown Content==right most item*/
.dropdown:last-child .dropdown-content {
	display: block;
	position: absolute;
	background-color: rgb(233,250,248);
	min-width: 160px;
	top:60px !important;
	//box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100;
	right:0px !important;
	margin-right:-300px;
	-webkit-border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 5px /*{global-radii-blocks}*/;
	border-top-left-radius: 5px /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
	border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
}
/* Links inside the dropdown */
.dropdown:last-child .dropdown-content a {
	color: #000000 !important;
	font-weight:normal !important;
	padding: 20px 16px 20px 16px;
	text-decoration: none;
	display: block;
	font-size:10pt !important;
}
.dropdown:last-child .dropdown-content a:first-child{
	margin-top:0px;
	-webkit-border-top-left-radius: 5px /*{global-radii-blocks}*/;
	border-top-left-radius: 5px /*{global-radii-blocks}*/;
}
.dropdown:last-child .dropdown-content a:last-child{
	-webkit-border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	border-bottom-left-radius: 5px /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
	border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
}
/* Change color of dropdown links on hover */
.dropdown:last-child .dropdown-content a:hover {
	background-color: rgb(254,100,124);
	font-weight:bold !important;
	color:#ffffff !important;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block !important;}

.ui-li-static.ui-collapsible > .ui-collapsible-heading {
	margin: 0;
}
.ui-li-static.ui-collapsible {
	padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
	border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
	border-bottom-width: 0;
}

div.hasDatepicker{ display: block; padding: 0; overflow: visible;  margin: 8px 0; max-width:340px }
.ui-datepicker {  overflow: visible; margin: 0;  }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.6em 0; border-bottom: 0; font-weight: bold; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position:absolute; top: .6em; margin-top: 0; text-indent: -9999px; }

.ui-datepicker .ui-datepicker-prev { left:9px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0; }
.ui-datepicker td { border-width: 1px; padding:0; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; text-align: center; text-decoration: none; }

.ui-datepicker-calendar th { padding-top: .4em; padding-bottom: .4em; }
.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .7; }
.ui-datepicker-calendar td a { padding:.6em .5em; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/*=============================================*/
body * {
	font-family:'Roboto', 'Yu Gothic UI','Microsoft JhengHei', 'Meiryo UI';
}
body h3{
	border:0px !important;
	border-bottom:1px solid #903648 !important;
	background-color: #ffffff !important;
}
@media (max-width: 1024px) {
	.content-box{
		width:95%;
	}
	#policypanel{
		width:100%;
	}
	#secondline{
		height:0px;
		border-top:0px solid white;
	}
	#thirdline{
		height:0px;
	}
	#totop{
		right:5px;
	}
	#logo{
		margin-left:0px;
	}
	.middle-box{
		width:95% !important;
	}
}
@media (min-width: 1024px) {
	.content-box{
		width:1024px;
	}
	#policypanel{
		width:30%;
	}
	#secondline{
		height:30px;
		border-top:1px solid white;
	}
	#thirdline{
		height:40px;
	}
	#totop{
		right:75px;
	}
	#logo{
		margin-left:50px;
	}
	.loginclass{
		width:400px !important;
		height:500px !important;
	}
}
.middle-box{
	width:1024px;
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
	padding-top:50px;
	padding-bottom:50px;
	//border:1px solid black;
}
#content-panel{
	background-color:#ffffff;
	border-radius:0px !important  /*{global-radii-blocks}*/;
	-webkit-border-radius: 0px !important /*{global-radii-blocks}*/;
}
.loginclass{
	border:0px !important;
	padding:20px !important;
}
.loginclass .ui-input-text{
	border:0px !important;
}
.loginclass textarea:focus, 
.loginclass select:focus, 
.loginclass input:focus, 
.loginclass button:focus 
{ 
	outline: none !important; 
}
.loginclass_submit{
	width:60% !important;
	padding-top:15px !important;
	padding-bottom:15px !important;
	margin:0 auto !important;
	background-color:rgb(160,119,89) !important;
	border:0px !important;
}
#forgetpassword{
	text-decoration:none !important;
	font-weight:normal !important;
	color:rgb(51,51,51) !important;
}
#forgetpassword:hover,
#forgetpassword:active{
	text-decoration:underline !important;
}
.maskscreen{
	position:fixed;
	z-index:31;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#000000;
	opacity:0.6;
	display:none;
}
.objblur{
	filter: blur(1px);
	-webkit-filter: blur(1px);
}
.content-box{
	-webkit-border-radius: 1.2em /*{global-radii-blocks}*/;
	border-radius: 1.2em /*{global-radii-blocks}*/;
	background-color:rgb(233,250,248);
	margin: 0 auto;
	padding: 10px;
}
.content-box-max{
	border:1px dashed #903648;
	margin: 0 auto;
	padding: 10px;
	width:95%;
}

.register-exp{
	font-size:0.8em;
}
.errortext{
	color:red;
	font-style:bold;
}
.errorinput{
	background-color:red !important;
	color:white !important;
}
.error-popup{
	background-color:red !important;
	color:white !important;
}
.mba-box-head_old{
	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
	-webkit-border-radius: .6em /*{global-radii-blocks}*/;
	border-radius: .6em /*{global-radii-blocks}*/;
	background-color: #fcdcb7 /*{a-bar-background-color}*/;
	border-color: #8a7964 /*{a-bar-border}*/;
	color: #000000 /*{a-bar-color}*/;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
	padding:5px 5px 5px 5px;
}
.mba-box-head{
	//border-bottom:1px dashed #8a7964;
	color: #000000 /*{a-bar-color}*/;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
	padding:5px 5px 5px 5px;
}
.cmp-box-head{
	//border-bottom:1px dashed #8a7964;
	color: #000000 /*{a-bar-color}*/;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
	padding:5px 5px 5px 5px;
}
.remove-button{
	cursor:pointer;
}
.hide-column{
	display:none !important;
}
.header-shadow{
	-webkit-box-shadow: 0 0 24px 		rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 24px 			rgba(0,0,0,.6);
	box-shadow: 0 0 24px 				rgba(0,0,0,.6);
}
.upload-progress{
	color:rgb(66,139,202);
}
.hasunread{
	-webkit-border-radius: .2em /*{global-radii-blocks}*/;
	border-radius: .2em /*{global-radii-blocks}*/;
	background-color:red !important;
	color:white !important;
	padding-left:2px;
	padding-right:2px;
	margin-right:5px !important;
}
.ui-btn-right{
	margin-top:0px !important;
	top: 0px !important;
}
.ui-header-fixed{
	top: 0px !important;
	padding-top:0px !important;
}
.headertop {
	height:60px;
	background-color:#18121e;
	//background-color:yellow !important;
	vertical-align:center;
	padding-top:0px !important;
}
#divheader{
	border:0px !important;
}
#headmenu{
	margin-top:0px !important;
	height:60px;
	font-size:12pt;
	right:0px !important;
}
#logoblock{
	//border:1px solid black;
	left:20px;
	height:180px;
	position:absolute;
}
.totopclass{
	position:fixed;
	//right:75px;
	bottom:50px;
	z-index:100;
	display:none;
}
.table-stroke thead th{
	border-bottom:1px solid rgb(22,188,172);
}
.table-stroke tbody tr:nth-child(even) {
            background-color: #ffffff;
            color: black;
} 
.table-stroke tbody tr:nth-child(odd) {
            background-color: #eeeeee;
            color: black;
}
@media ( min-width: 40em ) {
	/* Show the table header rows and set all cells to display: table-cell */
	.detail-table-breakpoint td,
	.detail-table-breakpoint th,
	.detail-table-breakpoint tbody th,
	.detail-table-breakpoint tbody td,
	.detail-table-breakpoint thead td,
	.detail-table-breakpoint thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */
	.detail-table-breakpoint td .ui-table-cell-label,
	.detail-table-breakpoint th .ui-table-cell-label {
		display: none;
	}
	.orderbybox
	{
		width:100%;
	}
	.actionclass{
		display:none !important;
	}
}
@media ( max-width: 40em ) {
	.orderbybox
	{
		width:100%;
	}
	.actionclass{
		display:table-cell;
	}
}
.title-line{
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailitem{
	cursor:pointer;
}
.detailitemhover{
	background-color:#a1b6e4 !important;
	color:#ffffff !important;
}
/********************************************************/
.togglecolortable th{
	-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
	border-top-left-radius: .6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
	border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
	border:1px solid black;
	color:#ffffff;
	font-weight:normal;
}
.togglecolortable td{
	-webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
	border-top-right-radius: .6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
	border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
	border:1px solid black;
	color:#ffffff;
}
.togglecolortable tr:nth-of-type(9n+1) th{
	border:1px solid rgb(233,120,117);
	background-color:rgb(233,120,117);
}
.togglecolortable tr:nth-of-type(9n+1) td{
	border:1px solid rgb(250,229,229);
	background-color:rgb(250,229,229);
}
.togglecolortable tr:nth-of-type(9n+2) th{
	border:1px solid rgb(239,187,76);
	background-color:rgb(239,187,76);
}
.togglecolortable tr:nth-of-type(9n+2) td{
	border:1px solid rgb(251,238,212);
	background-color:rgb(251,238,212);
}
.togglecolortable tr:nth-of-type(9n+3) th{
	border:1px solid rgb(173,193,0);
	background-color:rgb(173,193,0);
}
.togglecolortable tr:nth-of-type(9n+3) td{
	border:1px solid rgb(240,244,210);
	background-color:rgb(240,244,210);
}
.togglecolortable tr:nth-of-type(9n+4) th{
	border:1px solid rgb(100,162,26);
	background-color:rgb(100,162,26);
}
.togglecolortable tr:nth-of-type(9n+4) td{
	border:1px solid rgb(226,238,213);
	background-color:rgb(226,238,213);
}
.togglecolortable tr:nth-of-type(9n+5) th{
	border:1px solid rgb(64,171,134);
	background-color:rgb(64,171,134);
}
.togglecolortable tr:nth-of-type(9n+5) td{
	border:1px solid rgb(222,240,234);
	background-color:rgb(222,240,234);
}
.togglecolortable tr:nth-of-type(9n+6) th{
	border:1px solid rgb(75,190,206);
	background-color:rgb(75,190,206);
}
.togglecolortable tr:nth-of-type(9n+6) td{
	border:1px solid rgb(229,244,246);
	background-color:rgb(229,244,246);
}
.togglecolortable tr:nth-of-type(9n+7) th{
	border:1px solid rgb(98,124,182);
	background-color:rgb(98,124,182);
}
.togglecolortable tr:nth-of-type(9n+7) td{
	border:1px solid rgb(227,232,242);
	background-color:rgb(227,232,242);
}
.togglecolortable tr:nth-of-type(9n+8) th{
	border:1px solid rgb(164,101,169);
	background-color:rgb(164,101,169);
}
.togglecolortable tr:nth-of-type(9n+8) td{
	border:1px solid rgb(239,228,240);
	background-color:rgb(239,228,240);
}
.togglecolortable tr:nth-of-type(9n+9) th{
	border:1px solid rgb(199,80,153);
	background-color:rgb(199,80,153);
}
.togglecolortable tr:nth-of-type(9n+9) td{
	border:1px solid rgb(244,223,236);
	background-color:rgb(244,223,236);
}
/****************simpledialog2 css****************/
.ui-simpledialog-container{
	border:1px solid #ffffff !important;
	background-color:#ffffff !important;
	padding:15px !important;
}
.ui-simpledialog-container >div:first-child{
	border:0px !important;
	background-color:#ffffff !important;
}
.ui-simpledialog-container >div:first-child >a{
	right: 0px !important;
	top: 0px !important;
	left:inherit !important;
}
.ui-simpledialog-container >div:first-child .ui-icon-delete,
.ui-simpledialog-container >div:first-child .ui-icon-delete:after{
	background-image:url(../images/dialogclose.png) !important;
	background-size:14px 14px !important;
	background-repeat:no-repeat !important;
	background-position:center !important;
	background-color:#ffffff !important;
	border:0px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.ui-simpledialog-container >div:first-child h1{
	display:none;
}
.ui-simpledialog-container >div:last-child{
	margin:35px auto 0px auto !important;
	width:90% !important;
}
.ui-simpledialog-container .ui-simpledialog-controls >a:first-child{
	background-color:rgb(22,188,172) !important;
	border-color:rgb(22,188,172) !important;
}
.ui-simpledialog-container .ui-simpledialog-controls >a:not(:first-child){
	background-color:#ffffff !important;
	border-color:rgb(22,188,172) !important;
	color:rgb(51,51,51) !important;
}
.ui-simpledialog-container .ui-simpledialog-controls >a:hover,
.ui-simpledialog-container .ui-simpledialog-controls >a:active{
	opacity:0.6 !important;
}
/*****************generalmsg***************/
#generalmsg{
	border-color: #ffffff !important;
}
#generalmsg >div{
	background-color: #ffffff !important;
	border-color:#ffffff !important;
}
#generalmsg >div:not(:first-child) *{
	width:90% !important;
	margin:0 auto !important;
}
#generalmsg .ui-btn {
	background-color:rgb(160,119,89) !important;
	border-color:rgb(160,119,89) !important;
}
/***************pager******************/
.pagercontrol{
	width:100%;
	text-align:center;
	color:#ffffff;
	padding-top:15px;
	padding-bottom:15px;
}
.pagercurrent,
.pagerbutton{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(../images/pagernormal.png);
	background-size:46px 46px;
	background-position:center center;
	background-repeat:no-repeat;
}
.pagerbutton img{
	margin-top:19px;
	height:12px;
}
.pagercurrent *{
	line-height:50px;
}
.pagerbutton:hover,
.pagerbutton:active{
	background-image:url(../images/pagerhover.png);
}
.pagerdot{
	display:inline-block;
	width:40px;
	//height:50px;
	margin-top:0px;
	background-image:url(../images/pagerdot.png);
	background-size:33px 5px;
	background-position:center center;
	background-repeat:no-repeat;
}
/**************page common*****************/
.s_title{
	background-color:#233237 !important;
	margin-top:0px;
	height:60px;
	text-align:center;
	font-size:16pt;
	font-weight:bold;
	color:#ffffff;
	line-height:60px;
}
#content-panel{
	padding:0px !important;
}