#bodyid{
padding: 0;
margin: 0;
}
#page{
background:#fff url('img/bg.png') repeat-y 700px 0;
}
#page2{
padding:auto;
margin:auto;
border:1px solid #666;
background:#fff;
width:700px;
font-size:0.8em;
color:#666;
text-align:center;
}
#banner{
background:#2f6768 url('img/banbg.png') repeat-x left top;
border-bottom:1px solid #fff;
height:50px;
letter-spacing:2px;
text-align:left
}
#banner h1 a{
font-size:24px;
color:#fff;
margin:0;
padding:10px 20px;
text-decoration:none;
}
#menu{
border-collapse:collapse;
background:#666;
width:100%;
}
#menu td{
border:1px solid #666;
border-right-width:0;
background:#e7eded url('img/menubg.png') repeat-x top left;
height:20px;
font-size:13px;
width:20%;
letter-spacing:1px;
text-align:center;
}
#menu a{
color:#666;
font-weight:bold;
width:100%;
text-decoration:none;
}
#image{
border:1px solid #666;
background:#27595a url('img/image.jpg') no-repeat top left;
width:680px;
height:80px;
margin:10px auto;
}
#image h3{
color:#fff;
font-size:1.1em;
text-align:right;
padding:10px;
margin:0;
}
#left{
width:170px;
float:left;
margin-bottom:20px;
text-align:left;
}
#sidemenu{
border:1px solid #777;
border-bottom-width:0;
margin-left:10px;
}
#left h2{
border-bottom:1px solid #777;
background:#416e6f url('img/sidebg.png') repeat-y left top;
font-size:1em;
margin:0;
padding:4px 10px;
color:#fff;
}
#left ul{
list-style-type:none;
margin:0;
padding:0;
}
#left li{
border-bottom:1px solid #777;
font-weight:normal;
margin:0;
padding:4px 10px;
font-size:1em;
}
#left li a{
width:100%;
text-decoration:none;
color:#555;
}
#left li a:hover{
color:#749696;
}

/*
right
-------------------------------------------------------------------*/
#right{
width:510px;
float:right;
padding:0 0 10px 0;
text-align:left;
}
#right a{
color:#55a999;
}
#right a:hover{
color:#cbe6e1;
}
#right h2{
background:url('img/titlebg.png') no-repeat left top;
color:#fff;
font-size:13px;
margin:0 10px 0 0;
padding:6px 0 15px 10px;
}
#right p{
font-weight:normal;
margin:0 10px 13px 0;
padding:0 10px;
font-size:1.2em;
line-height:150%;
}

/*
right-t
-------------------------------------------------------------------*/
#right-t{
width:510px;
float:right;
padding:0 0 10px 0;
text-align:left;
}
#right-t a{
color:#666;
text-decoration:none;
}
#right-t h2{
background:url('img/titlebg.png') no-repeat left top;
color:#fff;
font-size:13px;
margin:0 10px 0 0;
padding:6px 0 15px 10px;
}
#right-t p{
font-weight:normal;
margin:0 10px 13px 0;
padding:0 10px;
font-size:1.2em;
line-height:150%;
}
#pagetop{
padding:20px 10px 0 0;
text-align:right;
}
#copy{
clear:both;
border-top:1px solid #666;
color:#666;
padding:3px 10px;
text-align:center;
}
#copy a{
color:#666;
text-decoration:none;
}
#omo{
display:none;
}
/*
文字の色や強調
-------------------------------------------------------------------*/

.n10  {font-size: 10px}
.n11  {font-size: 11px}
.n12  {font-size: 12px}
.n13  {font-size: 13px}
.n14  {font-size: 14px}
.n15  {font-size: 15px}

.red  {color: red; font-weight: normal}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 16px}
.red18 {color: red; font-weight: bold; font-size: 18px;text-align: center;}

.blue  {color: blue; font-weight: normal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}

.green  {color: green; font-weight: normal}
.greenb {color: green; font-weight: bold}
.greenl {color: green; font-weight: bold; font-size: 16px}

.orange  {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}