/*common--------------------------------------*/
a { text-decoration: none; }
a:link {}
a:visited {}
a:hover { text-decoration: underline; }
a:active {}

img { vertical-align: bottom; }
.pdf { background: url(../../images/icon_pdf.gif) left 2px no-repeat; padding-left: 25px; }
.caption { /*color: #999; font-size: 11px;*/ }
.red{color:#f00;}
.note{color:#b00;font-size:11px;}
.text_r{text-align: right;}

body { color: #333; font-size: 12px; line-height: 1.7em; }
#main {}
#main #footer img { margin-bottom: 15px; }


/*index--------------------------------------*/
#index { width: 273px; }
#index #login { margin-top: 60px; margin-bottom: 25px; padding: 15px; background: #f6fefe; border: 1px dashed #CCC; }
#index #login h1 { margin-bottom: 15px; font-size: 14px; font-weight: bold; }


/*form--------------------------------------*/


#main #form { width: 700px; margin-top: 25px; }
#main #form h1 { margin-bottom: 10px; padding: 10px; font-size: 16px; font-weight: bold; background: #f6fefe; border: 1px dashed #CCC; }
#main #form h2 { margin-bottom: 5px; font-size: 13px; }

#main #form .txt {}
#main #form .txt p { margin-bottom: 25px; margin-left: 1em; }
.caption { text-indent: -1em; padding-left: 1em; }

#formTb { width:100% !important; margin-bottom: 50px; }
#formTb table { margin-bottom: 20px; border-left: 1px solid #cbcaca; border-top: 1px solid #cbcaca; }
#formTb table th,
#formTb table td { padding: 10px; border-bottom: 1px solid #cbcaca; border-right: 1px solid #cbcaca; }
#formTb table th { background: #f2f2f2; width:19% !important; }
#formTb table th.notice { background: #cbcaca; }
/*#formTb table td { width:76%; }*/

#formTb table .addTb { width: 100%; margin-bottom: 15px; border-left: 1px solid #cbcaca; border-top: 1px solid #cbcaca; }
#formTb table .addTb th,
#formTb table .addTb td { border-right: 1px solid #cbcaca; border-bottom: 1px solid #cbcaca; }
#formTb table .addTb th { width:23% !important; background: #fffff7; }

#formTb table .addTb2 { width: 100%; margin-bottom: 15px; border-left: 1px solid #cbcaca; border-top: 1px solid #cbcaca; }
#formTb table .addTb2 th,
#formTb table .addTb2 td { border-right: 1px solid #cbcaca; border-bottom: 1px solid #cbcaca; }
#formTb table .addTb2 th { width:23% !important; background: #fffff7; }

/*#formTb input[type=text]{ width:90%; }*/
#formTb input#date { width: 100px; }
#formTb input#company_code,
#formTb input#inv_company_code
{ width: 40px; }

#name1,
#name2,
#kana1,
#kana2 { width:200px !important; }
#grade,
#postcode1,
#postcode2,
#tel1,
#tel2,
#tel3,
#mobile1,
#mobile2,
#mobile3 { width:60px !important; }

.formErr { border:2px solid #f00; padding:10px; margin-bottom: 15px; }

.greenBtn{
	display: block;
	width:200px;
	height:32px;line-height: 32px;
	text-align: center;
	text-decoration: none !important;
	color:#fff !important;
	background-color:#00937c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.65, #156d5f), color-stop(0.00, #00937c));
	background: -webkit-linear-gradient(top, #00937c 0%, #156d5f 65%);
	background: -moz-linear-gradient(top, #00937c 0%, #156d5f 65%);
	background: -o-linear-gradient(top, #00937c 0%, #156d5f 65%);
	background: -ms-linear-gradient(top, #00937c 0%, #156d5f 65%);
	background: linear-gradient(to bottom, #00937c 0%, #156d5f 65%);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #fff;

	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	box-shadow:  0px 0px 2px 0px rgba(0,0,0,0.4);
}

.grayBtn{
	display: block;
	width:200px;
	height:32px;line-height: 32px;
	text-align: center;
	text-decoration: none !important;
	color:#555 !important;
	background-color:#838383;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #838383));
	background: -webkit-linear-gradient(#fff, #838383);
	background: -moz-linear-gradient(#fff, #838383);
	background: -o-linear-gradient(#fff, #838383);
	background: -ms-linear-gradient(#fff, #838383);
	background: linear-gradient(#fff, #838383);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #fff;

	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	box-shadow:  0px 0px 2px 0px rgba(0,0,0,0.4);
}

.btnArea { width: 420px; }
/*
.btnArea div { width: 45%; padding: 10px; }
.btnArea div a { margin: auto; }*/
.btnArea a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);      /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

#candidate,
#inv_candidate
{
	width:90%;
	height: 100px;
}

#csv_tb{border:2px #ccc solid;border-collapse:collapse;width:100%;}
#csv_tb th{border:1px #ccc solid;padding:10px;background-color:#ddd;width:30%;}
#csv_tb td{border:1px #ccc solid;padding:10px;width:65%;}

.gray2{
background-color:	#eee !important;
}
.cCodeTb{width: 100%;}
body .cCodeTb td{padding:1px 0px 1px 1px !important;font-size:10px;}
body .cCodeTb tr:nth-child(2n) td{background-color: #f5f5ff;}
/*body #cCodeTb td.w50{width:20px !important;text-align: center;}*/
/*body #cCodeTb td.w100{width:100px !important;}*/
.companyCode{display: none;}

#formTb textarea{width:300px;height: 75px;}

#addBtnArea{
	padding: 5px;
}
#addBtnArea a{
position: relative;
float:left;
margin-right: 10px;
display: block;
width:160px;
height: 24px;
line-height: 24px;
text-align: center;
text-decoration: none;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 0 0 3px #777;
behavior:url(/css/PIE.htc);
}
#addInput{
color:#fff;
border:1px solid #8cc1a4;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0OUNGODYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMzdFM0EiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MzQpIiAvPgo8L3N2Zz4=);
-pie-background: linear-gradient(top, #40b475 0%, #1c7b57 100%);

}

#delInput{
color:#333;
border:1px solid #999;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q5RDlEOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0E2QTZBNiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk2KSIgLz4KPC9zdmc+);box-shadow: 0 0 3px #555;
-pie-background: linear-gradient(top, #d9d9d9 0%, #a6a6a6 100%);

}


a.tglCcode{
position: relative;
height: 24px;
padding:3px 5px;
line-height: 24px;
text-align: center;
text-decoration: none;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 0 0 3px #777;
color:#333;
border:1px solid #999;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczODciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDRUNFQ0UiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czODcpIiAvPgo8L3N2Zz4=);
-pie-background: linear-gradient(top, #fff 0%, #cecece 100%);
behavior:url(/css/PIE.htc);
}

a.tglCcode:hover{
text-decoration: none;

}


#catalog_name1,
#catalog_name2,
#catalog_name3,
#catalog_name4,
#catalog_name5,
#catalog_name6,
#catalog_name7,
#catalog_name8,
#catalog_name9,
#catalog_name10,
#catalog_name11,
#catalog_name12,
#catalog_name13,
#catalog_name14,
#catalog_name15,
#catalog_name16,
#catalog_name17,
#catalog_name18,
#catalog_name19,
#catalog_name20,

#type1,
#type2,
#type3,
#type4,
#type5,
#type6,
#type7,
#type8,
#type9,
#type10,
#type11,
#type12,
#type13,
#type14,
#type15,
#type16,
#type17,
#type18,
#type19,
#type20,

#mail,
#mail2,
#delivery_destination,
#contact_field,
#inv_mail,
#division_name,
#inv_division_name

{width:95%;}

#accCompName,
#inv_accCompName
{padding-left: 15px;color: #aaa;}


.accontPage #form h2{
	font-size:150% !important;
	font-weight:bold;
}
.accontPage #form h2 a{
	background: url(../../images/arrow.png) no-repeat 0 0;
	line-height: 18px;
	display: block;
	padding-left:18px;
}
.accontPage #form h2 a.open{
	background-position: 0 -18px;
}
.accontPage #form h2 a.close{
	background-position: 0 0;
}


.accontPage #form ul{
	padding-left:10px;
}
.yearList{
	margin-bottom:20px;
}
.close02{
	display: none;
}