/* CSS Document */
* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

.clear {
	clear:both;
}

body {
	font-family: "azo-sans-web",sans-serif;
	text-align:center;
	padding-bottom:150px;
}

.for_header {
	height:70px;
	min-width:1400px;
	background:#cd083d;
	color:#ffffff;
}

.for_header .header {
	width:1400px;
	margin:auto;
	padding-top:12px;
}

.for_header .header .logo {
	display:block;
	float:left;
	color:#ffffff;
	font-weight:300;
	font-size:40px;
	text-align:left;
	text-decoration:none;
	line-height:44px;
	margin-right:80px;
}

.for_header .header .logo strong {
	font-weight:900;
	display:inline-block;
	padding-right:5px;
}

.for_header .header .main_menu {
	list-style-type: none;
}

.for_header .header .main_menu li {
	float:left;
	height:50px;
	border-left:1px solid #e6849e;
	position:relative;
}

.for_header .header .main_menu li:first-child {
	border-left:0;
}

.for_header .header .main_menu li a {
	padding:10px 22px 10px 22px;
	color:#ffffff;
	font-size:18px;
	display:block;
	text-decoration:none;
}

.for_header .header .main_menu li.active a {
	font-weight:700;
}

.for_header .header .main_menu li.active::before {
	content:'';
	width:6px;
	height:6px;
	border-radius:3px;
	background:#ffffff;
	position:absolute;
	left:calc(50% - 3px);
	top:40px;
}

.for_header .header .login {
	float:right;
	text-align:right;
	font-size:18px;
	padding-top:10px;
}

.for_top {
	height:170px;
	background:#f2f2f2;
	min-width:1400px;
}

.for_top.search_detail {
	display:none;
	position:relative;
}

.for_top.small {
	height:80px;
}

.for_top .top {
	width:1400px;
	margin:auto;
}

.for_top .top .timelog_name {
	width:1000px;	
	padding-top:34px;
	text-align:left;	
	margin-right:15px;
	float:left;
}

.for_top .top.my_order .timelog_name {
	width:1135px;
}

.for_top .top .timelog_name .project_name {
	border-bottom:2px solid #010101;
	height:58px;
	line-height:58px;
	font-size:20px;
	color:#999999;
	padding-left:20px;
	position:relative;
	padding-right:44px;
	overflow:hidden;
}

.for_top .top .timelog_name strong {
	font-weight:900;
}

.for_top .top .timelog_name strong.black {
	color:#010101;
}

.for_top .top .for_date_setting {
	padding-left:20px;
	padding-top:20px;
	text-align:left;
}

.for_top .top .for_date_setting .label {
	display:inline-block;
	height:36px;
	line-height:36px;
	color:#010101;
	padding-right:10px;
	font-size:14px;
	font-weight:500;
	letter-spacing:-.5px;
}

.for_top .top .for_date_setting .label img.checkbox {
	float:left;
	display:block;
	margin-right:3px;
	width:34px;
	height:34px;
}

.for_top .top .for_date_setting .for_date {
	position:relative;
	margin-right:27px;
	height:36px;
	line-height:36px;
	display:inline-block;
}

.for_top .top .for_date_setting input.date {
	height:34px;
	line-height:34px;
	font-family: "azo-sans-web",sans-serif;
	padding-left:10px;
	padding-right:30px;
	width:100px;
	font-size:16px;
	color:#010101;
	text-align:left;
	border:1px solid #cccccc;	
}

.for_top .top .for_date_setting select {
	height:34px;
	line-height:34px;
	font-family: "azo-sans-web",sans-serif;
	padding-left:10px;
	padding-right:30px;
	width:150px;
	font-size:16px;
	color:#010101;
	text-align:left;
	border:1px solid #cccccc;
	margin-right:18px;
}

.for_top .top .for_date_setting .change_listing {
	font-size:16px;
	color:#00b2c5;
	display:inline-block;
	margin-left:150px;
	height:36px;
	line-height:36px;
}

.for_top .top .for_date_setting .change_listing.no_margin {
	margin-left:0;
}

.for_top .top .timelog_time {
	width:116px;
	margin-right:15px;
	float:left;
	padding-top:34px;
}

.for_top .top .timelog_time .project_time {
	height:58px;
	line-height:58px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:2px solid #010101;
}

.for_top .top .timelog_time .project_time a {
	display:block;
	color:#00b2c5;
	font-size:24px;
	font-weight:900;
	text-decoration:none;
	width:25px;
	float:left;
}

.for_top .top .timelog_time .project_time input {
	width:46px;
	float:left;
	height:58px;
	line-height:58px;
	font-size:24px;
	font-family: "azo-sans-web",sans-serif;
	text-align:center;
	font-weight:900;
	background:transparent;
}

.for_top .top .timelog_time .project_time.minute input {
	width:96px;
}

.for_top .top .timelog_time .project_time.minute input.v_err {
	color:#cd083d;
}

.for_top .top .timelog_time .summary {
	color:#999999;
	font-size:16px;
	padding-top:12px;
}

.for_top .top .timelog_time .summary strong {
	font-weight:600;
}

.for_top .top .timelog_button {
	float:left;
	width:120px;
	padding-top:65px;
}

.for_top .top.my_order .timelog_button {
	width:250px;
} 

.for_top .top .timelog_button input {
	width:108px;
	height:55px;
	border-radius:28px;
	background:#00b2c5;
	font-weight:700;
	font-size:16px;
	text-transform: uppercase;
	text-align:center;
	font-family: "azo-sans-web",sans-serif;
	color:#ffffff;
	cursor:pointer;
}

.for_top .top.my_order .timelog_button input.gray {
	background:#999999;
}

.for_top .top.my_order .timelog_button input {
	width:238px;
}

.for_top .top .search {
	width:1400px;
	padding-top:45px;
	padding-bottom:10px;
	border-bottom:2px solid #010101;
	position:relative;
}

.for_top .top .search input {
	display:block;
	width:calc(100% - 104px);
	height:40px;
	line-height:40px;
	background:transparent url('/design/bg_search.png') 20px 7px no-repeat;
	padding-left:60px;
	padding-right:44px;
	font-family: "azo-sans-web",sans-serif;
	font-weight:300;
	font-size:20px;
	color:#010101;
}

.for_top .top .search_cancel {
	background:url('/design/main_search_cancel.png') center center no-repeat;
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	right:10px;
	top:52px;
	display:none;
}

.for_top.search_detail .top .search_cancel {
	display:block;
	top:18px;
}

.for_top .top .search .search_results {
	position:absolute;
	left:0;
	top:95px;
	background:#f2f2f2;
	width:100%;
	text-align:left;
	z-index:150;
	display:none;
}

.for_top .top .search .search_results ul {
	list-style-type:none;
}

.for_top .top .search .search_results ul li {
	color:#999999;
	font-size:16px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	padding-left:20px;
	padding-right:20px;
}

.for_top .top .search .search_results ul li:hover {
	background:#e6e6e6;
}

.for_top .top .search .search_results ul li strong {
	font-weight:900;
}

input::-webkit-input-placeholder{ /* WebKit browsers */
    color:#999999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#999999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#999999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#999999;
}

.main_table {
	width:1400px;
	margin:auto;
	text-align:left;
	padding-top:70px;
}

.main_table.with_table_setting {
	padding-top:30px;
}

.main_table table {
	width:100%;
	border-collapse:collapse;
}

.main_table table tr.f_client_hide,
.main_table table tr.f_worker_hide,
.main_table table tr.f_month_hide,
.main_table table tr.f_stage_hide,
.main_table table tr.f_account_hide {
	display:none !important;
}

.main_table table tr th {
	border-bottom:1px solid #010101;
	height:52px;
	padding-left:24px;
	font-size:15px;
	color:#010101;
	font-weight:400;
	position:relative;
}

.main_table table tr th.center,
.main_table table tr td.center {
	text-align:center;
	padding-left:0;
}

.main_table table tr th.right,
.main_table table tr td.right {
	text-align:right;
	padding-left:0;
	padding-right:24px;
}

.main_table table tr th.no_border,
.main_table table tr td.no_border {
	border-bottom:0;
}

.main_table table tr th.w_120 {width:110px;}
.main_table table tr th.w_80 {width:80px;}

.main_table table tr th.bold {
	font-weight:700;
}

.main_table table tr th a {
	color:#010101;
	display:inline-block;
	position:relative;
}

.main_table table tr th a::after {
	position:absolute;
	color:#010101;
	right:-20px;
	top:0;
	font-size:24px;
	line-height:18px;
}

.main_table table tr th a.asc::after {
	content:'▾';
}

.main_table table tr th a.desc::after {
	content:'▴';
}

.main_table table tr td {
	height:49px;
	border-bottom:1px solid #e6e6e6;
	font-size:15px;
	color:#999999;
	padding-left:24px;
	position:relative;
	white-space: nowrap;
}

.main_table table tr.top_summary td {
	color:#010101;
}

.main_table table tr.top_summary td font {
	font-size:12px;
	letter-spacing:-1px;
}

.main_table table tr.top_summary td span {
	font-size:11px;
	letter-spacing:-1px;
}

.main_table table tr td a {
	color:#999999;
}

.main_table table tr td a.blue {
	color:#00b2c5;
}

.main_table table.line_hover tr:hover td {
	background:#f2f2f2;
}

.main_table table.price_hover tr td.price:not(.orange):not(.red):not(.green):hover,
.main_table table.price_hover tr td.price.detail_show:not(.orange):not(.green):not(.red) {
	background:#f2f2f2;
}


.main_table table.with_bullet tr td:first-child {
	padding-left:54px;
	position:relative;
}

.main_table table.with_bullet tr td:first-child::before {
	width:10px;
	height:10px;
	border-radius:5px;
	position:absolute;
	left:24px;
	top:19px;
	content:'';
	background:transparent;
}

.main_table table tr td strong {
	font-weight:700;
}

.main_table table tr td.bold {
	font-weight:700;
	color:#010101;
}

.main_table table tr td.price,
.main_table table tr.orange td.price,
.main_table table tr.red td.price {
	color:#010101;
	cursor:pointer;
}

.main_table table tr td.price.gray {
	color:#808080;
}

.main_table table tr.orange td,
.main_table table tr.orange td a {
	color:#eda03d;
}

.main_table table.with_bullet tr.orange td:first-child::before {
	background:#eda03d;
}

.main_table table tr.red td,
.main_table table tr.red td a {
	color:#cd083d;
}

.main_table table.with_bullet tr.red td:first-child::before {
	background:#cd083d;
}

.main_table .table_setting {
	font-size:16px;
	color:#00b2c5;
	display:inline-block;
	margin-left:20px;
	margin-bottom:20px;
	text-decoration:underline;
	cursor:pointer;
	position:relative;
}

.main_table .table_setting .table_setting_content {
	background:#f2f2f2;
	padding:10px 20px 20px 20px;
	position:absolute;
	left:-20px;
	top:-10px;
	min-width:220px;
	text-decoration:none;
	color:#010101;
	z-index:100;
}

.main_table .table_setting .table_setting_content span {
	display:block;
	padding-bottom:15px;
}

.main_table .table_setting .table_setting_content ul {
	list-style-type: none;
}

.main_table .table_setting .table_setting_content ul li {
	padding-left:30px;
	height:30px;
	line-height:30px;
	color:#808080;
	position:relative;
}

.main_table .table_setting .table_setting_content ul li.active {
	color:#010101;
}

.main_table .table_setting .table_setting_content ul li::before {
	position:absolute;
	left:12px;
	top:12px;
	width:4px;
	height:4px;
	border-radius:3px;
	border:1px solid #808080;
	content:'';
	background:transparent;
}

.main_table .table_setting .table_setting_content ul li.active::before {
	background:#010101;
	border-color:#010101;
}

.main_table table tr td.price span {
	display:block;
	font-size:12px;
	color:#7f7f7f;
}

.main_table table tr td.price.orange {
	background:#eda03d;
	color:#ffffff;
	border-right:1px solid #ffffff;
}

.main_table table tr td.price.orange span {
	color:#ffffff;
}

.main_table table tr td.price.red {
	background:#cd083d;
	color:#ffffff;
	border-right:1px solid #ffffff;
}

.main_table table tr td.price.green {
	background:#34b248;
	color:#ffffff;
	border-right:1px solid #ffffff;
}

.main_table table tr td.price.red span {
	color:#ffffff;
}

.main_table table tr td .project_detail_info {
	position:absolute;
	left:0;
	top:0;
	background:#f2f2f2;
	z-index:100;
	min-width:400px;
	padding:0 40px 20px 24px;
	display:none;
}

.main_table table tr td.detail_right .project_detail_info {
	left:auto;
	right:0;
}

.main_table table tr td.price .project_detail_info {
	padding-top:30px;
	top:49px;
	min-width:350px;
}

.main_table table tr.red td:not(.price) .project_detail_info,
.main_table table tr td.price.red .project_detail_info {
	background:#cd083d;
}

.main_table table tr.orange td:not(.price) .project_detail_info,
.main_table table tr td.price.orange .project_detail_info {
	background:#eda03d;
}

.main_table table tr td .project_detail_info span {
	display:block;
	height:49px;
	line-height:49px;
	color:#010101;
	font-size:16px;
	margin-bottom:10px;
}

.main_table table tr td .project_detail_info span.no_margin {
	margin-bottom:-7px;
}

.main_table table tr td .project_detail_info .add_allocation {
	color:#00b2c5;
	display:block;
	margin-bottom:15px;
}

.main_table table tr.red td .project_detail_info span,
.main_table table tr.orange td .project_detail_info span {
	color:#ffffff;
}

.main_table table tr td .project_detail_info table {
	border-collapse:collapse;
}

.main_table table tr td .project_detail_info table td {
	height:30px;
	border-bottom:0;
	color:#010101;
	text-align:left;
}

.main_table table tr.red td:not(.price) .project_detail_info table td,
.main_table table tr.orange td:not(.price) .project_detail_info table td,
.main_table table tr td.price.red .project_detail_info table td,
.main_table table tr td.price.orange .project_detail_info table td {
	color:#ffffff;
}

.main_table table tr td .project_detail_info table td.right {
	text-align:right;
}

.main_table table.with_bullet tr td table tr td:first-child {
	padding-left:24px;
}

.main_table table.with_bullet tr td table tr td:first-child::before {
	display:none;
}

.main_table table tr td .project_detail_info .close {
	background:#999999 url('/design/info_detail_close.png') center center no-repeat;
	width:32px;
	height:32px;
	position:absolute;
	right:0;
	top:0;
}

.main_table table tr.red td:not(.price) .project_detail_info .close,
.main_table table tr td.price.red .project_detail_info .close {
	background-color:#c3083a;
}

.main_table table tr.orange td:not(.price) .project_detail_info .close,
.main_table table tr td.price.orange .project_detail_info .close {
	background-color:#de5e39;
}

.for_update_allocation {
	position:absolute;
	background:#f2f2f2;
	left:0;
	top:92px;
	width:100%;
	min-width:1400px;
	z-index:150;
	padding-bottom:30px;
	display:none;
}

.for_update_allocation .update_allocation {
	width:1400px;
	margin:auto;
}

.for_update_allocation .update_allocation table {
	width:100%;
	border-collapse:collapse;
	text-align:left;
	font-size:15px;
}

.for_update_allocation .update_allocation table th {
	height:50px;
	color:#010101;
	font-weight:400;
	border-bottom:1px solid #010101;
	padding-left:20px;
}

.for_update_allocation .update_allocation table th.center,
.for_update_allocation .update_allocation table td.center {
	text-align:center;
	padding-left:0;
}

.for_update_allocation .update_allocation table td {
	height:50px;
	color:#999999;
	border-bottom:1px solid #e6e6e6;
	padding-left:20px;
}

.for_update_allocation .update_allocation table td strong {
	color:#010101;
	font-weight:600 !important;
}

.for_update_allocation .update_allocation table th.w_150 {width:150px;}
.for_update_allocation .update_allocation table th.w_90 {width:90px;}
.for_update_allocation .update_allocation table th.w_10 {width:10px;}

.for_top .top .for_date_setting .for_update_allocation .update_allocation table td .for_date {
	margin-right:0;
}

.for_top .top .for_date_setting .for_update_allocation .update_allocation table td input.date.time {
	padding-right:10px;
	width:28px;	
	text-align:center;
}

.for_update_allocation .update_allocation table td a {
	color:#00b2c5;
}

.for_top .top .for_update_allocation .update_allocation .timelog_button {
	padding-top:20px;
	text-align:right;
	float:none;
	width:auto;
}

.for_top .top .for_update_allocation .update_allocation .timelog_button input {
	width:200px;
}

.for_top.search_detail .top .for_update_allocation .update_allocation .search_cancel {
	top:-38px;
}

.box_404 {
	width:500px;
	margin:auto;
}

.box_404 h1 {
	font-weight:600;
	font-size:42px;
	margin-top:170px;
	color:#010101;
	margin-bottom:20px;
	padding-bottom:50px;
}

.box_404 p {
	font-size:12px;
	color:#999999;
}

.box_404 a {
	display:inline-block;
	background:#cd083d;
	color:#ffffff;
	font-size:18px;
	padding-left:40px;
	padding-right:40px;
	height:50px;
	line-height:50px;
	text-align:center;
	text-decoration: none;
}

.sync {
	display:inline-block; 
	margin-left:7px;
	width:32px;
	height:32px;
}

.sync img {
	vertical-align:middle;
	display:inline-block;
}

.sync.load img {
	padding-left:2px;
	padding-top:2px;
}

#header_fixed {
	position:fixed;
	top:0px; 
	display:none; 
	background:#ffffff; 
	z-index:100; 
	min-width:1400px;
	width:auto;
}

.for_allocation_input input {
	height: 34px;
    line-height: 34px;
    font-family: "azo-sans-web",sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    width: 30px;
    font-size: 16px;
    color: #010101;
    text-align: center;
    border: 1px solid #cccccc;
}

.for_allocation_input.center.with_padding {
	padding-left:5px;
	padding-right:5px;
}

.for_allocation_input span {
	display:inline-block;
	position:relative;
}

.for_allocation_input span .timelog_time {
	position:absolute;
	background:#00b2c5;
	width:24px;
	height:16px;
	font-size:10px;
	color:#ffffff;
	border-radius:7px;
	text-align:center;
	line-height:16px;
	right:-9px;
	top:-7px;
	cursor:default;
	z-index:10;
}

.sign_as_done {
	display:inline-block;
	width:24px;
	height:24px;
	background:url('/design/main_search_cancel.png') center center no-repeat;
	margin-top:5px;
}

.main_table table tr th a.change_month {
	background:#00b2c5;
	display:inline-block;
	width:24px;
	height:24px;
	border-radius:15px;
	color:#ffffff;
	text-decoration: none;
	font-size:20px;
	font-weight:600;
	line-height:20px;
	text-align:center;
}

#month_name span {
	width:100px;
	display:inline-block;
}

#mail_group_allocation_table {
	position:relative;
	height:10px;
	width:calc(100% - 20px);
}

.main_table table.freeze {
	position:absolute;
	left:0;
	top:0;
	z-index:49;
	background:#ffffff;
	width:auto;
}

#weeks_header {
	height:29px;
}

.copy_button {
	font-size:14px;
	position:absolute;
	right:40px;
	top:85px;
	color:#cd083d;
	z-index:100;
	display:block;
}