#bodyid{
padding:0;
margin:0;
text-align:center;
}
#bg{
background:url('') repeat-y 50% 0%;
width:700px;
height:100%;
margin:0 auto;
text-align:center;
}
#page{
border-left:1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
width:680px;
height:100%;
margin:0 auto;
}
#leftarea{
height:100%;
width:100%;
}
#title{
background:url('') no-repeat 10px 10px;
height:130px;
width:490px;
}
#title h1{
color:#fff;
text-align:left;
margin:0;
padding:25px 15px 15px 25px;
font-size:1.3em;
letter-spacing:1px;
}
#frameid{
height:100%;
}
#right{
width:188px;
padding:12px 0 0 0;
text-align:center;
}
#right table{
border-collapse:collapse;
width:160px;
margin:0 auto;
}
#right td{
border:1px solid #666;
height:80px;
font-size:12px;
}
#right td p{
text-align:center;
letter-spacing:1px;
}
#right td p a{
color:#333;
}
#right td p a:hover{
color:#ff9138;
}
#copy{
clear:both;
color:#666;
font-size:0.7em;
padding-top:15px;
text-align:center;
}

#bodyid2{
padding:0;
margin:0;
text-align:center;

}
#left{
font-size:0.9em;
padding-left:10px;
}
#left a{
color:#6e7081;
}
#left a:hover{
color:#e7bb9c;
}
#left h2{
border-bottom:1px dashed #333;
font-size:1em;
letter-spacing:1px;
padding:12px 12px 3px 12px;
margin:0 10px 5px 2px;
text-align:left;
color:#836049;
}
#left h2:first-letter{
font-size:1.4em;
background:#ce9e78;
color:#fff;
padding:2px;
} 
#left p{
padding:5px 12px 5px 12px;
margin:0 10px 0 2px;
text-align:left;
font-size:0.9em;
line-height:120%;
}
#pagetop{
padding:20px 10px 0 0;
text-align:right;
}

#left h3{
font-size:1em;
text-align:left;
padding-left:10px;
}

/* --- リストエリア --- */
.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目 --- */
.topicPath li {
display: inline;
}

/* --- リンク --- */
.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}