@charset "utf-8";

article, aside, dialog, figure, footer, header, menu, nav, section{
	display: block;
	margin:0;
	padding:0;
}
body{
	width:100%;
	min-width:1024px;/*横スクロールで背景が切れないように*/
	line-height:1.7;
	font-size:14px;
	padding:0;
	margin:0;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#222;
}
ul, ol, dl,dt,dd,div,ol,ul,li{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
li{list-style-type:none;}
textarea{font-size:100%;}
a{outline:none;border:0;}
img{vertical-align: middle;border:0;}
a:hover img,
.opa a:hover img,
input[type="image"]:hover{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a:link{color:#1b71b8;text-decoration:underline;}
a:visited{color:#1b71b8;text-decoration:underline;}
a:hover{color:#e50202;text-decoration:underline;}
a:active{color:#1b71b8;text-decoration:underline;}

/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearfix:after{content: "";display: block;clear: both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}

/*余白*/
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb20{margin-bottom:20px;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}

.f11{font-size:11px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.red{color:red;}

.s_bottom{margin-bottom:60px;}
.jisage{
	padding-left:1em;
	text-indent:-1em;
}
input[type="checkbox"],
input[type="radio"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select{
	margin:0 4px 0 0;
	padding:4px;
}
input[type="checkbox"]{
	transform: scale(1.3);
}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:middle;
}
/* Ajax で表示するテンプレートを非表示にするためのクラス */
.js-template {
  display: none;
}

/*-----------------------------------------------
ヘッダー
-----------------------------------------------*/
header{
	width:960px;
	height:60px;
	margin:10px auto 6px;
}
header:after{content: "";display: block;clear: both;}

.logo{
	float:left;
	width:282px;
}
.helloarea{
	float:right;
	margin:8px 0 0 0;
}
.helloarea .btn_logout{/*ログアウトボタン*/
	float:right;
	height: 26px;
	line-height: 26px;
	text-decoration: none!important;
	border:1px solid #ccc;
	padding:0 10px;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	cursor: pointer;
	outline: none;
	font-size:11px;
}
.helloarea .btn_logout:link{color:#333;text-decoration:none;}
.helloarea .btn_logout:visited{color:#333;text-decoration:none;}
.helloarea .btn_logout:hover{color:#333;text-decoration:none; opacity:0.7;}
.helloarea .btn_logout:active{color:#333;text-decoration:none;}

.helloarea .namebox{
	float:right;
	margin:0 30px 0 0;
}
/*-----------------------------------------------
共通
-----------------------------------------------*/
.path{
	width:960px;
	margin:0 auto 10px;
	font-size:12px;
}
.wrapper{
	width:1024px;
	margin: 0 auto;
	background:#fff;
}
.contents{
	width:960px;
	margin:0 auto 30px;
}
.contents:after{content: "";display: block;clear: both;}

.pagetitle{
	width:932px;
	margin:0 auto 30px;
	padding:8px 14px;
	font-size:15px;
	line-height:1.5;
	color:#fff;
}
.btn00gray{background:#aaa;}/*汎用ページ。薄グレー*/
.btn0102green{background:#1CC1A1;}
.btn0304kon{background:#3D47DA;}
.btn0506yellow{background:#F2C200;}
.btn0708pink{background:#EF2475;}
.btn0910blue{background:#3598DB;}
.btn1111red{background:#F8251B;}

.title01{/*濃い黄色*/
	padding:4px 10px;
	background:#E8E600;
}
.title01_blue{
background:#3598DB !important;
color:#fff;
}
.title01_blue a:link{
color:#fff;
}
/*インナー*/
.inner01{/*コンテンツ全体*/
	width:960px;
}
.inner01:after{content: "";display: block;clear: both;}

.inner02{/*左余白*/
	margin:0 0 0 14px;
}
.inner02:after{content: "";display: block;clear: both;}

/*ページャー*/
.button_page{
width:430px;
margin:14px auto 40px;
overflow:hidden;
}
.button_page:after{content: "";display: block;clear: both;}

.button_page a{
float:left;
display:block;
height:26px;
line-height:26px;
background:#eee;
border:1px solid #aaa;
text-align:center;
margin:4px 4px;
color:#000!important;
}
	.button_page a:hover{
	background:#999;
	}
.button_page a.on{
background:#999;
}
.button_page a.text{
width:68px;
}
.button_page a.number{
width:28px;
}
	.button_page a:link{
	color:#000!important;
	text-decoration:none;
	}
/*汎用ボタングレー01青字*/
.btn_gray{
	display:block;
	padding:10px;
	text-align:center;
	overflow: hidden;
	text-decoration: none!important;
	font-weight:bold;
	font-size:16px;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	cursor: pointer;
	outline: none;
}
.btn_gray:link{text-decoration:none;color:#3F7DC1;}
.btn_gray:visited{text-decoration:none;color:#3F7DC1;}
.btn_gray:hover{text-decoration:none;color:#3F7DC1;opacity:0.7;}
.btn_gray:active{text-decoration:none;color:#3F7DC1;}

.btn_orange{/*ボタンオレンジ*/
	color: #333;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #F7B800;
	background:#ffd65e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
	background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
	background-image:    -moz-linear-gradient(top, #ffd65e, #febf04);
	background-image:     -ms-linear-gradient(top, #ffd65e, #febf04);
	background-image:      -o-linear-gradient(top, #ffd65e, #febf04);
	background-image:         linear-gradient(top, #ffd65e, #febf04);
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
  overflow-wrap: normal;
}
.btn_orange:link{color:#333;}
.btn_orange:visited{color:#333;}
.btn_orange:hover{color:#333; opacity:0.6;}
.btn_orange:active{color:#333;}

.btn_blue{/*ボタン青*/
	color: #fff;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #F7B800;
	background:#1976d2;
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
  overflow-wrap: normal;
}
.btn_blue:link{color:#fff;}
.btn_blue:visited{color:#fff;}
.btn_blue:hover{color:#fff; opacity:0.6;}
.btn_blue:active{color:#fff;}

.btn_grn{/*ボタン緑*/
	color: #fff;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #56A400;
	background:#63A439;
	background-image:         linear-gradient(top, #63A439, #7FB75C);
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
position: absolute;
right:36px;
top:40px;
  overflow-wrap: normal;
}
.btn_grn:link{color:#fff;}
.btn_grn:visited{color:#fff;}
.btn_grn:hover{color:#fff; opacity:0.6;}
.btn_grn:active{color:#fff;}

.btn_grn2{/*ボタン緑*/
	color: #fff;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #56A400;
	background:#63A439;
	background-image:         linear-gradient(top, #63A439, #7FB75C);
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
  overflow-wrap: normal;
}
.btn_grn2:link{color:#fff;}
.btn_grn2:visited{color:#fff;}
.btn_grn2:hover{color:#fff; opacity:0.6;}
.btn_grn2:active{color:#fff;}

.btn_red{/*ボタンレッド*/
	color: #eee;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #cc1111;;
	background:#e8251b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e8251b), to(#d40000));
	background-image: -webkit-linear-gradient(top, #e8251b, #d40000);
	background-image:    -moz-linear-gradient(top, #e8251b, #d40000);
	background-image:     -ms-linear-gradient(top, #e8251b, #d40000);
	background-image:      -o-linear-gradient(top, #e8251b, #d40000);
	background-image:         linear-gradient(top, #e8251b, #d40000);
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
  overflow-wrap: normal;
}
.btn_red:link{color:#eee;}
.btn_red:visited{color:#eee;}
.btn_red:hover{color:#eee; opacity:0.6;}
.btn_red:active{color:#eee;}

.btn_gray02{/*汎用ボタングレー02display:blockなし;*/
	color: #333;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
	background-image: -webkit-linear-gradient(top, #fafafa, #eee);
	background-image:    -moz-linear-gradient(top, #fafafa, #eee);
	background-image:     -ms-linear-gradient(top, #fafafa, #eee);
	background-image:      -o-linear-gradient(top, #fafafa, #eee);
	background-image:         linear-gradient(top, #fafafa, #eee);
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
}
.btn_gray02:link{color:#333;}
.btn_gray02:visited{color:#333;}
.btn_gray02:hover{color:#333; opacity:0.6;}
.btn_gray02:active{color:#333;}

/*汎用ボタングレー黒字*/
.btn_gray03{
	display:block;
	padding:10px;
	text-align:center;
	overflow: hidden;
	text-decoration: none!important;
	font-weight:bold;
	font-size:16px;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	cursor: pointer;
	outline: none;
}
.btn_gray03:link{text-decoration:none;color:#555;}
.btn_gray03:visited{text-decoration:none;color:#555;}
.btn_gray03:hover{text-decoration:none;color:#555;opacity:0.7;}
.btn_gray03:active{text-decoration:none;color:#555;}

.btn_gray04{/*汎用ボタングレー04 (02より小さい、文字青）display:blockなし;*/
	color: #333;
	padding: 10px 30px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
	background-image: -webkit-linear-gradient(top, #fafafa, #eee);
	background-image:    -moz-linear-gradient(top, #fafafa, #eee);
	background-image:     -ms-linear-gradient(top, #fafafa, #eee);
	background-image:      -o-linear-gradient(top, #fafafa, #eee);
	background-image:         linear-gradient(top, #fafafa, #eee);
	-webkit-border-radius: 0.4em;
	font-size:15px;
	font-weight:bold;
}
.btn_gray04:link{color:#3A6EA5;}
.btn_gray04:visited{color:#3A6EA5;}
.btn_gray04:hover{color:#3A6EA5; opacity:0.6;}
.btn_gray04:active{color:#3A6EA5;}

.btn_mini_edit{/*表の右の【修正】ボタン*/
	color: #333;
	padding: 4px 10px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	font-size:12px;
	font-weight:bold;
	margin:0 8px 0 0;
	white-space: nowrap;
}
.btn_mini_edit:link{color:#FF0000;}
.btn_mini_edit:visited{color:#FF0000;}
.btn_mini_edit:hover{color:#FF0000; opacity:0.6;}
.btn_mini_edit:active{color:#FF0000;}

.btn_mini_list{/*表の右の【案件一覧】ボタン*/
	color: #333;
	padding: 4px 10px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	font-size:12px;
	font-weight:bold;
	margin:0 8px 0 0;
	white-space: nowrap;
}
.btn_mini_list:link{color:#3A6EA5;}
.btn_mini_list:visited{color:#3A6EA5;}
.btn_mini_list:hover{color:#3A6EA5; opacity:0.6;}
.btn_mini_list:active{color:#3A6EA5;}

.btn_mini_delete{/*表の右の【削除】ボタン*/
	color: #333;
	padding: 4px 10px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	font-size:12px;
	font-weight:bold;
	white-space: nowrap;
}
.btn_mini_delete:link{color:#555;}
.btn_mini_delete:visited{color:#555;}
.btn_mini_delete:hover{color:#555; opacity:0.6;}
.btn_mini_delete:active{color:#555;}
/*-----------------------------------------------
ログインページ
-----------------------------------------------*/
.loginarea{
	width:500px;
	margin:60px auto 10px;
}
.passarea{
	width:420px ;
	background:#EFFCDF;
	overflow:hidden;
	padding:0 0 20px 0;
	margin:10px 0 0 0;
}
.passarea ul{
	width:330px;
	margin:26px auto 0;
	overflow:hidden;
}
.passarea ul li{
	height:28px;
	margin:0 0 24px 0;
}
.passarea ul li p{
	float:left;
	width:80px;
	height:28px;
	line-height:30px;
	text-align:right;
	margin:0 10px 0 0;
	font-weight:bold;
}
input.pass_input01{
	float:left;
	width:220px;
	padding:6px;
	font-size:14px;
	border:1px solid #ccc;
}
input.pass_input02{
	padding:4px;
}
.greenlogin{/*緑字ボタン*/
	display:block;
	width:100px;
	height: 30px;
	line-height: 30px;
	color: #009B6A;
	text-align:center;
	margin:0 auto;
	overflow: hidden;
	text-decoration: none!important;
	font-weight:bold;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	cursor: pointer;
	outline: none;
}
.greenlogin:hover{opacity:0.5;}

.greenlogin:link{color: #009B6A;}
.greenlogin:visited{color: #009B6A;}
.greenlogin:hover{color: #009B6A;}
.greenlogin:active{color: #009B6A;}

/*-----------------------------------------------
ログイン後TOP画面
-----------------------------------------------*/
.btn_area{
	float:left;
	width:300px;
}
.btn_area a{
	display:block;
	width:300px;
	height:50px;
	line-height:50px;
	margin:0 0 10px 0;
	text-indent:12px;
	overflow: hidden;
	border-radius:4px;
}
/*ボタンの色は上部の.pagetitleに記載*/

.btn_area a:link{text-decoration:none;color:#fff;}
.btn_area a:visited{text-decoration:none;color:#fff;}
.btn_area a:hover{text-decoration:none;color:#fff;opacity:0.7;}
.btn_area a:active{text-decoration:none;color:#fff;}

.anken_area{
	float:right;
	width:620px;
}
.table_anken01{
	width:620px;
	border:1px solid #ccc;
	font-size:12px;
	margin:0 0 50px 0;
}
.table_anken01 th{
	background:#eee;
}
.table_anken01 th,
.table_anken01 td{
	width:94px!important;
	padding:6px 4px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.table_anken01 th.fst,
.table_anken01 td.fst{
	width:56px!important;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
		/*続きを読む行*/
		.table_anken01 tr.nextbtn{
			width:100%;
			border-bottom:none;
			border-right:none;
		}
		.table_anken01 tr.nextbtn{
			background-color:#ddd;
		}
		.table_anken01 tr.nextbtn:hover{
			background:#efefef;
		}
		.table_anken01 tr.nextbtn td{
			padding:0;
		}
		.table_anken01 a.btnwide{
			display:block;
			width:100%;
			height:26px;
			line-height:26px;
			cursor: pointer
		}
.table_ketteideta01{
	width:620px;
	border:1px solid #ccc;
	font-size:12px;
	margin:0 0 50px 0;
}
.table_ketteideta01 th{
	background:#eee;
	text-align:center;
}
.table_ketteideta01 th,
.table_ketteideta01 td{
	padding:6px 4px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.table_ketteideta01 th.day{
	width:15%;
}
.table_ketteideta01 th.week,
.table_ketteideta01 td.week{
	width:10%;
	text-align:center;
}
.table_ketteideta01 th.hikkoshikensu,
.table_ketteideta01 td.hikkoshikensu{
	width:10%;
}
	.table_ketteideta01 td.hikkoshikensu{
		text-align:right;
	}
.table_ketteideta01 th.ketteikensu,
.table_ketteideta01 td.ketteikensu{
	width:15%;
}
	.table_ketteideta01 td.ketteikensu{
		text-align:right;
	}
.table_ketteideta01 th.danhai,
.table_ketteideta01 td.danhai{
	width:10%;
}
.table_ketteideta01 td.danhai{
 text-align:right;
}
.table_ketteideta01 th.konzai,
.table_ketteideta01 td.konzai{
	width:10%;
}
.table_ketteideta01 td.konzai{
 text-align:right;
}
.table_ketteideta01 th.danbiki,
.table_ketteideta01 td.danbiki{
	width:10%;
}
.table_ketteideta01 td.danbiki{
 text-align:right;
}
.table_ketteideta01 th.shosai,
.table_ketteideta01 td.shosai{
	width:20%;
}
	.table_ketteideta01 td.shosai{
		text-align:center;
	}

/*タブ*/
.tab_area{
width:620px;
}
.tab_area ul{
width:620px;
height:47px;
margin:0 0 20px 0;
overflow:hidden;
border-bottom:14px solid #999;
}
.tab_area ul:after{content: "";display: block;clear: both;}

.tab_area ul li{
float:left;
width:92px;
margin:0 8px 0 0;
}
.bk_tab_waku{/*jsの都合でdivは１つしか使えない*/
display:none;
width:620px;
height:600px;
}

.kettei_tbody, .kettei_thead {
display:block;
}
.kettei_tbody {
overflow-y:scroll;
height:400px;
}
.kettei_tbody .youbi, .kettei_tbody .kettei, .kettei_tbody tr.today td {
background:#cdffff;
}
.kettei_tbody td, .kettei_thead th {
width:26px;
text-align:center;
}
.kettei_tbody .cen, .kettei_thead .cen {
width:88px;
}
.kettei_tbody .kettei, .kettei_thead .kettei {
width:42px;
}

/*-----------------------------------------------
顧客情報登録TOP画面
-----------------------------------------------*/
.w400{
	width:400px;
	margin:0 auto;
}
.w400 a{
	margin:0 0 30px 0;
}
/*-----------------------------------------------
顧客情報（個人）登録画面
-----------------------------------------------*/
.labelarea{
	margin:0 20px 0 14px;
}
.labelarea_highctrl{
	margin:0 20px 0 14px;
	line-height:2.7;
}
.highctrl{
	line-height:2.7;
}
.highctrl_bigbtn{
	line-height:4.0;
}
.labelarea label,
.labelarea_highctrl label{
	display: inline-block;
	margin:0 20px 0 0;
}
ul.labelarea li{
	margin:0 0 14px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
table.table01{
	width:960px;
	border:1px solid #ccc;
	font-size:13px;
}
table.table01 th{
	width:150px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#eee;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding:10px;
}
table.table01 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:top;
	text-align:left;
	padding:10px;
}
input.w300{
	width:300px;
}
input.w600{
	width:600px;
}
input.w120{
	width:120px;
}
input.w160{
	width:160px;
}
input.w90{
	width:90px;
}
input.w80{
	width:80px;
}
input.w70{
	width:70px;
}
input.w40{
	width:40px;
}
textarea.w500x160{
	width:500px;
	height:160px;
	padding:8px;
	}
/*-----------------------------------------------
顧客情報完了画面
-----------------------------------------------*/
table.kokyakukekka{
	width:600px;
	border:1px solid #ccc;
	font-size:13px;
	margin:0 auto 30px;
}
table.kokyakukekka th{
	width:100px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#eee;
	vertical-align:top;
	text-align:left;
	padding:10px;
}
table.kokyakukekka td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:top;
	text-align:left;
	padding:10px;
}
table.table02{
	width:960px;
	border:1px solid #ccc;
	font-size:13px;
	margin:0 0 50px 0;
}
table.table02_btm30{
	width:960px;
	border:1px solid #ccc;
	font-size:13px;
	margin:0 0 30px 0;
}
table.table02 tr,
table.table02_btm30 tr{
	background: #fff;
}
table.table02 tr:nth-child(even),
table.table02_btm30 tr:nth-child(even){
	background: #EEF5F4;
}
table.table02 th,
table.table02_btm30 th{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#eee;
	vertical-align:top;
	padding:4px;
}
table.table02 td,
table.table02_btm30 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:top;
	text-align:left;
	padding:10px;
}
table.table02 .btn_td,
table.table02 .btn_td{
	width:298px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:middle;
	text-align:center;
	padding:10px;
}
		table.table02 .btn_td02,
		table.table02_btm30 .btn_td02{
			width:180px;
			border-bottom:1px solid #ccc;
			border-right:1px solid #ccc;
			vertical-align:middle;
			text-align:center;
			padding:10px;
		}
		table.table02 .btn_td03,
		table.table02_btm30 .btn_td03{/*2文字のボタンが2つ*/
			width:120px;
			border-bottom:1px solid #ccc;
			border-right:1px solid #ccc;
			vertical-align:top;
			text-align:center;
			padding:10px;
			vertical-align:middle;
		}
		table.table02 .btn_td04,
		table.table02_btm30 .btn_td04{/*2文字のボタンが1つ*/
			width:58px;
			border-bottom:1px solid #ccc;
			border-right:1px solid #ccc;
			vertical-align:top;
			text-align:center;
			padding:10px;
			vertical-align:middle;
		}
		table.table02 .btn_td05,
		table.table02_btm30 .btn_td05{/*ボタンたくさん2行*/
			width:200px;
			border-bottom:1px solid #ccc;
			border-right:1px solid #ccc;
			vertical-align:middle;
			text-align:center;
			padding:10px 10px 6px;
			line-height:2.6;
		}
.icon_maruhi{
	display:inline-block;
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	border-radius:50%;
	background:#FF0000;
	color:#fff;
	margin:0 0 0 4px;
}
/*-----------------------------------------------
案件情報登録
-----------------------------------------------*/
/*入り口ページ19-anken_entry*/
.table_title_and_btn{
	width:600px;
	margin:0 auto;
	border:1px solid #ccc;
}
.table_title_and_btn th{
	width:160px;
	padding:20px;
	background:#eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.table_title_and_btn td{
	padding:20px 30px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.colum4list{
	width:960px;
	font-size:12px;
}
.colum4list ul{
	width:960px;
	overflow:hidden;
}
.colum4list ul:after{content: "";display: block;clear: both;}

.colum4list ul li{
	float:left;
	width:238px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
}
.colum4list ul li:nth-child(4n){
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
		.colum4list ul li.spacer{/*余白*/
			float:left;
			width:100%;
			margin-top: 24px;
			border: none;
		}
		.colum4list ul li.textari{/*テキストボックスがある場合*/
			float:left;
			width:478px;
			margin:0 0 10px 0;
			border:1px solid #ccc;
		}
		.colum4list ul li.textari:after{content: "";display: block;clear: both;}
.colum4list ul li p{
	float:left;
	width:162px;
	background:#eee;
	padding:10px 6px 10px 10px;
}
		.colum4list ul li.textari p{/*テキストボックスがある場合*/
			float:left;
			background:#eee;
			padding:10px 6px 10px 10px;
			margin:0 10px 0 0;
		}
		.colum4list ul li.textari .ri{/*テキストボックス箇所*/
			float:left;
			height:28px;
			margin:8px 10px 0 0;
		}
		.colum4list ul li.inputari p{/*テキストボックスがある場合*/
			padding: 9px 6px 2px 10px;
		}

.colum4list ul li .kosu{
	float:right;
	width:60px;
	height:18px;
	margin:10px 0 0 0;
	text-align:center;
}
.colum4list ul li .kosu select{
	width:40px;
	height:24px;
}
/*カラム4リストtextarea金額が入る*/
.colum4list_m{
	width:960px;
	font-size:12px;
}
.colum4list_m ul{
	width:960px;
	overflow:hidden;
}
.colum4list_m ul:after{content: "";display: block;clear: both;}

.colum4list_m ul li{
	float:left;
	width:478px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
}
.colum4list_m ul li p{
	float:left;
	width:218px;
	background:#eee;
	padding:10px 6px 10px 10px;
	margin:0 10px 0 0;
}
.colum4list_m ul li .ri{
	float:left;
	width:150px;
	margin:8px 10px 0 0;
}
.colum4list_m ul li .ri_w680{
	float:left;
	width:680px;
	margin:8px 10px 0 0;
}
.colum4list_m ul li.textari{
	float:left;
	width:958px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
}

.btn_project_cars {
  height: 26px;
  line-height: 26px;
  text-decoration: none!important;
  border:1px solid #ccc;
  padding:0 10px;
  background:#eee;
  background: -webkit-linear-gradient(top, #fafafa, #eee);
  background:         linear-gradient(top, #fafafa, #eee);
  border-radius:4px;
  cursor: pointer;
  outline: none;
  font-size:11px;
}

.fixed_right {
  writing-mode: vertical-rl;
  position: fixed;
  top: 2%;
  right: 20px;
}

.fixed_right .btn_vertical {
  white-space: nowrap;
  padding: 42px 10px;
  margin: 2px 28px;
  white-space: nowrap;
}

/*-----------------------------------------------
11_売上確認・請求書発行
-----------------------------------------------*/
.totalbox{
	border:2px solid #FFE082;
	text-align:right;
	background:#ffc;
	padding:4px 80px 4px 0;
	font-size:18px;
	color:#f00;
	margin:0 0 50px 0;
}

/*-----------------------------------------------
荷物リスト連番
-----------------------------------------------*/
body {
    counter-reset: nimotsu 0;
}
.colum4list ul li p:not(.nimotsu_property)::before {
    counter-increment: nimotsu 1;
    content:counter(nimotsu) ". ";
}


/*-----------------------------------------------
案件折りたたみ
-----------------------------------------------*/
section.section-closed :not(.title01):not(.js-closelink) {
    display: none;
}

section .section-closed .js-closelink:before {
    content: "+ 展開する";
}

section .section-opened .js-closelink:before {
    content: "- 折りたたむ";
}

/*-----------------------------------------------
お見積書　
quotation
-----------------------------------------------*/
.wrapper_quotation{
	width:1200px;
	margin-left: auto; margin-right: auto;
	background:#fff;
	display: flex;
		font-size:10px;
		box-sizing: border-box;
}
.contents_quotation{
	width:960px;
	margin:0 auto 30px;
}
.contents_quotation{content: "";display: block;clear: both;}


.quotation_boxa{
width:51.5% /*618px*/;
margin-right:1% /*12px*/;
}
.quotation_boxb{
width:26.66% /*320px*/;
margin-right:1% /*12px*/;
}
.quotation_boxc{

width:19.8333% /*238px*/;
}

table.quotation01{
	border:1px solid #000;

}
table.quotation01 th{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	background:#BFBFBF;
	font-weight:normal;
	vertical-align:top;
padding:2px 1px;
box-sizing: border-box;
}
table.quotation01 td{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	vertical-align:top;
	background:#fff;
padding:2px 1px;
box-sizing: border-box;
}

.mb14{
margin-bottom: 14px;
}

.mb30{
margin-bottom: 30px;
}
.mb36{
margin-bottom: 36px;
}
.tal{
text-align: left;
}
.tac{
text-align: center;
}
.vam{
vertical-align: middle !important;
}
.lh20{
line-height: 20px;
}
.lh30{
line-height: 30px;
}
.w244{ width: 244px;}
.w36{ width: 36px;}
.w28{ width: 28px;}
.w22{ width: 22px;}

.fz105{
font-size: 105%;
}
.fz90{
font-size: 90%;
}
.w50{ width: 50%;}
.w100{ width: 100%;}
.w1em{ width: 1em;}

.tblb2{
	border:2px solid #000 !important;
}

.tblb2_lrb{
	border-left:2px solid #000 !important;
	border-right:2px solid #000 !important;
	border-bottom:2px solid #000 !important;
}

.tblb2_lrt{
	border-left:2px solid #000 !important;
	border-right:2px solid #000 !important;
	border-top:2px solid #000 !important;
}

.quotation_tbl01{
margin-bottom: 30px;
}
.quotation_tbl02{
width: 100%;
}
.quotation_tbl02 th,
.quotation_tbl02 td{
width: 20%;
}

dl.quotation_ttl{
margin-bottom: 30px;
display: flex;

}
dl.quotation_ttl dt{
width: 20%;
font-size: 26px;
font-weight: bold;
}
dl.quotation_ttl dd{
width:80%;
text-align: center;
}

dl.quotation_ttl dd table{
width: 100%;
}

dl.quotation_ttl dd table td p{
text-align: center;
display: inline-block;
}

dl.quotation_ttl dd table td span{
text-align: right;
float: right;
display: inline-block;
}

.quotation_boxa_area {
margin-bottom: 14px;
display: flex;
}
.quotation_boxa_area01 {
width:47.896% /*296px*/;
}

.quotation_boxa_area02 {
width: 26px;
}
.quotation_boxa_area02 img{
width:100%;
}
.quotation_boxa_area03 {
width:47.896% /*296px*/;
}

.quotation_boxa_area01 td span,
.quotation_boxa_area03 td span{
float: left;
}
.h4em{
height: 4.9em;
}
.quotation_boxa_bikou{
border:1px solid #000;
min-height: 150px;
position: relative;
margin-bottom: 14px;
}

.quotation_boxa_bikou_ttl{
font-size: 16px;
margin-right: 2em;
display: inline-block;
}

.quotation_boxa_bikou_ttl span{
display: inline-block;
		font-size:10px;
}

.quotation_boxa_bikou_bottom{
position: absolute;
bottom:0.5px;
left:0;
}

.quotation_boxa_yakusoku{
display: flex;

}

.quotation_boxa_yakusoku01{
width:56.31% /*348px*/;
margin-right:1.29% /*8px*/;
}

.quotation_boxa_yakusoku02{
width:42.39% /*262px*/;
}

/*quotation_boxc_foot*/
.quotation_boxc_foot_ttl{
display: flex;
margin-bottom: 1em;
}
.quotation_boxc_foot_ttl01{
margin-right: 1em;
}
.quotation_boxc_foot_ttl02{

}
.quotation_boxc_foot_ttl02 span{
font-size: 16px;
}

.quotation_boxb .konpou_tbl{
margin-bottom: 30px;
font-size: 95%;
display: block;
overflow: hidden;
}

.konpou_tbl table{
width: 50%;
box-sizing: border-box;
float: left;

}

.konpou_tbl table th,
.konpou_tbl table td{
text-align: center;
}

.konpou_tbl table td.tal{
text-align: left;
}

.konpou_tbl table td.tar{
text-align: right;
}
table.quotation04 .bge,
.konpou_tbl table td.bge{
background-color: #eee;
}

table.quotation02{
	border:1px solid #000;

}
table.quotation02 th{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	background:#fff;
	font-weight:normal;
	vertical-align:top;
padding:2px 1px;
box-sizing: border-box;
text-align: left;
width: 25.2525%;
}
table.quotation02 td{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	vertical-align:top;
	background:#fff;
padding:2px 1px;
box-sizing: border-box;
text-align: center;
width: 8%;
}

.tar{
text-align: right;
}

table.quotation02 td.tar{
text-align: right;
}
table.quotation02 th.fz08 p{
transform: scale(0.8);
transform-origin: left center;
width: 100%;

}

.quotation_boxb_hituyousoubi01{
width: 100%;
min-height:64px;
text-align: left;
}
.quotation_boxb_hituyousoubi02 p,
.quotation_boxb_hituyousoubi01 p{
text-align: left;

}
.quotation_boxb_hituyousoubi02{
width: 100%;
min-height:50px;
text-align: left;
}
.quotation_boxb_kaiyaku{
width: 100%;
margin-bottom: 14px;
}
.quotation_boxb_kaiyaku tr:nth-child(odd) td{
width: 60%;
}

.quotation_boxb_kaiyaku tr:nth-child(even) td{
width: 40%;
}

table.quotation03{
	border:1px solid #000;
	width: 100%

}
table.quotation03 th{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	background:#fff;
	font-weight:normal;
	vertical-align:middle;
padding:2px 1px;
box-sizing: border-box;
text-align: center;
font-weight: bold;
font-size: 16px;
width: 34.375% /*110px*/;
line-height: 44px;
}
table.quotation03 td{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	vertical-align:top;
	background:#fff;
padding:2px 1px;
box-sizing: border-box;
text-align: left;
width: calc(100% - 34.375%;);
}

.quotation_boxc .w14{
width:5.88%; /*14px*/
}

.quotation_boxc .w96{
width:40.33%; /*96px*/
}

.quotation_boxc .w64{
width:26.89%; /*64px*/
}

.quotation_boxc .w110{
width:46.218%; /*110px*/
}


table.quotation04{
text-align: left;
line-height: 1.4;
}

table.quotation04 td:nth-child(2){
text-align: left;
}
table.quotation04 td:nth-child(3){
text-align: center;
}
table.quotation04 td:nth-child(4){
text-align: right;

}

table.quotation04 td.fz08 p{
transform: scale(0.8);
transform-origin: left center;
width: 100%;

}

/**/
.table01.layout00{}

.table01.layout00 th{
width: 86px;

}
.table01.layout00 td.w_01{
width: 290px;
}
.table01.layout00 td.w_02{
width: 206px;
}

.table01.layout01 th,
.table01.layout01 td{
width: 20%;
}
.table01.layout01 li{
margin-bottom: 4px;
}
.h_bikou02,
.table01.layout01 .h_bikou textarea{
width: 100%;
min-height: 4em;
}
.table01.layout01 .h_bikou textarea::placeholder{

}

.layout02{
display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
	
}

.layout02 section{
width: 49%;
}

.layout02 table{
width:100%;
}
.layout02 table th{
width:5em;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
}

.layout02 table td{
width:calc(100% - 5em);
padding-top: 10px;
padding-bottom: 10px;
}

.layout02 table td .w100{
box-sizing: border-box;
}

.layout02 table td label{
margin-bottom: 8px;
display: inline-block;
}

.layout03 table th{
vertical-align: top;
}

.layout03 table td{

}
.layout03 table tr:nth-child(even) th, 
.layout03 table tr:nth-child(even) td {
	background: #FAFAFA;
}

/*menu*/

nav .menu-global {
	list-style:none; overflow:hidden; 
	width:960px; 
	margin:0 auto 20px auto;
		display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	background: #fff;
	}
nav .menu-global li { list-style:none;  }
nav .menu-global li:first-child{
border-left: 1px solid #6097D9;

}
nav .menu-global li a {
width: 117px;
font-size: 110%;
border-right: 1px solid #eee;
	display:block; height:69px; 
background: #3598DB;
	color:#fff;
	text-align: center;
	position: relative;
	/* ↓こういうCSSトランジションを入れてもおもしろいかも。 */
	-webkit-transition-property: background-position; -webkit-transition-duration: 0.3s;
}
nav .menu-global li a p{
padding-top: 16px;
box-sizing: border-box;
}
nav .menu-global li a p:after{
display: inline-block;
    font-family: 'FontAwesome';
    content: '\f107';
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 34%;
    right:calc(50% - 8px);
}

nav .menu-global li.current-menu p:after,

nav .menu-global li a:hover p:after{
color: #03349B;
}

nav .menu-global li a:link{color:#fff;text-decoration:none;}
nav .menu-global li a:visited{color:#fff;text-decoration:none;}
nav .menu-global li a:hover{color:#03349B;text-decoration:none; background-color:#fff;}
nav .menu-global li a:active{color:#fff;text-decoration:none;}



.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


.mark_icon_orange{
	color: #fff;
	padding: 4px 12px;
	margin: 3px;
	text-decoration: none!important;
	border:1px solid #F7B800;
	background:#fdb506;
	-webkit-border-radius: 0.2em;
	font-size:14px;
	white-space: nowrap;
}

.mark_icon_red{
	color: #fff;
	padding: 4px 12px;
	margin: 3px;
	text-decoration: none!important;
	border:1px solid #F7B800;
	background:#fd0006;
	-webkit-border-radius: 0.2em;
	font-size:14px;
	white-space: nowrap;
}

.mark_icon_blue{
	color: #fff;
	padding: 4px 12px;
	margin: 3px;
	text-decoration: none!important;
	border:1px solid #F7B800;
	background:#1976d2;
	-webkit-border-radius: 0.2em;
	font-size:14px;
	white-space: nowrap;
}