br{
letter-spacing : normal;
}
body{
font-family: Verdana, Arial, Helvetica, sans-serif,Osaka;
background-image : url(bg.gif);
}
pre{
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;  /* CSS3 */
word-wrap: break-word;  /* IE 5.5+ */
}
.waku{
margin-left : auto;
margin-right : auto;
width : 965px;
height : 841px;
margin-top : -60px;
padding-bottom : 50px;
}
.main-bg{
width : 666px;
height : 814px;
float : right;
clear : both;
margin-left : 20px;
}
.title{
width : 268px;
height : 78px;
top : 120px;
left : 100px;
position : relative;
}
.inside-waku{
width : 965px;
height : 907px;
background-image : url(main-bg.png);
background-repeat : no-repeat;
clear : both;
}
.left-side-bg{
width : 264px;
height : 518px;
float : left;
padding-top : 137px;
padding-left : 15px;
}
.left-side-bg li{
list-style-type : none;
list-style-position : outside;
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
.left-side-bg ul{
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
.left-side-menu1{
width : 255px;
height : 52px;
}
.left-side-menu1 a{
background-image : url(side-menu1.gif);
background-repeat : no-repeat;

width : 255px;
height : 52px;
display : block;
}
.left-side-menu1 a:hover{
background-image : url(side-menu1-on.gif);
background-repeat : no-repeat;
width : 255px;
height : 52px;
display : block;
}
.left-side-menu2{
width : 255px;
height : 52px;
}
.left-side-menu2 a{
background-image : url(side-menu2.gif);
background-repeat : no-repeat;

width : 255px;
height : 52px;
display : block;
}
.left-side-menu2 a:hover{
background-image : url(side-menu2-on.gif);
background-repeat : no-repeat;
width : 255px;
height : 52px;
display : block;
}
.left-side-menu3{
width : 255px;
height : 52px;
}
.left-side-menu3 a{
background-image : url(side-menu3.gif);
background-repeat : no-repeat;

width : 255px;
height : 52px;
display : block;
}
.left-side-menu3 a:hover{
background-image : url(side-menu3-on.gif);
background-repeat : no-repeat;
width : 255px;
height : 52px;
display : block;
}
.left-side-menu4{
width : 255px;
height : 52px;
}
.left-side-menu4 a{
background-image : url(side-menu4.gif);
background-repeat : no-repeat;

width : 255px;
height : 52px;
display : block;
}
.left-side-menu4 a:hover{
background-image : url(side-menu4-on.gif);
background-repeat : no-repeat;
width : 255px;
height : 52px;
display : block;
}
.left-side-menu5{
width : 255px;
height : 52px;
}
.left-side-menu5 a{
background-image : url(side-menu5.gif);
background-repeat : no-repeat;

width : 255px;
height : 52px;
display : block;
}
.left-side-menu5 a:hover{
background-image : url(side-menu5-on.gif);
background-repeat : no-repeat;
width : 255px;
height : 52px;
display : block;
}
.left-side-menu6{
width : 255px;
height : 52px;
}
.left-side-menu6 a{
background-image : url(side-menu6.gif);
background-repeat : no-repeat;

width : 255px;
height : 52px;
display : block;
}
.left-side-menu6 a:hover{
background-image : url(side-menu6-on.gif);
background-repeat : no-repeat;
width : 255px;
height : 52px;
display : block;
}
.pre1{
width : 480px;
height : 190px;
overflow : auto;
margin-top : 55px;
border-top-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-left-style : solid;
border-top-color : #806e4d;
border-left-color : #806e4d;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #806e4d;
font-size : 13px;
line-height : 150%;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
color : #4f2700;
}
.pre2{
width : 480px;
height : 190px;
overflow : auto;
border-top-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-left-style : solid;
border-top-color : #806e4d;
border-left-color : #806e4d;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #806e4d;
font-size : 13px;
line-height : 150%;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 50px;
color : #4f2700;
}
.pre3{
width : 480px;
height : 450px;
overflow : auto;
border-top-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-left-style : solid;
border-top-color : #806e4d;
border-left-color : #806e4d;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #806e4d;
font-size : 12px;
line-height : 150%;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
color : #4f2700;
}
.main-naka{
width : 500px;
float : left;
}
.main-naka h1{
margin: 100px 0 0 80px;
font-size: 12px;
color: #4f2700;
}
ul#breadcrumb{
margin: 30px 10px 10px;
padding: 0;
text-align: right;
}
ul#breadcrumb li{
display: inline;
color: #4d4d4d;
font-size: 12px;
list-style: none;
}
ul#breadcrumb li a{
color: #4d4d4d;
font-size: 12px;
text-decoration: none;
}
ul#breadcrumb li a:hover{
text-decoration: underline;
}
.main-right{
width : 138px;
float : right;
}
.mail-bt{
width : 138px;
height : 35px;
top : 225px;
position : relative;
left : -12px;
}
.mail-bt a{
background-image : url(mail-bt.gif);
background-repeat : no-repeat;

width : 138px;
height : 35px;
display : block;
}
.mail-bt a:hover{
background-image : url(mail-bt-on.gif);
background-repeat : no-repeat;
width : 138px;
height : 35px;
display : block;
}
.pre textarea{
font-size : 12px;
color : #ffffff;
background-color : #caba8b;
width : 450px;
height : 30px;
}
.main-naka-inside{
height : 600px;
}
.main-inside-under-link{
margin-top : 80px;
margin-left : 100px;
width : 400px;
clear : both;
}
.main-inside-under-link li{
float : left;
list-style-type : none;
margin-left : 50px;
}
.demo-download-waku{
text-align : center;
margin-top : 50px;
}
.back{
width : 107px;
height : 40px;
bottom : auto;
}
.back a{
width : 107px;
height : 40px;
background-image : url(back-bt.png);
background-repeat : no-repeat;
display : block;
text-indent : -9999pt;
}
.back a:hover{
width : 107px;
height : 40px;
background-image : url(back-bt-on.png);
background-repeat : no-repeat;
display : block;
}
.next{
width : 107px;
height : 40px;
}
.next a{
width : 107px;
height : 40px;
background-image : url(next-bt.png);
background-repeat : no-repeat;
display : block;
text-indent : -9999pt;
}
.next a:hover{
width : 107px;
height : 40px;
background-image : url(next-bt-on.png);
background-repeat : no-repeat;
display : block;
}
.introduction{
width : 600px;
top : -90px;
position : relative;
left : 200px;
font-size : 12px;
line-height : 150%;
}
.introduction a{
color : #4f2700;
text-decoration : underline;
}