@charset "UTF-8";
/* CSS Document */

html { margin: 0; padding: 0;}
body { margin: 0; padding: 20px 0; color: #444; width: 757px; font-size:12px; font-family: HiraKakuPro-W6, verdana, sans-serif; background: #fff url("../img/frame/body_bg.gif") left top repeat-y; /*\*/ _over\flow: visible; zoom: 1; /**/ /*\*//*/ display: inline-table; /**/}
div,p,span,h2,ul,li{ margin: 0;padding: 0;}
table { margin: 0; empty-cells: show; font-size: 100%;}
address { font-style: normal;}
img { border: 0 solid #fff;}
strong { font-size: 100%; font-style: normal; font-weight: bold;}
cite{ font-style: normal;}
sup, sub { font-size: 73%; /*\*/ _font-size: 80%; /**/}
form { margin: 0; padding: 0;}
input, label { vertical-align: middle;}
hr.divider { diplay:none; background:url(../img/frame/line.gif) 0 0 repeat-x;}
ul { list-style-type:none;}
table { text-align:left;}
.btn{ background:url(../img/frame/btn.gif) no-repeat; width:53px; height:19px; line-height:19px; border:none; cursor:pointer; font-size:11px;color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0px; vertical-align:middle;}
.btn2{ background:url(../img/frame/btn2.gif) no-repeat; width:65px; height:19px; padding:0 0 3px 0;*padding:0 0 0 0; line-height:19px;*line-height:normal; border:none; cursor:pointer; font-size:11px;color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif;vertical-align:middle;}

h3 { color:#000;}

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

.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}
img.left { float: left; margin: 0 12px 5px 0;}
img.right { float: right; margin: 0 0 5px 12px;}
.clear { clear: left;}
span.GREEN { color:#008BA3; font-size:12px; line-height:1.4em; text-decoration:none;}
p.sub { font-size:0.8em;}
.floatLeft { margin:0 10px 10px 0; float:left;}
.logo-lenswear{ position:absolute; right:0; top:0;}

#contentsAreabluk { padding:0 0 0 25px;padding:0 0 0 25px\9;*padding:17px 0 0 25px;}
#contentsArea { margin:15px 20px; width:717px; position:relative;}
#contentsArea .login{ background:url(../img/frame/login-bg.gif) no-repeat 100% 100%; width:204px; height:109px; padding:20px 0 0 23px; margin-bottom:40px;}
#contentsArea .login span{ float:right; display:inline; margin:10px 34px 0 0;}
#contentsArea.noNav { background:none 541px 0 repeat-y;}
#contentsArea .ciLogo img { margin-top: 6px; clear: left;}
#contentsArea #columnLeft { margin:0; padding:0; width:717px; float:left;}
#contentsArea #columnRight { margin:0; padding:0; width:165px; float:right;}

#contentsArea .leftcon{ width:349px; float:left; background:url(../img/frame/line_bold349.gif) no-repeat; padding-top:10px;}
#contentsArea .leftcon h2,#contentsArea .leftcon img{ margin-bottom:5px;}
#contentsArea .leftcon p{ padding:0; margin:0; width:349px;}
#contentsArea .rightcon{ width:349px; float:right;background:url(../img/frame/line_bold349.gif) no-repeat; padding-top:10px;}
#contentsArea .rightcon h2,#contentsArea .rightcon img{ margin-bottom:5px;}
#contentsArea .longcon{ width:717px; float:left; display:inline; background:url(../img/frame/line_bold717.gif) no-repeat; padding-top:10px; margin-bottom:20px; overflow:hidden;zoom:1;}
#contentsArea .longcon.un{ background:none;}
#contentsArea .longcon p{ line-height:20px; padding:0px; text-align:justify;}
#contentsArea .longcon #btnAction{ margin-top:20px;}
#contentsArea .longcon .privacy2{ margin-bottom:10px;}
#contentsArea .longcon .privacy2 li{ line-height:20px; list-style-type:disc; margin-left:25px; text-align:justify;}
#contentsArea .longcon .Improvement{ text-align:justify;}
#contentsArea .longcon .Personal{ text-align:justify; font-size:11px; list-style-type:square; margin-left:15px;}

#contentsArea .leftthincon{ width:165px; float:left; }
#contentsArea .rightlongcon{ width:534px; float:right; display:inline; margin-left:15px;*margin-left:0px; overflow:hidden;zoom:1;}
#contentsArea .body{ padding:0 10px;}
#contentsArea .body p{ line-height:24px; font-size:11px;}
#contentsArea .body h1{ font-size:12px; font-weight:bold;}
#contentsArea .Privacyhead{ margin-bottom:10px;}
#contentsArea dl dd{ line-height:20px; margin-bottom:10px; margin-left:20px; text-align:justify;}

#headerArea { /*\*/ _margin-bottom: 0; position:relative; /**/}
#headerGraphics { float: left; width: 717px; margin:20px 20px 0px; /*\*/ _float: none; _font-size: 0; /**/}
#footerArea { clear: both !important; /*\*//*/ margin-left: 20px; /**/}

#headerArea { width: 717px; margin: 0 20px; min-height: 68px; /*\*/ _height: 68px; /**/ padding-bottom: 5px; /*\*/ overflow: hidden; _overflow: visible; zoom: 1; /**/ /*\*//*/ display: inline-table; /**/}
#headerArea #headerBrandSymbol { width: 68px; float: left; /*\*/ _margin-right: -3px; /**/}
#headerSiteRegion { float:right; text-align:right;}
#headerSiteRegion h1{ font-size:12px; margin:0; padding:0; height:15px; line-height:15px; font-weight:600;}
#headerSiteRegion input{ width:8em; height:16px; vertical-align:middle; margin-right:5px;}

#contentsArea #columnLeft .section { margin:0 0 5px 0; padding:5px 0 0 0; background:url(../img/frame/line717.gif) 0 0 no-repeat;}
#contentsArea #columnRight .section { margin:0 0 5px 0; padding:5px 0 0 0; background:url(../img/frame/line165.gif) 0 0 no-repeat;}
#contentsArea #columnRight .section p{ margin-top:5px;line-height:16px; margin-top:5px;}

#btnAction { margin:0; padding:0; position:relative; text-indent:-9999px;}
#btnAction a { margin:0; padding:0; height:28px; display:block; background-position:top left; background-repeat:no-repeat;}
#btnAction a:hover { background-position:0 -28px;}

#btnAction.pageTop a { width:717px; height:28px; background-image:url(../img/frame/pagetop.gif);}
#btnAction.pageTop1030 a { width:961px; height:28px; background-image:url(../img/frame/pagetop1030.gif);}

#content1 #productLeft { margin:0; padding:0; width:250px; float:left;}
#content1 #productMiddle { margin:0 0 0 13px; padding:0; width:10px; float:left;}
#content1 #productRight { margin:0; padding:0; width:250px; float:right;}
#content1 #productRight ul { margin:0; padding:0;}
#content1 #productRight ul li { margin:0; padding:0;}
#content1 #productOther { margin:0; padding:0; clear:both;}
#content1 #productOther ul { margin:10px 0 0 0; padding:0;}
#content1 #productOther ul li { margin:0; padding:0; float:left;}
#content1 #productOther ul li.left { margin:0 13px 0 0;}


#contentsArea ul.download li { list-style-type:circle;}

#footerArea { margin:0 20px; padding-top:30px;}
#footerArea.footerExt { padding-top:30px;}
#footerNav { margin:5px 0 40px 0; font-size:0.8em; border-top:1px solid #000;}
#footerNav ul { margin:5px 0 0 0; padding:0;}
#footerNav ul li { margin:0; padding:0 10px 0 14px; position:relative; float:left; background:url(../img/frame/icon_arrow_01.gif) 0 1px no-repeat;}
#footerNav ul li a { color:#000;}
#footerNav #footerCopyright { float:right;}
#footerArea .links{ text-align:right; padding:8px 0 6px 0; font-size:10px;}
#footerArea .links a{ color:#c5903a;}

#ciLogo { margin:15px 0 10px 0;}

/* ----------------------------------------------------------------
		clearFix 
------------------------------------------------------------------*/
.clearFix:after { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix:before { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix { display:inline-block; }
/* Hides from IE-mac \*/
*html.clearFix { height: 1%; }
.clearFix {display:block; }
/* End hide from IE-mac */

/***for relaxsee***/

#content-new p{ clear:both; overflow:hidden; line-height:18px; margin:5px; font-size:11px;}
#content-new p label{ float:left; width:125px;}
#content-new p span{ float:right; width:408px;}
#content-new p span a{ color:#877800;}

.contacts p{line-height:18px; margin:5px; font-size:11px;}

.h2bg{ height:29px; background:url(../img/h2/h2bg.gif) repeat-x 0 -30px; margin-bottom:10px;}
.h2bg h2{ float:left; font-size:14px; font-weight:bold;background:url(../img/h2/h2bg.gif) no-repeat 0 0;height:29px; line-height:29px; color:#fff; padding-left:12px;}
.h2bg span{ float:right;background:url(../img/h2/h2bg.gif) no-repeat 100% -60px;height:29px; line-height:29px; width:20px;}

.contentbg{ background:url(../img/frame/contentbg.gif) no-repeat 0 100%; overflow:hidden; display:inline-block; clear:both;}
.rightlongcon p{ line-height:22px; margin:12px 0; }
.rightlongcon p strong{ font-size:14px; margin-top:10px; background:#fff; padding-right:5px;}
.rightlongcon p strong img{margin-top:10px;}
.rightlongcon p.p-line{ border-top:1px dotted #ccc; padding-top:10px;}
.rightlongcon p.h-line{ background:url(../img/frame/hline.gif) repeat-x 0 50%; margin-top:10px;}
.rightlongcon p.h-line1{ background:url(../img/frame/hline.gif) repeat-x 0 90%; margin-top:10px;}
.rightlongcon p.h-line2{ background:url(../img/frame/hline.gif) repeat-x 0 50%; margin-top:10px; height:22px;}
.rightlongcon p.h-line2 b{ background:#fff;font-size:18px; color:#000; font-weight:normal;height:22px; font-family:Arial, Helvetica, sans-serif; padding-right:10px;}
.rightlongcon p center{ margin:4px 0;}
.leftmenu{ background:url(../img/frame/leftnav_top.gif) no-repeat; width:165px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.leftmenu li{ padding:5px; line-height:18px; border-bottom:1px solid #999;  color:#000;}
.leftmenu li a{ background:url(../img/frame/arrow_inside_nav.gif) no-repeat 2% 0; color:#000; width:139px; display:block; padding:0 3px 0 13px; }
.leftmenu li a:hover{ background-color:#fff27f; text-decoration:none;}
.leftmenu li a.on{background-color:#ffe600;}

.global-m span{ background:url(../img/frame/arrow.gif) no-repeat 0 50%; padding-left:10px; line-height:22px;}
.global-h2{ background:url(../img/frame/linex.gif) repeat-x 0 100%; line-height:28px; margin-bottom:10px; font-weight:bold; font-size:14px; padding-bottom:6px;}
.gleft{ float:left; display:inline; width:60px; margin-left:10px; }
.gright{ float:right; display:inline; width:620px; line-height:28px;}
.gright .h3{ border-left:5px solid #4d4d4d;padding-left:15px; font-weight:bold;}
.gright .h4{ background:url(../img/frame/icon_arrow_02.gif) no-repeat 0 50%; padding-left:15px; font-weight:normal; font-size:12px;}
.gright .add{ padding-left:15px;}

.product-type li{ float:left; width:46%; background:url(../img/frame/type-bg.gif) no-repeat 0 50%; padding-left:13px;font-size:10px; line-height:14px;}

.sitemap{ margin-left:10px; margin-top:10px; }
.sitemap li{ line-height:24px; background:url(../img/frame/arrow1.gif) no-repeat; padding-left:15px;}
.sitemap ul{ margin-left:5px;*margin-left:-10px;list-style:none;}
.sitemap ul li{padding-left:28px; background:url(../img/frame/list_tree-list_02.gif) no-repeat;}
.sitemap ul li.end{padding-left:28px; background:url(../img/frame/list_tree-list_03.gif) no-repeat;}
.sitemap ul ul{ background:url(../img/frame/list_tree-list_01.gif) repeat-y; margin-left:0;*margin-left:-28px; padding-left:18px;}
.search_title h2{color:#3333FF;font-weight:normal;font-size:16px;text-decoration:underline;}
.search_url{color:#008000}
search_content{color:#000000}

.power{ overflow:hidden;zoom:1; font-size:10px;}
.power strong{ color:#000;}
.power p{padding:0; margin:0; color:#000; line-height:16px;}
.power .left{ float:left; width:260px; overflow:hidden;zoom:1;}
.power .right{ float:right; width:250px;}
.power h1{ font-size:11px;margin:10px 0 7px 0;}
.power .left p strong{ font-size:10px; text-decoration:underline;}
.power .power-box{ overflow:hidden;zoom:1;}
.power .power-gray-box{ overflow:hidden;zoom:1; background:#eeeeee; border:1px solid #dfdfdf; padding:0 7px 11px 7px;}
.power .power-gray-box h1{ font-size:11px; color:#000;}
.power2{ overflow:hidden;zoom:1; font-size:10px;}
.power2 .left{ float:left; width:260px; padding-right:6px; border-right:1px dashed #ccc; overflow:hidden;zoom:1;}
.power2 .right{ float:right; width:260px;}

/*consumer-table*/
.consumer-table td{ padding:0 3px;}
.consumer-table td .int{ border:1px solid #ccc; height:18px; padding:2px 2px 0 2px; width:196px; vertical-align:middle; margin-top:4px;}
.consumer-table td select{ height:21px; width:202px;*width:204px; vertical-align:middle; margin:4px 0 0 0;*margin:0 0 0 0;_margin:4px 0 0 0;}
.consumer-table td .radio{ width:15px; margin:0 3px 2px 0;*margin:0 3px 0 0;}
.consumer-table td .date{ border:1px solid #ccc; height:18px; padding:2px 2px 0 2px; width:100px; vertical-align:middle; margin-top:4px;}

/*pw-tab*/
.pw-tab{ margin:4px 0 0 0; width:534px;}
.pw-tab td p{ font-size:12px; margin:0 0 0 5px; font-family:"Arial"; line-height:16px;}
.pw-tab td span{ font-size:12px; font-family:"Arial"; line-height:16px; background:url(../img/frame/pix04.jpg) no-repeat 0 4px;}
.pw-tab .long{ background:url(../img/frame/sigle23.jpg) no-repeat;}

/*pw-tab001*/
.pw-tab001{ width:717px; line-height:16px;}
.pw-tab001 td p{ font-size:10px; font-family:"Arial"; line-height:16px;}
.pw-tab001 td span{ font-size:14px; font-family:"Arial"; line-height:16px; color:#215968; font-weight:bold;}

/*pw-tab002*/
.pw-tab002{ width:717px; line-height:16px;}
.pw-tab002 td p{ font-size:10px; font-family:"Arial"; line-height:16px;}
.pw-tab002 td span{ font-size:14px; font-family:"Arial"; line-height:16px; color:#0070c0; font-weight:bold;}

/*jingpin-list*/
.jingpin-list{ overflow:hidden;zoom:1;margin:10px 0 0 0;}
.jingpin-list li{ float:left; display:inline;width:225px;margin:0 5px 0 5px;}
.jingpin-list li p{ line-height:20px; color:#333;margin:0 6px;}
.jingpin-list li p a{color:#333;}
.jingpin-list li img{width:170px;margin:9px 10px;}

/*jingpin-list001*/
.jingpin-list001{ overflow:hidden;zoom:1;margin:10px 0 0 0;}
.jingpin-list001 li{ float:left; display:inline;width:345px;margin:0 5px 0 5px;}
.jingpin-list001 li p{ line-height:20px; color:#333;margin:0 6px;}
.jingpin-list001 li p a{color:#333;}
.jingpin-list001 li img{width:320px;margin:9px 10px;}