body{
	width: 100%;
	margin: 0px;
	font-size: 14px;
	min-width: 1600px;
	color: #333;
}

input,textarea{
	font-size: 12px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

textarea{
	resize: none;
}

input[type="checkbox"],
input[type="radio"] {
     border:none;
     top:-2px;
     top:0\9;
     margin-right:2px;
     margin-right: 0\9;
}


select{
	font-size: 12px;
}

th,td{
	padding: 2px;
}

table td a{
    　display:block;
    　width:100%;
      height:100%;
}

.button_s{
	color: #FFF;
	padding: 10px 10px;
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	border-radius: 10px;        /* CSS3草桁E*/
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	cursor: pointer;
	border: none;
	width: 100px;
}


.btn2{
	transition: 1.0s;
}

.btn2:hover{
	opacity: 0.5;
}

.btn3:hover{
	box-shadow:inset 0 1px 3px rgba(0,0,0,.4);
	cursor: pointer;
}


.tab_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
    background-image: linear-gradient(#FFF 50%,#EEE 25%, #FFF);
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
}

.tab_off{
	border-radius: 6px 6px 0 0;
	display: inline-block;
	line-height: 160%;
	text-align: center;
	background-color: #666;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	border-top:1px solid #666;
	font-size:12px;
	border-left:1px solid #666;
	border-right:1px solid #666;
}
.tab_a_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #D28482;
	border-right:2px solid #D28482;
	border-left:2px solid #D28482;
}

.tab_a_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #D28482;
	border-right:2px solid #D28482;
	border-left:2px solid #D28482;
	background: #D28482;
}
.tab_b_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #84A8D0;
	border-right:2px solid #84A8D0;
	border-left:2px solid #84A8D0;
}

.tab_b_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #84A8D0;
	border-right:2px solid #84A8D0;
	border-left:2px solid #84A8D0;
	background: #84A8D0;
}
.tab_c_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #B7CD87;
	border-right:2px solid #B7CD87;
	border-left:2px solid #B7CD87;
}

.tab_c_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #B7CD87;
	border-right:2px solid #B7CD87;
	border-left:2px solid #B7CD87;
	background: #B7CD87;
}
.tab_d_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #AAA;
	border-right:2px solid #AAA;
	border-left:2px solid #AAA;
}

.tab_d_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #AAA;
	border-right:2px solid #AAA;
	border-left:2px solid #AAA;
	background: #AAA;
}
.tab_e_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #A894C0;
	border-right:2px solid #A894C0;
	border-left:2px solid #A894C0;
}

.tab_e_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #A894C0;
	border-right:2px solid #A894C0;
	border-left:2px solid #A894C0;
	background: #A894C0;
}
.tab_f_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #7EC2D6;
	border-right:2px solid #7EC2D6;
	border-left:2px solid #7EC2D6;
}

.tab_f_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #7EC2D6;
	border-right:2px solid #7EC2D6;
	border-left:2px solid #7EC2D6;
	background:#7EC2D6;
}
.tab_g_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #F7A35E;
	border-right:2px solid #F7A35E;
	border-left:2px solid #F7A35E;
}

.tab_g_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #F7A35E;
	border-right:2px solid #F7A35E;
	border-left:2px solid #F7A35E;
	background: #F7A35E;
}

.tab_h_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #B7CD87;
	border-right:2px solid #B7CD87;
	border-left:2px solid #B7CD87;
}

.tab_h_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #B7CD87;
	border-right:2px solid #B7CD87;
	border-left:2px solid #B7CD87;
	background: #B7CD87;
}
.tab_i_on{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #AAA;
	border-right:2px solid #AAA;
	border-left:2px solid #AAA;
}

.tab_i_off{
	border-radius: 6px 6px 0 0;
 	display: inline-block;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	margin-right: 2px;
	text-decoration: none;
	width:120px;
	font-size:12px;
	border-top:2px solid #AAA;
	border-right:2px solid #AAA;
	border-left:2px solid #AAA;
	background: #AAA;
}
/*==================== header area ====================*/
.header{
	width: 100%;
	background: #EEE;
	box-sizing: border-box;
	border-bottom:2px solid #400B75;
}

.header_inner{
	width: 1600px;
	margin: 0px auto;
	height: 40px;
}

.title{
	float: left;
	padding: 0px;
	font-size: 16px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	line-height: 40px;
	font-weight: bold;
	color: #444;
	cursor: pointer;
}

.header_menu{
	float: right;
	height: 100%;
}

.logout{
	float: right;
	font-size: 11px;
	background:#400B75;
	color: #FFF;
	height: 100%;
	padding:0px 6px;
	display: table-cell;
	vertical-align: middle;
	line-height: 40px;
	cursor: pointer;
}

.user_information{
	float: right;
	font-size: 12px;
	border-left:1px solid #400B75;
	width:100px;
	text-align: right;
	height: 100%;
}

.btn {
  position: relative;
  display: inline-block;
  border-left:1px solid #400B75;
	width:100px;
	text-align:center;
	height: 100%;
	display:table-cell;
	vertical-align:middle;
	line-height: 40px;
	background: #400B75;
	color: #FFF;
	cursor: pointer;
	float: right;
	font-size: 11px;
	font-weight: bold;
}
.btn:before {
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-text);
  width: 100%;
  height: 100%;
  background: #EEE;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #3F0B74;
  float: right;
	font-size: 11px;
	font-weight: bold;
}
.btn:hover:before {
  height: 0px;
}


/*==================== box ====================*/
.box{
	width:1000px;
	background:#FFF;
	display: none;
	position:absolute;
	z-index: 9999;
	box-sizing: border-box;
	/*box-shadow:0 0 5px #fff, 0 0 5px #999, 0 0 1px #aaa;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #999, 0 0 1px #aaa;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #999, 0 0 1px #aaa;*/
}

.box_inner{
	padding:2em;
}

.box_inner .title{
	border-bottom: 1px solid #999;
	font-size: 16px;
	padding-bottom: 4px;
	margin: 0px 0px 1em 0px;
}

/*==================== mask ====================*/
#mask_layer {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*
	background: #000;
	filter: alpha(opacity=1);
	opacity: 1.0;*/
	background-color: rgba( 0,0,0, 0.75 ) ;
	opacity: 1.0;
	display: none;
}

/*==================== footer area ====================*/
.footer{
	width: 100%;
	background: #CCC;
	box-sizing: border-box;
	border-top:2px solid #400B75;
	height:20px;
}

.error {
	background: red;
	color: #ffffff;
}

.breadcrumb-link {
	margin: 1em 0;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	font-size: 12px;
}

.breadcrumb-link > a {
	text-decoration: none;
	color: #400B75;
}

.breadcrumb-link > a:hover {
	text-decoration: underline;
}

.breadcrumb-link > a:visited {
	color: #400B75;
}

th > a {
	text-decoration: none;
	color: #400B75;
}

th > a:hover {
	text-decoration: underline;
}
.scroll{
position: fixed;
display: block;
right:10px;
bottom:30px;
border: 1px solid #CCC;
border-radius: 4px;
background: #FFF;
}

.scroll_button{
border-bottom: 1px solid #CCC;
}

.scroll_button a:hover{
background: #DDD;
}

.scroll_button_btm a:hover{
background: #DDD;
}

.width100_scroll {
	width:100%;
	overflow-x: scroll;
}
.tax_list {
	width:120%;
}
.tax_list th {
	white-space: nowrap;
}
.tax_list td {
	border: 1px solid #999;
}
.nowrap{
	white-space: nowrap;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.text_ffffff {
	color:#ffffff;
}
.tax_regist_table {
	width:80%;
}
.tax_regist_table th ,.tax_regist_table td {
	padding:3px;
}
.tax_regist_table th {
	font-size: 11px;
	text-align: left;
}

.tax_regist_table input[type="text"] {
	width:100%;
}
.float_left {
	float: left;
}
#category_search input,#category_search select{
	padding:5px;
}