* {
    margin:0;
    padding:0;
}
html, body{
    width:99.9%;
    height:100%;
}
body{
    color:#000;
     font-size:small; /* for all browsers */
     /* small=12px */
     margin:0;
     padding:0;
	 font-family:Arial, Helvetica, sans-serif;
     line-height:18px;
}
*html body{
     font-size:x-small;/* IE5/Win */
     f\ont-size:small;/* for others IE */
}

/*---------
     COMMON STYLES
-----------*/
.clear{
     clear:both;
     height:0;
     font-size:1px;
}
a{color:#069}
a:hover{text-decoration:none;}
a img{
     border:0;
}
/*---------
     HEADER
-----------*/

#container{
	width:100%;
	position:absolute;
	left:0;
	top:74px;
	background:url(../777/pageback.jpg) no-repeat 200px 0;
}
#header{
     width:100%;
     height:74px;
	 background:url(../777/topback.gif) repeat-x;
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:1
}
#logo{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#title{
	position:absolute;
	left:120px;
	top:30px;
	color:#FFFFFF;
	font-size:24px;
	z-index:4;
}
#tel{
	position:absolute;
	top:0px;
	left:657px;
	width:230px;
	height:65px;
	padding-top:25px;
	font-size:14px;
	color:#7BC3DE;
	z-index:4;
}
#tel span{color:#fff}
#tel strong{font-size:28px; font-weight:normal}
#bird{
	position:absolute;
	top:86px;
	left:669px;
	z-index:3;
}

/*---------
     MAIN
-----------*/
#path{
	position:absolute;
	left:260px;
	top:173px;
	height:40px;
	width:479px;
}
#path a{color:#999;}
#path strong{font-weight:normal;}



/*---------
     MENU
-----------*/
#menu{
     position:absolute;
	 top:84px;
	 left:33px;
	 list-style:none;
     width:688px;
     margin:0 0 30px 0;
     font-family: "Times roman";
     font-size: 12px;
}
#menu li{
     float:left;
     background:url(../777/m_point.gif) no-repeat 0 5px;
	 padding:0 0 0 10px;
	 margin:0 26px 0 0;
}
#menu li.here{color:#000; background:url(../777/m_here.gif) no-repeat 0 5px}
#menu li a strong{color:#000}
#address{
	padding:0 0 0 26px;
	font-size:115%;
	width:165px;
}
#address p{margin:0 0 7px 0;}
/*---------
     CONTENT
-----------*/

h1{
     color:#000;
     font-size:160%;
     font-weight:normal;
     margin:5px 0 25px 0;
	 letter-spacing:-1px;
	 line-height:0.8;
	 text-transform:uppercase;
}

#content{
     float:left;
     width:618px;
	 margin:41px 0 0 0;
	 padding:50px 50px 0 36px;
	 background:url(../777/contantback.jpg) no-repeat;
}
#content p{
	text-align:justify;
	margin:0 0 16px 0;
	font-size:100%;
	line-height:1.3;
}
#content ol{
	list-style-type:decimal;
	margin:10px 0 10px 40px;
}
#content ol li{
	padding:0 0 0 5pxpx;
	margin:0 0 5px 0;
	font-size:90%;
}

#content ul{
	list-style-type:none;
	margin:5px 0 20px 20px;
}
#content ul li{

	padding:0 0 0 23px;
	font-size:100%;
}

.cont_in ul li{font-size:100%; 	margin:0 0 5px 0; background:url(../777/listpoint.gif) no-repeat 0 7px;}
*html .cont_in ul li{background:url(../777/listpoint.gif) no-repeat 0 8px;}
h2{
     color:#000;
     font-size:180%;
     margin:30px 0 20px 0;
     font-weight:normal;
}
h3{
     color:#000;
     font-size:110%;
     font-weight:bold;
     margin:0 0 7px 0;
}

/*---------
     FOOTER
-----------*/
#footer{
     width:670px;
     height:112px;
     background:url(../777/footerback.gif) no-repeat;
	 padding:82px 0 0 36px;
	 margin:0 0 15px 0;
}
#footer p{
	margin:0 0 16px 0;
	font-size:12px;
}
.dev{
	color:#000;
	text-decoration:none;
}
/*---------
     FORM
-----------*/
#form{
	margin: 15px 0 10px;
}
#form .line{
	clear: both;
	padding: 0 0 6px 0;
	width: 480px;
	margin: 2px 0;
}
#form.descr .line{
	border-bottom: 1px solid #D5EAF6;
	padding: 5px 0 6px 0;
}
#form .line:after{content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html #form .line{height: 1%;}
#form .label{
	float: left;
	width: 130px;
	display: block;
	margin-right: 10px;
	display: inline;
	font-size:120%;
}
#form.descr .label{
	font-weight: bold;
	text-align: left;
}
#form .formw{
	width: 330px;
	display: block;
	float: left;
}
#form.descr .formw{
	width: 460px;
	text-align: justify;
}
#form .formw .text{
	width: 100%;
	font: 100% Arial, Helvetica, sans-serif;
}
#form .formw .inbtn{
	font: bold 86% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.red{
	color: #c00;
}
.err{
	color: #c00;
	font-size: 83%;
	line-height: 115%;
}
hr{
	background: #630;
	border: 0;
	color: #630;
	height: 1px;
	margin: 10px 0 10px 0;
	padding: 0;
}
* html	hr{
	margin: -5px 0 12px 0;
	padding: 0;
}



/*--------------------
???????? ??????
--------------------*/
#pic_list{
	float: right;
	padding: 4px 7px;
	margin: 0px 0 10px 10px;
}
#pic_list li{
	background: none;
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 100%;
	text-align: center;
}
#pic_list li img{
   border:1px solid black;
}
#pic_list .imgdescr{
	display: block;
	//margin: 0 0 0 0;
	padding: 0 0 10px 0;
	width: 150px;
	text-align: center;
}
#pic_simple{
	float: left;
	margin: 5px 20px 10px 0;
	padding: 0;
	border: none;
}

/*---------------------
PAGES
---------------------*/
.pages{
	text-align: center;
	margin: 30px 0 0 0;
	padding: 10px 0 5px 0;
}
.pages a{
	padding: 3px 7px;
/*	border: 1px solid #d1d1d1;*/
	text-decoration: none;
	color: #fff;
	background: #4F8C61;
	margin:0 2px 0 0;
}
.pages a:hover{
/*	border: 1px solid #999;*/
	background: #000;
	text-decoration: none;
	color: #fff;
}
.pages strong{
	padding: 0 5px;
}


/* links */
.link .model{
	margin:0 15px 15px 15px;
	padding:0;
	list-style:none;
	float:left;
	width:160px;
}

.link .model li{
	float:none;
	font-size:90%;
	line-height:0.8
}
.link .model li.here{
	font-weight:bold;
}
.link p{
	margin:0 0 10px 30px;
}
.link textarea.top{
	width:340px;
	float:left;
	margin:0 0 10px 30px;
	border:solid 1px #B7B9BE;
	background:#fff;
	font-size:13px;
	padding:5px;
}


.link .box dl{
	margin:auto auto 15px 30px;
	width:560px;
	text-align:justify;
}
* html .link .box dl{
	margin:20px 0 20px 15px;
}
.link .box dt{
	margin:auto auto 5px auto;
	color:#000;
	font-size:100%;
}
.link .box dt a{
	font-weight:bold;
}
.link .attention{
	margin:15px auto auto 30px;
	color:#B43A00;
	font-weight:bold;
	font-size:120%;
}
.link .form_box{
	margin-left:30px;
}
.link .form_box input,
.link .form_box select{
	width:259px;
	color:#666;
}
.link .form_box .code{
	width:135px;
}

.link .form_box textarea{
	color:#666;
	border:solid 1px #B7B9BE;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	height:68px;
	width:259px;
}


.link .form_box .send{
	width:100px;
	height:22px;
	font-size:13px;
	border:1px;
	border:solid 1px #919194;
	/*border-width:0 1px 1px 1px;*/
	color:#000;
	cursor: pointer;
	cursor: hand;
	margin-top:10px;
}

#linkslist{
	margin:10px auto auto auto;
	list-style:none;
}

#linkslist li{
	font-size:93%;
	margin-bottom:20px;
	list-style-type:none;
	background:none;
	padding:20px 0;
	border-bottom:1px solid #000;
}
#linkslist li.here{
	font-weight:bold;
}

.link #add_link{
	color:#8D240F;
	font-weight:bold;
	margin-top:30px;
}
.link .bottom{
	margin-top:30px;
}

.titkeT {
	font-size:16px;
	font-weight:bold;
}
.razData {
	font-size:12px;
	color:#666666;
}
/*---------------