/*=== Following source written by BrainCenter.Inc ========================================*/
body{
margin:0;
padding:0;
}
hr{
display:none;
}

td,th{
vertical-align:top;
}
sup,sub{
font-size:70%;
}
li{
font-size:83%;
line-height:135%;
}
#header .headerLink{
text-align:right;
vertical-align:middle;
}
#header .logo{
margin-right:10px;
}
#GlobalNavi td{
vertical-align:middle;
background-color:#145544;
font-size: 83% ;
line-height:120%;
color:#fff;
}
#GlobalNavi td a,#GlobalNavi td a:link,#GlobalNavi td a:visited{
color:#fff;
}
#GlobalNavi td a:hover{
color:#ff9;
}
#GlobalNavi td a:active{
color:#000000;
}
#siteToolArea td{
vertical-align:middle;
background-color:#efefef;
font-size: 83% ;
line-height:120%;
text-align:right;
}
#siteToolArea .zoomsight{
vertical-align:middle;
}
#contentsArea{
width:540px;
margin:0px 15px 0px 15px;
}
#breadCrumb{
margin:12px 0px 14px 0px;
font-size: 67% ;
line-height:120%;
}
#contentsArea h1{
font-size: 108%;
font-weight: bold;
margin:0px 0px 15px 0px;
padding:0px;
}
#header h1{
margin:0;
padding:0;
}

#innerLink{
font-size: 67% ;
line-height:120%;
color:#666;
margin:0px 0px 15px 0px;
padding:0;
}
#innerLink img{
margin-top:3px;
margin-bottom:2px;
}
.contentsTd{
background:url(../device/img/contents_head_bg.jpg) no-repeat ;
}
.contentsTdEM{
background:url(../em/img/contents_head_bg_em.jpg) no-repeat ;
}
#contentsArea .section{
margin-bottom:24px;
}
#contentsArea .subsection{
margin-bottom:18px;
}

#contentsArea h2{
font-size: 83%;
padding:4px;
background-color:#efefef;
border-left-width: 3px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-color: #1dba46;
margin:0px 0px 12px 0px;
}
#contentsArea h3{
font-size: 83%;
font-weight: bold;
margin:0px 0px 12px 0px;
padding: 0px 0px 0px 5px;
border-left-width: 3px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-color: #999999;
}
#contentsArea h4{
font-size: 83%;
font-weight: bold;
margin:4px;
}
p{
font-size: 83%;
line-height:120%;
margin:0px 0px 12px 0px;
padding:0;
}
.link{
margin:0px 4px 4px 18px;
text-indent:-18px;
font-size:83% ;
line-height:120%;
}
.link img{
margin:0px 4px 2px 0px;
vertical-align:text-top;
}
.relatedLink{
margin:4px 10px 12px 30px;
text-indent:-18px;
font-size:83% ;
line-height:120%;
}
.relatedLink img{
margin:2px 4px 2px 0px;
vertical-align:middle;
}

.notes{
margin-top:3px;
font-size: 75%;
line-height:120%;
}
.notesCata{
font-size: 67% ;
line-height:120%;
}

.right{
text-align:right;
}
.center{
text-align:center;
}
#contentsArea ul{
margin:0px 0px 7px 17px;
padding:0px 0px 0px 15px;
}
#contentsArea ol{
margin:0px 0px 0px 32px;
padding:0;
}
#contentsArea .dotList li{
list-style:none url(../img/list.gif);
/*list-style-type:none;
background:url(../img/list.gif) no-repeat 0px 3px;*/
padding:2px 0px 2px 0px;
vertical-align:middle;
}

#contentsArea .arrowList li,#topPage .arrowList li{
list-style:none url(../img/list_link.gif);
padding:2px 0px 2px 0px;
vertical-align:middle;
}
caption{
line-height:120%;
text-align:left;
font-size: 83%;
font-weight: bold;
margin:0px 0px 5px 0px;
padding: 0px 0px 0px 5px;
border-left:solid 3px #999;
border-top-style: none;
border-right-style: none;
border-bottom: none;

}
.productImg{
margin-right:15px;
}
.dataTable{
border-collapse:collapse;
border:solid 1px #999;
}
.dataTable th,.dataTable td{
border:solid 1px #999;
vertical-align:middle;
}
.noLineTable{
border:none;
}
.noLineTable th{
border:none;
font-size: 83%;
text-align: left;
font-weight: normal;
background-color:#ccc;
padding: 3px
}
.noLineTable .th2{
border:none;
font-size: 83%;
text-align: left;
font-weight: normal;
background-color: #fff;
background:url(../img/list_link.gif) no-repeat 6px 3px;
padding: 2px 2px 2px 18px;
}
.noLineTable td{
border:none;
font-size: 83%;
text-align: left ;
background-color: #FFFFFF;
padding: 2px
}

.dataTable th{
font-size: 83%;
text-align: left;
font-weight: normal;
background-color: #CCCCCC;
padding: 6px
}
.dataTable td,.dataTableYellow td,.dataTableBlue td{
font-size: 83%;
text-align: left ;
background-color: #FFFFFF;
padding: 6px
}
.dataTable .th2,.dataTableYellow .th2,.dataTableBlue .th2{
background-color:#efefef;
}
.dataTableWhite{
border-collapse:collapse;
border:solid 1px #999;
}
.dataTableWhite th,.dataTableWhite td{
border:solid 1px #999;
vertical-align:middle;
}
.dataTableWhite th{
font-size: 83%;
text-align: left;
font-weight: normal;
background-color: #fff;
padding: 6px
}
.dataTableWhite td{
font-size: 83%;
text-align: left ;
background-color: #fff;
padding: 6px
}

.dataTableYellow,.dataTableBlue{
border-collapse:collapse;
border:solid 1px #999;
}
.dataTableYellow th,.dataTableYellow td,.dataTableBlue th,.dataTableBlue td{
border:solid 1px #999;
vertical-align:middle;
}
.dataTableYellow th{
font-size: 83%;
text-align: left;
font-weight: normal;
background-color: #FAFAB7;
padding: 6px
}
.dataTableBlue th{
font-size: 83%;
text-align: left;
font-weight: normal;
background-color: #C7DBFF;
padding: 6px
}
.lineTable{
border-collapse:collapse;
border-style:none;
}
.lineTable th,.lineTable td{
margin:2px 0px 2px 0px;
border-left-style:none;
border-right-style:none;
border-top:solid 1px #999;
border-bottom:solid 1px #999;
}
.lineTable th{
font-size: 83%;
text-align: left;
font-weight: normal;
background-color: #ccc;
padding: 6px
}
.lineTable td{
font-size: 83%;
text-align: left ;
background-color: #FFFFFF;
padding: 6px
}
.dataTable td li,.lineTable td li,.dataTableYellow td li,.dataTableBlue td li{
font-size:100%;
}
.dataTable td p,.lineTable td p,.dataTableYellow p,.dataTableBlue p{
font-size:100%;
}
.dataTable td dl,.lineTable td dl,.dataTableYellow dl,.dataTableBlue dl{
margin:0;
}
.dataTable td dt,.lineTable td dt,.dataTableYellow dt,.dataTableBlue dt{
margin:5px 0px 0px 0px ;
}
.dataTable td dd,.lineTable td dd,.dataTableYellow dd,.dataTableBlue dd{
margin:0px 0px 5px 30px ;
}
.pruductSummary td{
vertical-align:bottom;
}
.pruductSummaryD td{
vertical-align:middle;
}

.pruductSummary form{
margin:30px 0 0 0;
}
p img{
margin-right:4px;
vertical-align:text-top;
}
.return{
margin:10px 0px 10px 0px;
text-align:right;
font-size:67%;
}
.return2{
margin:450px 0px 10px 0px;
text-align:right;
font-size:67%;
}
.return img{
margin-right:4px;
vertical-align:text-top;
}
.linearNavi{
background-color:#efefef;
padding:0px 15px 0px 10px;
}
.linearNavi td{
font-size:83%;
}
.linearNavi img{
margin:0px 4px 0px 1px;
vertical-align:text-top;
}
.linearNavi .pageNumber{
font-weight:bold;
text-align:right;
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
}

/*======sideArea====*/
#sideArea{
vertical-align:top;
}

#sideArea .searchbox{
background-color:#4c0000;
font-size:67%;
border:none;
}
#sideArea .searchbox td,#sideArea .searchbox a{
font-size:80%;
color:#fff;
}
#sideArea .searchbox a:hover{
color:#ff9;
}
#sideArea .searchbox a:active{
color:#000;
}
#sideArea form{
margin:0;
padding:0;
}
#sideArea form input{
vertical-align:middle;
}
#sideArea .searchbox .more{
padding-top:4px;
text-align:right;
margin-right:26px;
}

#localNavi table{
width:189px;
border-collapse:collapse;
background-color:#efefef;
border:solid 1px #ccc;
}
#localNavi table td{
border-bottom:dashed 1px #ccc;
background-color:#efefef;
font-size:83%;
}
#localNavi img{
margin-right:4px;
}
#localNavi a{
color:#000;
}
#localNavi{
margin-bottom:24px;
}
#localNavi td{
padding-left:20px;
text-indent:-17px;
}
#localNavi .lv2{
padding-left:27px;
text-indent:-27px;
}
#localNavi .lv3{
padding-left:38px;
text-indent:-38px;
}
#localNavi .lv4{
padding-left:49px;
text-indent:-49px;
}
#sideArea .sideTitleRed{
background-color:#4c0000;
color:#fff;
}
#sideArea .sideTitleRed a{
color:#fff;
}
.sideContents{
margin-bottom:24px;
border-collapse:collapse;
border:solid 1px #ccc;
}
.sideContents td{
background-color:#fff;
}
.sideContents h3{
font-weight:lighter;
font-size:83%;
border:none;
margin:5px 5px 5px 7px;
}
.sideContents p{
margin:5px 5px 5px 10px;
}
.sideContents .link{
margin:5px;
padding-left:10px;
text-indent:-10px;
}
#sideArea .sideTitleYellow{
background-color:#eeed90;
color:#000;
}


/*=== footer ===*/
#footer table{
border-top:solid 6px #6b6b6b;
}
#footer .footermenu{
font-size:67%;
color:#000;
padding:11px 0px 0px 0px;
vertical-align:top;
}
#footer .footermenu a{
color:#000;
}
#footer .footerLogo{
text-align:right;
padding:0px 0px 4px 0px;
}
#footer .copyright{
font-size:67%;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
color:#666;
text-align:right;
padding:0px 1px 1px 0px;
}
/*====== Top Page ================================================*/
#topPage h1{
margin:0;
padding:0;
}
#topPage td h2{
background-color:none;
border-style:none;
padding:0;
margin:0;
}
#topPage td li{
font-size:83%;
}
#topPage td ul{
margin-bottom:5px;
}
/*#topPage #sideArea{
background-color:#e6e6e6;
}*/


/*====== Form Page ================================================*/
#form table{
border-collapse:collapse;
border:solid 1px #666;
}
#form th,#form td{
border:solid 1px #999;
text-align:left;
font-size:83%;
}
#form th{
background-color:#fff;
}
#form form{
margin:0;
padding:0;
}

#form .note-red{
font-size:90%;
font-weight:lighter;
}
#form ul{

}
#form li{
font-size:100%;
margin-top:5px;
list-style-type:none;
}

form p{
margin-bottom:5px;
}

/*====== Catalog Request ================================================*/
.catalogCheck{
font-size:83%;
text-align:right;
}
.seeCart{
font-size:83%;
text-align:right;
/*margin:0px 0px 18px 0px;*/
}
.seeCart img{
vertical-align:middle;
margin-right:4px;
}

/*====== News ================================================*/
.newsDate{
width:100px;
font-size:83%;
}
.news td{
font-size:83%;
}


/*====== Microeye ================================================*/
.fukidashiL{
background:url(../em/emworld/microeye/img/h_line03_l.gif);
}
.fukidashiR{
background:url(../em/emworld/microeye/img/h_line03_r.gif);
}
.fukidashiL2{
background:url(../em/emworld/microeye/img/h_line03_l2.gif) repeat-y;
}
.text-darkblue { COLOR:#3366CC; }
.text-purple { COLOR:#FFCCFF; }
.text-pblue { COLOR:#CCFFFF; }
.semTitle{
background-color:#ff6;
font-size:95%;
font-weight:bold;
color:#444;
text-align:center;
padding:2px;
}
.semTitleB{
background-color:#9ff;
font-size:95%;
font-weight:bold;
color:#444;
text-align:center;
padding:2px;
}
.semTitleG{
background-color:#cf6;
font-size:95%;
font-weight:bold;
color:#444;
text-align:center;
padding:2px;
}
.semTitleOr{
background-color:#fc6;
font-size:95%;
font-weight:bold;
color:#444;
text-align:center;
padding:2px;
}
.semTitleGr{
background-color:#9fc;
font-size:95%;
font-weight:bold;
color:#444;
text-align:center;
padding:2px;
}
.semZoom{
color:#cff;
font-size:80%;
font-weight:bold;
text-align:center;
}
.explan{
margin:15px 0px 30px 0px;
color:#fff;
}

.bg1C5718 { BACKGROUND-COLOR:#1C5718; }
.bgFFFF66 { BACKGROUND-COLOR:#FFFF66; }
.bg99FFFF { BACKGROUND-COLOR:#99FFFF; }
.bg33CC33 { BACKGROUND-COLOR:#33CC33; }
.bgCCFF66 { BACKGROUND-COLOR:#CCFF66; }
.bgFFFF99 { BACKGROUND-COLOR:#FFFF99; }
.bgFFCC66 { BACKGROUND-COLOR:#FFCC66; }
/*====== nanoart TOP ================================================*/
#nanoartTop table{
background-color:#000;
border-collapse:collapse;
border:none;
}
#nanoartTop h2{
border:none;
background:none;
}
#nanoartTop table th{
width:60px;
vertical-align:middle;
border:none;
border-left:solid 6px #ccc;
border-bottom:solid 1px #ccc;
}
#nanoartTop table td{
padding:10px 0px 10px 0px;
width:80px;
vertical-align:middle;
border:none;
border-bottom:solid 1px #ccc;
}
#nanoartTop table p a{
color:#fff;
font-size:80%;
padding:0;
margin:0;
}
/*====== nanoart ================================================*/
/*#nanoart h1{
margin:0px;
}*/
/*#nanoart{
margin-top:40px;
}*/
#nanoart h2{
border:none;
color:#fff;
font-weight:lighter;
font-size:90%;
background-color:#666;
padding:5px;
margin-bottom:7px;
}
#nanoart .title td{
vertical-align:bottom;
}
#nanoart .title{
margin-bottom:10px;
}
#nanoart .nanonavi{
text-align:right;
}
#nanoart .sakuhin{
margin-right:10px;
border:solid 1px #666;
}
#nanoart .copyright{
font-size:70%;
color:#3d3d3d;
}
#nanoart .setsumei{
background-color:#e6e6e6;
margin:0;
padding:5px;
color:#666;
}
#nanoart .syutten{
background-color:#999;
color:#fff;
margin:0;
padding:5px;
}
#nanoart h3{
font-weight:lighter;
}

#contentsArea .attention{
margin-top:20px;
}
#contentsArea .attention li{
font-size:70%;
padding:0px;
}

/*====== Following source Hitachi Format CSS ================================================================================*/
/* 本文テキストサイズ　*/
.text-large {  font-size: 108% ;line-height:120%}
.text-std {  font-size: 83% ;line-height:120%}
.text-small {  font-size: 67% ;line-height:120%}

/* 注意書きインデックス　*/
.note { font-size: 70% ; color: #FF9900; vertical-align: text-top}
.note-red { font-size: 70% ; color: #990000; vertical-align: text-top}

/* タイトルテキストサイズ　*/
h1 {  font-size: 108%; font-weight: bold; margin: 0px}
h2 {  font-size: 83%; font-weight: bold;}
h3 {  font-size: 83%; font-weight: bold; margin-top: 1px; margin-bottom: 0px; padding-left: 5px; border-left-width: 3px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-color: #999999}
h5 {  font-size: 83%; font-weight: bold; margin: 0px}

/*****テーブル文字サイズ標準*********/
/* テーブル"見出し"「文字サイズ標準：左・中央・右寄せ」*/
th.data-th1-left-2 {  font-size: 83%; text-align: left; font-weight: normal; background-color: #CCCCCC; padding: 6px}
th.data-th2-left-2 {  font-size: 83%; text-align: left; font-weight: normal; background-color: #efefef; padding: 6px}
th.data-th1-center-2 {  font-size: 83%; font-weight: normal; background-color: #CCCCCC; padding: 6px}
th.data-th2-center-2 {  font-size: 83%; font-weight: normal; background-color: #efefef; padding: 6px}
th.data-th1-right-2 {  font-size: 83%; text-align: right; font-weight: normal; background-color: #CCCCCC; padding: 6px}
th.data-th2-right-2 {  font-size: 83%; text-align: right; font-weight: normal; background-color: #efefef; padding: 6px}
/* テーブル"見出し"「文字サイズ標準：左寄せ：ボールド」*/
th.data-th1-left-b-2 {  font-size: 83%; text-align: left; font-weight: bold; background-color: #ffffff; padding: 6px}
th.data-th2-left-b-2 {  font-size: 83%; text-align: left; font-weight: bold; background-color: #CCCCCC; padding: 6px}
th.data-th3-left-b-2 {  font-size: 83%; text-align: left; font-weight: bold; background-color: #efefef; padding: 6px}

/* テーブル"見出し"「文字サイズ標準：左・中央寄せ」：黄色インデックス表 */
th.data-th-yl-center {	font-size: 83%; text-align: center; font-weight: normal; background-color: #FAFAB7; padding: 6px}
th.data-th-yl-left {	font-size: 83%; text-align: left; font-weight: normal; background-color: #FAFAB7; padding: 6px}
/* テーブル"見出し"「文字サイズ標準：左・中央寄せ」：青色インデックス表 */
th.data-th-bl-center {	font-size: 83%; text-align: center; font-weight: normal; background-color: #C7DBFF; padding: 6px}
th.data-th-bl-left {	font-size: 83%; text-align: left; font-weight: normal; background-color: #C7DBFF; padding: 6px}
/* テーブル"データ"「文字サイズ標準：左・中央・右寄せ」*/
td.data-td-left-2 {  font-size: 83%; text-align: left ;background-color: #FFFFFF; padding: 6px}
td.data-td-center-2 {  font-size: 83%; text-align: center ;background-color: #FFFFFF; padding: 6px}
td.data-td-right-2 {  font-size: 83%; text-align: right ;background-color: #FFFFFF; padding: 6px}

/*****テーブルサイズ小*********/
/* テーブル見出し「文字サイズ小：左・中央・右寄せ:カラー2色」*/
th.data-th1-left-s {  font-size: 67%; text-align: left; font-weight: normal; background-color: #CCCCCC; padding: 3px}
th.data-th2-left-s {  font-size: 67%; text-align: left; font-weight: normal; background-color: #efefef; padding: 3px}
th.data-th1-center-s {  font-size: 67%; text-align: center ; font-weight: normal; background-color: #cccccc; padding: 3px}
th.data-th2-center-s {  font-size: 67%; text-align: center ; font-weight: normal; background-color: #efefef; padding: 3px}
th.data-th1-right-s {  font-size: 67%; font-weight: normal; background-color: #cccccc; padding: 3px}
th.data-th2-right-s {  font-size: 67%; font-weight: normal; background-color: #efefef; padding: 3px}
/* テーブル"データ"「文字サイズ小：左・中央・右寄せ：カラー1色」*/
td.data-td-left-s {  font-size: 67%; text-align: left ; background-color: #FFFFFF; padding: 3px}
td.data-td-centert-s {  font-size: 67%; text-align: center ; background-color: #FFFFFF; padding: 3px}
td.data-td-right-s {  font-size: 67%; text-align: right ; background-color: #FFFFFF; padding: 3px}


/*------タブ開始位置---*/
ul.tab{
list-style-type:none;
margin: 0;
padding: 0;
}

.tabNavi{
margin:0;
}

.tabNavi ul { 
margin: 0;
padding: 0;
}


.tabNavi ul li.offitem1{
float:left;
margin:0;
padding:5px 20px 5px 5px;
background:#659991 url("/sinavi/PublishingImages/bg_tab_off1.gif") 100% 0 repeat-y;
font-size:85%;
}

.tabNavi ul li.offitem2{
float:left;
margin:0;
padding:5px 20px 5px 5px;
background:#659991 url("/sinavi/PublishingImages/bg_tab_off2.gif") 100% 0 repeat-y;
font-size:85%;
}

.tabNavi ul li.offitem3{
float:left;
margin:0;
padding:5px 20px 5px 5px;
background:#659991 url("/sinavi/PublishingImages/bg_tab_off3.gif") 100% 0 repeat-y;
font-size:85%;
}

.tabNavi ul li.currentItem1{
float:left;
margin:0;
padding:5px 20px 5px 5px;
background:#006b6d url("/sinavi/PublishingImages/bg_tab_on1.gif") 100% 0 repeat-y;
font-size:85%;
}

.tabNavi ul li.currentItem2{
float:left;
margin:0;
padding:5px 20px 5px 5px;
background:#006b6d url("/sinavi/PublishingImages/bg_tab_on2.gif") 100% 0 repeat-y;
font-size:85%;
}

.tabNavi ul.tab li a {
display:block;
color:#ffffff;
}

.tabNavi ul.tab li a:hover{
color:#ff0000;
text-decoration:none;
}

.tabNavi ul li em{
color:#ffffff;
font-style:normal;
}


/*---タブメニュー--*/

.em_fosModelTabTop{
	float:left;
	white-space: nowrap;
	border-top		: 1px #cccccc solid;
	border-right	: 1px #cccccc solid;
	border-left		: 1px #cccccc solid;
}
.em_fosActTabTop	{background:#C7DBFF;padding:3px 8px 7px 8px; margin:0px 0px 0px 3px;font-weight:bold; }
.em_fosInactTabTop	{background:#FaFaFa;padding:3px 8px 3px 8px; margin:4px 0px 0px 3px;}

.em_fosModelTabTop{
	float:left;
	white-space: nowrap;
	border-top		: 1px #cccccc solid;
	border-right	: 1px #cccccc solid;
	border-left		: 1px #cccccc solid;
}




