<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: Meiryo, Arial, sans-serif; 
		color:#888888;	}
p{
font-family: "Meiryo","osaka","MS UI Gothic",;
line-height: 150%;
font-size: 9.8pt;
color: #222222;
}
.big{
font-family: "Meiryo","osaka","MS UI Gothic",;
line-height: 150%;
font-size: 12pt;
color: #222222;
}
#logo{
margin:0px; 
margin-left:20px;
padding:0px 0px 5px 2px;
width:250px
}
.sub{
font-family: "Meiryo","osaka","MS UI Gothic",;
line-height: 150%;
font-size: 9pt;
color: #444444;
}
.menu{
font-family: "Meiryo","osaka","MS UI Gothic",;
letter-spacing : 0.1mm;
line-height: 150%;
font-size: 11pt;
color: #666666;
}
.white{
font-family: "Meiryo","osaka","MS UI Gothic",;
letter-spacing : 0.1mm;
line-height: 150%;
font-size: 8pt;
color: #ffffff;
}
small{
font-family: "Meiryo","osaka","MS UI Gothic",;
letter-spacing : 0px;
line-height: 150%;
font-size: 7.8pt;
color: #666666;
}
.end{
font-family: "Meiryo","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: "Meiryo","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: "Meiryo","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 50px;
}
.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: 0px 30px 0px 25px;
}
.title1_c {
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.line {
vertical-align: top;
padding: 10px 0px 10px 0px;
}

/* ------------ font --------------- */ 

.font_01 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_01.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_02 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_02.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_03 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_03.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_04 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_04.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_05 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_05.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_06 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_06.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_07 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_07.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_08 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_08.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_09 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_09.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_10 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_10.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_11 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_11.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_12 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_12.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_13 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_13.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_14 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_14.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_15 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_15.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_16 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_16.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_17 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_17.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_18 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_18.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_19 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_19.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_20 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_20.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_21 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_21.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_22 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_22.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_23 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_23.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_24 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_24.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_25 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_25.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_26 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_26.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_27 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_27.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_28 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_28.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_29 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_29.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_30 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_30.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_31 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_31.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_32 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_32.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_33 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_33.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_34 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_34.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_35 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_35.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_36 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_36.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_37 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_37.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_38 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_38.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_39 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_39.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_40 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_40.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_41 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_41.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_42 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_42.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_43 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_43.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_44 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_44.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_45 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_45.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_46 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_46.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_47 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_47.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_48 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_48.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_49 {
width: 100%;
height: 140px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_49.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_50 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_50.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_51 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_51.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_52 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_52.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_53 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_53.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_54 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_54.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_55 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_55.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_56 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_56.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_57 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_57.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_58 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_58.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_59 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_59.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_60 {
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_60.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.font_61,.font_62,.font_63,.font_64,.font_65,.font_66,.font_67,.font_68,.font_69,.font_70,.font_71,.font_72,.font_73,.font_74,.font_75,.font_76,.font_77,.font_78,.font_79,.font_80,
.font_81,.font_82,.font_83,.font_84,.font_85,.font_86,.font_87,.font_88,.font_89,.font_90,.font_91,.font_92,.font_93,.font_94,.font_95,.font_96,.font_97,.font_98,.font_99,.font_100
{
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;

background-repeat: no-repeat;
background-position: left top;
}
.font_61{
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_61.jpg);
background-repeat: no-repeat;


}
.font_62{
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_62.jpg);
background-repeat: no-repeat;
background-position: left top;

}
.font_63{
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_63.jpg);
background-repeat: no-repeat;
background-position: left top;

}
.font_64{
width: 100%;
height: 110px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background:url(images/f_64.jpg);
background-repeat: no-repeat;
background-position: left top;

}.font_65{
background:url(images/f_65.jpg);
}.font_65{
background:url(images/f_65.jpg);background-repeat: no-repeat;
}
.font_66{
background:url(images/f_66.jpg);background-repeat: no-repeat;
}
.font_67{
background:url(images/f_67.jpg);background-repeat: no-repeat;
}
.font_68{
background:url(images/f_68.jpg);background-repeat: no-repeat;
}
.font_69{
background:url(images/f_69.jpg);background-repeat: no-repeat;
}.font_70{
background:url(images/f_70.jpg);background-repeat: no-repeat;
}
.font_71{
background:url(images/f_71.jpg);background-repeat: no-repeat;
}
.font_72{
background:url(images/f_72.jpg);background-repeat: no-repeat;
}
.font_73{
background:url(images/f_73.jpg);background-repeat: no-repeat;
}
.font_74{
background:url(images/f_74.jpg);background-repeat: no-repeat;
}.font_75{
background:url(images/f_75.jpg);background-repeat: no-repeat;
}
.font_76{
background:url(images/f_76.jpg);background-repeat: no-repeat;
}
.font_77{
background:url(images/f_77.jpg);background-repeat: no-repeat;
}
.font_78{
background:url(images/f_78.jpg);background-repeat: no-repeat;
}
.font_79{
background:url(images/f_79.jpg);background-repeat: no-repeat;
}.font_80{
background:url(images/f_80.jpg);background-repeat: no-repeat;
}

.font_81{
background:url(images/f_81.jpg);background-repeat: no-repeat;
}
.font_82{
background:url(images/f_82.jpg);background-repeat: no-repeat;
}
.font_83{
background:url(images/f_83.jpg);background-repeat: no-repeat;
}
.font_84{
background:url(images/f_84.jpg);background-repeat: no-repeat;
}.font_85{
background:url(images/f_85.jpg);background-repeat: no-repeat;
}
.font_86{
background:url(images/f_86.jpg);background-repeat: no-repeat;
}
.font_87{
background:url(images/f_87.jpg);background-repeat: no-repeat;
}
.font_88{
background:url(images/f_88.jpg);background-repeat: no-repeat;
}
.font_89{
background:url(images/f_89.jpg);background-repeat: no-repeat;
}.font_90{
background:url(images/f_90.jpg);background-repeat: no-repeat;
}

.font_91{
background:url(images/f_91.jpg);background-repeat: no-repeat;
}
.font_92{
background:url(images/f_92.jpg);background-repeat: no-repeat;
}
.font_93{
background:url(images/f_93.jpg);background-repeat: no-repeat;
}
.font_94{
background:url(images/f_94.jpg);background-repeat: no-repeat;
}.font_95{
background:url(images/f_95.jpg);background-repeat: no-repeat;
}
.font_96{
background:url(images/f_96.jpg);background-repeat: no-repeat;
}
.font_97{
background:url(images/f_97.jpg);background-repeat: no-repeat;
}
.font_98{
background:url(images/f_98.jpg);background-repeat: no-repeat;
}
.font_99{
background:url(images/f_99.jpg);background-repeat: no-repeat;
}.font_100{
background:url(images/f_100.jpg);background-repeat: no-repeat;
}
/* ------------ space --------------- */ 
.space_x {
height: 100px;
text-align: right;
vertical-align: top;
padding: 0px 20px 0px 0px;
}



/* ------------------------------------endroll --------------------------------------- */ 
.end{
font-family: "Meiryo","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>
