.tail-top{ background:url(images/bg.gif) repeat-x top left}
.tail-bottom{background:url(images/bg1.jpg) no-repeat top center }

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{
	text-align:left;
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*======= common-table =======*/
.map{
	margin-top:10px;
	margin-left:0px;
	margin-bottom:10px;
	position:relative;
	width:500px;
	height:350px;
}

/* table01 */
table#table-01 {
    width: 740px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 16px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #dddddd;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}
table#table-01 td {
    padding: 16px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    line-height: 18px;	
}

/* table01 */
table#table-02 {
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-02 th {
    padding: 0px;
    border:  solid;
    border-width: 0 0 0 0 ;
    font-weight: bold;
    line-height: 18px;
}
table#table-02 td {
    padding: 0px;
    border: 0px solid;
    border-width: 0 0 0px 0px;
    line-height: 18px;	
	vertical-align: top;
}

/*======= header =======*/
#header {
	height:auto;
	background:url(images/top.jpg) no-repeat top center;
}
#header .header-logo{
	height:103px;
	#font-size:20px;
	#color:#FFF;
}
#header .txt1{
	float:left;
	margin-left:40px;
	margin-top:0px;
	width:300px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 45px;
	color:#FFF;
}
#header .txt2{
	float:left;
	margin-left:40px;
	margin-top:0px;
	width:100px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 45px;
	color:#FFF;
}
#header .txt3{
	float:left;
	margin-left:40px;
	margin-top:px;
	width:100px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 45px;
	color:#FFF;
}
#header .txt4{
	float:left;
	margin-left:40px;
	margin-top:px;
	width:100px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 45px;
	color:#FFF;
}
#header .txt5{
	float:left;
	margin-left:40px;
	margin-top:px;
	width:100px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 45px;
	color:#FFF;
}


/*======= index.html =======*/
#page1 #content .row .col-1{
	width:470px;
	margin-right:34px;
	height:320px;
	
}
#page1 #content .row .col-1-title{
	float:left;
	margin-left:34px;
	margin-top:0px;
	width:400px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 30px;
}




#page1 #content .row .col-2{
	width:230px
}
#page1 #content .col-1{
	width:210px;
	margin-right:40px
}
#page1 #content .col-1-title{
	float:left;
	margin-left:34px;
	margin-top:0px;
	width:200px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 30px;
}
#page1 #content .col-1-point{
	color:#FF9900;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	font-style:normal
}

#page1 #content .col-2{
	width:220px;
	margin-right:10px;
}
#page1 #content .col-2 .attention{
	font-weight:normal;
	font-size:9px;
	font-style:italic;
}
#page1 #content .col-3{ 
	width:220px;
	margin-left:20px;	
}

#page1 #content .bg{
	background-image: url(images/tail.gif);
	background-repeat: repeat-y;
	background-position: 485px top;
} 


#page1 #content .bg1{
	background-image: url(images/tail.gif);
	background-repeat: repeat-y;
	background-position: 230px top;
} 
/*======= index-1.html =======*/
#page4 #content .row .col-1{ width:187px; margin-right:0}
#page4 #content .row .col-2{ width:164px}
#page4 #content .col-1{ width:260px; margin-right:58px}
#page4 #content .col-2{ width:359px}
#page4 #content .bg{ background:url(images/tail.gif) repeat-y 291px top } 
/*#page4 #content .bg1{ background:url(images/tail.gif) repeat-y 618px top } */
#page4 #content .page4-img01{
	width:300px;
}

#page4 #content .page4-pr-img01{ 
	margin:0px 20px 0px 0px;
	width:760px;
}
#page4 #content .page4-txt01{
	width:300px;
}
#page4 #content .page4-txt02
{
	width:auto;
	margin-top:120px;
	margin-bottom:30px;
}

/*======= index-2.html =======*/
#page3 #content .col-1{
	width:470px;
	margin-right:34px;
	height:30px;
	position:relative;
}
#page3 #content .col-1-title{
	position: absolute;
	margin-left:0px;
	margin-top:0px;
	width:400px;
	height:	0px;
	font-size:16px;
	font-weight:bold;
	line-height: 30px;
}
#page3 #content .bg{ background:url(images/tail.gif) repeat-y 291px top } 

#page3 #content .company-info{
	margin-left:65px;
	margin-bottom:50px;
	position:relative;
	width:500px;
	height:930px;
}
/*======= index-3.html =======*/

#page2 #content .row .col-1{ 
	width:740px; 
	margin-right:75px
	}
#page2 #contact-img{
	width:740px;
	margin-bottom:5px;
}
#page2 #contact-ul{
	margin-left:10px;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:20px;
}
/*#page2 #content .row .col-2{ width:415px}
/*#page2 #content .row .bg{ background:url(images/tail.gif) repeat-y 458px top } 
/*#page2 #content .col-1{ width:260px; margin-right:68px}
#page2 #content .col-2{ width:259px}*/
/*#page2 #content .bg{ background:url(images/tail.gif) repeat-y 291px top } 
#page2 #content .bg1{ background:url(images/tail.gif) repeat-y 618px top } 
*/
#page2 #content .col-1-title{
	float:left;
	margin-left:34px;
	margin-top:0px;
	width:400px;
	height:	0px;
	position: relative;
	font-size:16px;
	font-weight:bold;
	line-height: 30px;
}

#page2 #content .contact-bold{
	font-size:22px;
	font-style:normal;
	font-weight:bold;
    line-height: 26px;		
	color:#ff5555;
}

/*======= index-4.html =======*/
#page5 #content .row .col-1{ width:420px; margin-right:75px}
#page5 #content .row .col-2{ width:415px}
#page5 #content .row .bg{ background:url(images/tail.gif) repeat-y 458px top } 
#page5 #content .col-1{ width:420px; margin-right:75px}
#page5 #content .col-2{ width:415px}
#page5 #content .bg{ background:url(images/tail.gif) repeat-y 458px top } 
/*======= index-5.html =======*/
#page6 #content .row .col-1{ width:183px; margin-right:60px}
#page6 #content .row .col-2{ width:183px}
#page6 #content .col-1{ width:260px; margin-right:68px}
#page6 #content .col-2{ width:259px}
#page6 #content .bg{ background:url(images/tail.gif) repeat-y 291px top } 
#page6 #content .bg1{ background:url(images/tail.gif) repeat-y 618px top } 

/*======= footer =======*/
#footer { height:88px; }