body
{
	margin:0;
	/** text-align: center; **/
	/** background-image: url(images/bgd.jpg); **/
	background-position: top;
	background-repeat: repeat-x;
	/** background-color: #f8f8f8; **/
    	font-family: "メイリオ", "Meiryo", "ヒラギノ丸ゴ Pro W4", ”Arial”, "Hiragino Maru Gothic Pro", "osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#holder
{
	/** width: 776px; **/
	text-align: left;
	margin: 0 auto;
	
	/* font: 11px Verdana, Arial, sans-serif; */
	color: #330099;
	background-color: #ffffff;
}
#corporate
{
	width: 100%;
	height: 30px;
	padding: 1px;
	background-image: url(images/bgd.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-size: small;
	/* font: bold 11px Verdana, Arial, sans-serif; */
	/** color: Teal; **/
}
#corporate a:link, #corporate a:visited
{
	background-color: transparent;
	border-left: 1px solid #fdfdfd;
	border-right: 1px solid #cbcbcb;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight: normal;
	color: #0000CD;
}
#corporate a:hover
{
	color: Teal;
	background-color: #E5E9EC;
}
#header
{
	width: 100%;
	padding: 14px 0;
	/* font: 11px Verdana, Arial, sans-serif; */
	color: #dedede;
	/** background-color: Teal; **/
	/** background-image: url(images/bg2.jpg); **/
	background-position: top;
	background-repeat: repeat-x;
}
.htitle
{
	margin-bottom: 8px;
	/* font: bold 18px Arial, Verdana, Tahoma, sans-serif; */
	border-bottom: 1px solid #778899;
	/** color: Teal; **/
	display: block;
}
.title
{
	margin-bottom: 8px;
	/* font: bold 18px Arial, Verdana, Tahoma, sans-serif; */
	border-bottom: 1px solid #ededed;
	/** color: Teal; **/
	display: block;
}
.clr
{
	color: #cdcdcd;
	font-weight: lighter;
}

.crights
{
	z-index:10;
}
#buffer
{
	height: 22px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #ffffff;
	z-index: 300;
}
#sideleft
{
	/** width: 221px; **/
	padding: 0;
	margin: 0;
	/* font: 11px Verdana, Arial, sans-serif; */
	/** color: Teal; **/
}
#sideleft p
{
	/** width: 180px; **/
	padding: 10px;
	padding-top: 0;
}

#menu
{
	float: left;
	/** width: 220px;**/
}
#menu a:link, #menu a:visited
{
	/** width: 217px; **/
	text-indent: 10px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 7px;
	/* font: 11px Verdana, Arial, sans-serif; */
	font-weight: bold;
	color: Teal;
	background-color: #fdfdfd;
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;
	text-decoration: none;
	display: block;
}
#menu a:hover
{
	/*background-image: url(i/menu_bgd.jpg);
	*/
	background-color: Teal;
	color: #dcdcdc;
}

#wrap
{
	width: 100%; 
	background-image: url(images/separator.gif);
	background-position: left;
	background-repeat: repeat-y;
	
}

.footer{
	clear:both;
}

/*  Classes for general purpose  */

.bold
{
	font-weight: bold;
	text-align: justify;
}
.italic
{
	font-style: italic;
}
#content
{
	float: right;
	width: 75%;
	/** width: 520px; **/
	/** padding: 10px 15px 10px ; **/
	/** margin: 0 auto 15px auto; **/
	text-align: justify;
	/** line-height: 150%; **/
	/* font: 11px Verdana, Arial, sans-serif; */
	/** color: InactiveCaption;  **/
}
#content2
{
	float: right;
	width: 70%;
}
#footer
{
	width: auto;
	clear: both;
	font-size : small;
	/** padding: 10px;
	padding:5px;
	font: 11px Verdana, Arial, sans-serif;
	color: #c4c4c4;
	background-color: Teal;
	margin-top:10px; **/
}
#footer a:link, #footer a:visited
{
	background-color: transparent;
	border-right: 1px solid #cbcbcb;
	padding-left: 7px;
	padding-right: 6px;
	text-decoration: none;
	font-weight: normal;
	/** color: #dcdcdc; **/
}
#footer a:hover
{
	color: Teal;
	background-color: #E5E9EC;
}

.ileft
{
	float: left;
	width: 150px;
	padding: 3px;
	border: 1px solid #ededed;
}
.right
{
	float: right;
	/** width: 150px; **/
	padding: 3px;
	border: 1px solid #ededed;
}


/** for Side Menu  **/
.sdmenu {
	width:20%;
	float:left;
    /** width: 150px; **/
    /* font-family: Sans-Serif; */
    font-size: 12px;
    padding-bottom: 10px;
    background: #eee url(./images/bottom.gif) no-repeat  right bottom; 
    color: #FFF;
}

.sdmenu .title, .sdmenu .titlehidden{
    display: block;
    padding: 5px 0;
    font-weight: bold;
    color: white;
    background: #FFF url(./images/title.gif) repeat-x;
}

.sdmenu .title {
    border-bottom: 1px solid #DDD;
}

.sdmenu .arrow {
	margin-left: 10px;
    margin-right: 7px;
}

.sdmenu .titlehidden {
    border-bottom: none;
}

.sdmenu #top {
    background: url(./images/toptitle.gif) no-repeat;
}

.sdmenu .submenu {
    overflow: hidden;
}

.sdmenu .submenu a {
    padding: 5px 0;
    text-indent: 10px;
    background: #EEE;
    display: block;
    border-bottom: 1px solid #DDD;
    color: #066;
    text-decoration: none;
}

.sdmenu .submenu a:hover {
    background : #066 url(./images/linkarrow.gif) no-repeat right center;
    color: #FFF;
}

.ad{
    background: #FFFFFF;
    color: #066;
}
 img {
	border:0;
}

.wide{
	margin-bottom : 10px;
	margin-top: 5px;
}

/****************************************** from former cswing.css **************************************************/

a:name{
  background-color : #CCFFFF;
  font-weight : bolder;
}
a:hover {
text-decoration: underline;
}

a {
text-decoration: none;
color: #286ea0;
}



#toptabs {
margin: 10px auto -13px auto;
  font-size: 0.8em;
  width: 760px; 
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #fafafa url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}
/********************
#container {
margin: 0 auto 15px auto;
  width: 760px; 
 padding: 5px 20px 20px 20px; 

background: #ffffff;
}
********************/
#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(images/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #505050 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}
#desc {
width: 573px;
height: 354px;
/** color: #ffffff; **/
padding: 0;
/** background: #505050 url(images/cswindow.gif) top left no-repeat; **/
clear: both;
margin: 5px 0 10px 0;
}


#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
/** color: #ffffff; **/
}

#desc a {
/** color: #ffffff; **/
text-decoration: underline;
}
/***
#main {
width: 590px; 
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #d0d0d0;
}

#smain {
width: 450px; 
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #d0d0d0;
}

.block {
background: #f0f0f0;
padding: 15px;
}
***/
#sidebar {
	width:140px;
	/** float:right;
	**/
	float : right;
}
/**
#lsidebar {
width:100px;
float:left;
}
**/
#leftsidebar{
	width:140px;
	float:left;
}
#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

/***************
#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}
***************/

h1 {
	margin: 0 0 20px 0;
	font-size: 2.1em;
	font-weight: bold;
}

h2 {
	margin: 20px 0 10px 0;
	font-size: 1.6em;
	font-weight: bold;
}

h3 {
	margin: 20px 0 10px 0;
	font-size: 1.4em;
	font-weight: bold;
}

h2.base{
	font-size:1.6em;
	font-weight: bold;
}
/***
h3 {
	margin: 20px 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
}
***/

h4.qitem{
	color : #6699FF;
	font-size : small;
	cursor : pointer;
}

p {
	margin: 0 0 15px 0;
	line-height: 1.5em;
	text-align: left;
    	/* font-family: "メイリオ", "Meiryo", "ヒラギノ丸ゴ Pro W4", ”Arial”, "Hiragino Maru Gothic Pro", "osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */

}

li{
	line-height : 22px;
}

.indent {
margin: 0 0 0 25px;
}

.right {
text-align: right;
}

a img {
border: 0;
}

img.order{
   padding-top:5px;
	border: 0;
}

IMG.rside { 
	float: right; 
}

img.orderTop{
	padding-top: 10px;
}
.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

/** footnote **/
EM.footnote{
	color: #FF6347;
	vertical-align: super;
	font-size: small;
	text-decoration : none;
}
/** limited **/
EM.lmt{
	color : #808000;
	background-color : white;
	font-style : normal;
}
/** link page**/
.note{
	font-size : 90%;
	font-weight : normal;
    	/* font-family: "メイリオ", "Meiryo", "ヒラギノ丸ゴ Pro W4", ”Arial”, "Hiragino Maru Gothic Pro", "osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
}


/*以下 CSS タブメニュースタイル*/
.tnavi {
	font-size:90%;
	margin: 0;
	padding-left:0;
	padding-bottom:23px;
	border-bottom:1px solid #ccd;
}

.tnavi ul {
	margin:0;
	padding:0;
}

.tnavi li {
	color:#666;
	margin:0;
	margin-left:0.4em;
	padding:3px;
	display:inline;
	list-style-type:none;
	/** background:#e3e3e3;
	**/
	border:1px solid #ccd;
	float:left; 
	line-height:16px;
	text-decoration:none;
	background : White;
}

.tnavi .leftmost{
	margin-left:0;
}
	
.tnavi #here {
	background: #33FF66;
	border-bottom:1px solid #fff;
	color:#000;
}
	
.tnavi li a {
	color:#666;
	text-decoration : none;
}

.tnavi li a:hover {
	color:#f00;
}

/** TD.link_name{
	background-color : #FFFF66;
} **/

TD.wt{
	background-color : #ffffff;
	color : black;
}
TD.emp{
	font-size : larger;
	font-weight : bolder;
}
TD.top{
	vertical-align: top;
}

TD.subject1{
	background-color : #ffffbc;
	width: 33%;
}
TD.subject1_1{
	width: 33%;
}
TD.subject2{
	background-color : #ffffbc;
	width: 42%;
}
TD.subject2_2{
	width: 57%;
}
TD.rsub{
	text-align : right;
	vertical-align: bottom;
}

.link_red{
	color : red;
	/** background-color : #7FFFD4; **/
	font-style : italic;
	font-weight : bolder;
	/* font-family : "Arial Black" ; */
}
/** Show/Hide TIps **/
/* Tip表示する文字の装飾 */
A.tips{
	text-decoration:none;
	font-style:italic;
	color: #3300FF;
}
/* Tip表示するレイアの定義と装飾 */
DIV.tips{
	position:absolute;
	visibility:hidden;
	border:1px solid #3333cc;
	padding: 5px;
	background-color:#ffffcc;
	/** layer-background-color:#ffffcc; **/
}

dt{
	font-style : normal;
	font-weight : bold;
	font-size : medium;
	margin-top : 5px;
}

.small_caption{
	font-size: smaller;
}
img.bbottom {
margin: 0 0 15px 0;
}

img.btop {
margin: 15px 0 0 0;
}

.Pitem{
	width:45%;
}

.Pdetail{
	width:30%;
}
.Pprice{
	width:15%;
}
.Ppurch{
	width:10%;
}

img.vmid{
	vertical-align: middle;
}

table.column{
	border: 1px solid;
	border-color: black;
}

TABLE.navi{
	position : relative;
}


TABLE.whole{
	width: 97%;
}
TABLE.cont{
	float : right;
	width:80%; 
	position : relative; 
	/** height : 15em; **/
}
TABLE.links{
   border:none;
	border-spacing : 5px;
}

TABLE.mainlist{
	border : thin;
	margin-top : 10px;
	width:100%;
}

TABLE.warning{
	border: thin solid Red;
	margin-bottom : 20px;
}
TH.product{
	width:20%;
}
TH.info{
	width:20%;
	font-size: 9pt;
}
TR.info{
	width: 30%;
	font-size : 9pt;
	vertical-align: top;
}
TH.center{
	text-align: center;
	background : #FFFFCC;
}

TH.item{
	background-color : #FFFFCC;
}
TH.desc{
	width:40%;
}
TH.stat{
	width:15%;
}
TH.price{
	width:18%;
}
TH.order{
	width:7%;
}

TH.order{
	width:7%;
}
TH.l_product{
	width: 24%;
	font-size: 10pt;
	text-align: center;
	background : #7FFFD4;
}
TH.l_program{
	width: 10%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}
TH.l_license{
	width: 16%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}
TH.m_license{
	width: 8%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}
TH.s_license{
	width: 8%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}
TH.l_library{
	width: 10%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}
TH.l_cdcd{
	width: 10%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}
TH.l_mwcd{
	width: 10%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}
TH.l_price{
	width: 20%;
	font-size: 9pt;
	text-align: center;
	background : #7FFFD4;
}

TD.navi{
	/** padding: 0.2em 0em 0.2em 0.4em;
	padding: 0.8em 0.5em 0.1em 0.5em; **/
	padding :0.5em 0em 0em 0.2em;
	width: 10%;
	vertical-align : top;
}
TD.link_name{
	background-color : #CCFFFF;
	font-weight : bolder;
}

TH.item{
	font-size:12px;
	font-weight : bolder;
}
TD.item{
font-size:12px;
}


.hdbg{
	background-color : #CCFFCC;
}

div.center{
	z-index:-1;
	margin-left : 40px;
}

div.btm{
	width:100%;
	margin-top : 30px;
	margin-bottom :230px;
}

div.ind{
	margin-left: 130px;
}


div.hdr{
	float:right;
	font-weight:normal;
	/** color: Teal; **/
	width:auto;
}

/**************** ShadeTab *************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
    border-bottom: 1px solid gray;
    /* width: 90%; width of menu. Uncomment to change to a specific width */ 
    margin-bottom: 1em;
}

.shadetabs ul{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    /* font: bold 12px Verdana; */
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
    display: inline;
    margin: 0;
}

.shadetabs li a{
    text-decoration: none;
    padding: 3px 7px; 
    margin-right: 3px;
    border: 1px solid #778;
    color: #2d2b2b;
    background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
    color: #2d2b2b;
}

.shadetabs li a:hover{
    text-decoration: underline;
    color: #2d2b2b;
}

.shadetabs li.selected{
    position: relative;
    top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
    background-image: url(images/shadeactive.gif);
    border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
    text-decoration: none;
}

// styles for tables in equipment page
.style1 {
	border-style: solid;
	border-width: 1px;
	width: 120px;
}
.style2 {
	white-space: nowrap;
	text-align: center;
	border: 2px solid #000000;
	width: 45px;
	height: 50px;
}
.style3 {
	text-align: left;
	white-space: nowrap;
	border: 2px solid #000000;
	width: 45px;
	height: 50px;
}
.style5 {
	white-space: nowrap;
	text-align: center;
}
.style6 {
	white-space: nowrap;
}


/**************** End of ShadeTab *************************/