body{
background-color:#ffffff;
padding:0;
}

#all{
background:transparent url(/material/back2.png) center bottom no-repeat;
width:785px;
height: 660px;
margin: 0 auto 100px;
border: solid 1px #ffffff;
}

#th{
background:transparent url(/material/title-kari2.png);
width: 745px;
height: 80px;
margin: 20px 20px 0;
}

#th a{
color:#2ca9e1;;
text-decoration:none;}

p.ti{
font-size: 65px;
font-family:"正調祥南行書体";
color:#2ca9e1;
margin: 0;
line-height:1;
}

#catch{
font-size: 15px;
margin:0;
color:#0095d9;
}

#menu1,#menu2{
width: 745px;
height: 18px;
margin: 0 20px;
background-color:#a4a8d4;
color:#ffffff;
font-family:"Monotype Corsiva";
line-height:1;
font-size:18px;
}

#menu2{
border-top:solid 1px #ffffff;
}

ul.a{
margin:0;
padding:0;
list-style-type:none;
}

ul.a li{
float:left;
margin:0;
padding:0;
text-align:center;
border-right:solid 1px #ffffff;
}

ul.a li.last{
border-right: none;
}

ul.a li a{
display:block;
width:185px;
overflow:hidden;
text-decoration: none;
}

ul.a li a:link{
color: #ffffff;
}

ul.a li a:visited{
color:#ffffff;
}

ul.a li a:hover{
background:transparent url(/material/title-kari2.png);
color:#a4a8d4;
}

ul.a li a:active{
background:transparent url(/material/title-kari2.png);
color:#a4a8d4;
}

#all #middle{
width: 745px;
height: 500px;
margin: 0px 20px 16px;
}

#all #middle #sub{
width: 185px;
height: 100%;
float:left;
background: transparent url(/material/title-kari2.png);
}

#sub a{
text-decoration:none;
}

#sub a:link{
color:#5a79ba;
}

#sub a:visited{
color:#5a79ba;
}

#sub a:hover{
color:#cc7eb1;
}

#sub a:active{
color:#cc7eb1;
}

p.menu{
color:#5a79ba;
text-align:center;
line-height: 1.5;
margin:0;
padding:0;
}

#all #middle #main{
width: 540;
height: 100%;
margin: 0px 0px 15px 20px;
float:right;
}

#main iframe{
width:100%;
height:100%;
border: none;
overflow:scroll;
}