/* Common
---------------------------------------------------------------------*/
body,td,th {
	margin:0 auto;
	padding:0;
	font:normal 12px/1.5em 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	color:#666666;
}

a:link,
a:visited {
	text-decoration: none;
	color: #0066FF;
}

a:hover,
a:active {
	text-decoration: none;
	color: #0099FF;
}

img{border:none;}

p{
	margin:0 0 1em 0;
	padding:0;
}

#container{
	width:1000px;
	margin:30px auto 0;
	padding:0;
	text-align:left;
}


table{
  border-collapse:collapse;
}


/* Header Parts
---------------------------------------------------------------------*/
#header{
	width:1000px;
	height:70px;
	margin:0;
	padding:0;
}

h1{
	font-size:9px;
	font-weight:normal;
	color:#dddddd;
	margin:0;
	padding:0;
}


#dmaxLogo{
	width:116px;
	height:71px;
	margin:0;
	padding:0;
	float:left;
}

#homeCol{
	width:178px;
	margin:0;
	padding:0;
	float:right;
}

#nexsLogo{
	width:149px;
	height:49px;
	margin:0;
	padding:0 0 0 20px;
}

#ubitechLogo{
	width:149px;
	height:49px;
	margin:0;
	padding:0 0 0 20px;
}


#subNavi02{
	width:156px;
	height:21px;
	margin:0;
	padding:0 0 0 25px;
	background:url(../images/subNavi02_bg.jpg) 0 0 no-repeat;
}

#subNavi02 ul{
	margin:0;
	padding:0;
}

#subNavi02 li{
	height:19px;
	margin:0;
	padding:2px 1em 0;
	white-space:nowrap;
	background:url(../images/subNavi_bg.jpg) 0 0 repeat-x;
	list-style:none;
	float:left;
}

#subNavi02 li a{
	display:block;
}

#subNavi02 li a:link {
	color:#fff;
	text-decoration:none;
}

#subNavi02 li a:visited {
	color:#fff;
	text-decoration:none;
}

#subNavi02 li a:hover {
	color:#FFFF00;
	text-decoration:none;
	font-size:12px;
}

#subNavi02 li a:active {
	color:#FFFF00;
	text-decoration:none;
}

#imgLarge{
	width:1000px;
	margin:3px 0px;
	padding:0;
}

#headerVideo{
	width:1000;
	height:320;
	margin:0 auto;
}



/* Global Navigation
---------------------------------------------------------------------*/

#gloNavicol{
	width:813px;
	height:55px;
	float:left;
	margin:0;
	padding:15px 0 0 0;
}

#gloNavi{
	width:677px;
	margin:0;
	padding:0;
}

#gloNavi li{
	width:140px;
	margin:0;
	padding:0 1em;
	float:left;
	list-style:none;
	text-align:center;
	background:url(../images/gloNavi_li_bg.gif) right no-repeat;
}

#gloNavi li a{
	display:block;
	font-weight:bold;
	font-size:14px;
	display:block;
	width:100%;
}

#gloNavi li a:link {
	color:#666666;
	text-decoration:none;
}
#gloNavi li a:visited {
	color:#666666;
	text-decoration:none;
}
#gloNavi li a:hover {
	font-size:16px;
	color:#000033;
	text-decoration:none;
}
#gloNavi li a:active {
	color:#666666;
	text-decoration:none;
}



/* Sub Navigation
---------------------------------------------------------------------*/

#gloNavicol .subNavi{
	width:100%;
	margin:0;
	padding:0;
	position: absolute;
	font-size:12px;
	padding:0 13px;
	background:url(../images/subNavi_bg_head.jpg) 0 0 no-repeat;
}

#gloNavicol .subNavi li{
	float:left;
	height:20px;
	margin:0;
	padding:1px 1em 0;
	white-space:nowrap;
	list-style:none;
/*	background:url(../images/subNavi_bg.jpg) 0 0 repeat-x;*/
}

#gloNavicol .subNavi li a{
	display:block;
}

#gloNavicol .subNavi li a:link {
	color:#fff;
	text-decoration:none;
}
#gloNavicol .subNavi li a:visited {
	color:#fff;
	text-decoration:none;
}

#gloNavicol .subNavi li a:hover {
	color:#FFFF00;
	text-decoration:none;
	font-size:12px;
}
#gloNavicol .subNavi li a:active {
	color:#FFFF00;
	text-decoration:none;
}

#menu0, #menu1, #menu2, #menu3{
	position:relative;
	visibility:hidden;
	top:15px;
	background:url(../images/subNavi_bg_head.jpg) 0 0 no-repeat;
}

#menu0 {
	left:25px;
}

#menu1 {
	left:40px;
}

#menu2 {
	left:115px;
}

#menu3 {
	left:175px;
}



/* TOP
---------------------------------------------------------------------*/
h2{
	font-size:14px;
	color:#24558d;
}

#newsCol{
	width:460px;
	margin:0;
	padding:15px 0;
	float:left;
}
#news{
	width:460px;
	margin:0;
	padding:0;
}
#news h2{
	width:200px;
	margin:0;
	padding:0;
	float:left;
}

.more{
	float:right;
	font-size:11px;
	background: url(../images/more_arrow.gif) 0 5px no-repeat;
	margin:0;
	padding:0 0 0 14px;
}

#news ul{
	margin:0;
	padding:0 0 0 1.5em;
	height:150px;
}

#news ul li{
	margin:0;
	padding:0.1em 0;
	border-bottom:#cccccc dashed 1px ;
	list-style:disc;
}
#news ul li a{
	display:block;
	width:100%;
}
#news ul li a:hover{
	background:#dce4eb;
}
	
#quickLink{
	width:460px;
	margin:0;
	padding:0;
}

#newProduct{
	width:518px;
	margin:0;
	padding:15px 0;
	float:right;
}

#newProduct img{
	float:left;
}

#quickLink #btnS{
	width:287px;
	margin:0;
	padding:0;
	float:left;
}
#quickLink #btnS img{
	float:left;
	margin:0;
	padding:0 4px 2px 0;
}

#quickLink #btnL{
	margin:0;
	padding:0;
	float:right;
}

#top h2{
	margin:0;
	padding:0 0 0.5em 0;
	color:#004680;
	font-size:12px;
	font-weight:bold;
}

#quick_link{
	width:460px;
	margin:0;
	padding:0;
	border-top:#cccccc solid 1px ;
}

#a1 {
	margin:0 auto;
	padding:0;
	color:#212121;
	font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
}

/* Contents Properties
========================================================================*/
#contents{
	width:1000px;
	margin:0;
	padding:0;
}




/* Local Navigation
---------------------------------------------------------------------*/

#localNavicol{
	width:175px;
	margin:0;
	padding:0;
	float:left;
}

#localNav{
	width:150px;
	margin:0;
	padding:0;
	list-style:none;
}

#localNav li{
	margin:0;
	padding:0;
	border-bottom:#CCCCCC solid 1px;
}

#localNav li a{
	margin:0;
	padding:0.5em;
	display:block;
	font-weight:bold;
	display:block;
	width:100%;
}

#localNav li a:link {
	color:#666666;
	text-decoration:none;
}

#localNav li a:visited {
	color:#666666;
	text-decoration:none;
}

#localNav li a:hover {
	color:#000033;
	text-decoration:none;
	background:#dce4eb;
}

#localNav li a:active {
	color:#666666;
	text-decoration:none;
}


/* Nesting Local Navigation
---------------------------------------------------------------------*/

#nestingNav{
	margin:0 0 20px 20px;
	padding:0;
}

#nestingNav li{
	border:none;
	margin:0;
	padding:0;
}
#nestingNav .current{
		background:#dce4eb;
}

#nestingNav li a{
	margin:0;
	padding:0;
	display:block;
	font-weight:normal;
	display:block;
	width:100%;
}

#nestingNav li a:link,
#nestingNav li a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:normal;
}

#nestingNav li a:hover,
#nestingNav li a:active {
	color:#0066FF;
	text-decoration:none;
}

#nestingNav .sub{
	margin-left: 3px;
	list-style-type: none;
}

/* Topic Path 〜パンくずリスト〜
---------------------------------------------------------------------*/

#topicPath{
	margin:20px 0;
	padding:0;
	height:2.3em;
	border:1px solid #dedede;
	font-size:10px;
	letter-spacing:0.1em;
}

#topicPath ul,#topicPath li{
	list-style-type:none;
	padding:0;
	margin:0;
}

#topicPath li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		

#topicPath li a {
	background: url(../images/topicPath.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#topicPath li a:link,
#topicPath li a:visited {
	color:#777;
	text-decoration:none;
	}	
#topicPath li a:hover,
#topicPath li a:focus {
	color:#dd2c0d;
	}



/* Main Contents Properties
---------------------------------------------------------------------*/

#contents h2{
	width:175px;
	margin:0;
	padding:0;
}


#content{
	width:799px;
	/*824*/
    min-height:450px;
    height:auto !important;
    height:450px;
	margin:0;
	padding:0 0 30px 25px;
	border-left: #CCCCCC 1px solid;
	float:right;
}

#contents h3{
	width:795px;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	background:url(../images/h3_line.gif) bottom no-repeat;
	color:#003399;
}

#contents h3 span{
	margin:0;
	padding:0 0 0 1em;
	font-size:10px;
	font-weight:normal;
}

.linkbox{
	width:354px;
	margin:0 15px 0 0;
	padding:10px;
	float:left;
	border-bottom:#CCCCCC solid 1px;
	overflow:hidden;
	position:relative;
}

.box_lens{
	width:354px;
	margin:0 15px 0 0;
	padding:10px;
	float:left;
	border-bottom:#CCCCCC solid 1px;
	overflow:hidden;
	position:relative;
}

.box_hover{
	background:#dce4eb;
	cursor:pointer;
}

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}

.readmore{
	margin:0.5em 0;
	padding:0;
	font-size:10px;
}

.thumbnail{
	width:130px;
	height:130px;
	margin:0;
	padding:0;
	float:left;
	vertical-align:middle;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
}

.linkbox .detail{
	width:210px;
	margin:0;
	padding:0;
	float:right;
	font-size:11px;
}

.box_lens .detail{
	width:210px;
	margin:0;
	padding:0;
	float:right;
	font-size:11px;
}

h4{
	margin:0 0 10px 0;
	padding:0 0 0 6px;
	border-left:#00CCFF 3px solid;
	font-size:14px;
}

#pictCol{
	width:217px;
	height:217px;
	margin:0;
	padding:0;
	float:left;
}

#swpImg{
	margin:0 0 10px 0;
	padding:0;
	border:#81aecd 2px solid;
}

#chgBtn{
	width:217px;
	height:47px;
	margin:0;
	padding:0;
}

#read{
	width:385px;
	margin:0 15px;
	padding:15px;
	float:left;
	display:inline;
	border:#CCCCCC 1px solid;
}

#read h4{
	padding: 6px;
	border-left:none;
	border-bottom:#CCCCCC 1px solid;
}
	
#read .detail{
	margin:0 30px 30px;
	padding:0;
}

#read .detail li{
	margin:0;
	padding:0.5em 0;
}

.document {
	margin:0 0 20px 0;
	padding:5px 0;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
}

.document a{
	margin:0;
	padding:0 1em;
	border-right:#CCCCCC 1px solid;
}

.document a:link,
.document a:visited {
	color:#666666;
	text-decoration:none;
}
.document a:hover,
.document a:active {
	color:#dd2c0d;
	text-decoration:none;
}

.document .email a{
	margin:0 0 0 50px;
	padding:0 1em;
	border:none;
}

#adobe{
	margin:0;
	padding:10px;
	border:#CCCCCC solid 1px;
	font-size:10px;
	line-height:1.2em;
}

#adobe img{
	margin:0 5px 5px 0;
	padding:0;
	float:left;
}

.zoom{
	margin:0;
	padding:2px 0 0 50px;
	background:url(../images/ico_zoom.gif) 0 0 no-repeat;
	font-size:10px;
	line-height:1.2em;
}

#bnrArea{
	width:127px;
	margin:0;
	padding:0;
	float:left;
}

#bnrArea img{
	float:left;
}

#bnrArea a img{
	filter:none; 
}

#bnrArea a:hover img{
	filter:alpha(opacity=40); -moz-opacity:0.40; opacity:0.40; -khtml-opacity:0.40; 
}





/* Company Properties
---------------------------------------------------------------------*/
#vision li{
	margin:1.5em 0;
	padding:0;
}

.base{
	margin:10px 0 25px;
	padding:0;
}
.speech{
	margin:25px 0 25px;
	padding:0;
	line-height:1.8em;
}

#client li{
	margin:1.5em 0;
	padding:0;
	list-style-type: square;
}



/* Support Properties
---------------------------------------------------------------------*/
h5{
	margin:0.5em 0;
	padding:0 0 0.5em;
	font-size:14px;
	border-bottom: #CCCCCC dashed 1px; 
}

.type{
	margin:15px 0;
	padding:10px;
	border:#CCCCCC 1px solid;
	background:#fdfeff;
}

.type .thumbnail{
	width:130px;
	height:130px;
	margin:0 10px 10px 0;
	padding:0;
	float:left;
	vertical-align:middle;
	border: none;

}
.txtBtn a{
	margin:0;
	padding:2px 2px 2px 9px;
	background:url(../images/arrow.gif) 0 6px no-repeat;
}





/* Footer
---------------------------------------------------------------------*/
#copyright{
	margin:0;
	padding:30px 0 54px 0;
	background:url(../images/copyright_bg.jpg) 0 0 repeat-x;
	color:#666666;
	clear:both;
}



/**/

.reset {
	clear:both;
	display:block;
	margin:0;
	padding:0;
	width:auto;
	height:1px;
	font-size:1px;
	line-height:1px;
}




/* Counter
---------------------------------------------------------------------*/
#counter{
	margin:5px;
	color:#ffffee;
	font-size:9px;
}

#counter a:link {
	color:#fff;
	text-decoration:none;
}

#counter a:visited {
	color:#fff;
	text-decoration:none;
}

#counter a:hover {
	color:#FFFF00;
	text-decoration:none;
	font-size:12px;
}

#counter li a:active {
	color:#FFFF00;
	text-decoration:none;
}


/* Spec page
----------------------------------------------------------------------*/
#spec_table {
	margin:15px 5px 20px 5px;
	border:#E4AC5B 1px solid;
	
}

#spec_table td {
	background-color:#EEEEEE;
	padding:2px 10px;
	text-align:left;
}

#spec_table .sp_model {
	background-color:#E4AC5B;
	color:#FFFFFF;
	text-align:center;
}

#spec_table .sp_title {
	background-color:#FCF6EE;
	border-right: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
}

#model_size {
	width:400px;
	height:300px;
	border:#E4AC5B 1px solid;
	margin:5px 5px 5px 5px;
}

#size_title {
	width:390px;
	height:20px;
	background-color:#FCF6EE;
	text-align:left;
	padding:3px 0px 0px 10px;
}

/*Lens index page
------------------------------------------------------*/
.rt {
	margin: 15px;
	border: #AAAAAA 1px solid;
}

.style2 {
		color: #EEEEEE;
}


#e {
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#212121;
	font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
}

#e_back {
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#212121;
	font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
}

#emain {
	text-align: center;
	width: 510px;
	margin:0 auto;
}


/*	2020.2.28 HP上プルダウンメニュー変更css　*/


/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.pdmenu {
   margin: 0px 0px 0px 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 5px; /* メニューバー内側の余白(左に15px) */
   background-color: #3b240b; /* バーの背景色(濃い茶色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.pdmenu li {
   width: 125px;           /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ul.pdmenu a {
   background-color: #3b240b; /* メニュー項目の背景色(濃い茶色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.pdmenu a:hover {
   background-color: #dba901; /* メニュー項目にマウスが載ったときの背景色(淡い黄土色) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}


/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.pdmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.pdmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
   z-index:100;			/*  ディスプレイが画像の裏になってしまうのを防止 */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.pdmenu ul li {   /* ※A */
   width: 135px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid #81f7be; /* 項目上側の枠線(パステルグリーン色で1pxの実線) */
}
ul.pdmenu ul li a {   /* ※B */
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 8px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
ul.pdmenu ul li a:hover {   /* ※C */
   background-color: #088a85; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #0b1907;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}