@charset "utf-8";

.sidebar {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     line-height: 13px;
     color:#333333;
     background-color: #DDDDDD;
     }

     .sidebar a {
        color:#00518a;
        text-decoration: none;
        }

     .sidebar a:hover {
        color:#6699CC;
        text-decoration: underline;
        }

td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 15px;
   color:#333333;
}

h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:20px;
   line-height:23px;
   color:#222222;
   }

h2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   line-height:15px;
   margin-top:0px;
   padding-top:15px;
   margin-bottom:1px;
   color:#444;
   border-top:#CCCCCC 1px solid;
   }
h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:15px;
   margin-top:0px;
   margin-bottom:0px;
   color:#666666;
   }

hr {
    border: 0;
    color: #091485;
    background-color: #091485;
    height: 1px;
    width: 100%;
    text-align: left;
    }

p { color:#333; }
p a {color:#333399;text-decoration: none;}
p a:hover {color: #3366CC;text-decoration: underline;}

.homeIntro {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  color:#333333;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 30px;
}
.homeIntro a {
  color:#222222;
  text-decoration: underline;
}
.homeIntro a:hover {
  color:#3467BB;
  text-decoration: underline;
}


.content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#333333;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
    }
    .content a {
        color:#1C197B;
	    text-decoration:none;
	}
	.content a:hover {
    color:#FE020C;
	text-decoration:underline;
}
.content li {
        list-style-position: outside;
	list-style-image: url('http://www.ferrotec.co.jp/images/template/bulletBlue.gif');
	margin-left:-10px;
	margin-bottom:7px;
}


/* These are the final tab styles */

.tabText {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:11px;
	line-height:15px;
}
.tabText li {
	margin-left: -25px;
        margin-bottom: -3px;
}
.tabText a {
	color: #333399;
	text-decoration: none;
}
.tabText a:hover {
	color: #00518a;
	text-decoration: underline;
}
.tabText td {
        padding:0px 10px 10px 0px;
}
.tabSubheadCol1 {
        color: #6699CC;
        font-weight: bold;
        padding-right: 20px;
}
.tabSubheadSpan {
        color: #6699CC;
        font-weight: bold;
}



.logobar {
  background-color: #FFFFFF;
}
.highlight {
  color: #000000;
  background-color: #ffcc33;
}


.frontbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    color:#333333;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    }
    
    .frontbox a {
       font-weight:bold;
       color:#00518a;
       text-decoration: none;
       }
   
    .frontbox a:hover {
       color:#6699CC;
       text-decoration: underline;
       }


.fronttitle {
  padding-left:5px;
  background-color: #6699CC;
  color: #FFFFFF;
}

.frontimg {
  background-color: #6699CC;
}

.frontline {
  background-color: #99CCFF;
}

.frontdimlink {
  font-weight:bold;
  color: #555555;
  text-decoration: none;
}

.frontdimlink a {
  font-weight:bold;
  color: #555555;
  text-decoration: none;
}
.frontdimlink a:hover {
  font-weight:bold;
  color: #555555;
  text-decoration: none;
}

.frontlink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #ED0000;
    text-decoration: none;
    }  

    .frontlink a {
       font-weight:bold;
       color: #00518a;
       text-decoration: none;
       }

    .frontlink a:hover {
       color: #6699CC;
       text-decoration: underline;
       }

.fronttitlelink {
  font-weight:bold;
  color: #FFFFFF;
  text-decoration: none;
}

.fronttitlelink a {
  font-weight:bold;
  color: #FFFFFF;
  text-decoration: none;
}
.fronttitlelink a:hover {
  font-weight:bold;
  color: #FFFFFF;


  text-decoration: none;
}



.searchbar {
  padding-right: 10px;
  background-color: #E6E3CC;
}

.searchcell{
  color: #888888;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}


.searchlink {
  color: #888888;
  font-weight: bold;
  text-decoration: none;
}
.searchlink a {
  color: #888888;
  text-decoration: none;
}
.searchlink a:hover {
  color: #888888;
  text-decoration: none;
}


.breadcrumb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  padding-left:40px;
  padding-top:10px;
  padding-bottom:2px;
  color: #666666;
}

.breadcrumblink {
  color: #3467BB;
  text-decoration: none;
}

.breadcrumblink a {
  color: #3467BB;
  text-decoration: none;
}
.breadcrumblink a:hover {
  color: #6699CC;
  text-decoration: underline;
}


.pagetitle {
  background-color: #6699CC;
  color: #FFFFFF;
  font-size: 30px;
  padding-left: 40px;
  padding-bottom: 10px;
}



.frontbar {
  background-color: #EFEFEF;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.link {
  color: #00518a;
}


.footer {
  color: #888888;
  border-style:solid;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-color:#888888;
  text-align:center;
  font-size: 10px;
  padding:30px 0px 30px 0px;

}

.footerlink {
    font-size: 10px;
    }

    .footerlink a {
       color: #888888;
       text-decoration: none;
       }

    .footerlink a:hover {
       color: #6699CC;
       text-decoration: underline;
       }

/*  HOME PAGE STYLES */
.blueCapHead {
    text-transform:uppercase;
	color:#1C197B;
	font-weight:bold;
}  
.homeTextCol1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	padding:0px 15px 15px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
    }
.homeTextCol a {
        color:#1C197B;
	    text-decoration:none;
	}
.homeTextCol a:hover {
    color:#FE020C;
	text-decoration:underline;
	}

.homeTextCol2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	padding:0px 15px 15px 15px;
    }
.homeTextCol2 a {
        color:#1C197B;
	    text-decoration:none;
	}
.homeTextCol2 a:hover {
    color:#FE020C;
	text-decoration:underline;
	}

/* HOME STYLES */
.news1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FE020C;
	font-weight:bold;
	padding:5px 0px 5px 10px;
	background-image: url('http://www.ferrotec.co.jp/images/template/homeNews_01.gif');
	background-position: left top;
    }
.news2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1C197B;
	text-align:right;
	padding:5px 10px 5px 0px;
	background-image: url('http://www.ferrotec.co.jp/images/template/homeNews_01.gif');
	background-position: right top;
    }
.news2 a {
	color:#1C197B;
	text-decoration:none;
    }
.news2 a:hover {
	color:#FE020C;
	text-decoration:underline;
    }
.newsContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	color:#1C197B;
	padding:5px 10px 5px 10px;
	background-image: url('http://www.ferrotec.co.jp/images/template/homeNews_02.gif');
	background-position: left top;
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
    }
.newsContent a {
	color:#1C197B;
	text-decoration:none;
    }
.newsContent a:hover {
	color:#FE020C;
	text-decoration:underline;
    }
.newsBottom1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:2px;
	padding:5px 0px 5px 10px;
	background-image: url('http://www.ferrotec.co.jp/images/template/homeNewsBottom.gif');
	background-position: left bottom;
    }
.newsBottom2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:2px;
	text-align:right;
	padding:5px 10px 5px 0px;
	background-image: url('http://www.ferrotec.co.jp/images/template/homeNewsBottom.gif');
	background-position: right bottom;
    }	

/* Admin Styles */
.adminTblHead  {
    padding: 2px 4px 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
	color:#FFF;
	font-weight:bold;
	background-color:#555;
	}
.adminTblBody {
    padding: 2px 4px 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	}
.adminTblBody a {
	font-size:11px;
	color:#333399;
	text-decoration: none;
	}
.adminTblBody a:hover {
	font-size:11px;
	color: #1C197B;
	text-decoration: underline;
	}
.adminTblTolerance {
    padding: 2px 4px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333;
	}


.adminTblHeadDeleted  {
    padding: 3px 7px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;
	font-weight:bold;
	background-color:#999;
	}
.adminTblBodyDeleted {
    padding: 3px 7px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	}
	
#adminPageHolder {
    margin:10px 30px 15px 30px;
    }
.adminTitle {
    font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	color:#333;
	padding:10px 0px 5px 0px;
    }
.adminText {
    font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	padding-bottom:15px;
    }
.adminElement {
    font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	}


#listing.tablesorter {
  background-color: #CDCDCD;
  margin:10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
}
#listing.tablesorter thead tr th, #listing.tablesorter tfoot tr th {
  background-color: #0077BB;
  color: #FFFFFF;
  border: 1px solid #FFF;
  font-size: 8pt;
  font-family:Arial, Helvetica, sans-serif;
  padding: 4px;
}
#listing.tablesorter thead tr .header {
  background-image: url('http://www.ferrotec.co.jp/images/template/bg_w.gif');
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
#listing.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}                                                    
#listing.tablesorter tbody tr.odd td {
  background-color:#EEEEEE;
}
#listing.tablesorter thead tr .headerSortUp {
  background-image: url('http://www.ferrotec.co.jp/images/template/down_w.gif');
}
#listing.tablesorter thead tr .headerSortDown {
  background-image: url('http://www.ferrotec.co.jp/images/template/up_w.gif');
}
#listing.tablesorter thead tr .headerSortDown, #listing.tablesorter thead tr .headerSortUp {
  background-color: #0077FF;
  color: #FFFFFF;
}




ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu_vertical {
	width: 175px;
	height: auto;
	clear: both;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}

ul.jd_menu_primary_nav {
	height: 24px;
	background-image: url('http://www.ferrotec.co.jp/images/template/navOff.gif');
	clear: both;
}

ul.jd_menu_primary_nav a,
ul.jd_menu_primary_nav a:active,
ul.jd_menu_primary_nav a:link,
ul.jd_menu_primary_nav a:visited {
	text-decoration: none;
	color: #FFF;
}

ul.jd_menu_primary_nav ul li a,
ul.jd_menu_primary_nav ul li a:active,
ul.jd_menu_primary_nav ul li a:link,
ul.jd_menu_primary_nav ul li a:visited {
	color: #70777D;
}

ul.jd_menu_primary_nav li {
	font-size: 11px;
/*	padding: 4px 6px 4px 6px;	james 2009.9.14 */
	padding: 4px 22px 4px 22px;
	cursor: pointer;
	white-space: nowrap;
	font-weight:400;
	letter-spacing: .1em;
	color: #FFF;
}

ul.jd_menu_primary_nav li.jdm_active_menubar,ul.jd_menu_primary_nav li.jdm_hover_menubar {
	font-weight:700;
	color: #FFF;
}

ul.jd_menu_primary_nav ul {
	background: #FFFFFF;
	border: 1px solid #000;
}

ul.jd_menu_primary_nav ul li {
	padding: 3px 10px 3px 4px;
	background: #FFFFFF;
	border: none;
	font-weight:500;
	letter-spacing: 0em;
	color: #70777D;
}

ul.jd_menu_primary_nav ul li.jdm_active,
ul.jd_menu_primary_nav ul li.jdm_hover {
	padding-top: 2px;
	border-top: 1px solid #000000;
	padding-bottom: 2px;
	border-bottom: 1px solid #000000;
	color: #000000;
/*	background: #FFF;		james 2009.9.14 */
	background: #F8F8FF;
}

ul.jd_menu_primary_nav li.jdm_active,
ul.jd_menu_primary_nav li.jdm_hover{
	background-image: url('http://www.ferrotec.co.jp/images/template/navOn.gif');
	color: #000000;
}

#nvg0,
#nvg0 li,
#nvg0 ul {
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
	font-weight:bold;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#nvg0 a {
	display:block;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color:#EFEFEF;
}

#nvg0 a:link,
#nvg0 a:visited {
	color: #111111;
	text-decoration: none;
	padding: 3px 5px 3px 10px;
}

#nvg0 a:hover {
	background-image: url('http://www.ferrotec.co.jp/images/template/sbNavSecOver.gif');
	color: #FFFFFF;
}

#nvg1,
#nvg1 li,
#nvg1 ul {
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#nvg1 a {
	display:block;
	padding: 3px 5px 3px 20px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #E0E0E0;
}

#nvg1 a:link,
#nvg1 a:visited {
	color: #222222;
	text-decoration: none;
	padding: 3px 5px 3px 17px;
}

#nvg1 a:hover {
	color: #FFFFFF;
	background-image: url('http://www.ferrotec.co.jp/images/template/sbNavTertOver.gif');
}

#nvg2,
#nvg2 li,
#nvg2 ul {
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	line-height: 11px;
	margin: 0px; padding: 0px;
	list-style-type: none;
}

#nvg2 a {
	display:block;
	padding: 3px 5px 3px 30px;
	border-top: 1px solid #B5B5CB;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #8382A8;
	border-left: 1px solid #CCCCCC;
	background-color: #9B9AB9;
}

#nvg2 a:link,
#nvg2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 5px 3px 29px;
}

#nvg2 a:hover {
	background-color: #EFEFEF;
	color: #333333;
	background-image: url('http://www.ferrotec.co.jp/images/template/sbNavQuadOver.gif');
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {
		display: none;
	}
}

/* Skin */
.ui-tabs-nav {
	font-size: 12px;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	background:#FFF url('http://www.ferrotec.co.jp/images/template/tab_bkg.gif') repeat-x bottom;
}

/* LEFT INDENT TO TABS */
.ui-tabs-nav {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.ui-tabs-nav:after {
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}

/* SPACING IN BETWEEN TABS */
.ui-tabs-nav li {
	float: left;
	background:url('http://www.ferrotec.co.jp/images/template/tab_off_left.gif') no-repeat left top;
	padding: 0px 0px 0px 8px;
	margin:  0px 0px 0px 5px;
	/* min-width: 100px;  be nice to Opera */
}

/* SPACING INSIDE TABS */.ui-tabs-nav a, .ui-tabs-nav a span {
	padding:2px 8px 2px 0px;
	background:url('http://www.ferrotec.co.jp/images/template/tab_off_right.gif') no-repeat right top;
	display: block;
	margin: -2px 0px 0px 0px;
}

/* UNSELECTED TEXT */
.ui-tabs-nav a {
	margin: 0px 0px 0px 0px;
	/* position: relative makes opacity fail for disabled tab in IE */
	color: #444444;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	/* required in IE 6 */
	outline: 0;
	/* prevent dotted border in Firefox */
}

/* SELECTED TEXT */
.ui-tabs-nav .ui-tabs-selected a {
     background:url('http://www.ferrotec.co.jp/images/template/tab_on_right.gif') no-repeat right top;
	position: relative;
	z-index: 2;
	margin-top: 0px;
	color: #444444;
}

.ui-tabs-nav li.ui-tabs-selected {
	background:url('http://www.ferrotec.co.jp/images/template/tab_on_left.gif') no-repeat left top;
}

.ui-tabs-nav a span {
	/* width: 64px;  IE 6 treats width as min-width     min-width: 64px; */
	height: 18px;
	/* IE 6 treats height as min-height */
    min-height: 18px;
}

/************ ???? : james ********************/
*>.ui-tabs-nav a span {
     /* hide from IE 6 */    width: auto;
    height: auto;
}

/* BOTTOM PADDING */.ui-tabs-nav .ui-tabs-selected a span {
}

.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #333;
}

.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #333399;
}

.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #333399;
}

.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #333399;
}

.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav.ui-tabs-disabled a:visited {
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active {
     /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}

.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}

.ui-tabs-panel {
	background: #FFFFFF;
	/* declare background color for container to avoid distorted fonts in IE while fading */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	line-height:15px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #777777;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.ui-tabs-panel td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	line-height:15px;
}

.ui-tabs-loading em {
	padding: 0px 0px 0px 20px;
}

/* Additional IE specific bug fixes... */* html .ui-tabs-nav {
/* auto clear, @ IE 6 & IE 7 Quirks Mode */    display: inline-block;
}

*:first-child+html .ui-tabs-nav  {
	/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}

