/*
(C)2008 HOYA Corporation. All Rights Reserved .
-------------------------------------------------------------*/

@import url("title.css");
@import url("content.css");
@import url("news_top.css");
@import url("support.css");


/*----------------------------------------
basic
-------------------------------------------*/
body {
    margin: 20px 0 20px 0;
    background-color: #FFFFFF;
    color:#333;
    font-size:12px;
	margin-top:0;
	}
	
/* safari only */
html:¡?66irst-child body {
	font-size:12px;
}


html *body {
	font-size:75%;
	}


/* end */

/*img{border:none;
	vertical-align:top;}*/

a {text-decoration: none;
	outline:0;}
a:link {color: #537d90;}
a:visited {color: #537d90;}
a:active {color: #537d90;}
a:hover {color: #537d90; text-decoration:underline;}

a img{border:none;}

img { -ms-interpolation-mode: bicubic; } 


/*br{line-height:0;}*/
.size1{
	font-size:10px;
	letter-spacing:0.01em;}
	
h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,p{margin:0; padding:0;}



/**/
#contr{
	text-align:center;}

#container{
	width:760px;
	margin:0px auto 10px auto;
	text-align:left;}
	
#nav_left{
	width:170px !important;
	width /**/:190px; 
	padding-left:20px;
	float:left;
	margin:0 0 10px 0;
	padding-bottom:10px;
	background-color:#FFF;}

#content{
	width:570px;
	float:right;
	margin:0 0 10px 0;
	overflow:hidden;
}

#content.products{
	width:760px;
}
	
p{line-height:1.6em; margin:0.5em 0;}
	

#box_right{
	float:left;
	width:330px !important;
	width/**/:330px;
	margin:0 20px 0 0;
}


p.banner_left{
	margin:20px 0;}

fieldset{
	border: none;
}

legend
{
	display: none;
}

table
{
  text-align: left;
}



/*index*/	
#pan{
	font-size:10px;
	letter-spacing:0.02em;
	margin:10px 0;}
	
	
/*----------------------------------------
common
-------------------------------------------*/	
#error{
	margin:4px 0;
	padding:5em 0;}
	
#error p.main{
	color:#FF0000;
	font-weight:bold;
	font-size:120%;
	margin:1em 0;}

#error ul{
	margin:1em 0 1em 2em;
	line-height:1.6;}
	

/*----------------------------------------
clearfix
-------------------------------------------*/
.clearfix:after,
.nav_sub_support_repair:after,
#header:after,
#nav li:after,
#header:after,
#top_nav:after,
#top_link:after,
#nav_division:after,
#top_link:after,
#header:after,
.box:after,
ul.btn:after,
#pressrelease div.outline:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	}
	
* html .clearfix {
	display:inline-block;
	}

/* IE7 */ 		
*:first-child+html .clearfix {
	display:inline-block;
	}





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

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

	
	
h3.title{
	font-size:15px;}
	

h4#products,
h4#common,
h4.common,
h3#support{
	clear:both;
	padding:8px 10px;
	background-color:#EEE; 
	font-weight:bold;
	font-size:13px;
	letter-spacing:0.1em; 
	margin:0 0 10px 0; 
	border-left:solid 9px #DDD;
	border-top:solid 1px #DDD;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	position:relative;}
	
h4.subtitle{
	clear:both;
	border:solid 1px #DDD;
	background-color:#F6F6F6;
	padding:10px;
	font-weight:bold;
	font-size:110%;
	margin:2em 0 1em 0;
}
	
h5,
#sitemap h3{
	clear:both;
	/*border-top:solid 3px #DDD;*/
	border-bottom:solid 3px #DDD;
	margin:2.5em 0 10px 0;
	/*background-color:#F2F2F2;*/
	padding:0 0 7px 0;
	text-align:left;
	font-size:120%;
	letter-spacing:0.02em;
}
	
h6{
	margin:10px 0 10px 0;
	padding:20px 0 0px 10px;
	color:#666;
	text-align:left;
	border-left:solid 7px #CCC;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.02em;
	line-height:140%;
}
	
.catch{
	font-weight:bold;
	font-size:14px;
	color:#666;
	margin:0.5em 0;
	padding:0;}


#content .box_products p img{
	margin:0 0 3px 0;}



	
/*----------------------------------------
footer
-------------------------------------------*/

#footer{
	position:relative;
	clear:both;
	font-size:10px;
	letter-spacing:0.05em;
	border-top:solid 1px #DDD;
	margin:10px 0 0 0;
	padding:10px 0 20px 0;
	letter-spacing:0 !important;
	letter-spacing/**/:0.1em;
	}
	
*:first-child+html #footer{letter-spacing:0.1em;}

	
#footer a:{text-decoration: none;}
#footer a:link {color: #333;}
#footer a:visited {color: #333;}
#footer a:active {color: #FF0000;}
#footer a:hover {color: #333;}

#footer ul{
	list-style:none;
	margin:0; padding:0;
	}
#footer ul li{
	display:inline;
	margin-right:0.8em;
	padding-right:0.8em;
	border-right:solid 1px #DDD;}
#footer p.copy{
	position:absolute;
	top:35px; right:0px;
	}
	
	
/*----------------------------------------

-------------------------------------------*/
#nav_division{
	margin:11px 0 0 0;
	float:left;
	width:760px;
}

	
#nav_division ul{
	list-style:none;}
#nav_division ul li{
	float:left;
	margin:0 11px 8px 0;}
#nav_division ul li.margin_no{
	margin-right:0;}
	


	
#sub_contents{
	width:515px !important;
	width/**/:515px;
	float:left;
	margin:0px 0 10px 0;
	padding:10px 0 10px 10px;
	border-right:solid 1px #DDD;
}
#sub_contents h2.title{
	padding:0;}
	
#sub_contents ul{
	margin:0; padding:0;
	list-style:none;}
#sub_contents ul li{
	float:left;
	border-bottom:dotted 1px #DDD;
	padding:10px 0;
	margin-right:10px !important;
	margin-right/**/:6px;
	}
#sub_contents.imaging ul li{
	padding:30px 0;}
#sub_contents ul li.border img{
	padding-right:10px;
	border-right:dotted 1px #DDD;
	}
	
h4#products p.pastnews_list{
	position:absolute;
	top:0.5em;
	right:10px;
	font-weight:normal;
	font-size:90%;
	padding-left:15px;
	background:url(../image2/arrow_n2.gif) no-repeat center left;
}

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

-------------------------------------------*/
/**/
#nav_left ul{
	border-left:solid 1px #DDD;
	border-right:solid 1px #DDD;
	list-style:none;
	margin:0; padding:0;}
#nav_left li{display:block;
	margin:0; padding:0;}
	
#nav_left .off{
	border-bottom:solid 1px #DDD; 
	padding:5px 3px ;text-align:left; 
	background:#F7F7F7;
	line-height:150%;}
#nav_left .off img{
	margin-left:5px;}
#nav_left .on{
	border-bottom:dotted 1px #DDD; 
	padding:5px 3px ;text-align:left; 
	background:#EEE;
	line-height:150%;}
#nav_left .on2{
	border-bottom:solid 1px #DDD; 
	padding:5px 3px ;text-align:left; 
	background:#EEE;
	line-height:150%;}
#nav_left .on_menu{
	border-bottom:solid 1px #DDD;
	background-color:#EEE;
	padding:5px 5px 5px 15px;
	text-align:left;
	margin:0;
	line-height:1.5em;
	*border-left:solid 1px #DDD;
}

#nav_left .on_menu ul.menu_sub,
#nav_left .on_menu ul.menu_sub2{
	border:none;
	line-height:1.2em;
	list-style:none;
	}

#nav_left .on_menu ul.menu_sub li{
	padding:0.4em 0;
	margin:0 0 0 12px;
	list-style:none;
}
#nav_left .on_menu ul.menu_sub2 li{
	padding:0.4em 0;
	margin:0 0 0 24px;
	list-style:square !important;
}

/*Old table nav_____*/
#nav_left_old ul.menu_sub li{
	list-style:none;
	padding:0.3em 0;
	margin:0 0 0 12px;}

/*___end*/


#nav_left ul.off-bottom{
	padding:5px 5px 0 3px ;
	text-align:left; 
	background-color:#F7F7F7;
	line-height:160%;
	margin:0;}
#nav_bottom{
	clear:both;
	font-size:10px;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	border-top:solid 1px #DDD;
	}
#nav_bottom a:{text-decoration: none;}
#nav_bottom a:link {color: #333;}
#nav_bottom a:visited {color: #333;}
#nav_bottom a:active {color: #FF0000;}
#nav_bottom a:hover {color: #333;}
	

	

/**/
#nav_left .products .off a{
	padding-left:18px;
	background:url(/japan/image2/arrow_n2.gif) no-repeat 5px center ; display:block;
	line-height:1.2em;}
#nav_left .products .on2 a,#nav_left .products .on a{
	padding-left:18px;
	background:url(/japan/image2/arrow_n2.gif) no-repeat 5px center; display:block;
	line-height:1.2em;}
#nav_left ul.off-bottom a{
	padding-left:18px;
	background:url(/japan/image2/arrow_n3.gif) no-repeat 5px center; }





/**/
.caution,
p.caution{
	clear:both;
	font-size:10px;
	color:#666666;
	margin:10px 0 10px 0;
	line-height:150%;
	letter-spacing: 0.05em;
	font-weight: normal;
}

.caution img,
p.caution img{
	vertical-align:middle;}
.caution.ht,
p.caution.ht{
	 line-height:1.8;}

.caution_box{
	border:dotted 1px #DDD; 
	padding:15px; 
	margin:10px 0;
	line-height:1.6em;}
	
.caution2{
	border:dotted 1px #FF3300;
	padding:10px;
	color:#ff0000;
	margin:30px 0 0 0;
}
p.new{
	font-size:90%;
	color:#FF0000; 
	padding:0; margin:3px 0 0 0; 
	letter-spacing:0.1em; line-height:100%;}



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

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

div.products_main_image
{
  margin-bottom:15px;
  }

#nav_products{
	margin:10px 0 10px 0;
	padding:0;
	border-bottom:solid 1px #DDD;
	clear:both;
}
#nav_products li{
	display:inline;
	margin:0; padding:0;}
#nav_products .bt{margin-right:1px;}

#nav_products li a:hover{
    /* IE */
    filter: alpha(opacity=70);
	background-color:#FFF;
    /* Safari Opera */
    opacity:0.70;
    /* Firefox Netscape */
    -moz-opacity:0.70;
}

.ttl_headpage{
	padding:8px 8px 8px 8px;
	background-color:#EEE;
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
}
.ttl_headpage a{
	background:url(/japan/image2/arrow_n2.gif) no-repeat left center;
	padding:8px 8px 8px 15px;}
	
.products_headpage_link2{
	padding-left:15px;
	background:url(/japan/image2/arrow_n3.gif) no-repeat 5px center ;}



.top_list{margin-bottom:10px;}
.top_list .top{
	padding:0px 2px 0 10px; 
	border:solid 1px #DDD;
	text-align:left;
	line-height:160%;}
.top_list dd{
	font-weight:bold;
	margin:0; padding:10px 0 5px 0; 
	border-top:dotted 1px #DDD; 
	font-size:14px;}
.top_list dt{
	margin:0; padding:0; 
	font-size:10px; line-height:140%;letter-spacing:0.05em; }
	

h4#products .date{
	color:#FF0000;
	font-size:10px;
	font-weight:normal;
	margin-left:1.5em;
	}


h4 .catalog,
h4 .others{
	position:absolute;
	top:10px;
	right:15px;
	font-size:12px;
	letter-spacing:0.05em;
	font-weight:normal;
	line-height:15px;	/*background:url(/japan/image2/arrow_01.gif) no-repeat;
	padding:0 0 0 7px;*/
}

h4 .catalog a{
	background:url(../image2/icn_pdf.gif) no-repeat center left;
	padding:5px 0 5px 20px;
	margin-left:1em;
	}
h4 .catalog a.txf{
	background:none;
	margin-left:0em;
	}

	
dl.catalog_item{
	font-size:100%;
	margin:1em 0;
	line-height:1.5;
	padding:10px;
	border:solid 1px #DDD;}
dl.catalog_item dt{
	font-weight:bold;}
dl.catalog_item dd{
	margin-left:1em;}
	

#spec_list,
.spec_list,
.recruit_list,
.support_list,
.press_list{
	border-top:solid 1px #DDD;
	border-left:solid 1px #DDD !important;
	margin:0 0 10px 0;
	line-height:1.6;
	}
#spec_list td,
.spec_list td,
.recruit_list td,
.support_list td,
.press_list td{
	border-bottom:solid 1px #DDD;
	border-right:solid 1px #DDD;
	padding:5px 10px;
	}
#spec_list th,
.spec_list th,
.recruit_list th,
.support_list th,
.press_list th{
	padding:5px 10px;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	letter-spacing:0.1em;
	background-color:#F7F7F7;
	line-height:1.3;
	text-align: left;
}

#memori_list,
.faq_list{
	border-top:solid 1px #DDD;
	border-left:solid 1px #DDD !important;
	margin:0 0 20px 0;
	font-size:10px;
	border-collapse:collapse;
}
#memori_list td,
.faq_list td{
	border-right:solid 1px #DDD; 
	border-bottom:solid 1px #DDD;
	padding:3px;
	text-align:center;}

.faq_list td.txt,
.faq_list th.txt{
	text-align:left;}
.faq_list th{
	font-weight:normal;}

#memori_list th,
.faq_list th{
	border-right:solid 1px #DDD; 
	border-bottom:solid 1px #DDD;
	padding:3px;
	background-color:#F7F7F7;
	text-align:center;}

.list_table{margin-bottom:10px;}
.list_table .acc{
	padding:5px; 
	border:solid 1px #DDD;
	text-align:center;}
.list_table dd{
	font-weight:bold;
	margin:0; padding:10px 0 5px 0; 
	border-top:dotted 1px #DDD; 
	font-size:14px;}
.list_table dt{
	margin:0; padding:0; 
	font-size:10px;letter-spacing:0.1em; }

table.data{
  font-size:85%;
  border-collapse:collapse;
  width:385px;
  }
table.data th,
table.data td{
  padding:5px;
  line-height:1;
  border:solid 1px #DDD;
  }
table.data th{
  background-color:#F7F7F7;
  font-weight:normal;
  text-align:left;
  width:100px;
  }

.ex{margin-bottom:20px;}
.ex_photo{
	width:170px; float:left;
	margin-right:10px;
	text-align:center;}

.faq_answer{
	border-bottom:solid 1px #DDD;
	margin:0 0 30px 0;}

ul.faq{
	margin:0; 
	padding:0;}
ul.faq li{
	display:block;
	margin:0 0 8px 0; 
	background:url(/japan/image2/arrow_n4.gif) no-repeat left center; 
	padding-left:13px;
	list-style:none;}

dl.faq dt,
dl.faq2 dt{
	font-weight:bold; 
	margin-bottom:10px; 
	background:url(/japan/image2/q.gif) no-repeat; 
	padding-left:20px;
	line-height:160%;
	clear:both;
	/*color: #4d76c0; */}
dl.faq dt:hover{
	text-decoration:underline;}
/*dl.faq dt{font-weight:normal;}*/
dl.faq dd,
dl.faq2 dd{
	line-height:160%; 
	margin:0 0 20px 0;
	background:url(/japan/image2/a.gif) no-repeat; 
	padding-left:20px;
	line-height:160%;}
	
dl.faq ul,
dl.faq ol,
dl.faq2 ul,
dl.faq2 ol{
	margin:0 0 0 25px;}
	
.faq_top5{
	border:double 3px #DDD;
	padding:0px 10px 10px 10px;
	margin:10px 0 20px 0;
	list-style:none;}
	
.to-top{
	margin:10px 0 10px 0;
	background:url(/japan/image2/to_top.gif) no-repeat center right;
	padding:0 12px 0 0;
	text-align:right;
	font-size:10px;
	letter-spacing:0.05em;
	clear: both;
}

.app{padding:30px 15px;
	background-color:#DFE3E7;
	margin:0 15px 5px 0;
	font-weight:bold;
	font-size:13px;
	width:100px;
	text-align:center;
	float:left;}

/**/
.box_products{
	width:257px;
	margin:0 5px 10px 5px !important;
	margin/**/:0 4px 10px 4px;
	padding:8px !important;
	padding/**/:7px;
	float:left !important;
	border: solid 1px #DDD !important;
	position:relative !important;
	list-style:none;
	border-radius: 3px;
	 -webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}

ul.heightLineParent.accessory li{
	text-align:center;
	font-size:85%;
	list-style:none;
}

.box_products img.top_image{
	float:right;
	margin:0 0 0 10px;}

.box_products p.spec{
	font-size:10px;
	letter-spacing:0.05em;
	border-top:dotted 1px #DDD;
	padding:5px 0 0 0 !important;
	}
.box_products .link{
	position:absolute;
	top:20px;
	right:10px;
}
.box_products .link_sp{
	position:absolute;
	top:10px;
	right:10px;
}

.box_products  p.main_image{
	float:left;}

.box_products .link img{
	margin:-2px 0;}
.box_products p.lead{
	clear:both;}
.box_products p.new{
	font-size:10px;
	letter-spacing:0.1em;
	color:#FF0000;
	text-align:center;}
.box_products p.end{
	font-size:10px;
	letter-spacing:0.1em;
	text-align:center;}


.box_products2{
	clear:both;
	margin:0 5px 10px 5px;
	padding:8px;
	border: solid 1px #DDD;
}

.box_products2 h4.link{
	background:url(/japan/image2/arrow_n3.gif) no-repeat 10px center #EEE;
	padding:5px 10px 5px 23px;
	background-color:#F2F2F2;
	margin:0 0 5px 0;
	font-size:13px;
	font-weight:bold;
	}

.box_products2 p{
	padding:0 0 10px  20px;}


.box_support{
	width:312px !important;
	width/**/:312px;
	margin:10px 0 !important;
	padding:8px !important;
	padding/**/:7px;
	border: solid 1px #DDD;
}

.box_support img{
	float:right;
	border-left:solid 10px #FFF;}

.box_support ul{
	list-style:none;
	}
.box_support ul li{
	background:url(../image2/arrow_n2.gif) no-repeat center left;
	padding:0 0 0 15px;
	margin:0.5em  0 0 0;}
	


.box_half{
	width:352px;
	margin:0 5px 10px 5px !important;
	margin:0 4px 10px 4px;
	padding:8px !important;
	padding:7px;
	float:left;
}


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

----------------------------*/
#procurement ul.main_list{
	margin:20px 0 20px 30px;
	line-height:2em;
	border-top:dotted 1px #DDD;
	}
#procurement ul.main_list li{
 	border-bottom:dotted 1px #DDD;
	padding:8px 0;}
#procurement ul.main_list li a{font-size:110%;}

#procurement div.caution_box h4{
	font-size:120%;
	margin:0 0 10px 0;
	padding:5px 10px;
	background-color:#EEE;}
#procurement div.caution_box ul.info{
	list-style:none;}
#procurement div.caution_box ul.info li{
	line-height:1.8;}
 
/**/

.box,
.box_lens,
.box_acc{
	margin-bottom:10px;
	line-height:160%;
	clear:both;
}

.box2{margin-bottom:10px; line-height:160%;}
hr
{
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #DDD;
  height: 1px;
  margin: 1em 0;
  clear: both;
}

.button_detail{margin-bottom:3px;}


/**/
.fl_right{float:right;margin:0 0 5px 10px;}
.fl_right2{float:right;margin:0;}
.fl_left{float:left;margin:0 10px 5px 0;}
.fl_left2{float:left;margin:0 5px 0 0;}
.kaijyo_right{clear:right;}
.kaijyo_left{clear:left;}
.kaijyo_both{clear:both;}



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

----------------------------*/
.list_table3{
	border-top:solid 1px #DDD;
	border-left:solid 1px #DDD;
	border-collapse:collapse;
	margin:0 0 10px 0;
	font-size:10px;
	letter-spacing:0.05em;
	padding:0;
}
.list_table3 td{
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	padding:2px; line-height:150%;}
.list_table3 th{
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	letter-spacing:0.1em;
	background-color:#F7F7F7;
	padding:5px; }

.list_table2{margin:0 0 20px 0; font-size:12px;}

.list_table2 td{
	border-bottom:dotted 1px #DDD;
	padding:3px;
	line-height:150%;}

dl.products_index dt,
.acc_index dt{
	font-size:14px;
	font-weight:bold;
	border-bottom:dotted 1px #DDD;
	/*border-left:solid 3px #333;*/
	margin:0 0 10px 0;
	padding:10px 0 20px 0 !important;
	padding/**/:15px 0;}
dl.products_index dd,
.acc_index dd{
	margin:5px 0 0 0;
	line-height:1.6;}

dl.products_index .index_box,
.acc_index .index_box{
	padding:10px; 
	border:solid 1px #DDD; 
	line-height:150%;}



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

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

a.blank{
	/*zoom:1;*/
	background:url(/japan/image2/mark_blank.gif) transparent no-repeat right center;
	padding-right:1.5em;
	}


a.pdf{
	background:url(/japan/image2/icn_pdf.gif) no-repeat center right;
	padding-right:1.5em;
	}
	

a.only_digital{
	background:url(/japan/image2/mark_digitalonly.gif) no-repeat center right;
	padding-right:75px;
	}
	
p.tel{
	background:url(/japan/image2/mark_tel.gif) no-repeat center left;
	padding-left:1.5em;
	}
	
p.mail,
a.mail{
	background:url(/japan/image2/mark_mail.gif) no-repeat center left;
	padding-left:1.5em;
	}
	
.link_products{
	margin-bottom:5px;
	background:url(/japan/image2/arrow_n3.gif) no-repeat center left; 
	padding-left:10px;
	line-height:150%;}
	
/*p.b_system img{
	vertical-align:middle;
	margin-right:5px;
	padding:0.2em 0;
	}*/

p.b_system{
	background:url(/japan/image2/b_btn-pdf.gif) no-repeat center left;
	margin-right:5px;
	font-size:11px;
	letter-spacing:0.01em;
	padding:0 0 0 35px;
	height:26px;
	line-height:26px;
	display:block;
	}
	
p.b_system a{
	display:block;
	width:150px;}

p.b_system a span{
	color:#333;
	margin-left:4px;
	}
	
p.b_system a span {
	text-decoration: none;
	color:#333;
	outline:0;}
p.b_system a:hover {text-decoration:none;}

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

------------------------------------------------*/
#nav_left div.title{
	border-left:solid 5px #FE7A85;
	padding:2px 0 2px 8px;
	margin:2em 0 1em 0;
	letter-spacing:0.1em;}
/*#nav_left div.title{
	background:url(../image2/back_banner-ttl.gif) no-repeat;
	color:#FFF;
	line-height:18px;
	padding:0 0 0 10px;
	margin:15px 0 10px 0;
	font-size:10px;
	letter-spacing:0.1em;}*/
	
	
/*-------------

----------------------------*/
.acc_others
{
  clear:both;
  margin: 1em 5px;
  padding: 10px 10px 0 10px;
  border: solid 1px #DDD;
}

.acc_others p
{
  margin-bottom:1em;
  padding-bottom:10px;
  font-size: 10px;
  border-bottom:solid 1px #DDD;
  }
  
.acc_others p:last-child
{
  border-bottom: none;
  margin-bottom:0;
  }


/*----------------------------
clearfix
------------------------------------------------*/
.support_box:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	}
	
* html .clearfix {
	display:inline-block;
	}

/* IE7 */ 		
*:first-child+html .clearfix {
	display:inline-block;
	}