@charset "utf-8";

/* --------------------------------------------------------------------

# FUJITSU CSS v2.0 -- FUJITSU.COM EDITION #

Copyright 2010 FUJITSU LIMITED 

-------------------------------------------------------------------- */

/* For Tab Nav */

.maincontents div.tabnav { margin-bottom: 1.75em; }
*:first-child+html .maincontents div.tabnav {}
* html .maincontents div.tabnav {}

.maincontents div.tabnav ol.tablist,
.maincontents div.tabnav ul.tablist { margin: 0px 10px 0px 0px; padding: 0px; list-style: none; zoom: 1; position: relative; border-bottom: solid 1px #b8b8b8; } /* with clearfix class */
.maincontents div.tabnav .tablist li { float: left; display: inline; /* <-- for IE lte 6 floating-elements-margin-bug */ margin: 0px 10px -1px 0px; background: url(http://www.fujitsu.com/imgv4/common/ajax/tabnav/tabnav-tab-bg.gif) 0px 0px no-repeat; font-size: 108%; white-space: nowrap; zoom: 1; position: relative; font-size: 100%; }
.maincontents div.tabnav .tablist li a { color: #444444; font-weight: bold; display: block; display: inline-block; /* <-- for IE lte 6 floating-elements-width-bug */ margin-right: -10px; padding: 0.6em 1em; background: url(http://www.fujitsu.com/imgv4/common/ajax/tabnav/tabnav-tab-bg.gif) 100% -400px no-repeat; color: #000000; text-decoration: none; position: relative; }
	.maincontents div.tabnav .tablist li a:link { color: #444444; } 
	.maincontents div.tabnav .tablist li a:visited { color: #444444; }
	.maincontents div.tabnav .tablist li a:active { color: #444444; }
	.maincontents div.tabnav .tablist li a:hover { color: #444444; }

.maincontents div.tabnav .tablist li.selected { background: url(http://www.fujitsu.com/imgv4/common/ajax/tabnav/tabnav-tab-bg.gif) 0 -800px no-repeat;}
.maincontents div.tabnav .tablist li.selected a { background: url(http://www.fujitsu.com/imgv4/common/ajax/tabnav/tabnav-tab-bg.gif) 100% -1200px no-repeat; }

.maincontents div.tabnav div.content { position: relative; }
.maincontents div.tabnav div.content div.headline { margin-right: 4em; }
.maincontents div.tabnav div.content div.next-prev { position: absolute; z-index: 2; top: 10px; right: 15px; }
.maincontents div.tabnav div.content div.next-prev ol,
.maincontents div.tabnav div.content div.next-prev ul { list-style: none; margin: 0px; padding: 0px; }
.maincontents div.tabnav div.content div.next-prev li { float: left; display: inline; /* <-- for IE lte 6 floating-elements-margin-bug */  margin: 0px 0px 0px 0.5em; line-height: 0; }
.maincontents div.tabnav div.content div.next-prev img { vertical-align: bottom; border-style: none; }

.maincontents div.tabnav div.content { }

.maincontents div.tabnav div.content { display: none; padding: 10px; zoom: 1; }
.maincontents div.tabnav div.content.selected { display: block; }


/* className below are generated by tabnav.js */
.maincontents div.tabnav div.content div.frameV { background: #ffffff; margin: -10px 0px; padding: 10px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #b8b8b8; zoom: 1; }
.maincontents div.tabnav div.content div.frameH { background: #ffffff; position: relative; margin: 0px -10px; /*<-- fix block height*/ padding: 10px 15px 1px 15px; /* <-- margin-bottom: 1px; is for Firefox box-margin bug. */ border-style: solid; border-width: 0px 1px; border-color: #b8b8b8; zoom: 1; }
.maincontents div.tabnav div.content img.tab_lt { position: absolute; z-index: 2; left: -1px; top: -10px; height: 11px; width: 11px; }
.maincontents div.tabnav div.content img.tab_lb { position: absolute; z-index: 3; left: -1px; bottom: -11px; height: 11px; width: 11px; }
.maincontents div.tabnav div.content img.tab_rb { position: absolute; z-index: 4; right: -1px; bottom: -11px; height: 11px; width: 11px; }
.maincontents div.tabnav div.content img.tab_rt { position: absolute; z-index: 5; right: -1px; top: -11px; height: 11px; width: 11px; }

.maincontents div.tabnav.frame-none ul.tablist { margin-right: 0px; padding-left: 15px; }
.maincontents div.tabnav.frame-none div.content { padding-left: 0px; padding-right: 0px; }
.maincontents div.tabnav.frame-none div.content div.frameV { border: none; margin: 0px; padding: 0px; }
.maincontents div.tabnav.frame-none div.content div.frameH { border: none; margin: 0px; padding: 10px 0px 0px 0px; }
.maincontents div.tabnav.frame-none div.content img.tab_lt,
.maincontents div.tabnav.frame-none div.content img.tab_lb,
.maincontents div.tabnav.frame-none div.content img.tab_rt,
.maincontents div.tabnav.frame-none div.content img.tab_rb { display: none; }
.maincontents div.tabnav.frame-none div.content div.next-prev { right: 0px; }


