<STYLE TYPE=text/css>
<!--
/* ------------base style --------------- */ 
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; min-width:988px; background:url(../images/bg.gif) top left repeat-x #f0f0f0}
html, html body { color: #666; font: 12px/1.5 'Arial','宋体',STHeiti,Verdana,Arial,Helvetica,sans-serif; }
p{
font-family: "Arial","osaka","MS UI Gothic",;
line-height: 150%;
font-size: 9.8pt;
color: #222222;
}
.big{
font-family: "Arial","osaka","MS UI Gothic",;
line-height: 150%;
font-size: 12pt;
color: #222222;
}
.sub{
font-family: "Arial","osaka","MS UI Gothic",;
line-height: 150%;
font-size: 9.2pt;
color: #444444;
text-justify: auto;
}
small{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0px;
line-height: 150%;
font-size: 7.8pt;
color: #666666;
}
font{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0px;
line-height: 150%;
font-size: 7pt;
color: #666666;
}
.menu{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0.1mm;
line-height: 150%;
font-size: 9.5pt;
color: #222222;
}
h1 {
font-family: "Arial","osaka","MS UI Gothic",;
font-size: 9pt;
color: #bbbbbb;
}
h2 {
line-height: 1.5em;
font-family: "Arial","osaka","MS UI Gothic",;
font-size: 7pt;
color: #ffffff;
}
a {text-decoration: none; }
a:hover {text-decoration: underline;}
a:link { color:#0000ff; }
a:visited { color:#fff; }
a:hover { color:#ff0000; }
a:active { color:#cc0000; }

a.menu {text-decoration: none; }
a.menu:hover {text-decoration: underline;}
a.menu:link { color:#222222; }
a.menu:visited { color:#222222; }
a.menu:hover { color:#000000; }
a.menu:active { color:#000000; }

.frame {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
}
img {
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
}
ul {
list-style-type: none;
padding: 0 0 0 20;
}
hr {
height: 1px;
border: none;
border-top: 1px #888888 dotted;
width: 100%;
}
iframe  {
width: 680px;
height: 820px;
border: thick #ffffff none;
}
strong { color:#444444; }
/* ------------line--------------- */
.line_left {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
.line {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
/* ------------------------------------start --------------------------------------- */ 
.example_main { 
width: 980px;
background-color: #ffffff;
}
/* ------------left menu--------------- */
.space_left {
width: 220px;
height: 100%;
vertical-align: top;
text-align: center;
padding: 30px 15px 0px 15px;
}
.example_left { 
width: 190px;
}
.space_r1 {
padding: 0px 0px 0px 0px;
}
.space_r2 {
padding: 10px 0px 0px 10px;
}
.space_r3 {
padding: 5px 0px 0px 0px;
}
.space_r4 {
padding: 5px 0px 0px 0px;
}
.space_r5 {
padding: 10px 0px 0px 0px;
}
.space_r6 {
padding: 30px 0px 0px 0px;
}
.space_r7 {
padding: 0px 0px 0px 0px;
}
.space_r8 {
padding: 7px 0px 0px 0px;
}
/* ------------境界線--------------- */
.space_line {
width: 1px;
height: 100%;
background-color: #ffffff;
padding: 25px 0px 15px 0px;
}
/* ------------right menu--------------- */
.space_right {
width: 100%;
height: 100%;
text-align: center;
vertical-align: top;
padding: 25px 35px 35px 35px;
}
.example1 { 
width: 100%;
padding: 0px 0px 0px 0px;
}
/* ------------ title1 --------------- */ 
.pan {
vertical-align: top;
padding: 0px 0px 30px 0px;
}
.title1 {
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.title1_a {
vertical-align: top;
padding: 15px 0px 0px 0px;
}
.title1_k {
vertical-align: top;
padding: 10px 0px 0px 0px;
}
.title1_b {
vertical-align: top;
padding: 15px 0px 10px 10px;
}
.example1_b { 
background:url(images/0000.png);
background-repeat: no-repeat;
background-position: center top;
}
.title1_c {
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.title1_d {
vertical-align: top;
padding: 0px 0px 0px 30px;
}
.title1_e {
vertical-align: top;
padding: 10px 0px 0px 20px;
}
.title1_f {
vertical-align: bottom;
padding: 10px 0px 10px 10px;
}
.example1_a { 
width: 670px;
height: 280px;
}
.title1_g {
vertical-align: top;
padding: 10px 0px 0px 0px;
background:url(images/0005.png);
background-repeat: no-repeat;
background-position: center top;
}
.title1_h {
width: 80px;
vertical-align: top;
padding: 3px 0px 0px 40px;
}
.title1_i {
width: 550px;
vertical-align: top;
padding: 3px 0px 0px 0px;
}
.title1_j {
vertical-align: top;
padding: 3px 0px 0px 0px;
}
.title1_l {
height: 100%;
vertical-align: top;
padding: 10px 0px 0px 40px;
}
/* ------------ title2 --------------- */ 
.title2 {
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.title2_a {
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.title2_b {
vertical-align: top;
padding: 15px 0px 0px 0px;
}
.title2_f {
vertical-align: top;
padding: 5px 0px 0px 0px;
}
.example6_a { 
width: 660px;
height: 290px;
background:url(images/0013.png);
background-repeat: no-repeat;
background-position: center top;
}
.title2_g {
height: 210px;
vertical-align: top;
padding: 10px 250px 0px 0px;
}
.title2_h {
height: 100%;
vertical-align: top;
padding: 20px 250px 0px 0px;
}
/* ------------ title3 --------------- */ 
.title3 {
vertical-align: top;
padding: 80px 0px 0px 0px;
}
.title3_a {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
.title3_b {
vertical-align: top;
padding: 10px 0px 0px 0px;
}
.example3_a { 
width: 650px;
}
.title3_c {
vertical-align: top;
padding: 10px 0px 0px 0px;
}
.title3_h {
vertical-align: middle;
padding: 10px 0px 0px 0px;
}
.title3_i {
vertical-align: middle;
padding: 10px 0px 0px 0px;
}
.title3_j {
vertical-align: middle;
padding: 10px 0px 0px 0px;
}
.title3_k {
vertical-align: middle;
padding: 10px 0px 0px 0px;
}
.title3_l {
vertical-align: middle;
padding: 10px 0px 0px 0px;
}
.title3_m {
height: 100%;
vertical-align: middle;
padding: 30px 20px 0px 0px;
}
/* ------------ title4 --------------- */ 
.title4 {
vertical-align: top;
padding: 80px 0px 0px 0px;
}
.title4_a {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
.title4_b {
vertical-align: top;
padding: 10px 0px 0px 0px;
}
.title4_c {
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.example4_a { 
width: 670px;
height: 170px;
padding: 8px 0px 0px 10px;
}
.title4_d {
vertical-align: bottom;
text-align: center;
width: 130px;
padding: 5px 0px 0px 0px;
}
.title4_e {
vertical-align: bottom;
text-align: center;
width: 80px;
padding: 5px 0px 0px 0px;
}
.title4_f {
vertical-align: bottom;
text-align: center;
width: 100px;
padding: 5px 0px 0px 0px;
}



/* ------------ title5 --------------- */ 
.title5 {
vertical-align: top;
padding: 80px 0px 0px 0px;
}
.title5_a {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
.title5_b{
vertical-align: top;
padding: 10px 0px 0px 0px;
}
.example5_a { 
width: 670px;
height: 170px;
padding: 8px 0px 0px 10px;
}
.title5_c {
vertical-align: top;
padding: 5px 0px 0px 0px;
}
.title5_d {
width: 160px;
text-align: center;
vertical-align: middle;
padding: 0px 0px 0px 0px;
}
.title5_e {
width: 50px;
text-align: center;
vertical-align: middle;
padding: 0px 0px 0px 0px;
}
.title5_f {
vertical-align: middle;
text-align: center;
padding: 0px 0px 0px 0px;
}
.title5_g {
vertical-align: middle;
padding: 20px 0px 0px 0px;
}
/* ------------ title6 --------------- */ 
.title6 {
vertical-align: top;
padding: 80px 0px 0px 0px;
}
.title6_a {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
.title6_b {
vertical-align: top;
padding: 10px 0px 0px 0px;
}
.example3_a { 
width: 650px;
}
.title6_c {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
.title6_d {
height: 100%;
vertical-align: middle;
padding: 30px 20px 0px 0px;
}
/* ------------ space --------------- */ 
.space_y {
height: 50px;
padding: 0px 0px 0px 0px;
background:url(images/yazi.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.space_w {
height: 31px;
padding: 0px 0px 0px 0px;
background:url(images/yazi.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.space_x {
text-align: right;
vertical-align: bottom;
padding: 10px 20px 10px 0px;
}
/* ------------------------------------endroll --------------------------------------- */ 
.end{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0.1mm;
line-height: 150%;
font-size: 8pt;
color: #ffffff;
}
a.end {text-decoration: none; }
a.end:hover {text-decoration: underline;}
a.end:link { color:#ffffff; }
a.end:visited { color:#ffffff; }
a.end:hover { color:#ffffff; }
a.end:active { color:#ffffff; }

.example_end{ 
width: 100%;
height: 250px;
margin: 0px;
background:url(../../images/end.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #222222;
}
.example_end1{
width: 980px;
}
.td_end1 {
width: 150px;
padding: 0px 0px 0px 20px;
vertical-align: top;
}
.td_end2 {
width: 180px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
.td_end3 {
width: 180px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
.td_end4 {
width: 180px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
.td_end5 {
width: 180px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
.td_end6 {
width: 180px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}

.space_end {
height: 20px;
vertical-align: top;
padding: 5px 0px 0px 10px;
}
.space_end2 {
vertical-align: top;
padding: 10px 0px 0px 10px;
}
.space_end3 {
height: 100%;
}
.space_end4 {
padding: 15px 20px 0px 5px;
}
.end_line {
width: 1px;
height: 170px;
background-color: #dddddd;
}
-->
</STYLE>
