*{
	margin:0;
	padding:0;
	font:13px Arial, Helvetica, sans-serif;
	letter-spacing:0;
	color:#333333;
	text-align:left;
	word-break:break-all;
	line-height:22px;
}

body{
	background:#efefef;
}

h1,h2,h3,h4,h5,h6,th,dt{ font-weight:bold; }

p,h5,h6{ margin:10px auto; }

form{ margin:0; }

input[type="text"],input[type="password"]{
	width:98%;
	padding:3px;
	border:1px solid #ddd;
}

textarea{
	width:98%;
	padding:3px;
	border:1px solid #ddd;
	min-height:80px;
}

input[type="submit"],input[type="button"],button{
	cursor:pointer;
	background:#902a1c;
	border:none;
	color:white;
	padding:5px 20px;
	border-radius:4px;
	box-shadow:1px 2px 0 #c9494f;
	text-align:center;
}

input[type="submit"]:hover,input[type="button"]:hover,button:hover{
	opacity:0.8;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
}

select{
	margin:0;
	padding:3px;
	background:transparent;
	border:1px solid #ddd;
	line-height:1.8em;
}

input[type="file"]{
	padding:0;
	background:#f5f5f5;
	border:none;
}

input[type="file"]:hover{
	background:#efefef;
	cursor:pointer;
}

input[type="radio"]{
	margin-left:20px;
	margin-right:5px;
}

input[type="radio"]:first-child{
	margin-left:0;
}

input[type="checkbox"]{
	margin-left:20px;
	margin-right:5px;
}

input[type="checkbox"]:first-child{
	margin-left:0;
}

.clear{
	clear:both;
}

a,label{
	color:#3366cc;
	cursor:pointer;
	text-decoration:underline;
}

a:hover,label:hover{
	color:#cc6600;
	text-decoration:none;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
}

img{ border:none; }

ul{ margin:10px 0 10px 30px; padding:0; }

ol{ margin:10px 0 10px 38px; padding:0; }

dl{ margin:10px auto; }

dd{ margin:10px; }

.clear{ clear:both; }

.inline{ display:inline; }

.bold{ font-weight:bold; }

.red{ color:red; }

.gray{ color:#666666; }

.pink{
	background:#ffe8e9;
	padding:3px 5px;
	line-height:24px;
	border-radius:5px;
}

.errmsg{
	background:#ffe8e9;
	padding:15px 0 15px 30px;
	border-radius:5px;
	margin-left:0;
	color:#de0000;
}

,errmsg li{ color:#de0000; }

.done{ color:green; }

.right td, td.right, .right input, input.right{ text-align:right; }

.left  td, td.left,  .left  input, input.left { text-align:left;  }

.checkbox2 div{ height:220px; overflow-y:scroll; }
.checkbox div,.checkbox1 div,.checkbox2 div div{ float:left; white-space:nowrap; overflow:hidden; height:16pt; }
.checkbox div{ width:120px; }
.checkbox1 div{ width:177px; }
.checkbox2 div div{ width:73px; }

.mailformat div{
	height:16pt;
	line-height:16pt;
	margin-right:15px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}

tr.ngflag2{ background-color:Tomato; }
tr.ngflag2 td{ color:white; }
tr.ngflag2 td a{ color:white; }
tr.ngflag3{ background-color:#ffcc33; }

.sales td{ text-align:right; }
td.left, .sales td.left{ text-align:left; }
td.right, .sales td.right{ text-align:right; }

.disabled td input,.disabled td select,.disabled td select option,.disabled td radio,.disabled td textarea{
	color:#333333;
	cursor:default;
	text-decoration:none;
	border:none;
	background-color:white;
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	scrollbar-base-color:white;
	scrollbar-face-color:white;
	scrollbar-track-color:white;
	scrollbar-arrow-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-darkshadow-color:white;
}

.disabled td select,.disabled td select option,.disabled td radio,.disabled label{
	margin:0;
	padding:0;
	text-indent:0;
	color:#333333;
	text-decoration:none;
	cursor:text;
}

.disabled td select::-ms-expand{
	display:none;
}

#head,#body,#foot{
	margin:0 auto;
	width:98%;
	min-width:950px;
}


@media (max-width:1200px){
	#head p{
		display:none;
	}
}

#head{
	padding:0 1%;
	position:fixed;
	top:0;
	z-index:10000;
	opacity:0.9;
	filter:alpha(opacity=($opacity * 90));
	box-shadow:0 1px 1px #ddd;
	background-color:#902a1c;
}

#head *{
	color:white;
}

h1{
	float:left;
	padding:3px 10px;
	margin:5px 10px 5px 0;
	border:solid 1px white;
	font-size:14px;
	border-radius:5px;
	width:170px;
	line-height:18px;
}

h1 span{
	font-size:10px;
	line-height:14px;
	font-weight:normal;
}

#head ul{
	float:left;
	margin:5px 0;
}

#head li{
	float:left;
	display:inline;
	margin:0 1px;
}

#head li a, #head li span{
	padding:10px 15px;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

#head li a:hover, #head li span{
	background:#c9494f;
	border-radius:5px;
}

#head p{
	float:right;
	text-align:right;
	margin:5px 0;
}

#body{
	margin-top:72px;
}

#right{
	float:right;
	margin-left:-240px;
	width:100%;
}

#contents{
	position:relative;
	margin-left:240px;
	background:#fff;
	border-radius:5px;
	padding:20px 30px;
}

#right h2{
	font-size:24px;
	border-bottom:1px solid #902a1c;
	padding-bottom:10px;
	margin-bottom:20px;
}

#right table{
	margin:20px auto;
	width:100%;
	border:solid 1px #ddd;
	border-collapse:collapse;
}

#right table tr:hover{
	background:#f7f7f7;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
}

#right table tr:hover td{
	color:#333333;
}

#right table tr:hover td a{
	color:#3366cc;
}

#right table td,#right table th{
	padding:8px;
	border:solid 1px #ddd;
}

#right th{
	background-color:#f5f5f5;
	padding:8px 0;
	text-align:center;
}

#right h3{
	margin:40px auto 10px;
	font-size:16px;
	padding:6px 15px;
	border-left:6px solid #24418f;
	border-bottom:1px solid #24418f;
}

#right h4{
	margin:20px auto 10px;
	text-indent:12px;
	font-size:14px;
	border-left:5px solid #902a1c;
}

#totop a{
	background:#eee;
	padding:10px 15px;
	display:block;
	border-radius:7px;
	width:110px;
	text-align:center;
	float:right;
}

#totop a:hover{
	color:#333;
	text-decoration:none;
}

#totop p{
	margin:0 auto;
	text-align:right;
}

p.pagenavi{
	text-align:center;
	color:#888;
	line-height:30px;
}

p.pagenavi a,p.pagenavi span{
	padding:5px 7px;
	background:#f5f5f5;
	white-space:nowrap;
}

p.pagenavi span{
	background:#902a1c;
	color:white;
}

p.pagenavi a:link{
	text-decoration:none;
	color:#444;
}

p.pagenavi a:visited{
	text-decoration:none;
	color:#444;
}

p.pagenavi a:hover{
	background:#902a1c;
	color:white;
}

#left{
	float:left;
	width:220px;
	position:fixed;
}

#left h3{
	margin:0;
	line-height:35px;
	text-indent:15px;
	background:#e0e0e0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#left ul{
	margin:0;
	list-style:none;
}

#left li{
	list-style:none;
}

#left li a, #left li span{
	display:block;
	line-height:35px;
	text-decoration:none;
	color:#333;
	background:#fff;
	padding-left:20px;
	border-bottom:1px solid #efefef;
}

#left li a:hover, #left li span{
	background:#f5f5f5;
}

#left li:last-child, #left li a:last-child, #left li span:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#left textarea{
	width:99%;
	overflow-y:auto;
}

#foot{
	clear:both;
}

#foot p{
	text-align:center;
}

table.ui-datepicker-calendar th{
	padding:0!important;
	margin:0!important;
}

table.ui-datepicker-calendar td{
	padding:0!important;
	margin:0!important;
}
