@charset "UTF-8";

body{
font-family:'arial';
color:brown;
background-color:#da70d6;


}


#rap{
width:900px;
border:13px #33ff99 dotted;
margin:0 auto;

background:#ffff99;

}

#rap2{
margin:0 auto;
padding-left:80px;

}
#rap3{
margin:0 auto;
padding-left:80px;
}



#rap.oko{
border:13px blue solid;
}

h1{
text-align:center;
margin:0 auto;
margin-top:10px;
margin-bottom:30px;

}

h1.oko{
text-align:center;
color:brown;

margin:0 auto;
margin-left:100px;
margin-right:100px;
margin-top:10px;
margin-bottom:30px;

}

table#menu{
margin:0 auto;
border-collapse:collapse;
margin-bottom:50px;
}

td{
border:4px white solid;
border-radius:20px 20px 20px 20px;
width:220px;
vertical-align:middle;
text-align:center;
color:purple;
height:50px;
letter-spacing: 2px;}


a{
color:purple;
}

td.set{
border:3px orange solid;
width:350px;
vertical-align:top;
text-align:left;
color:white;
height:50px;
letter-spacing: 2px;
background:#ffcccc;

}




td.soba{
background-color:#00bfff;



}

td.oko{
background-color:#ffccff;

}

td.tako{
background-color:#ccffcc;

}
td.img {
vertical-align:top;
color:red;
width:auto;
font-size:25px;
font-weight:bold;
font-family:  "ＭＳ 明朝", Osaka, ;
padding-bottom:10px;

background:#99ccff;

}
table.mati{
margin-bottom:20px;

}

td.mati2{
width:700px;
text-align:left;
font-weight:bold;
letter-spacing:0.1em;
vertical-align:top;
padding-top:15px;
padding-left:15px;
padding-right:15px;


}
1.yaki{
text-align:center;
color:#6495ed;
background-color:pink;
text-align:center;
color:#6495ed;
width:500px;
margin:0 auto;
margin-top:50px;
margin-bottom:30px;

}

img.center{
display:block;
margin:0  auto;
border:3px orange solid;
border-radius:40px 40px 40px 40px;

}

img.center2{
display:block;
margin:0  auto;
border:3px blue solid;
border-radius:40px 40px 40px 40px;

}

img.center3{
display:block;
margin:0  auto;
border:3px red solid;
border-radius:40px 40px 40px 40px;
}





h2{
color:blue;
}

span.purple{
color:purple;
}
span.pink{
color:pink;
}
span.pink2{
color:pink;
font-size:25px;
}
span.red
{
color:red;

}

span.redo
{
color:red;
font-size:50px;
}



h2.oko{
color:blue;
background-color:orange;
width:700px;
}

span.red
{
color:red;
}
h2.oko2{
color:hotpink;
width:400px;
text-align:left;
background-color:#ffcc33;

}

h2.tako{
color:blue;
background-color:#ffcc33;
width:800px;
letter-spacing: 3px;}



h3.sakusya{
color:blue;
background-color:#ffcc33;

letter-spacing:3px;
text-align:center;


}



li.oko{
color:green;

line-height:30px;

}

li.green{

line-height:50px;
letter-spacing: 2px;}




li.blue{
color:blue;
}

li.blue2{
color:blue;
}
span.red{
color:red;
font-style:italic;
font-weight:bold;

}

span.red2{
color:red;
font-weight:bold;
border-bottom:1px solid red;


}

span.red3{
color:red;
font-weight:bold;
border-bottom:3px solid red;


}

span.blue{
color:blue;
font-size:60px;
}

span.blue2{
color:blue;
font-size:25px;
}

span.blue3{
color:blue;
font-size:20px;
}

span.blue4
{
color:blue;
font-size:30px;
}

span.yellow{
color:orange;
}


span.green{
color:green;

}

span.green2{
color:green;
border-bottom:3px solid red;
}



span.orange{
color:orange;
}



hr{
height:2px;
background-color:blue;
border:none;
}

hr.orange{
height:2px;
background-color:orange;
border:none;
}
table#kakaku{
border-collapse:collapse;
}


td.pic{
height:250px;

background:#00ced1;

}


td.name{
height:80px;
background:#afeeee;
color:red;
}
ul{
margin-top:0;

}

td.pic1{
height:250px;

background:#cc99ff;

}

td.pic2{
height:250px;

background:#ffcccc;

}

td.pic4{
height:250px;

background:#48d1cc;

}






border:3px orange solid;
}
a.menu {
text-align:center;
display:block;
text-decoration:none;
height:50px;
line-height:50px;
}

a:link {
text-decoration:none;
}

a:hover {
 text-decoration:underline;
 }

h1.foot{
color:hotpink ;
font-size:18px;

}

h1.foot2{
color:green ;
font-size:18px;
margin-bottom:-0px;
letter-spacing:1px;

}
span.redd{
color:red;
font-weight:bold;
font-size:25px;
}


span.curick{
color:blue ;
font-size: 10px;
height:12px; 
text-align:center;
text-decoration:none;
border:none;

}