@CHARSET "UTF-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,em,img,strong,dl,dt,dd,ol,ul,li,form,button,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,figcaption,footer,header,hgroup,menu,nav,section,time,mark,audio,video { margin:0; padding:0; outline:0; vertical-align:middle; background:transparent; list-style-type:none; font-family:'Lucida Grande', Roboto,"Hiragino Kaku Gothic ProN",Meiryo,"MS P Gothic",sans-serif; font-style:normal; font-size:14px; line-height:1.4; color:#333333; }
select,input,textarea,pre { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif; margin: 0; padding:0;}
article,aside,dialog,div,figure,footer,header,hgroup,nav,section { display:block; }
a { color:#0088cc;}
a:hover { color:#005580; }
a.naked { color:#333333; text-decoration:none; }
a.naked:hover { color:#0088cc; text-decoration:underline }

/* icon font */
@font-face {
    font-family: 'LigatureSymbols';
    src: url('./LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('./LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('./LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('./LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('./LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

/* header */

header { width:100%; background-color:#0000CC; position:fixed; top:-3px; left:0; z-index:1000; background:url(images/bgMenuTop.gif) repeat-x 0 bottom}

header > ul > li { display:inline-block; padding:10px; position:relative; }
header > ul > li:first-child { padding-left:30px; }
header > ul > li a { color:#FFFFFF; text-decoration:none; line-height:1.0; outline:0 }
header ul li a:hover,header ul li a:active,header ul li a:focus { color:#999999; }
header > ul > li.account { float:right; padding-right:30px; }
header > ul > li.account { float:right; padding-right:30px; }
/* header > ul > li a > .icon { opacity:0.5; filter:alpha(opacity=50); } */
/* header > ul > li a:hover > .icon{ opacity:1.0; filter:alpha(opacity=100); } */
header > ul > li ul.submenu { display:none; position:absolute; top:100%; left:0; z-index:1000; padding:5px 0 5px 0; margin:2px 0 0 0; min-width:160px; background-color:#ffffff; border:1px solid #ccc; border-bottom-color:rgba(0, 0, 0, 0.2); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
header > ul > li ul.submenu:before { content:''; display:inline-block; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-bottom-color:rgba(0, 0, 0, 0.2); position:absolute; top:-7px; left:9px; }
header > ul > li ul.submenu:after { content:''; display:inline-block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #ffffff; position:absolute; top:-6px; left:10px; }
header > ul > li ul.submenu > li a { display:block; padding:3px 20px; clear:both; font-weight:normal; line-height:20px; color:#333333; white-space:nowrap; }
header > ul > li ul.submenu > li a:hover { text-decoration:none; color:#ffffff; background-color:#0081c2; background-image:-moz-linear-gradient(top,#0088cc,#0077b3); background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0077b3)); background-image:-webkit-linear-gradient(top,#0088cc,#0077b3); background-image:-o-linear-gradient(top,#0088cc,#0077b3); background-image:linear-gradient(to bottom,#0088cc,#0077b3); background-repeat:repeat-x; }
header > ul > li ul.submenu > li.divider { height:1px; margin:5px 1px 5px 1px; background-color:#e5e5e5; border-bottom:1px solid #ffffff; }
header > ul > li.account ul.submenu { left:auto; right:20px; }
header > ul > li.account ul.submenu:before { left:auto; right:9px; }
header > ul > li.account ul.submenu:after { left:auto; right:10px; }

/* カラーピッカーの部品 */
div.color-picker { border-left: 1px solid #000; border-top: 1px solid #000; position: absolute; left: 0px; top: 0px; padding: 0px; }
div.color-picker ul { list-style: none; padding: 0px; margin: 0px; float: left; }
div.color-picker ul li { display: block; width: 15px; height: 15px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 0px; float: left; cursor: pointer; }


/* container */
#containar {
	margin:0px;
	padding:50px 30px 20px 30px;
}
#containar2 {
	margin:0px;
	padding:50px 30px 40px 30px;
}
#containar3 {
	margin:0px;
	padding:50px 20px 40px 20px;
}
#dragtable {
	border-collapse:collapse;
}

#buttonlist {
	height:60px;
}

#buttonlist input {
	height:40px;
}

#registcontents {
	position:relative;
	margin-left:300px;
/* 	height:600px; */
}

/* 支援設計画面のfooter */
.foot_planning {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
	background-color:#EEEEEE;
	padding: 10px;
	text-align: center !important;
}

/* 原価売価一覧画面のfooter */
.foot_price_management {
	position:fixed !important;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	background-color:#EEEEEE;
	padding: 10px;
	text-align: center !important;
}

/* 登録ボタンのfooter */
.regist {
	position:fixed !important;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	background-color:#EEEEEE;
	padding: 10px;
	text-align: center !important;
}

/* tinyBox用 */
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(./images/preload.gif) no-repeat 50% 50%; border:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(./images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#frameless {padding:0}
#frameless .tclose {left:6px}

#success {
	text-align:center;
	background-color:#2ea125;
}

#success span {
	height:100px;
	line-height:100px;
	color:white;
	font-size:20px;
}

#failure {
	text-align:center;
	background-color:#FF6347;
}

#failure span {
	height:100px;
	line-height:100px;
	color:white;
	font-size:20px;
}

.move {
	cursor:move;
}

/* dragtable */
#dragtable {
	border:solid 1px #000000;
}

#dragtable td, #dragtable th {
	border:solid 1px #000000;
	padding:3px;
}
.headline {
	min-width:200px;
}

/* registframe */
.registframe {
	width:100%;
	min-height:750px;
	height:100%;
}

.supple {
	font-style: oblique;
	color: #0000FF;
}

.necessary {
	color: #FF0000;
	vertical-align: baseline;
	font-style: oblique;
}

.necessary_mark {
	color: #FF0000;
	vertical-align: baseline;
}

/* size */
.w1450 {
	width : 1450px;
}

.w950 {
	width : 950px;
}

.w900{
	width: 900px;
}

.w850{
	width : 850px;
}

.w600 {
	width:600px;
}
.w550 {
	width : 550px;
}
.w500 {
	width:500px;
}
.w434 {
	width: 434px;
}
.w430 {
	width: 430px;
}

.w400 {
	width:400px;
}
.w330 {
	width: 330px;
}
.w304{
	width: 304px;
}

.w300 {
	width:300px;
}
.w270 {
	width:270px;
}
.w250 {
	width:250px;
}
.w200 {
	width:200px;
}
.w160 {
	width:160px;
}
.w150 {
	width:150px;
}
.w120 {
	width:120px;
}
.w100 {
	width:100px;
}
.w70 {
	width:70px;
}
.w60 {
	width:60px;
}
.w50 {
	width:50px;
}
.w40{
	width:40px;
}
.w30{
	width:30px;
}
.w20 {
	width:20px;
}

.h400 {
	height:400px;
}
.h300 {
	height:300px;
}

.h250 {
	height : 250px;
}

.h220 {
	height: 220px;
}

.h200 {
	height:200px;
}
.h100 {
	height:100px;
}
.h80 {
	height:80px;
}

.h60 {
	height : 60px;
}

.h40 {
	height : 40px;
}

.h20 {
	height : 20px;
}

/* 文字系 */
.bold, .fwb {
	font-weight:bold;
}
.fwn {
	font-weight:normal;
}

/* 位置調整 */
.alignMiddle {
	vertical-align: middle;
}

.alignLeft {
	text-align:left;
}

.alignCenter {
	text-align:center;
}

.alignRight {
	text-align:right;
}
/* 金額系テキスト左寄せ */
.moneytext {
	text-align:right;
}

.numtext {
	text-align:right;
}

/* 複製中の表示 */
.copyNow {
	padding:10px;
	border-radius:5px;
	background-color : skyblue;
	color : royalblue;
	font-weight : bold;
	margin:10px auto;

}

/* コンテンツ表示用 */
.contentstable {
	border:solid 1px #dddddd;
	padding:10px;
	border-radius:5px;
	background: ghostwhite;

	border-left-width: 3px;
	border-right-width: 3px;
	border-top-width: 3px;
	border-bottom-width: 3px;
}


/* 横並びリスト */
.inline {
	list-style-type:none;
	text-align:right;
	float:right;
	border:solid 1px #DDDDDD;
	padding:2px;
}
.inline li{
	display:inline;
}

/* borderつきのテーブル */
.listtable {
	border:solid 1px #000000;
	border-collapse:collapse;
}

.listtable th , .listtable td {
	border:solid 1px #000000;
	padding:5px;
}

.listtable th{
	padding:2px;
	height:30px;
	vertical-align:middle;
	text-align:center;
	background:#f6f6f6
}

.selected {
	background-color:#EEEEEE;
}

.dn {display:none}
.input_fileupload {
	border:1px solid #7F9DB9;
	width:200px;
	height:20px;
	float:left;
	margin-top: 3px;
}

.btn_fileupload {
	background:transparent url(../button/file.gif);
	border:none;
	width:100px;
	height:25px;
	cursor:pointer;
	float:left;
}

.footer_button {
	display: inline;
}

a {
	font-size: 15px;
}

h2 {
	font-size: 15px;
	margin-bottom:10px;
}

legend {
	font-size: 14px;
	font-weight: bold;
}

strong {
	font-size: 15px;
}

.page_top {
position:relative;
height: 55px;
border-bottom:1px solid #a4bbeb;
background:url(images/bg_pagetitle.gif) repeat-x 0 bottom
}

.return{
	width: 85px;
	height: 25px;
	vertical-align: middle;
}

.button {
	cursor:pointer;
}

.center {
	display: block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.unitPrice {
	padding: 0 0 0 30px;
	font-weight: bold;
	font-size: 15px;
}

.date {
	width:100px;
}

.selectWidth {
	min-width:200px;
	max-width:200px;
}

.resultTable {
	border-collapse:collapse;
}

.resultTable > thead {
	background-color: #E0E0E0;
}

.resultTable td {
	padding:5px;
	border-collapse:collapse;
	border:solid 1px #DDDDDD;
}

.resultTable > tbody:nth-child(odd) {
	background-color: #F9F9F9;
}

.resultTable > tbody:nth-child(even) {
	background-color:#FFFFFF;
}

.resultTable > tfoot:nth-child(even) {
	background-color: #EEEEEE;
}

.resultTable > tfoot:nth-child(odd) {
	background-color: #F0F0F0;
}

.resultTable > tbody.deleted {
	background-color: #f2dede;
}

.resultTable > tbody:hover {
	background-color: #F5F5F5;
}

.searchtable > tbody > tr> td{
/* 	width:100px; */
	padding:3px 10px;
	white-space:nowrap;
}

.searchtable > tbody > tr> td:nth-child(1) {
	font-weight:bold;
}

.tiedTd {
	overflow : hidden;
	max-width : 200px;
	white-space : nowrap;
	text-overflow : ellipsis;
}


.turn_paragraph {
	white-space: normal !important;
	line-height: 24px;
}

.w_checkbox_all {
	width: 50px;
}

.w_checkbox_each {
	min-width:110px;
}

.no_turn_word {
	white-space: nowrap;;
	display: inline-flex;
}

.v_align_top {
	vertical-align: top;
}

.v_align_base {
	vertical-align: baseline;
}


/* 印刷時の設定 */
@media print{
	header {
		display: none;
	}
	footer {
		display: none;
	}
	.pageBreak {
		page-break-before: always;
	}
}

a.button_main{
border-top-color: #26759E;border-right-color: #26759E;border-bottom-color: #26759E;border-left-color: #26759E;border-width: 1px 1px 1px 1px;border-style: solid;-webkit-box-shadow: #FEFFFF 0px 1px 3px inset;-moz-box-shadow: #FEFFFF 0px 1px 3px inset; box-shadow: #FEFFFF 0px 1px 3px inset; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:15px;font-family:verdana, sans-serif; padding: 4px 35px 4px 35px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,0.5);font-weight:bold; color: #F2F2F2;
 background-color: #0F7BF7; background-image: -webkit-gradient(linear, left top, left bottom, from(#0F7BF7), to(#0747F7));
 background-image: -webkit-linear-gradient(top, #0F7BF7, #0747F7);
 background-image: -moz-linear-gradient(top, #0F7BF7, #0747F7);
 background-image: -ms-linear-gradient(top, #0F7BF7, #0747F7);
 background-image: -o-linear-gradient(top, #0F7BF7, #0747F7);
 background-image: linear-gradient(to bottom, #0F7BF7, #0747F7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0F7BF7, endColorstr=#0747F7);
}

a.button_main:hover{
 border:1px solid #26759E;
 background-color: #0763CC; background-image: -webkit-gradient(linear, left top, left bottom, from(#0763CC), to(#0639C5));
 background-image: -webkit-linear-gradient(top, #0763CC, #0639C5);
 background-image: -moz-linear-gradient(top, #0763CC, #0639C5);
 background-image: -ms-linear-gradient(top, #0763CC, #0639C5);
 background-image: -o-linear-gradient(top, #0763CC, #0639C5);
 background-image: linear-gradient(to bottom, #0763CC, #0639C5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0763CC, endColorstr=#0639C5);
}

a.button_delete{
border:1px solid #DB0033;-webkit-box-shadow: #FEFFFF 0px 1px 3px inset;-moz-box-shadow: #FEFFFF 0px 1px 3px inset; box-shadow: #FEFFFF 0px 1px 3px inset; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:15px;font-family:arial, helvetica, sans-serif; padding: 5px 35px 5px 35px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,0.5);font-weight:bold; color: #F2F2F2;
 background-color: #FF1717; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF1717), to(#CF040B));
 background-image: -webkit-linear-gradient(top, #FF1717, #CF040B);
 background-image: -moz-linear-gradient(top, #FF1717, #CF040B);
 background-image: -ms-linear-gradient(top, #FF1717, #CF040B);
 background-image: -o-linear-gradient(top, #FF1717, #CF040B);
 background-image: linear-gradient(to bottom, #FF1717, #CF040B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF1717, endColorstr=#CF040B);
}

a.button_delete:hover{
 border:1px solid #BD002C;
 background-color: #E02929; background-image: -webkit-gradient(linear, left top, left bottom, from(#E02929), to(#BA1818));
 background-image: -webkit-linear-gradient(top, #E02929, #BA1818);
 background-image: -moz-linear-gradient(top, #E02929, #BA1818);
 background-image: -ms-linear-gradient(top, #E02929, #BA1818);
 background-image: -o-linear-gradient(top, #E02929, #BA1818);
 background-image: linear-gradient(to bottom, #E02929, #BA1818);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E02929, endColorstr=#BA1818);
}

#CR_footer {
	position: absolute;
	margin-bottom: 50px;
	width: 95%;
	height: 16px;
}

.copyright {
	text-align: center;
	font-size: 12px;
}

textarea:disabled {
	background-color:#EBEBE4;
}

.pl20 {
	padding-left: 20px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top:10px;
}

.mt20 {
	margin-top: 20px;
}

.mt50 {
	margin-top: 50px;
}

.mt100 {
	margin-top: 100px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml50 {
	margin-left: 50px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr50 {
	margin-right: 50px;
}

.mr100 {
	margin-right: 100px;
}

.break-word {
	word-break: break-word;
}

.red {
	color:red;
}

.no-show {
	display: none;
}

.inline-block {
	display: inline-block;
}