@charset "utf-8";
/**  

common.css   Date: 2008.06.07

==============================
Used Hacks are 

html>body .xxx{margin:10px} //for except IE
*html .xxx {width: 202px}  //for IE
behavior:url(iepngfix.htc) // png transparent for IE
*:first-child+html{}// for IE7
html* .xxx {width: 202px}  //for safari

@charset "shift_jis";

==============================

**/


/* Initial Setting */

*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%;font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック"}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.space_right {height: 140px}

.alpha a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

	
/* Initial Setting */


body{
	text-align:center;
	font-size:80%;
}

#wrapper{
	width:auto;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/** ******[ HEADER ]****** **/

#bg_hd {
	background-image: url(../images/lens_hd_bg.gif);
	background-repeat: repeat-x;
	background-position:top;
	height: 82px;
	text-align:center
}

#wrap_hd {
	height: 82px;
	text-align:left;
	width:849px;
	margin:0 auto
}

h1 a{
	background-image: url(../images/lens_logo.png);
	height: 70px;
	width: 168px;
	text-indent: -9999px;
	display: block;
	float:left;
	margin-top:2px
}


#wrap_right {float:right; position:relative;}


/** ******[ HD MENU ]****** **/


#hd_menu {
	background-image: url(../images/hd_menu2.png);
	height: 30px;
	width: 399px;
	margin:5px 0 0 0
}


#hd_menu li{
	float:left;
}


#hd_menu_03 a{
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 120px;
	margin-left:84px;
}

.pull_menu_1{
    position:absolute;
    top:26px;
    left:86px;
    visibility:hidden; 
    z-index:9999;
	font-size:11px;
	width:150px
 }
 
 .pull_menu_1 a{
   color:#FFFFFF;
   text-decoration:underline
 }
 
  .pull_menu_1 a:hover{
   color:#FF0000;
 }
 
.pulldown_wrap {
	background-color: #000;
	padding:2px;
	filter: alpha(opacity=80);
   -moz-opacity:0.8;
    opacity:0.8;
}

.menu_ a{
	background-color:#fff;
	height:auto;
	width:110px;
	border-bottom:solid 1px #ccc;
	display:block;
	padding:1px 5px;
	font-size:11px
}
*html .menu_ a{width:120px}

.menu_ a:hover{background-color:#000; color:#FF0000}

.menu_b a{
	background-color:#fff;
	height:auto;
	width:110px;
	display:block;
	padding:1px 5px;
	font-size:11px
}
*html .menu_b a{width:120px}

.menu_b a:hover{background-color:#000; color:#FF0000}




#hd_menu_04 {
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 57px;
}
#hd_menu_05 a{
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 20px;
	margin:1px 0 0 52px;
}
#hd_menu_06 a{
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 24px;
	margin:0px 0 0 7px;
}
#hd_menu_07 a{
	text-indent: -9999px;
	display: block;
	height: 28px;
	width: 28px;
	margin:0px 0 0 6px;
}


#hd_menu_05 a:hover{background-image: url(../images/bt_small_h.png)}
#hd_menu_06 a:hover{background-image: url(../images/bt_normal_h.png)}
#hd_menu_07 a:hover{background-image: url(../images/bt_large_h.png)}




/** ******[ SEARCH BOX ]****** **/

#search_w {text-align:right; margin:8px 10px 0 220px;}

html* #search_w {margin:-10px 10px 0 220px;}

*html #search_w {margin:10px 10px 0 220px;}

*:first-child+html #search_w {margin:10px 10px 0 220px;}

#sr_box {
	border:none;
	background-image: url(../images/search_box.gif)!important;
	height: 18px!important;
	width: 108px!important;
	float:left;
	padding:2px 0 0 22px;
	font-size:11px;
}

*html #sr_box {
	height: 20px;
	width: 130px!important;
}

*:first-child+html #sr_box {border:#fff}

#bt_sr {float:left; margin-left:2px}







/** ******[ CONTENTS ]****** **/

#wrap_cts {
	width: 848px;
	margin:-4px auto 0 auto;
	text-align:center
}

#cts_top {
	background-image: url(../images/lens_cts_top.gif);
	height: 10px;
	width: 848px;
	line-height:10px
}

#cts_mid {
	background-image: url(../images/lens_cts_mid.gif);
	background-repeat:repeat-y;
	height: auto;
	width: 848px;
	text-align:left
}

#cts_btm {
	background-image: url(../images/lens_cts_btm.gif);
	height: 10px;
	width: 848px;
}

#lens_swf {
	text-align: center;
}

#wrap_main {
	margin: 0px 14px 0 14px;
	height:auto;
	padding-top:10px
}

#wrap_main #left{
	height:auto;
	width:624px;
	float:left;
	margin-right:6px

}

*html #wrap_main #left{
	margin-right:3px

}

#wrap_main #right{
	height:auto;
	width:183px;
	float:left;
}


#lens_gb_menu {
	background-image: url(../images/lens_gb_menu_02.png);
	margin: 0 0 0 4px;
	height: 45px;
	width: 604px;
	position:relative
}

#lens_gb_menu li{
	float:left;
	text-indent:-9999px;
	display:block;
	position:absolute
}

#lens_gb_menu li a{
	float:left;
	text-indent:-9999px;
	display:block;
	height:45px;
	position:absolute
}

#lens_gb_01 {width:123px}
#lens_gb_02 {width:117px}
#lens_gb_03 {width:126px}
#lens_gb_04 {width:112px}
#lens_gb_05 {width:126px}

#lens_gb_01 a{width:123px;left:0}
#lens_gb_02 a{width:117px;left:123px}
#lens_gb_03 a{width:126px;left:240px}
#lens_gb_04 a{width:112px;left:366px}
#lens_gb_05 a{width:126px;left:478px}

#lens_gb_01 a:hover{background-image: url(../images/lens_menu_02_h.png);}
#lens_gb_02 a:hover{background-image: url(../images/lens_menu_03_h.png);}
#lens_gb_03 a:hover{background-image: url(../images/lens_menu_04_h.png);}
#lens_gb_04 a:hover{background-image: url(../images/lens_menu_05_h.png);}
#lens_gb_05 a:hover{background-image: url(../images/lens_menu_06_h.png);}

#lens_gb_01 .selected{background-image: url(../images/lens_menu_02_h.png);}
#lens_gb_02 .selected{background-image: url(../images/lens_menu_03_h.png);}
#lens_gb_03 .selected{background-image: url(../images/lens_menu_04_h.png);}
#lens_gb_04 .selected{background-image: url(../images/lens_menu_05_h.png);}
#lens_gb_05 .selected{background-image: url(../images/lens_menu_06_h.png);}

#title_whats {
	background-image: url(../images/title_whats.gif);
	margin: 20px 0 0 4px ;
	height: 26px;
	width: 590px;
	text-indent: -9999px;
	display: block;
}

#whats {
	margin: 20px 0 0 4px ;
	height: auto;
	width: 580px;
}

#whats a{
	color:#333333
}
#whats a:hover{
	color:#FF0000
}

#whats h3{
	background-image: url(../images/arrow_for_whats.gif);
	background-position: left 2px;
	margin:0 0 6px 10px;
	padding-left: 30px;
}

#whats h3 span{
	font-weight:bold;
	display:block;
}

#whats h3 a{
	text-decoration:underline
}

.txt_right{text-align:right}

#title_atx {
	background-image: url(../images/title_atx.gif);
	margin: 20px 0 0 4px ;
	height: 26px;
	width: 590px;
	text-indent: -9999px;
	display: block;
}

/** ******[ ACCORDION CONTENTS ]****** **/

.titles{ 
    cursor: hand;
    cursor: pointer;
	height: 18px;
	width: 331px;
}

.content{margin:10px 30px}

.content p{margin:10px 0 0 0}

#atx_01 {
	background-image: url(../images/title_atx_01.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_01 a{
	background-image: url(../images/title_atx_01.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_01 a:hover{background-image: url(../images/title_atx_01_h.gif);}

#atx_02 {
	background-image: url(../images/title_atx_02.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_02 a{
	background-image: url(../images/title_atx_02.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_02 a:hover{background-image: url(../images/title_atx_02_h.gif);}

#atx_03 {
	background-image: url(../images/title_atx_03.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_03 a{
	background-image: url(../images/title_atx_03.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_03 a:hover{background-image: url(../images/title_atx_03_h.gif);}

#atx_04 {
	background-image: url(../images/title_atx_04.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_04 a{
	background-image: url(../images/title_atx_04.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_04 a:hover{background-image: url(../images/title_atx_04_h.gif);}

#atx_05 a{
	background-image: url(../images/title_atx_05.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin: 10px 0 20px 20px
}
#atx_05 a:hover{background-image: url(../images/title_atx_05_h.gif);}

*:first-child+html #atx_05 a{margin: 10px 0 0 20px} 
*html #atx_05 a{margin: 10px 0 0 20px}

fieldset {
	border: 1px solid #FF9900;
	margin:0px 40px 20px 10px;
	height:auto;
	padding:10px 10px 20px 10px;
	text-align:center;
	font-weight:bold;
	color:#666666
}
html>body fieldset {margin:20px 40px 20px 10px}

legend {color:#666666; margin-left:10px;}

*html legend {padding:10px 0;}
*:first-child+html legend {padding:10px 0}


/** ******[ RIGHT NAVI ]****** **/


#right_top {
	background-image: url(../images/right_top.gif);
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 183px;
	line-height:13px
}

#right_mid {
	background-image: url(../images/right_mid.gif);
	background-repeat:repeat-y;
	height: auto;
	width: 183px;
}

#right_mid li a{
    color:#333333;
	text-decoration:underline
}
#right_mid li a:hover{
    color:#FF0000
}

#right_btm {
	background-image: url(../images/right_btm.gif);
	height: 13px;
	width: 183px;
	line-height:13px;
	margin-top:-1px
}

.r_navi {
	background-image: url(../images/bg_right_navi.gif);
	height: 18px;
	width: 170px;
	margin:0 0 0 7px;
	background-repeat: repeat-x;
	text-align:center
}

.r_navi a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px
}

.r_navi a:hover{
	color:#FF0000
}



#right_mid ul{
	width: 170px;
	margin:10px 0 0 8px
}

#right_mid li{
	width: 170px;
	padding-left:20px;
	margin:4px 0 10px 0;
	background-image: url(../images/arrow_for_whats.gif);
	background-position: left center;
	font-size:10px;
}

.line_r{
	height: 12px;
	background-image: url(../images/line_right.gif);
	width: 169px;
	margin: 10px 4px;	
}


/** FOR RIGHT BANNERS **/


.alpha {
	padding:4px 0 0 3px
}  
  
#rbn_01 a{
	background-image: url(../images/bn_01.png);
	text-indent: -9999px;
	display: block;
	height: 71px;
	width: 177px;
	margin:4px 0 0 2px
}
#rbn_01 a:hover{background-image: url(../images/bn_01_h.png)}

#rbn_02 a{
	background-image: url(../images/bn_02.png);
	text-indent: -9999px;
	display: block;
	height: 71px;
	width: 177px;
	margin:4px 0 0 2px
}
#rbn_02 a:hover{background-image: url(../images/bn_02_h.png)}

#rbn_03 a{
	background-image: url(../images/bn_03.png);
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 177px;
	margin:4px 0 0 2px
}
#rbn_03 a:hover{background-image: url(../images/bn_03_h.png)}

#rbn_04 a{
	background-image: url(../images/bn_04.png);
	text-indent: -9999px;
	display: block;
	height: 52px;
	width: 177px;
	margin:4px 0 0 2px
}
#rbn_04 a:hover{background-image: url(../images/bn_04_h.png)}

#rbn_05 a{
	background-image: url(../images/bn_05.png);
	text-indent: -9999px;
	display: block;
	height: 52px;
	width: 177px;
	margin:4px 0 0 4px
}
#rbn_05 a:hover{background-image: url(../images/bn_05_h.png)}

#rbn_06 a{
	background-image: url(../images/bn_06.png);
	text-indent: -9999px;
	display: block;
	height: 52px;
	width: 177px;
	margin:2px 0 0 4px
}
#rbn_06 a:hover{background-image: url(../images/bn_06_h.png)}




/** ******[ DETAILS ]****** **/

#lens_detail {
	margin: 40px 10px 0 10px;
}

#lens_detail a{
	color:#333333;
	text-decoration:underline
}
#lens_detail a:hover{
	color:#FF0000;
}

#left_detail {
	float:left;
	text-align:center;
	width:250px
}


#right_detail {
	float:left;
	padding-left:14px;
	width:320px;
}

#bt_dl {
	margin: 10px 0;
}



#spec {
	background-image: url(../images/title_speck.gif);
	height: 20px;
	width: 310px;
	text-indent: -9999px;
	display: block;
	margin: 10px 0 0 10px;
}

#mtf {
	background-image: url(../images/title_mtf.gif);
	height: 20px;
	width: 310px;
	text-indent: -9999px;
	display: block;
	margin: 10px 0 0 10px;
}

#left_mtf {
	float:left;
	padding-left:10px
}

#right_mtf {
	float:left;
	padding-left:10px
}

#right_detail p{
	margin:10px 0 0 10px;
}

#right_detail p img{
	margin:0 4px 0 0
}

.txt_center{
	text-align:center;
	font-size:80%
}

#lens_detail h4{
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	margin: 20px 10px 10px 10px;
	padding:4px 0 0 20px
}
*html #lens_detail h4{height: 28px;padding:6px 0 0 20px}



#coments p{
	padding:5px 20px
}

#wrap_detail {
	margin:0 0 0 10px
}

#wrap_detail table{
	border: 1px solid #000000;
	font-size:100%;
	width:580px
}

#wrap_detail th{
	background-image: url(../images/bg_slash_02.gif);
	background-repeat: repeat;
	padding: 5px 20px 5px 10px;
	border-bottom: 1px solid #000000;
	text-align:left;
	width:90px
}

#wrap_detail td{
	padding: 5px 20px 5px 10px;
	border-bottom: 1px solid #000000;
}

#wrap_detail p{
	padding:0!important;
	margin:0!important
}

#lens_detail h5{
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	width:260px;
	padding:4px 0 0 20px;
	margin-top:20px
}
*html #lens_detail h5{height: 28px;width:280px;padding:6px 0 0 20px}


#left_feat{
	float:left;
	padding-left:10px;
}

#right_feat{
	float:left;
	padding-left:20px;
}

#left_feat p{
	padding:0!important;
	font-size:80%
}

#right_feat p{
	padding:0!important;
	font-size:80%
}

.left_feat{
	float:left;
	padding-left:4px;
	width:111px;
	margin-top:10px
}

.right_feat{
	float:left;
	padding-left:16px;
	width:150px;
	margin-top:10px
}

.notice {
	color: #FF0000;
	margin-top: 30px;
}

#pagetop {
	margin: 20px 0;
	text-align:right
}

#right_detail #title{
    font-size:26px;
    font-weight:bold;
	color:#000000;
	margin-left:10px
}

#right_detail #sub{
    font-weight:bold;
	margin-left:12px;
	color:#333333
}

#right_detail #sub p{
    margin:0!important;
	padding:0!important
}

#sub a{
    color:#0066FF!important;
	text-decoration:underline!important
}

#sub a:hover{
    color:#CC0000!important
}

#hd_cat{
    margin-bottom:10px
}


#news_cat #title{
     font-size:16px;
    font-weight:bold;
	color:#000000;
	margin-left:10px;
	margin-top:20px
}


#news_cat #sub p{
    margin:12px 20px 0 12px;
}

#news_hd{
    text-align:center
}


#news_date{
    text-align:right;
	padding-right:20px;
	padding-top:20px
}




#wrap_list {
	margin:0
}

#wrap_list table{
	width:580px;
	background-color:#000000
}

#wrap_list th{
	background-image: url(../images/bg_slash_02.gif);
	background-repeat: repeat;
	padding: 5px 20px 5px 10px;
	text-align:left;
}

#wrap_list td{padding: 5px 20px 5px 10px;background-color:#FFFFFF}

.u_line {text-decoration: underline;}


/** ******[ TOOLTIP ]****** **/

#dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 100px;
    padding: 2px;
    background-color: #000;
    visibility: hidden;
    z-index: 100;
	color:#FF0000
}

#dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}






/** ******[ ICONS PAGE ]****** **/

#title_icons {
	background-image: url(../images/title_icons.gif);
	height: 27px;
	width: 602px;
	text-indent:-9999px;
	display:block;
	margin-top:20px
}

#wrap_icons {margin:20px 0 20px 0}

#wrap_icons table{
	width: 602px;
	background-color:#000000;
}

#wrap_icons th{
	background-image: url(../images/bg_slash_02.gif);
	background-repeat: repeat;
	padding: 10px 5px;
	text-align:left;
	width:100px;
	line-height:120%;
}

#wrap_icons td{padding: 10px 5px;background-color:#FFFFFF;line-height:120%}






/** ******[ SEARCH RESULTS ]****** **/

#search_results_title {
	background-image: url(../images/search_results.jpg);
	height: 132px;
	width: 811px;
	text-indent:-9999px;
	display:block;
	margin:0 0 0 20px
}








/** ******[ FOOTER ]****** **/

#logo_footer a{
	background-image: url(../images/logo_footer.gif);
	float: left;
	height: 54px;
	width: 194px;
	margin-left: 10px;
	text-indent: -9999px;
	display: block;
}

#copy_lens {
	font-size:12px;
	text-align:center;
	color:#666666
}

#and-nbsp {
	text-indent:-9999px
}


#ft_menu {margin:10px 0 0 40px;}

#ft_menu li {
	float:left;
	background-image: url(../images/arrow_gray.gif);
	padding-left: 20px;
	background-position: left center ;
	margin-left:10px;
	font-size:90%
}
*html #ft_menu li {font-size:80%}

.line {
	width:auto;
	margin:0px 20px;
	line-height:8px;
	border-top: 1px solid #ccc;
}

.line_news {
	margin:0 14px 0 10px;
	line-height:10px;
	border-bottom: 1px solid #666;
}

#bg_ft {
	background-image: url(../images/ft_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 55px;
	margin:10px 0 0 0 
}

#bn_jaco {
	float: left;
	margin-left: 60px;
}

#ft_menu2 {margin:0px 20px 0 40px; float:right}

#ft_menu2 li {float:left; margin-left:10px}

#ft_menu2_01 a{
	background-image: url(../images/bt_ft_01_h.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 66px;
}
#ft_menu2_01 a:hover{background-image: url(../images/bt_ft_01.gif)}

#ft_menu2_02 a{
	background-image: url(../images/bt_ft_02_h.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 102px;
}
#ft_menu2_02 a:hover{background-image: url(../images/bt_ft_02.gif)}

#ft_menu2_03 a{
	background-image: url(../images/bt_ft_03_h.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 89px;
}
#ft_menu2_03 a:hover{background-image: url(../images/bt_ft_03.gif)}

#ft_menu2_04 a{
	background-image: url(../images/bt_ft_04.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 122px;
}
#ft_menu2_04 a:hover{background-image: url(../images/bt_ft_04_h.gif)}


#all{ text-align:center;}


#all a{
	color:#FFFFFF;
	background-color:#333;
	display:block;
	margin-top:20px;
	width: 60px;
	margin-left:44px;
	font-size:10px
}
#all a:hover{ background-color:#CC0000;}



/** 2011.02.25 **/

#title_whats {position:relative}

#title_whats span a{text-indent:-9999px; display:block; width:30px; height:12px; position:absolute; top:8px; right:10px}

#rss{text-align:right; font-size:10px;; margin-right:10px}