a { text-decoration:none; }
a img { border: none; }
/*
body      { width: 800px; margin: 0 auto; font-size: 10pt;}
*/
body      { width: 820px; margin:0 auto;font-size: 10pt;}
div.main { padding: 10px 30px 10px 10px; }
div.opera { background-color: #fff; }

img.btn { display: block; padding: 4px; }
img.btn2 { display: block; padding-top: 2px; }
/*
div.TFbar { background: url("images/img_bd.png") repeat; }
*/
div.TFbar { background: url("images/bg_03.png") no-repeat; height:100px;}


div.topicpath { background-color: #3f3f3f; color: #fff; padding: 2px 8px; width: 784px;}
div.topicpath a { color: #fff;}

ul.features li { list-style-type: square; font-size: 14pt; line-height: 150%;}
ul.nomark { padding: 4px; margin: 0; }
ul.nomark li { list-style: none inside; }
ul.nomark li:first-letter { padding-left: 1px; }

/*
div.copyright { margin: 10px 0px; padding: 0px; height: 18px;
                text-align: right; line-height: 100%;
                background-color: #666; color: #fff;
                font-weight: bold; font-size: 12px; }
*/
div.copyright { background: url("images/bg_08.png") no-repeat; height:50px; padding: 2px 8px; color: #fff;} 

div.temp { background: url("images/empty.png") repeat; border: 1px solid #000; font-size: 18pt; font-weight: bold; color: #f00; }

div.cation{ color : #f00 ; }

/* CSS Document */
body,td,th {
	color: #000000;
}

div.page{
	margin: 30px 0px 30px 30px;
}

div.inquiry{ 
	background-color:#666666; 
	color:#FFFFFF;
	font-weight:bold;
	width:50px;
	text-align:center;
	padding:5px;
}

td.topic1 {
	background-color:#666666;
	color:#FFFFFF;
	text-align:center;
}
td.topic2 {
	background-color:#eaeaea;
	vertical-align: top;
}
td.data1 {
	background-color:#FFFFFF;
}
td.data2 {
color:#333333;
font-size:120%;
	background-color:#FFFFFF;
	vertical-align:top;
}


table.lineup{
	border:none;
	padding:10px;
}
table.lineup th {
	text-align: center;
	vertical-align: top;
	font-size: 12px;
}

table.lineup td.sub {
	text-align:right;
	font-size: 12px;
}


a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF6600;
}
a:active {
	text-decoration: none;
}


h1 {
	color: #000000;
}
h2 {
	color: #000000;
}
h3.sub {
	background-color: #F2F2F2;
	color: #666666;
	padding: 3px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #666666;
}

h3 {
	color: #000000;
}

h4.sub {
	background-color: #FFFFFF;
	color: #999999;
	padding: 3px;
	border: solid 1px #999999;
	border-left-style: solid;
	border-left-width: 10px;
}

h4 {
	color: #999999;
}
h5 {
	color: #CCCCCC;
}
h5.wht {
	color: #FFFFFF;
	font-size: 110%;
}
h6 {
	color: #CCCCCC;
}


.ind1 {
	margin-right: 0px;
	margin-left: 10px;
}
.ind2 {
	margin-left: 20px;
	margin-right: 0px;
}
.ind3 {
	margin-left: 0px;
	margin-right: 200px;
}
.note1{
	color:#FF0000;
	font-size: 90% ;
}
.note2{
	color:#009999;
}




ul.mark li { 
	line-height: 150%;
	list-style-image: url('images/ico_blc_r1.png');
}
ul.mark li.title {
	color : #000;
	list-style-image: url('images/ico_blc_r2.png');
	font-size: 100% ;
}
ul.mark li.contents {
	color : #666666;
	list-style: none;
	font-size: 90% ;
}
ul.mark li a:link, ul.links li a:visited { color:#666; }
ul.mark li a:hover, ul.links li a:active { color:#f00; }


/**** Main Menu ****/

div.mmenu1 { font-weight: bold; font-size: 18px; margin:0 3% 0 0; padding: 5px ; height:20px;
            background-color: #FFF; border: 1px solid #FFF; }
div.mmenu2 { margin: 0 5% 0 10% ; padding: 5px ;
            background-color: #FFF; border: 1px solid #FFF; }
div.mmenu1 a:link, div.mmenu2 a:link { color: #000 ; }
div.mmenu1 a:visited, div.mmenu2 a:visited{ color: #000 ; }
div.mmenu1 a:hover, div.mmenu2 a:hover{ color:#f00; }
div.mmenu1 a:active, div.mmenu2 a:active{ color:#f00; }




/**** CopperTank manual Menu ****/

div.menu1 { font-weight: bold; margin:0 5% 0 0; padding: 5px ;
            background-color: #FFF; border: 1px solid #CCC; }
div.menu2 { margin: 0 5% 0 10% ; padding: 5px ;
            background-color: #EEE; border: 1px solid #CCC; }
div.menu1 a:link, div.menu2 a:link { color: #666 ; }
div.menu1 a:visited, div.menu2 a:visited{ color: #666 ; }
div.menu1 a:hover, div.menu2 a:hover{ color:#f00; }
div.menu1 a:active, div.menu2 a:active{ color:#f00; }


/*** 製品紹介 ***/
table.lineup{ border:none; padding:10px; }
table.lineup th{ text-align:center; vertical-align:middle; font-size:12px; }
table.lineup td.sub{ text-align:right; font-size: 12px; }
table.lineup p{color:#666666;}
table.lineup a:link, table.lineup a:visited { color:#666; }
table.lineup a:hover, table.lineup a:active { color:#f00; }

hr.nextstep { width: 90% ; color:#666666; }
div.nextstep {
	background-color: #FFFFFF;
	border-top-color: #999999;
	color: #999999;
	text-align: right;
	border: 1px;
	padding: 10px 3px 20px 3px;
	border-style: dashed none none none;
}

/* 製品タイトルバー */
.barmenu { padding: 0px; }
.barmenu a:link, .ctmenu a:visited { color:#6600CC; }
.barmenu a:hover, .ctmenu a:active { color:#f0f0f0; }

/*** サポート情報 ***/
table.techinfo_out{ width:600px; height:auto; border:none; }
table.techinfo_out td{ height:33%; width:30%; vertical-align:top; }

table.techinfo_in{ width:100%; height:100%; background-color:#666666; border:1px solid; border-color:#666666; }
table.techinfo_in th{ color:#FFFFFF; background-color:#666666; height: auto; }
table.techinfo_in td{ color:#000000; background-color:#FFFFFF;	height: auto; }


/*** 採用情報 ***/
table.recruit{ width:500px; height:auto; border:none;}
table.recruit th { width:25%; color:#FFFFFF; background-color:#666666;}
table.recruit td { width:75%; color:#666666; background-color:#FCFCFC;}


/*** お問合せ ***/
table.inquiry_out{ width:600px; height:auto; border:none; }
table.inquiry_out td{ vertical-align:top; }

table.inquiry_in{ width:auto; height:auto; border:none; }
table.inquiry_in th { width:30%; height:inherit; color:#FFFFFF; background-color:#666666;}
table.inquiry_in td { width:auto; color:#666666; background-color:#FCFCFC; font-size:110%;}

/*** ニュース ***/

div.nr,div.nrowtop,div.nrow {overflow:hidden;border-width: 1px;}
div.nr,div.nrowtop,div.nrow:after{clear:both;}

div.nrowtop {border-width: 1px;border-style: solid;}
div.nrow {border-width: 1px;border-top-width: 0px;border-style: solid;}

div.ncolumn,div.ncolumn0,div.ncolumn1 {float:left; padding-bottom: 32767px;margin-bottom: -32767px;}
div.ncolumn0 {width:19%}
div.ncolumn1 {width:80%;border-width: 0px;border-left-width: 1px;border-style: solid;}



/**** {{{ CopperTank manual ****/
/*
h2 { background-color: #fff;  color: rgb(100,0,200);
     border-left:solid 5pt rgb(100,0,200); padding: 2px ; }

h3 { background-color: rgb(236,231,216); color: rgb(100,0,200);
     border: 1px solid rgb(100,0,200);
     margin-left: 2% ; padding: 3px 10px; }

h3.info { width : 50% ; height : auto ; text-align: center;
          border-width : 1pt ; border-style : solid ;
          color : rgb(100,0,200) ; background-color : rgb(236,231,216);}

h4 { background-color: #fff ; color: #999;
     margin-left: 3%; margin-right: 0%; padding: 2px ;
     border-bottom:solid 1pt #999; border-left:solid 3pt #999; }

h4.tool { background-color:#fff; color:#666; width:400px;
          margin:0 0 0 3%; padding:2px;
          border-bottom:solid 1pt #666; border-left:solid 1pt #666; }

.tp1 { margin-left: 1%; }
.tp2 { margin-left: 3%; padding: 0 0 0 10px ; }
.tp4 { margin-left: 3%; color:#666; }

p.info { margin: 0 0 0 3%; font-size:90% ; color:#999; }

DIV.listtitle { margin-left: 5%; color: #666; font-size: 90%; font-weight: bold; }
TABLE.list { background-color : #FFF ; margin : 0 0 0 5%;  }
TABLE.list TH { background-color : #CCC; color : #666; font-size : 90% ; }
TABLE.list TD { background-color : #EEE; color : #666; font-size : 90% ; padding: 5px; }
TABLE.list TD a:link, TABLE.list TD a:visited { color : #000; }
TABLE.list TD a:hover, TABLE.list TD a:active { color : #fff; }

TABLE.list2 { background-color : #FFF ; margin : 0 5% 0 5%; }
TABLE.list2 TH { vertical-align: top ; }
TABLE.list2 TD { background-color : #FFF ; padding: 5px ; vertical-align: top ; }
TABLE.list2 TD .top1 { font-weight: bold ; font-size: 110% ; color: #000 ; }
TABLE.list2 TD .memo1 { color: #666 ; margin: 0 0 0 3% ; padding: 5px ; }
TABLE.list2 TD .memo2 { color: #666 ; background-color : #EEE ; padding: 5px ; }

ul.links li { margin:0 0 0 2%; color : #999 ;  line-height: 120%;
              list-style-image: url('images/ico_linklist.png'); }
ul.links li a:link, ul.links li a:visited { color:#666; }
ul.links li a:hover, ul.links li a:active { color:#f00; }

ul.notes li { margin:0 0 0 2%; font-size : 90% ; color : rgb(0,128,128) ;
              list-style-image: url('images/ico_notelist.png'); line-height: 120%; }

div.pgtitle { margin-left: 5%; font-weight: bold ; }
ol.paragraph li { margin-left: 3%; margin-right: 0%; line-height: 120%; }

pre.folder { font-size:8pt; border:1px solid #666; padding:10px;
             background-color:#eee; color:#666; margin-left: 5%; margin-right: 5%; }
*/
/**** news ****/

div.newsListItem { margin: 16px 0px; padding: 4px 2px 16px; border-bottom: double #000;}
.newsListTitle { font-size: 12pt; }
.newsListTitle a { }
.newsListDate { text-align: right;}
div.newsListAction { text-align: right; }
/*
table.themed   { padding: 0px; border: 1px solid #777; margin: 8px 4px; }
table.themed tr, table.list tr { margin: 0px; padding: 0px; }
table.themed th, table.list th { margin: 0px; padding: 4px; color: #fff; background-color: #777; }
table.themed td, table.list td { margin: 0px; padding: 4px; color: #000; background-color: #f4f4f4;}
table.themed th a, table.list th a { color: #fff; }
table.themed th a:hover, table.list th a:hover { color: #933; }
*/

table.themed   { padding: 0px; border: 1px solid #777; margin: 8px 4px; }
table.themed tr{ margin: 0px; padding: 0px; }
table.themed th{ margin: 0px; padding: 4px; color: #fff; background-color: #777; }
table.themed td { margin: 0px; padding: 4px; color: #000; background-color: #f4f4f4;}
table.themed th a{ color: #fff; }
table.themed th a:hover { color: #933; }

/*** used for errors in ct_reg, bulletin */
ul.errors { }
ul.errors li { font-weight: bold; color: #f00; vertical-align : middle; }

/**** experimental: rss ticker ****/
div.ticker
{
	/*background: url('images/ticker.png') no-repeat;*/
	overflow: hidden;
	width: 493px;
	height: 20px;
	font-size: 12px;
	padding: 22px 8px 2px;
}
div.ticker a:hover { color: red; }

body.draft
{
	background: url("images/draft.png") repeat;
}

table.navi { width: 100%;}
table.navi td {white-space: nowrap;padding: 4px; margin: 0px;}
table.navi td.prev { }
table.navi td.next{text-align: right;}
table.navi td.up {text-align: center; border-bottom: 1px solid #c0c0c0;
width:100%; }
table.navi td.home {text-align: center; border-top: 1px solid #444444;}