*{margin:0;padding:0;}
html{height:100%;font-size:62.5%;}
body{color:#333;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:15px;font-size:1.5rem;letter-spacing:5%;text-align:left;height:auto !important; /*IE6対策*/height:100%; /*IE6対策*/min-height:100%;position:relative;background:#fff;}

input{margin:0;padding:5px;display:inline;font-size:2.5rem;font-size:25px;}
tbody{width:100%;min-height:100%;}
textarea{height:75px;height:7.5rem;line-height:120%;padding:5px;}
input[type=submit]{margin:0;padding:5px 15px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
button{font-size:2.5rem;font-size:25px;border:#FFF solid 1px;padding:0;font-weight:normal;margin:0;background:none;}
h1{line-height:100%;font-size:28px;font-size:2.8rem;}
h2{color:#369d66;margin:30px 0 7px;font-size:26px;font-size:2.6rem;}
h3{font-size:1.8rem;font-size:18px;}
img{outline:none;border:none;vertical-align:bottom;}
a img{outline:none;border:none;}
.center{text-align:center;}
.left{text-align:left;}
.top{vertical-align:top;}
.float_left{float:left;}
.float_right{float:right;}
.text_bold{font-weight:bold;}
.text_red{color:#FF0004;}
.hidden{display:none;}
.num{text-align:right !important;}
.required{color:#FF0004;font-weight:bold;}
.clickable:hover{cursor:pointer;}
div.normal_width{overflow:hidden;width:980px;margin:0 auto;}
p.err_mess{margin:20px 0;color:#FF0004;font-weight:bold;padiing:25px 2%;clear:both;width:100%;}
table.all_list{border-collapse:collapse;margin-left:auto;margin-right:auto;}
table.all_list th,table.all_list td{padding:3px 10px;border:1px solid #CCC;}
table.all_list th{background:#EDEDED;}
button#update{float:right;}

/*オーバーレイ*/
#overlay{width:100%;height:100%;background:#FFF;position:fixed;top:0;z-index: 1002;}
#overlay td{text-align:center;vertical-align:middle;font-size:25px;font-size:2.5rem;}

.w3{width:3%;}.w5{width:5%;}.w6{width:6%;}.w7{width:7%;}.w8{width:8%;}.w10{width:10%;}
.w11{width:11%;}.w12{width:12%;}.w15{width:15%;}.w18{width:18%;}.w20{width:20%;}
.w25{width:25%;}.w30{width:30%;}.w35{width:35%;}.w40{width:40%;}.w45{width:45%;}.w50{width:50%;}
.w60{width:60%;}.w70{width:70%;}.w80{width:80%;}.w90{width:90%;}.w100{width:100%;overflow:hidden;}

/*ヘッダー*/
div#header input,select{margin:0;padding:5px;display:inline;font-size:14px;}
div#header{max-width:980px;margin:0 auto 40px;position:relative;overflow:hidden;padding:30px 0 25px; clear:both;}
div#header h1{}
div#header #change_device{position:fixed;top:0;right:3px;background:#333;border-radius:0 0 15px 15px;border:4px ridge #CCC;padding:20px 40px;border-top:none;text-decoration:none;color:#FFF;opacity:0.8;z-index:1000;font-size:4rem;}
div#header table{width:25%;float:right;margin-bottom:20px;}
div#header td{}
div#header th{}
p#login_name{position:absolute;right:10px;top:10px;}

/*フッター*/
div#footer{text-align:center;overflow:hidden;background:#FFF;position:absolute;bottom:0;width:100%;padding:0 0 8px;}
div#footer img{max-width:100%;}

/*-アップロード-*/
td#drop_area{border:3px dashed #CCC;height:250px;position:relative;vertical-align:top;padding:10px;}
td#drop_area p.hint{position:absolute;top:110px;width:100%;text-align:center;color:#999;}

/*インポート*/
div#import{}
div#import h1{margin-bottom:20px;}
div#import table{margin-top:20px;}
div#import table input,select{margin-top:10px;margin-right:10px;margin-left:10px;margin-bottom:10px;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:30%;}
div#import td{}
div#import th input,select{margin:0;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:25%;}
div#import th{}
div#import select{width:auto;font-size:15px;font-size:1.5rem;}

/*メインエリア*/
div#main_area{max-width:980px;height:100%;margin:0 auto;overflow:hidden;position:relative;background:#FFF;}
div#main_area input,select{margin:0;padding:10px;display:inline;font-size:16px;font-size:1.5rem;width:100%;}

/*メインメニュー*/
div#menu{}
div#menu table{margin-top:20px;}
div#menu td{padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;}
div#menu table{table-layout:fixed;width:100%;margin:0 auto;border-collapse:collapse;}
div#menu th,td{vertical-align:middle;}
div#menu table.full{min-height:100%;text-align:center;vertical-align:middle;position:absolute;padding-top:90px;}

/*ログインページ*/
div#login{ text-align:center;}
div#login input,select{margin:0;padding:10px 0 10px 10px;display:inline;font-size:14px;width:98%;}
div#login table{width:98%;max-width:98%; text-align:center;}
div#login td{padding-top:10px;}

/*管理画面*/
div#manage{}
div#manage table form{margin-top:20px;}
div#manage td{padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;}
div#manage table{table-layout:fixed;width:100%;margin:0 auto;border-collapse:collapse;}
div#manage th,td{vertical-align:middle;}
div#manage table.full{min-height:100%;text-align:center;vertical-align:middle;position:absolute;padding-top:90px;}


/*管理画面_物件の登録*/
div#project{}
div#project h1{margin-bottom:20px;}
div#project table{margin-top:20px;}
div#project table input,select{margin-top:10px;margin-right:10px;margin-left:10px;margin-bottom:10px;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:30%;}
div#project td{}
div#project th input,select{margin:0;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:25%;}
div#project th{}
div#project select{width:auto;font-size:15px;font-size:1.5rem;}

/*管理画面_ユーザの登録*/
div#user{}
div#user h1{margin-bottom:20px;}
div#user table{margin-top:20px;}
div#user table input,select{margin-top:10px;margin-right:10px;margin-left:10px;margin-bottom:10px;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:30%;}
div#user td{}
div#user th input,select{margin:0;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:25%;}
div#user th{}

/*管理画面_下請企業の登録*/
div#subcon{}
div#main_area.subcon{max-width:100%;height:100%;margin:0;overflow:hidden;position:relative;background:#FFF;}
div#subcon h1{margin-bottom:20px;}
div#subcon table{margin-top:20px;}
div#subcon table input,select{margin-top:10px;margin-right:10px;margin-left:10px;margin-bottom:10px;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:30%;}
div#subcon td{}
div#subcon th input,select{margin:0;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:25%;}
div#subcon th{}

/*請求書合計*/
div#main_area.claim{max-width:100%;height:100%;margin:0;overflow:hidden;position:relative;background:#FFF;}
div#claim{padding:0 1%;}
div#claim h1{margin-bottom:20px;}
table#claim_search{width:auto;float:left;margin-bottom:20px;clear:both;}
table#claim_search td{padding:5px;}
table#claim_search input,select{margin:0;padding:5px;display:inline;font-size:12px;font-size:1.2rem;}
table#claim_search select{width:auto;font-size:15px;font-size:1.5rem;}
table#claim_search td{}

table#claim_list{width:70%;min-width:980px;margin:20px auto 0;clear:both;}
table#claim_list th{border:1px solid #C4C4C4;background-color:#E8E8E8;padding:5px;font-size:12px;font-size:1.2rem;}
table#claim_list td{border:1px solid #C4C4C4;padding:5px;font-size:12px;font-size:1.2rem;}
table#claim_list input,select{margin:0;padding:5px;display:inline;font-size:14px;font-size:1.4rem;width:70%;}
table#claim_list input.wci,table#claim_list input.wdc{width:5rem;}
table#claim_list img.ac_b_ac,
table#claim_list img.ac_c_ac,
table#claim_list img#ac_b_ac_all,
table#claim_list img#ac_c_ac_all{width:20px;}

/*支払明細*/
div#main_area.payspec{max-width:100%;height:100%;margin:0;overflow:hidden;position:relative;background:#FFF;}
div#payspec{padding:0 1%;}
div#payspec h1{margin-bottom:20px;}
table#payspec_search{width:70%;margin-top:20px;float:left;margin-bottom:20px;}
table#payspec_search input,select{margin:0;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:70%;}
table#payspec_search td{}
table#payspec_info{margin-top:20px;clear:left;}
table#payspec_info td{}

div#payspec input{background:none;width:96%;max-width:9rem;padding:2px 2%;min-width:7rem;}
div#payspec input.wci,div#payspec input.wdc{width:5rem;}
div#payspec img.ac_d_ac,
div#payspec img.ac_e_ac,
div#payspec img#ac_e_ac_all,
div#payspec img#ac_d_ac_all{width:20px;}

/* 外枠 */
div.x_data_area{width:100%;overflow:hidden;font-size:1.2rem;clear:both;}
div.scroll_link{max-height:700px;overflow:scroll;position:relative;}
/* ロック部分 */
div#payspec .lock_box{width:50% !important;float:left;clear:both;overflow-y:hidden;}
table#lock_table{}
 /* 横スクロール部分 */
div#payspec .x_scroll_box{overflow:hidden;width:50% !important;float:left;}
table#scroll_table{width:auto;overflow-x:scroll;}
/* テーブル */
div.x_data_area table{width:100%;border-collapse:collapse;background:#FFF;table-layout: auto;}
#payspec div.x_data_area th,#payspec div.x_data_area td{padding:5px;border:1px solid #C4C4C4;overflow:hidden;white-space:nowrap;}
#payspec div.x_data_area th{background:#E8E8E8;text-align:center;font-weight:bold;}
#payspec div.x_data_area td{padding:1px 5px;}
#payspec div.x_data_area th.end,#payspec div.x_data_area td.end{background:#CFCFCF;border:1px solid #E8E8E8;}
#payspec div.x_data_area th.end{background:#BDBDBD;}

#clone1,#clone2{border-collapse:collapse;position:absolute;z-index:99;top:0;width:auto;}
#clone1 th,#clone2 th{border:1px solid #C4C4C4;overflow:hidden;background:#E8E8E8;}

#clonesum1,#clonesum2{border-collapse:collapse;position:absolute;z-index:99;width:auto;background:#E9E9E9;}
#clonesum1 td,#clonesum2 td{border:1px solid #C4C4C4;overflow:hidden;white-space:nowrap;}
#payspec div.x_data_area #clonesum1 td.end,#payspec div.x_data_area #clonesum2 td.end{background:#BDBDBD;}

.data_num{font-style:italic;}
.data_sum{font-weight:bold;font-size:12px;background:#eeffff;}
.sum_left{border-left:solid 3px #C4C4C4;}
.sum_top td{border-top:solid 3px #C4C4C4;}

/*支払台帳*/
/*一覧ページ*/
div#main_area.paybook_list{max-width:100%;height:100%;margin:0;overflow:hidden;position:relative;background:#FFF;}
div#paybook_list{padding:0 1%;}
div#paybook_list .list{clear:both;table-layout:auto;border-collapse:collapse;margin:0 auto;}
div#paybook_list .list tr:hover{background:#FFF2E9;color:#000;}
div#paybook_list .list tr.received{background:#FCFFA5;}
div#paybook_list .list tr.received:hover{color:#000;}
div#paybook_list .list tr.end{background:#BDBDBD;}
div#paybook_list .list tr.end:hover{color:#FFF;}
div#paybook_list .list th,div#paybook_list .list td{border:1px solid #C4C4C4;padding:3px 8px;}
div#paybook_list .list th{background:#E8E8E8;}
div#paybook_list img.del_list{width:70%;margin:0;}
p.dtcnt{margin:10px auto;}
table#paybook_search{margin:20px auto;}
table#paybook_search input{margin:0;padding:5px;display:inline;font-size:12px;font-size:1.2rem;width:90%;}
table#paybook_search select{width:auto;}

/*-ページャ-*/
div#page{overflow:hidden;margin:40px auto;}
div#page a{text-decoration:none;color:#FFF;}
div#page span{text-align:center;padding:9px 14px;background:#AAA;color:#FFF;margin:5px 4px 0 0;border-radius:3px;display:block;float:left;}
div#page span.bold{background:#FBA444;}
div#page span.no_link{padding:9px 1px;background:none;color:#AAA;line-height:280%;}

/*登録ページ*/
div#main_area.paybook_add{}
#paybook_add #project_article_code_td{font-size:14px;font-size:1.4rem;}
#paybook_add input[type=checkbox]{-ms-transform:scale(1.3, 1.3);-webkit-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3);vertical-align:middle;width:auto;margin:3px;}
#paybook_add select{width:auto;font-size:14px;font-size:1.4rem;}

/*削除ページ*/
div#main_area.paybook_del{}
div#paybook_del .list{clear:both;table-layout:auto;border-collapse:collapse;margin:0 auto;width:100%;}
div#paybook_del .list th,div#paybook_del .list td{border:1px solid #C4C4C4;padding:3px 8px;}
div#paybook_del .list th{background:#E8E8E8;}

/*詳細ページ*/
div#main_area.paybook{max-width:100%;height:100%;margin:0;overflow:hidden;position:relative;background:#FFF;}
div#paybook{padding:0 1%;}
div#paybook h1{margin-bottom:20px;}
div#paybook input.small{font-size:12px;font-size:1.2rem;}

table.paybook_info{margin-top:20px;clear:left;}
table.paybook_info input,select{margin:0;display:inline;font-size:10px;font-size:1.0rem;}
table.paybook_info input[type=checkbox]{width:30px;height:30px;}
table.paybook_info th{border:1px solid #C4C4C4;background-color:#E8E8E8;	padding-top:2px;padding-right:10px;padding-bottom:2px;padding-left:10px;font-size:11px;font-size:1.1rem;}
table.paybook_info td{border:1px solid #C4C4C4;padding-top:2px;padding-right:25px;padding-bottom:2px;padding-left:2px;font-size:11px;font-size:1.1rem;white-space:nowrap;}

table#paybook_list{margin-top:20px;clear:left;}
table#paybook_list th{border:1px solid #C4C4C4;background-color:#E8E8E8;	padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;font-size:11px;font-size:1.1rem;}
table#paybook_list td{border:1px solid #C4C4C4;	padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;font-size:11px;font-size:1.1rem;}

div#paybook td.plan{background:#ECECEC;}
div#paybook input{background:none;width:96%;padding:5px 2%;}
div#paybook input.date{width:10rem !important;display:inline;}
div#paybook select{padding:5px 0!important;margin:0 !important;width:100%;}
div#paybook .even{background-color:#F4F4F4;}
div#paybook td{min-width:7rem;}
div#paybook td.no:hover{cursor:move;}
div#paybook img.del_list{width:50%;margin:0;}
div#paybook img#add_blank{width:50%;margin:0;}
div#paybook input.enterprise_name:hover{cursor:pointer;}
#tooltip{position: absolute;display: none;z-index: 2147483647;}

div#enterprise_select{position:absolute;overflow:hiddden;border:2px solid #CCC;border-radius:5px;padding:8px;background:#FFF;z-index:100;}
div#enterprise_select input{font-size:15px;font-size:1.5rem;}
div#enterprise_select img{width:20px;}
div#enterprise_select ul{height:250px;overflow-y:scroll;margin-top:5px;}
div#enterprise_select li{border-top:1px solid #CCC;padding:3px;}
div#enterprise_select li:hover{background:#F3F3F3;cursor:pointer;}
div#paybook .active{background:#FFEFD4;}

/* 外枠 */
div.x_data_area{width:100%;overflow:hidden;font-size:1.2rem;}
/* ロック部分 */
div#paybook .lock_box{float:left;width:40%;max-width:980px;} 
/* 横スクロール部分 */
div#paybook .x_scroll_box{float:left;width:60%;overflow-x:scroll;} 
/* テーブル */
#paybook .lock_box table{width:100%;} 
#paybook .x_scroll_box table{width:auto;}
#paybook table.data{table-layout:fixed;border-collapse:collapse;border-left:1px solid #C4C4C4;}
 
#paybook table.data th,#paybook table.data td{padding:5px;border-right:1px solid #C4C4C4;border-bottom:1px solid #C4C4C4;overflow:hidden;white-space:nowrap;}
#paybook table.data th{border-top:1px solid #C4C4C4;background:#E8E8E8;text-align:center;}
#paybook table.data th.right,#paybook table.data td.right{border-right:3px double #AAA;}
 
/* IE6 */
#paybook table.data{_border-collapse:collapse;}
 /* IE7 */
#paybook *:first-child+html table.data{border-collapse:collapse;}



/*売上利益表*/
div#main_area.sales{max-width:100%;}
div#sales_tb_out{overflow-y:scroll;position:relative;margin:10px 0 0;}
table#sales_table{border-collapse:collapse;width:100%;;}
thead{background:#FFF;}
div#sales_tb_out th,div#sales_tb_out td{border:1px solid #333;padding:3px 5px;}
div#sales_tb_out th{background:#D9D9D9;word-break:break-all;}
div#sales_tb_out tr.normal th{font-weight:normal;}
div#sales_tb_out th.project_name{max-width:400px;width:380px;}
div#main_area.sales .num{text-align:right;}
div#main_area.sales input,select.date{width:auto;}
div#sales_tb_out .double{border-top:3px double #333;border-right:3px double #333;border-left:3px double #333;border-bottom:none;}
div#sales_tb_out .double_top{border-top:3px double #333;}
div#sales_tb_out .bold_top{border-top:3px solid #333;}
div#sales_tb_out .bold_right{border-right:3px solid #333;}
div#sales_tb_out .bold_bottom{border-bottom:3px solid #333;}
div#sales_tb_out .bold_left{border-left:3px solid #333;}
form#sales_search_form input.date{width:12rem;padding:5px;}
form#sales_search_form select{width:auto;}
form#sales_search_form{border:none;}


#out{background:repeat-x url("../img/h_bg.jpg");padding-bottom:250px;}

.h_logo img{ max-width:100%; max-height:100%;}
.h_logo_top img{ max-width:100%; max-height:100%;}

.h_right{
	float:right;
	margin-top:10px;
}
.h_logo,.h_mainbtn,.h_logoutbtn{
	display:inline;
}
.h_logo_top{
	display:block;
	text-align:center;
}

#f_inner{
	background:url(../img/f_bg.jpg) repeat-x;
	margin-bottom:8px;
}

.clear{ clear:both;}
.c_title{ margin-bottom:24px; color:#f67802; font-weight:bold;}
.menu{float:left;margin:10px 5px;}
.menu_left img,.menu_right img{ max-width:100%;}



@media screen and (max-width:979px) {
	/* 979px以下用（タブレット用）の記述 */
div#header{ margin:0 auto 0;}
.h_right,.menu_left,.menu_right{ float:none; text-align:center;}
.c_title{ text-align:center;}
.h_logo img{ display:block; margin:0 auto;}
}
@media screen and (max-width:767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width:479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}