@charset "utf-8";
/* CSS Document */ 
img {border:0;margin-left:8px!important;margin-left:3px;margin-top:5px!important;margin-top:3px;}


a {color:#36c;text-decoration:underline;}  
a:hover {color:#ff6600;text-decoration:none;}

.clear {clear:both;}
.line {background:url(/images/logo/line/line-dot.gif) repeat-x;height:15px; margin-top:12px;}
body {font:13px Arial,sans-serif;margin:8px 5px;color:#000;background:#fff;}
	   
/* ============================  Header ============================ */
.header {width:100%;font-size:12px;background:url(/images/logo/patte/nav-topl.gif) 0 0 repeat-x; height:85px;}
.logo {width:992px;}
.logo img{ padding-left:20px;}
.logo .goosearch{ width:220px;position:absolute;top:20px; left:775px; color:#3366cc; font-weight:bold; font-size:13px; }
.logo .goosearch input.gsearchtext{border:1px solid #7ea0bb; height:16px; background:#ffffcc;}
.logo .goosearch input.pic{ margin-top:-2px !important; margin-top:0;}
*+ html .logo .goosearch input.pic{ padding-top:2px;}
 
.nav {background:#ffc url(/images/logo/patte/nav-top_green.gif) 0 23px repeat-x;border-left:1px solid #cc9;height:30px;min-width:992px;}
.nav p.title{font-size:10px;color:#666;padding-left:180px;font-weight:normal;line-height:22px;}
.nav p.lineN {width:992px;height:1px;overflow:hidden;background:#ffc;}
*+ html .nav p.lineN {border-top:1px solid #ffc;}
.nav p.bgLine {width:182px;background:#ffc url(/images/logo/patte/nav-top_green3.gif) right top no-repeat;height:7px;overflow:hidden;}

 
/* ============================  Footer ============================ */
.footer {margin-left:185px;width:640px;} 
.footerCont {width:670px;margin:0 auto;}
.footer p.line2 {background:url(/images/logo/title/line001.gif) left top repeat-x;height:16px;margin-top:5px;}
.footer p.nav1 {font-size:10px;margin-bottom:15px;}
.footer p.nav1 a {color:#36c;text-decoration:underline;}
.footer p.nav1 a:hover {color:#0080c0;}
.footer p.nav2 {font-size:11px;letter-spacing:1px;margin-bottom:15px;}
.footer p.nav2 span {float:right;}
.footer img {margin-bottom:10px;}
.footer p.copy {font-size:10px;color:#666;margin-bottom:20px;}
.footer p.copy img {vertical-align:middle; margin-right:15px;}
.footer p.copy a {color:#36c;text-decoration:underline;font-size:10px;}

 
.content {padding-bottom:20px;width:993px;margin-bottom:5px;padding-bottom:30px;}
.left {width:174px; background:#fff;float:left;position:relative;padding:0 0 0 0;}
.center {width:490px;margin:0 30px 0 30px;float:left;}
.right {width:158px;float:left;position:relative;padding-top:75px;}

/*
.centerShell {width:560px;margin:0;float:left;background:url(/images/logo/patte/bg-gwall.gif)  -160px 0;}
*/

/* ============================  Left Content ============================ */
.sided {width:176px; height:auto;padding:15px 0 120px 0px;background:#ffc url(/images/art/design/gwall.jpg) no-repeat center bottom;border:1px solid #cc9;border-top:none;color:#666;}
.sided dl {margin-bottom:10px;}
.sided dt {background:url(/images/logo/ico/open1s.gif) no-repeat 5px 5px;padding:2px 0 5px 25px; color:#000;}
.sided dt.ico{ background:url(/images/logo/ico/arrow-r-blue.gif) 10px 5px no-repeat; padding-left:25px;}
.sided dd {background:url(/images/logo/ico/arrow-r-blue.gif) no-repeat 4px 4px;padding-left:18px;}
.sided .dls1 dd {background:url(/images/logo/ico/ico_cusp_line2.gif) 12px 9px no-repeat;padding:5px 0 0 25px;}
.paid {width:100%;padding:2px;background:#69c;height:20px;margin-bottom:20px;}

/*google search*/
 .lgoosearch{ width:165px; color:#3366cc; font-weight:bold; font-size:13px; margin:30px 0 15px 4px; }
 .lgoosearch span{color:#3366cc; font-weight:normal; font-size:12px; background:url(/images/logo/ico/search-left.gif) 0 0 no-repeat; padding-left:17px; }
 .lgoosearch form.sb { margin:3px 0 3px 0;}
 .lgoosearch input.letter{ width:96px;border:1px solid #ffd800; height:18px; background:#fff; border-right:0;}
 .lgoosearch input.pic{ margin-top:0px!important;margin-top:0;}
*+ html .lgoosearch input.pic{ padding-top:1px;}


/* ============================  Center Content ============================ */
 
.text p {margin-top:15px}

.text a {color:#3366cc;text-decoration:underline} 
.text a:hover {color:#ff6600;text-decoration:none}
 
.p0 {margin:0;padding:0} 
 
.info {font-weight:bold;font-size:16px;color:#7b7b7b;}
.info p {padding:15px 0 15px;}

.media {padding-left:35px;margin-top:10px;}
.media span {font-size:10px;}

.ul01 {list-style:none}

/* ============================  Right Content ============================ */
.update {font-size:10px;color:#666; margin-top:13px;position:absolute;top:0;left:0;width:180px;}

/* ============================  Plus ============================ */
.remark1{ font-size:12px; padding-bottom:5px;}
.remark{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;color: #336699}
hr{height:1px;margin:10px 0;border:none;border-top:1px dashed #666;}

.tBox{margin:0;}
.tBox caption{border:1px solid  #DDEEF2;}
.tBox th{background:#DDEEF2;border:1px solid #FFFFFF; text-align:left;padding-left:10px;line-height:20px;font-weight:normal;}
.tBox td{padding:3px 0 3px 10px;border-bottom:1px dashed #DDEEF2;}

.tab1{background: #CCCCCC;}
.tab1 td{padding:2px;background:#fff;text-align:left;}
.td4{font-family:Arial, Helvetica, sans-serif; font-size:12pt; color: #666666}

  
/*leftNavi*/
.citynavEmpty {margin-left:12px; width:164px; margin-top:0px; padding-top:0;color:#666666}

.citynav {margin-left:12px;background:url(/images/logo/ico/ico-blank-1.gif) no-repeat; width:164px; margin-top:0px; padding-top:0;color:#666666}
 
.citynavTitle {background:url(/images/logo/ico/ico-gwall.gif) 5px 5px no-repeat; color:#666; text-indent:30px;padding-bottom:10px;padding-top:10px;font-size:14px}
  
.citynavFile {background:url(/images/logo/ico/arrow-r-blue.gif) 5px 7px no-repeat;width:auto;line-height:25px;text-indent:25px;border-bottom:0px solid #e2e2e1;color:#666}
.citynavFile a{color:#3366cc;text-decoration:none;text-decoration:none;}
.citynavFile a:visited {color:#3366cc;text-decoration:none;}
.citynavFile a:hover {color:#ff6600;background:#fee95a;text-decoration:none;}

.citynavFile3 {background:url(/images/logo/ico/arrow-r-blue.gif) 5px 7px no-repeat; width:160px; line-height:25px;text-indent:25px;border-bottom:1px solid #e2e2e1;display:block;}
.citynavFile3 a{color:#3366cc;text-decoration:none;display:block;text-decoration:none;}
.citynavFile3 a:visited {color:#3366cc;text-decoration:none;display:block;}
.citynavFile3 a:hover {color:#ff6600;background:#fee95a url(/images/logo/ico/arrow-r-blue.gif) 5px 7px no-repeat;display:block ;text-decoration:none;}

.citynavFileOrg {background:url(/images/logo/ico/arrow-r-blue.gif) 5px 7px no-repeat;width:auto;line-height:25px;text-indent:25px;border-bottom:0px solid #e2e2e1;color:#ff6600}

.citynavFile3Org {background:url(/images/logo/ico/arrow-r-blue.gif) 5px 7px no-repeat; width:160px; line-height:25px;text-indent:25px;border-bottom:1px solid #e2e2e1;color:#ff6600}


.citynavFolder {background:url(/images/logo/ico/closed.gif) 5px 7px no-repeat; width:160px; line-height:25px;text-indent:25px;border-bottom:1px solid #e2e2e1; display:block;}
.citynavFolder a{color:#3366cc;text-decoration:none;display:block;text-decoration:none;}
.citynavFolder a:visited {color:#3366cc;text-decoration:none;display:block;}
.citynavFolder a:hover {color:#ff6600;background:#fee95a url(/images/logo/ico/open1.gif) 5px 5px no-repeat; display:block ;text-decoration:none;}

.citynavFolder2 {background:url(/images/logo/ico/open1s.gif) 5px 7px no-repeat; width:160px; line-height:25px;text-indent:25px;border-bottom:1px solid #e2e2e1; display:block;}
.citynavFolder2 a{color:#3366cc;text-decoration:none;display:block;text-decoration:none;}
.citynavFolder2 a:visited {color:#3366cc;text-decoration:none;}
.citynavFolder2 a:hover {color:#ff6600;background:#fee95a url(/images/logo/ico/open1.gif) 5px 5px no-repeat; display:block ;text-decoration:none;}

.citynavFolder2Org {background:url(/images/logo/ico/open1s.gif) 5px 7px no-repeat; width:160px; line-height:25px;text-indent:25px;border-bottom:1px solid #e2e2e1; display:block;color:#ff6600}


/*top nav*/
.navcon {text-indent:24px; font-size:13px; padding-top:13px; color:#666;} 
.navcon img{ margin-right:2px;}
.navcon a {color:#3366cc;text-decoration:underline; padding:2px;} 
.navcon a:hover {color:#3366cc;background:#ffea62;text-decoration:none;}

 
/*zoomBar*/
.zoomBar {margin:5px 0;width:100%;text-align:right}
.zoomBar a {color:#3366cc;text-decoration:underline; } 
.zoomBar a:hover {color:#ff6600;text-decoration:none;}

.zoomIn * {font-size:17px}
.zoomOut * {font-size:13px}
.clsphotogalleryimg{padding:5px;border:1px solid #d3e7f6;}