<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, input, textarea	{	font-family: Arial, Arial, sans-serif; 
		color:#888888;	}
p{
font-family: "Arial","osaka","MS UI Gothic",;
line-height: 150%;
font-size: 9.8pt;
color: #222222;
}
#logo{
margin:0px; 
margin-left:20px;
padding:0px 0px 5px 2px;
width:250px
}
.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: 9pt;
color: #444444;
}
.menu{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0.1mm;
line-height: 150%;
font-size: 11pt;
color: #666666;
}
.white{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0.1mm;
line-height: 150%;
font-size: 8pt;
color: #ffffff;
}
small{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0px;
line-height: 150%;
font-size: 7.8pt;
color: #666666;
}
.end{
font-family: "Arial","osaka","MS UI Gothic",;
letter-spacing : 0.1mm;
line-height: 150%;
font-size: 8pt;
color: #000000;
}
h1 {
border-bottom: 0px solid #ffffff;
margin-top: 0px;
margin-bottom: 0px;
font-family: "Arial","osaka","MS UI Gothic",;
font-size: 12pt;
color: #000000;
padding: 5px 0px 0px 0px;
}
h2 {
border-bottom: 0px solid #ffffff;
margin-top: 0px;
margin-bottom: 0px;
font-family: "Arial","osaka","MS UI Gothic",;
font-size: 10pt;
color: #ff0000;
padding: 0px 0px 0px 0px;
}
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:#666666; }
a.menu:visited { color:#666666; }
a.menu:hover { color:#000000; }
a.menu:active { color:#000000; }

a.white {text-decoration: none; }
a.white:hover {text-decoration: underline;}
a.white:link { color:#ffffff; }
a.white:visited { color:#ffffff; }
a.white:hover { color:#ffffff; }
a.white:active { color:#ffffff; }

a.end {text-decoration: none; }
a.end:hover {text-decoration: underline;}
a.end:link { color:#000000; }
a.end:visited { color:#000000; }
a.end:hover { color:#000000; }
a.end:active { color:#000000; }


.noframe {
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
}
.frame {
    border-width: 1px;
    border-style: solid;
    border-color: #888888;
}
img {
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
}

ul {
list-style-type: none;
padding: 0 0 0 20;
}
.m1 {
padding-left: 18px;
padding-bottom: 1px;
background: url(images/rist.gif) no-repeat 0 3px;
}
.m2 {
padding-left: 18px;
padding-bottom: 1px;
background: url(images/rist04.gif) no-repeat 0 3px;
}
.m3 {
padding-left: 18px;
padding-bottom: 1px;
background: url(images/rist03.gif) no-repeat 0 3px;
}
.m4 {
padding-left: 18px;
padding-bottom: 1px;
background: url(images/rist06.gif) no-repeat 0 3px;
}
hr {
height: 1px;
border: none;
border-top: 1px #888888 dotted;
width: 100%;
}


/* ------------------------------------start --------------------------------------- */ 
.example_main { 
width: 980px;
background-color: #ffffff;
}

/* ------------right menu--------------- */

.space_right {
width: 100%;
height: 100%;
vertical-align: top;
text-align: center;
padding: 0px 0px 0px 60px;
}
.example1 { 
width: 880px;
padding: 0px 0px 0px 0px;
}
.pan {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
/* ------------ title1 --------------- */ 
.title1 {
vertical-align: top;
padding: 30px 30px 0px 0px;
}
.title1_a {
vertical-align: top;
padding: 10px 30px 0px 0px;
}
.title1_b {
vertical-align: top;
padding: 20px 0px 0px 5px;
}
.title1_c {
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.line {
vertical-align: top;
padding: 10px 0px 10px 0px;
}

/* ------------ font --------------- */ 
.example_design { 
width: 840px;
background-color: #f7f7f7;
padding: 0px 0px 0px 0px;
}

.design_01 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_01.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_02 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_02.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_03 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_03.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;

}
.design_04 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_04.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_05 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_05.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_06 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_06.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_07 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_07.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_08 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_08.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_09 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_09.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_10 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_10.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_11 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_11.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_12 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_12.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_13 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_13.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_14 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_14.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_15 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_15.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_16 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_16.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_17 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_17.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_18 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_18.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_19 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_19.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_20 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_20.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_21 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_21.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_22 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_22.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_23 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_23.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_24 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_24.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_25 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_25.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_26 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_26.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_27 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_27.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_28 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_28.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_29 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_29.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_30 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_30.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_31 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_31.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_32 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_32.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_33 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_33.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_34 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_34.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_35 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_35.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_36 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_36.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_37 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_37.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_38 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_38.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_39 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_39.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_40 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_40.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_41 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_41.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_42 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_42.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_43 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_43.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_44 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_44.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_45 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_45.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_46 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_46.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_47 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_47.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_48 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_48.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_49 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_49.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_50 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_50.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_51 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_51.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_52 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_52.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_53 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_53.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_54 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_54.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_55 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_55.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_56 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_56.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_57 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_57.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_58 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_58.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_59 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_59.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_60 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_60.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_61 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_61.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_62 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_62.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_63 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_63.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_64 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_64.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_65 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_65.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_66 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_66.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_67 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_67.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_68 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_68.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_69 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_69.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_70 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_70.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_71 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_71.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_72 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_72.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_73 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_73.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_74 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_74.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_75 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_75.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_76 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_76.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_77 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_77.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_78 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_78.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}
.design_79 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_79.gif);
background-repeat: no-repeat;
background-position: center top;
}
.design_80 {
width: 210px;
height: 200px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/d_80.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
}







/* ------------ space --------------- */ 
.space_x {
height: 100px;
text-align: right;
vertical-align: top;
padding: 10px 40px 0px 0px;
}
.end_start {
vertical-align: top;
padding: 50px 0px 0px 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%;
}
.end_line {
width: 1px;
height: 170px;
background-color: #dddddd;
}
-->
</STYLE>
