@charset 'UTF-8';


.leftArea{
width:550px;
float:left;
}
.rightArea{
width:219px;
border-left:1px solid #663300;
float:right;
overflow:auto;
}

.leftArea h1{
font-size:16px;
color:#CC9933;
margin:0;
padding:0;
overflow:auto;
}


.rightArea .link p{
font-size:10px;
color:.333333;
line-height:1.5em;
margin:0;
padding:10px;
}
.rightArea .link h4{
background-color:#CC6600;
font-size:12px;
color:#FFFFFF;
margin:0;
padding:3px 5px;
}


.rightArea .contact h4{
font-size:12px;
padding:5px;
margin:0px;
color:.333333;
}
.rightArea .contact p{
font-size:12px;
padding:0px 10px 10px;
margin:0px;
line-height:1.2em;
}


.rightArea .view h4{
font-size:12px;
padding:5px;
margin:0px;
color:.333333;
}
.rightArea .view p{
font-size:12px;
padding:0px 10px 10px;
margin:0px;
line-height:1.2em;
}

.topics{
width:510px;
padding:20px;
}

.topics p{
font-size:15px;
color:#333333;
line-height:1.4em;
padding:0px 5px;
margin:10px 0px 20px;
}

.titlebox{
width:213px;
border: 3px double #ffd700;
}

.titlebox h4{
background-color:#ffd700;
font-size:12px;
color:#FFFFFF;
margin:0;
padding:3px 5px;
}
#content .titlebox img{
margin:0px;
}

* html .titlebox ul{
list-style:none;
margin:3px 0px;
}
.titlebox ul{
list-style:none;
margin:3px 0px 0px -20px;
}
* html .titlebox li{
font-size:12px;
color:#333333;
margin-left:10px;
line-height:1.5em;
}
.titlebox li{
font-size:12px;
color:#333333;
margin-left:0px;
line-height:1.5em;
}
.titlebox li.iro{
color:#003399;
}
.titlebox img{
margin:10px auto 3px;
}
.titlebox p{
font-size:10px;
margin:0px 5px 5px;
}