@charset "utf-8";
/* CSS Document */

div.tab_smaller {
	width:780px;
	margin:0 auto;
	max-width: 100%; 
	height:auto;
	overflow-x: auto;
}

table{
	background-color: #fff;
}
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}

.terminal_table th,.terminal_table td,.option_table th,.option_table td{
	text-align: center;
	vertical-align:middle;
	padding: 14px;
}

.terminal_table{
	margin-bottom: 0;
}

.terminal_row_titile1{
	width: auto;
} 
.terminal_row_titile2{
	width: 25%;
} 
.terminal_row_titile3{
	width: 20%;
} 
.terminal_row_titile4{
	width: 20%;
} 

.th_font{
	font-weight: bold;
	white-space: nowrap;
}
.terminal_num_box,.op_num_box{
	height: 45px;
	width: 80px;
	text-align: center;
	font-size: 1.2rem;
}
.option_table{
	width: 780px;
}

.option_table .th_font{
	font-size: 0.9rem;
}

.option_name{
	font-size: 0.8rem;
	white-space: nowrap;
}

.option_unit{
	width: 57px;
}


.option_unit,.res_unit,.terminal_unit{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}


#total_id,#all_ch,#outline_ch{
	font-size: 1.2rem;
}

.estimate_button{
	width: 600px;
	max-width: 100%;
	margin: 0 auto 20px;
}
.button_under{
	width: 600px;
	max-width: 100%;
	margin:0 auto 30px;
}
.button_under ul{
	padding-left: 0;
}
.button_under ul li{
	list-style-type: none;
	font-size: 0.8rem;
	text-indent: -0.9rem;
}
.estimate_button a{
	display: inline-block;
	width: 100%;
	 
	padding: 20px 15px 20px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-color: #f25e0d;
	cursor:pointer;
}

.button_str1{
	display: inline-block;
	font-size: 2rem;
	color: #fff;
	margin-bottom: 10px;
	letter-spacing: 0.1rem;
}
.button_str2{
	display: inline-block;
	color: #fff;
	font-size: 1rem;
}

.estimate_button:hover{
	opacity: 0.7;
}

.attention_frame{
	background-color: #fff;
	margin: 0 auto;
	width: 780px;
	border: solid 1px #000000;
	padding: 15px;
	max-width: 100%; 
}

.estimate_area1{
	width:480px;
	/*min-width: 780px;*/
	max-width: 100%;
	overflow-x: auto;
	margin:0 auto;
}
.estimate_area1>table{
	width: 100%;
}
.estimate_calc_td{
	text-align: right;
	white-space:nowrap;
}

.error{
	outline:1px solid #CC0000;
}
.error_str{
	font-size: 0.7rem;
	color: red;
	margin-top:3px;
}
.option_annotation{
	font-size: 0.8rem;
	/* margin-top: 4px;*/
}
#op_web,#op_all,#op_outline{
	background-color: #f2f2f2;
	color: #8a8a8a          
    
}

#op_web_check_tr,#op_all_check_tr,#op_outline_check_tr{
	background-color: #f2f2f2;
	color: #8a8a8a;
}


.option_input_left{
	display: inline-block;
	white-space: nowrap;
	/*float: left;*/
	/*width: auto;*/
	width: 163px;
}
.option_input_right{
	display:inline-block;
	width: 300px;
	/*float: left;*/
	margin-left: 15px;
	vertical-align: top;
	text-align: left;
}
.estimate_area2{
	width: 480px;
	max-width: 100%;
	margin: 0 auto;
}
.active_outline{
	outline: solid 1px #1BA7DA;
}