body {
margin: 0px;
padding: 0px;
font-size: 80%;
line-height: 160%;
color: #333333;
background: url(images/background.jpg);
}
img {
border: none;
}

h1 {
line-height: 30px;
font-size: 100%;
font-weight: bold;
border-left: 5px solid #990000;
text-indent: 15px;
margin: 10px 0px 10px 0px;
padding: 0px;
}
h1 a {
text-decoration: none;
color: #333333;
}
h2 {
line-height: 30px;
font-size: 100%;
font-weight: bold;
border-bottom: 1px solid #333333;
text-indent: 40px;
clear: both;
background: url(images/h2_back.gif) no-repeat;
}
h2 a {
text-decoration: none;
color: #333333;
}
h3 {
line-height: 30px;
font-size: 100%;
font-weight: bold;
border-bottom: 1px solid #333333;
text-indent: 40px;
clear: both;
background: url(images/h2_back.gif) no-repeat;
}
a {
color: #0000cc;
}
a:hover {
text-decoration: underline;
}
#rap {
width: 760px;
margin: 0px auto;
background: url(images/rap_back.gif) repeat-y;
padding:0px 10px;
}
#head {
margin: 0px;
}
#head a{
color: #ffffff;
}
#head_line {
background: url(images/head_line.gif);
height: 20px;
clear: both;
}
#side {
width: 220px;
float: left;
margin: 0px 0px 40px 0px;
}
#side_menu {
background: url(images/side_menu_back.gif);
}
#main {
width: 510px;
margin: 10px 20px 40px 10px;
float: left;
}
#news {
margin: 10px 0px 0px 0px;
}
#news ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#news ul li{
border-bottom: 1px dotted #333333;
margin: 0px;
padding: 10px 0px;
}
#news ul li em {
margin-right: 10px;
font-style: normal;
}
#banner {
width: 210px;
float: left;
margin: 10px 0px 0px 0px;
}
#banner img {
margin: 0px 0px 10px 10px;
}
#foot {
clear: both;
margin: 0px;
padding: 10px;
background: #ffffff;
color: #333333;
text-align: center;
border-top : #333333 solid 1px;
}
#foot a {
color: #333333;
}
#foot #copy {
margin: 0;
padding: 0;
font-size: x-small;
line-height: 1.5;
}
.menu_box01 {
line-height: 30px;
margin: 0px 10px;
background: #333300;
text-indent: 20px;
}
.menu_box02 {
color: #333333;
margin: 10px;
line-height: 20px;
text-indent: 10px;
border-bottom: 2px solid #990000;
}
#side_menu ul {
margin: 0px;
padding: 0px;;
}
#side_menu ul li {
padding: 0px 10px 0px 15px;
margin: 10px 10px 10px 20px;
list-style-type: none;
background: url(images/list_ac.gif) no-repeat left top;
}
.menu_box02 a {
color: #333333;
text-decoration: none;
}
.menu_box01 a {
color: #ffffff;
text-decoration: none;
}
#side_menu ul li a {
color: #333333;
text-decoration: none;
}
.menu_box01 a:hover,
.menu_box02 a:hover,
.menu_box03 a:hover,
#side_menu ul li a:hover {
text-decoration: underline;
}
#side_menu_top {
background: url(images/side_menu_top_back.gif);
width: 220px;
height: 10px;
}
#side_menu_bottom {
background: url(images/side_menu_bottom_back.gif);
width: 220px;
height: 20px;
}
.menu_box03 a {
color: #ffffff;
text-decoration: none;
}
#logo_1 {
margin: 0px;
float: left;
}
#logo_2 {
margin: 0px;
float: right;
}

.right {
float: right;
text-align: right;
}
.red {
color: #cc0000;
}
.example {
clear: both;
margin: 20px;
padding: 0px 20px;
border: 2px dotted #333333;
}

/* form */
.form_text01 {
color: #990000;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
.form_text02 {
color: #000099;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
.form_text04 {
color: #999999;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
.form_text04 a {
font-weight: normal;
}
.form01 {
border: 2px solid #990000;
padding: 10px 20px;
margin: 0px 0px 10px 0px;
}
.form02 {
border: 2px solid #000099;
padding: 10px 20px;
margin: 0px 0px 10px 0px;
}
.form03 {
margin: 2px;
padding: 0px 20px;
}
.form04 {
border: 2px solid #999999;
padding: 10px 20px;
margin: 0px 0px 10px 0px;
}
.text_box {
text-indent: 300px;
}
.form_table {
width: 100%;
padding: 10px;
border: none;
}
.form_td {
width: 120px;
vertical-align: top;
text-align: right;
}
.text_area {
width: 290px;
}

/* about */
.about_table {
width: 100%;
padding: 10px;
border: none;
}
.about_td {
width: 50px;
vertical-align: top;
}

/* list */
#list_rap {
width: 500px;
margin: 0px auto;
padding: 20px;
background: #ffffff;
}

/* menu(献立表) */
.menu img {
margin: 0px 20px;
}

.clear {
clear: both;
}


/* image */
.image_right {
float: right;
}
.image_left {
float: left;
}

/* text */
.text_right {
margin: 10px;
clear: both;
text-align: right;
}
.text_left {
text-align: left;
}