/*TopHeader
----------------------------------------------------*/

#topHeader { clear:both; width:auto; margin:0px; padding:1px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff; height:230px; }
#leftside { float:left; margin:0px; padding:0px 0px 0px 0px; width:74%; background-color:#fff; height:230px; overflow:hidden; z-index:1; }
#rightside { width:auto; margin-left:73%; padding:0px 0px 0px 0px; background-color:#306; height:230px; z-index:2; }
#rightside img { float:right; margin:30px 25px 0px 0px; padding:0px; }
#rightside p { text-align:left; margin:0px 0px 0px 0px; padding:120px 20px 5px 25px; color:#FFF; lineheight:120%; font-size:85%; }
#topHeaderImg { margin:0px; padding:0px; width:auto; list-style-type:none; }


/* topmainArea
----------------------------------------------------*/
#topmainArea { text-align:left; float:left; width:58%; margin:0px; padding:10px 0px 10px 0px; }
#topbody { margin:0px 0px 0px 0px; padding:0px 0px 10px 15px; }

#topbody h2 { font-weight:bold; font-size:110%; margin:0px; padding:5px 0px 5px 10px; border:0px; }
#topbody h3 { font-weight:bold; font-size:110%; margin:0px; line-height:130%; }

#topbody .lightgray h2 { background-color : #333; color : #fff; }
#topbody .lightgray p { margin:5px 10px 15px 5px; }

#topbody .purple h2 { background-color : #306; color : #eef; }
#topbody .purple h3 { margin-top:5px; padding:7px 0px 5px 5px; border-top:1px solid #ccc; font-size:110%;}
#topbody .purple span.date { font-size:70%; margin:0px 10px 15px 5px; padding:0px; color:#999; }
#topbody .purple .rightLinkArea {  margin:0px; padding:5px 0px 5px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:auto; }
#topbody .purple .rightLink { float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; width:auto; }

#topbody .lightblue h2 { font-size:120%; background-color : #85ADD6; color : #fff; }
#topbody .lightblue h3 { font-weight:bold; font-size:120%; margin-top:5px; padding:7px 0px 5px 5px; border-top:1px solid #ccc;}
#topbody .lightblue .rightLinkArea { margin:0px; padding:5px 0px 5px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:auto; }
#topbody .lightblue .rightLink { float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; width:auto; }

#topbody .Sixapart h2 { background-color : #7F9DAA; color : #fff; }
#topbody .Sixapart h3 { font-size:90%; margin-top:5px; padding:7px 0px 5px 5px; border-top:1px solid #ccc;}
#topbody .Sixapart .rightLinkArea { margin:0px; padding:5px 0px 5px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:auto; }
#topbody .Sixapart .rightLink { float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; width:auto; }

/* topsubArea
----------------------------------------------------*/
#topsubArea { width:350px; margin:10px 10px 0px 60%; padding:0px; }
#topsubArea h2 { background:#cc9; margin:0px 0px 5px 0px; padding:5px 10px 5px 12px; font-size:110%; }
#topsubArea .localnavibtn li { margin:3px 0px 0px 5px; padding:0px 0px 0px 15px; background:url("/image_common/btn_common.gif") no-repeat; }
#topsubArea .localnavicont { margin:0px; padding:0px; }
#topsubArea .localnavicont li { margin:3px 0px 0px 0px; padding:0px; background:url("/image_common/none.gif") no-repeat; }

#topsubArea p { margin:5px 10px 0px 5px; }
.rightimg { float:right;  margin:10px 10px 5px 5px;}
.leftimg { margin:0px; padding:0px; }

#topsubArea .darkblue h2 { background-color:#194C7F; color : #fff; margin:0px 0px 10px 0px; }
#topsubArea .darkseagreen h2 { background-color:#85AD85; color : #fff; margin:0px 0px 10px 0px; }
#topsubArea .lightbrown h2 { background-color:#CC9966; color : #fff; margin:0px 0px 10px 0px; }
#topsubArea .lightgray h2 { background-color:#777777; color : #fff; margin:0px 0px 10px 0px; }
#topsubArea .adzuki h2 { background-color:#B38086; color : #fff; margin:0px 0px 10px 0px; }
#topsubArea .sixapart h2 { background-color:#7F9DAA; color : #fff; margin:0px 0px 10px 0px; }

#topsubArea .relatedfirst { margin:20px 0px 0px 0px; padding:8px 0px 12px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#topsubArea .related { padding:8px 0px 12px 0px;  border-bottom:1px solid #ccc;}
#topsubArea .mtop { margin:0px 0px 0px 60px;}