/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
    color: #ffffff;
    background-color: #aebade;
	line-height: 1.2;	
	margin: 0;
	padding: 0;
    background-repeat: no-repeat;
    text-align:center;
}

a:link, a:visited {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 120%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
#main_body {
    height: auto !important;
    min-height: 100%;
    width:780px;
    margin: 0 auto;
    border: solid 1px #9d9d9d;
    text-align:left;
}
#header {
    height: 100px;
    width : 780;
    background-image: url(../image/header2.jpg); 

}
#footer {
    height: 100px;
    width : 780;
    background-image: url(../image/footer2.jpg); 
}

#menu_div {
    background-color:#a0c9f3;
    color: #3c8aa7;
    font: bold 110% Arial,sans-serif;
    padding: 4px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#navBar{
	margin:2px 10px 0 2px;
	width:130px;
    float:left;
	padding: 0px;
    font-size:14px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.str_red {
    color:red;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

#siteName p {
	margin: 0px;
    cursor:pointer;
}

/************** .feature styles ***************/

.feature{
	float:left;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 20px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

.feature table th {
    text-align:left;
    width:100px;
    height:23px;
}

.feature .contact_service_table {
    font-size:13px;
}
.contact_service_table th {
    color:#681DFF;
}
.contact_service_table li {
    list-style-type:none;
}
/************** .biography styles ***************/

#link_biography {
    margin: 5px;
    padding:5px;
}
#link_biography h3 {
    display:inline;
}
#link_biography a {
    padding: 5px;
}
.biography{
	float:left;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.biography h3{
	display:inline;
	margin:10px;
	padding: 20px 0px 5px 0px;
}

.biography table th {
    text-align:left;
    width:130px;
    height:25px;
}

.biography2_th {
    width:100px;
}

#biography3_th {
    width:300px;
}

#service_info_table {
    width:100%
    font-size:14px;
}

#service_info_table li {
    list-style-type:none;
    font-size: 14px;
}

#service_info_table th {
    color:#681DFF;
    width:100%;
}

#dev_record_table {
    font-size:20px;
    width:600px;
}

#dev_record_table th{
    font-size:16px;
    width:600px;
}
#dev_record_table li{
    list-style-type:none;
}

/************** .salary_table styles ***************/

.salary_table{
	float:left;
    margin-left: 20px;
	padding: 0px 0px 10px 0px;
	font-size: 80%;
}

.salary_table h3{
	padding: 20px 0px 5px 0px;
}

.salary_table img{
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#month_salary {
    font-weight:bold;
    font-size: 16px;
    color: #0022bb;
}

#salary_table_form table{
    width: 580px;
    margin:0;
    padding:0;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
#salary_table_form th{
    text-align: left;
    padding: 2px;
    width:120px;
    color: #0000aa;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}
#salary_table_form td{
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

#salary_table_form p{
    display:inline;
    margin:0;
    padding-right:10px;
}

/************** .contact_table styles ***************/

.feature #contact_confirm_table{
    border : solid 1px #222222;
}

.feature #contact_confirm_table td {
    border: solid 1px #3e3eae;
    padding: 4px 8px 4px 8px;
}

.feature .contact_table {
    font-size:14px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	text-align:center;
	clear: both;
	font-size: 75%;
	color: #ececec;
}
#siteInfoOutline {
	width:780;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px 0px 10px 0px;
	margin-top: -1px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 70%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link {
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
    height: 100%;
	width: auto;
}

#sectionLinks a:visited {
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}

/*********** #admin styles ***********/
.anken_admin{
	float:left;
	padding: 0px 0px 10px 10px;
	font-size: 13px;
}

.anken_admin h3{
	padding: 20px 0px 5px 0px;
}

.anken_admin table {
    border-top: solid 1px #5e5e5e;
    border-right: solid 1px #5e5e5e;
}

.anken_admin table th {
    text-align:left;
    width:100px;
    height:23px;
}

.anken_admin td {
    border-left:solid 1px #7e7e7e;
    border-bottom:solid 1px #7e7e7e;
}

.anken_view_table {
	line-height: 1.6;	
    font-size:14px;
}
.anken_view_table .anken_view_table_td {
    width:450px;
}
/*********** #kyujin styles ***********/
.kyujin_admin{
	float:left;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.kyujin_admin h3{
	padding: 20px 0px 5px 0px;
}

.kyujin_admin table {
    border-top: solid 1px #5e5e5e;
    border-right: solid 1px #5e5e5e;
}

.kyujin_admin table th {
    text-align:left;
    width:100px;
    height:23px;
}

.kyujin_admin td {
    border-left:solid 1px #7e7e7e;
    border-bottom:solid 1px #7e7e7e;
}

.kyujin_view_table {
    font-size:14px;
    width:740px;
    border-top: 1px solid #f0f589;
    border-left: 1px solid #f0f589;
}
.kyujin_view_table th{
    border-right: 1px solid #f0f589;
    border-bottom: 1px solid #f0f589;

}
.kyujin_view_table td{
    padding:0px;
    border-right: 1px solid #f0f589;
    border-bottom: 1px solid #f0f589;

}
/************** top_news styles ***************/
#news_anken {
    width: 99%;
}
#news_anken_title {
    color: #3c83a3;
    font-size : 14px;
    font-weight: bold;
    margin: 0;
    padding-left: 10px;
}
#news_anken ul {
    margin: 0;
    list-style-type: disc;
}
#news_anken li {
    margin: 0;
    padding: 2px 0px 2px 10px;
    list-style-type: disc;
}
#news_anken a {
    color: #ffffff !important;
}
#news_anken .more_anken {
    text-align: right;
    margin: 0;
    padding: 2px 0px 2px 5px;
}

/*-- anken_detail --*/
#anken_detail_title {
    font-size: 14px;
    font-weight: bold;
    width: 560px;
}
.anken_name {
    color: #3c83a3;
    display:inline;
}
#anken_detail_table {
    color: #eeeeee;
    border: 2px solid #cacaca;
    width: 560px;
    margin: 10px;
    padding: 8px;
}
/*-- engineer_detail --*/
#engineer_detail_title {
    font-size: 14px;
    font-weight: bold;
    width: 560px;
}
.engineer_name {
    color: #3c83a3;
    display:inline;
}
#engineer_detail_table {
    color: #eeeeee;
    border: 2px solid #cacaca;
    width: 560px;
    margin: 10px;
    padding: 8px;
}
.tr_gray {
    background-color:#a0c0f0
}
.td_title {
    font-weight: bold;
    padding: 8px 0 8px 0;
    width: 130px;
}
#news {
    width: 600px;
}
#news_kyujin {
    width: 99%;
}
#news_kyujin_title {
    color: #3c83a3;
    font-size : 14px;
    font-weight: bold;
    margin: 0;
    padding-left: 10px;
}
#news_kyujin ul {
    margin: 0;
    list-style-type: disc;
}
#news_kyujin li {
    margin: 0;
    padding: 2px 0px 2px 10px;
    list-style-type: disc;
}
#news_kyujin a {
    color: #ffffff !important;
}
#news_kyujin .more_kyujin {
    text-align: right;
    margin: 0;
    padding: 2px 0px 2px 5px;
}

/*-- kyujin_detail --*/
#kyujin_detail_title {
    font-size: 14px;
    font-weight: bold;
}
.kyujin_name {
    color: #3c83a3;
    display:inline;
}
#kyujin_detail_table {
    color: #eeeeee;
    border: 2px solid #cacaca;
    width: 740px;
    margin: 10px;
    padding: 8px;
}