body {margin:0px; padding:0px; background:url(i/bgs/bg002.jpg) repeat-x 173px 0}

html, body {height:100%; margin:0; padding:0;}

html>body #all {height:auto;}

#all {height:100%; min-height:100%; margin-bottom:0; width:100%; min-width:1000px}
#all {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%')}
h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0}

img { border:0}

#header{width:100%; position:absolute; left:0px; top:0px; height:116px;  min-width:1000px; background:url(i/bgs/bg003.jpg) no-repeat 0 0}
#header {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%')}
form, input, select, textarea { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0}

p, div, td, a, li, blockquote { font-family:Arial, Helvetica, sans-serif}

a { text-decoration:underline; color:#0097c7}
a:hover { text-decoration:none}

.hdr01 {float:right; width:100%; margin-left:-200px}
.hdr02 {margin-left:200px;  padding:0px; text-align:center; padding-top:17px}
.lhdr {float:left; width:200px; }
.hdr11 {float:left; width:100%; margin-right:-193px}
.hdr12 {margin-right:193px;  padding:0px; }
.rhdr {float:right; width:193px; }

.hdr02 a { font-size:16px; margin:0 3%; font-weight:bold}

.logo { margin:10px 0 0 10px; display:block; width:154px; height:80px}

.tels { width:193px; height:66px; margin:18px 0 0 0; 
background:url(i/bgs/bg004.png);
// background-image: none;       
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bgs/bg004.png', sizingMethod='scale'); 
}

.tels .st01 { font-size:24px; color:#fff; text-align:right; padding:7px 27px 0 0; line-height:26px}
.tels .st01 span { font-size:12px}



#main { padding:116px 0 0 0}
#con01 {float:right; width:75%; _width:74%;}
#con02 {}
#leftblock {float:left; width:25%; background:url(i/bgs/bg010.jpg) no-repeat 50% 30px; min-height:538px; _height:538px}
#leftblock1 {float:left; width:25%;  }

.content { margin:0 30px 0 30px;}

.content p { font-size:13px; color:#414042; margin:0; padding:7px 0}
.content p.p01 { font-size:11px; color:#808080}
.content blockquote { border-left:8px solid #48b4d7; padding:0 0 0 16px; margin:7px 0;  font-size:13px;}
.content h2 { font-size:24px; color:#404040; margin:15px 0 20px 0}
.content h3 { font-size:18px; color:#404040; margin:15px 0 20px 0 ; font-style: italic}
.content h3.var01 { font-size:18px; color:#404040; margin:15px 0 20px 0 ; font-style: normal}
.content h4 { font-size:14px; color:#404040; margin:5px 0 10px 0 ; font-weight:bold}

#leftblock1 h2 { font-size:24px; color:#404040; margin:15px 0 20px 30px}

.content img { border:2px solid #48b4d7; margin:10px 15px 10px 0}

.bc { font-size:14px; color:#0097c7; margin:12px 0 0 30px}
.bc a{ font-size:12px; color:#0097c7}

h1 { font-size:40px; color:#404040; margin: 15px 0 10px 30px}

.box01 {margin:0px 0 0 0}
.box01 .st01 { width:185px; height:31px; background:url(i/bgs/bg005.png); margin:0 85px 0 0;
// background-image: none;       
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bgs/bg005.png', sizingMethod='scale');}

.box01 .st01 span { font-size:18px; color:#303030; display:block; padding:5px 0 0 30px}

.box01 .st02 { width:340px; height:27px; background:url(i/bgs/bg006.png); margin:0 20px 0 0;
// background-image: none;       
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bgs/bg006.png', sizingMethod='scale');}

.box01 .st02 a { font-size:18px; color:#fff; display:block; padding:2px 0 0 30px; zoom: 1}

.box01 .st03 { width:340px; height:27px; background:url(i/bgs/bg007.png);
// background-image: none;       
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bgs/bg007.png', sizingMethod='scale');}

.box01 .st03 a { font-size:18px; color:#fff; display:block; padding:2px 0 0 30px}
.box01 .st04 { background:url(i/bgs/bg008.jpg); zoom:1}
.box01 .st04 ul { list-style:none; margin:13px 0 10px 0; padding:0; float:left; width:25%; _width:24%}
.box01 .st04 li {  margin:0; padding:0 0 7px 0; margin:0 0 0 30px; background:none; overflow:hidden}
.box01 .st04 li a{ font-size:12px; color:#fff; font-style:italic; padding:0 0 0 10px; background:url(i/bullets/bul001.gif) no-repeat 0 3px}
.box01 .st04 li a:hover { color:#fffcb1; text-decoration:underline;}

.box02 { width:322px; height:88px; background:url(i/bgs/bg009.jpg)}
.box02 a { font-size:14px; font-style:italic; margin:11px 0 0 150px; float:left}

.box03 { list-style:none; margin:0 0 0 30px; padding:0}
.box03 li { line-height:25px; margin: 0 15px 0 0; background:none}
.box03 li a { font-size:12px; color:#fff; background:url(i/bgs/bg011.gif) no-repeat 0 0 #0097c7; padding:2px 12px 4px 12px; font-style:italic}

.content table { margin:0 0 10px 0; border:solid #404040; border-width: 0 0 1px 1px; border-spacing:0px;  width: 100%;}
.content table th { background:#48b4d7; padding:3px 7px; font-size:13px; color:#fefefe; text-align:center; border:solid #404040; border-width:1px 1px 0 0}
.content table td { background:#dbdbdb; text-align:center; padding:3px 7px; font-size:13px; color:#404040; border:solid #404040; border-width:1px 1px 0 0}
.content table .st02 td { background:#e7e7e7}
.content table .st01 { text-align:left}

.box05 { list-style:none; margin:0 0 0 30px; padding:0}
.box05 li {  margin: 0 0 0 0; background:none}
.box05 li a { font-size:12px; padding:0 12px 10px 12px; font-style:italic; display:block;}

.box06 { margin:0 0px 0 30px}
.box06 .st01 { font-size:12px; color:#fff; background:#48b4d7; padding:2px 8px 2px 8px}
.box06 .st02 { font-size:14px; font-style:italic}
.box06 p { font-size:12px; color:#404040; margin:0; padding:7px 0 0 10px}
.box06 p span { display:block; margin:3px 0 20px 0;}
.box06 .st03 { width:47%;}

.box07 { margin:0 0 0 30px; font-size:16px; color:#404040}
.box07 strong { font-size:12px; color:#808080}
.box07 span { font-size:24px}

.box08 { border:1px solid #b1b1b1; padding:15px 10px; font-size:13px; color:#404040}
.box08 .st01 { margin:3px 0 0 0;  _margin:0px 0 0 0}
.box08 .st02 { padding:0 0 0 5px} 
.box08 .st03 { margin:2px 0 0 0; _margin:0px 0 0 0}
.box08 .st04 { width:48%; }
.box08 .st04 input{ width:100%;  margin:3px 0 0 0; border:1px solid #1c5180; padding:0px 0 1px 2px; }
.box08 textarea{ width:100%; margin:3px 0 0 0; border:1px solid #1c5180; padding:0px 0 1px 2px; height:93px}

.box08 img { float:none; border:0}
.box08 div img.right { float:right}
.box08 div img { float:none; border:0}
.box08 .clr01 { clear:both; height:7px}
.box08 .clr02 { clear:both; height:3px}
.box08 .clr03 { clear:both; height:17px}

.but002 { background:url(i/bgs/bg012.gif) repeat-x 0 0 #0399c8; border:1px solid #1c5180; font-size:13px; color:#fff; width:105px; text-align:center; padding:3px 0 4px 0; margin-left:8px}

ul { list-style:none; margin:10px 0 0 0; padding:0}
ul li{ margin:0; padding:0; font-size:13px; color:#404040; background:url(i/bullets/bul002.gif) no-repeat 0 4px; padding:0 0 7px 16px}

ul li ul { list-style:none; margin:10px 0 0 0; padding:0}
ul li ul li{ margin:0; padding:0; font-size:13px; color:#404040; background:url(i/bullets/bul003.gif) no-repeat 0 4px; padding:0 0 5px 14px}

ol {  margin:10px 0 0 19px; padding:0}
ol li{ margin:0; padding:0; font-size:13px; color:#404040; padding:0 0 7px 0px; }

ol li ul { list-style:none; margin:10px 0 0 0; padding:0}
ol li ul li{ margin:0; padding:0; font-size:13px; color:#404040;; padding:0 0 5px 14px}

.but001 { font-size:13px; color:#fefefe; font-weight:bold; background:#48b4d7; padding:5px 7px 6px 7px}

#footer {width:100%; background:url(i/bgs/bg001.jpg) repeat-x 0 100%; min-width:1000px; border-top:1px solid #fff;}
#footer {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%')}

#footer .footerlist {height:86px; margin:50px 0 0 0}
#footer ul { list-style:none; padding:0; margin-top:50px;  height:96px}
#footer li { list-style:none; padding:0; margin:0; font-size:12px; color:#606060; width:22%; _width:21%; margin:0 0 0 25px; float:left; background:none}
#footer li strong { display:block; margin:0 0 3px 0}

.wd { font-size:12px; color:#606060; margin:7px 0 9px 25px}
.wd a{ font-size:12px; color:#fff}
.wd span { margin: 0 0 0 20px}

.counter { margin:7px 30px 0 0}

#sp1 {height:0; clear:both}

.clear { clear:both}
.left { float:left}
.right { float:right}
.clear { clear:both}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}

div#map_canvas {
  height:300px;
  width:100%;
}

