@charset "utf-8";

#contents{
width:862px;
}

#contents .spacer{
padding:10px 26px;
font-size:14px;
}

ol.topicpath{
list-style:none;
font-size:12px;
margin:0 0 10px 0;
}

ol.topicpath li{
display:inline;
}

.main-area{
height:110px;
background:url(/area/images/bg_main-area.jpg) no-repeat 0 0;
padding:20px 120px 0 120px;
margin:0 0 15px 0;
}

.main-area h2{
height:37px;
background:url(/area/images/bg_hl01.gif) no-repeat 0 0;
margin:0 0 8px 0;
}

.main-area h2 div.areaname{
width:152px;
font-size:32px;
text-align:center;
color:#C95C2D;
padding:2px 0 0 0;
float:left;
}

.main-area h2 img{
float:left;
}

.main-area p{
clear:both;
font-size:12px;
line-height:1.5em;
text-align:center;
}


table.companycompare{
width:810px;
border-collapse:collapse;
empty-cells:show;
border-top:1px solid #D9C49F;
border-right:1px solid #D9C49F;
margin:0 0 15px 0;
}

table.companycompare th{
font-size:12px;
color:#666666;
text-align:center;
background-color:#F8F7F3;
border-bottom:1px solid #D9C49F;
border-left:1px solid #D9C49F;
padding:15px 0 15px 0;
}

table.companycompare td{
border-bottom:1px solid #D9C49F;
border-left:1px solid #D9C49F;
}

table.companycompare td.client{
width:130px;
font-size:10px;
text-align:center;
padding:10px 0 10px 0;
}

table.companycompare td.client a{
text-decoration:none;
}

table.companycompare td.area{
width:100px;
text-align:center;
padding:10px 0 10px 0;
}

table.companycompare td.area p{
font-size:16px;
padding:0 10px 0 10px;
}

table.companycompare td.salespoint{
width:280px;
padding:10px 0 10px 0;
}

table.companycompare td.salespoint p{
font-size:12px;
line-height:1.5em;
padding:0 10px 0 10px;
}
table.companycompare td.salespoint ul{
font-size:12px;
line-height:1.5em;
padding:0 10px 0 10px;
margin:0 0 0 20px;
}

table.companycompare td.fee{
width:100px;
text-align:center;
padding:10px 0 10px 0;
}

table.companycompare td.fee dl{
padding:0 10px 0 10px;
margin:0 0 5px 0;
}

table.companycompare td.fee dl dt{
text-align:left;
}

table.companycompare td.fee dl dd{
font-size:12px;
text-align:left;
}

table.companycompare td.qualification{
width:120px;
text-align:center;
padding:10px 0 10px 0;
}

table.companycompare td.qualification p{
font-size:12px;
line-height:1.5em;
padding:0 10px 0 10px;
}

table.companycompare td.detail{
text-align:center;
}

table.companycompare td.detail ul{
list-style:none;
font-size:12px;
padding:0 10px 0 10px;
}

table.companycompare td.detail ul li{
background:url(/area/images/bg_icon01.gif) no-repeat 5px 50%;
padding:0 0 0 10px;
}


.generalbaox{
height:1%;
border:1px solid #B78F4A;
}

.generalbaox h2{
font-size:14px;
color:#663300;
background-color:#F8F7F3;
border-bottom:1px solid #B78F4A;
padding:8px 8px 8px 8px;
}

.generalbaox p{
font-size:14px;
line-height:1.5em;
margin:0 0 10px 0;
}

.generalbaox h3{
font-size:14px;
margin:0 0 5px 0;
}

.generalbaox .inner{
padding:11px 11px 11px 11px;
}

.area-ranking{
}

.area-ranking .area-ranking-data{
width:468px;
float:left;
}

.area-ranking .area-ranking-graph{
width:297px;
float:right;
}


.generalbaox table.area-ranking-table{
width:460px;
border-collapse:collapse;
empty-cells:show;
border-top:1px solid #D9C49F;
border-right:1px solid #D9C49F;
}

.generalbaox table.area-ranking-table th{
font-size:12px;
color:#666666;
text-align:left;
background-color:#F8F7F3;
border-bottom:1px solid #D9C49F;
border-left:1px solid #D9C49F;
padding:10px 10px 10px 10px;
}

.generalbaox table.area-ranking-table td{
font-size:14px;
border-bottom:1px solid #D9C49F;
border-left:1px solid #D9C49F;
padding:10px 10px 10px 10px;
}

.generalbaox table.area-ranking-table td span{
font-weight:bold;
color:#C95C2D;
}

.entry{
text-align:center;
margin:0 0 30px 0;
}

.entry p{
margin:0 0 20px 0;
}

.entry ul{
list-style:none;
height:60px;
background:url(/area/images/bg_btn-entry.jpg) no-repeat top center;
}

.entry ul li{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
padding:20px 0 0 0;
}

.entry ul li a{
color:#FFFFFF;
text-decoration:none;
}

.arealink{
font-size:10px;
background-color:#F9F9F9;
border:1px solid #B0B0B0;
padding:10px 10px 10px 10px;
margin:0 0 30px 0;
}

.arealink dl{
width:790px;
text-align:left;
background:none;
margin:0 0 5px 0;
}

.arealink dl dt span{
font-weight:bold;
color:#666666;
}

.arealink dl dt{
display:inline;
width:180px;
float:left;
color:#666666;
}

.arealink dl dd{
display:inline;
width:600px;
float:left;
}

.arealink dl dd ul{
list-style:none;
display:inline;
}

.arealink dl dd ul li{
display:inline;
padding:0;
}

/* 404 error pages */
#contents .errorelement{
padding:50px;
margin:0 0 150px 0;
}

#contents .errorelement h2{
font-size:18px;
color:#666666;
background:url(/area/images/bg_ico-exmark.gif) no-repeat 0 50%;
padding:8px 0 8px 45px;
margin-bottom:15px;
}

#contents .errorelement p{
font-size:12px;
line-height:1.5em;
margin-bottom:10px;
}

#contents .maintenance{
font-size:12px;
text-align:left;
line-height:1.5em;
}

#contents .maintenance h2{
color:#663300;
font-size:14px;
background:url(/area/images/bg_headline-type01.gif) no-repeat 0 0;
margin:0 0 15px 0;
padding:6px 0 6px 25px;
}

#contents .maintenance h3{
color:#aa0000;
font-size:14px;
xbackground:url(/area/images/bg_headline-type01.gif) no-repeat 0 0;
margin:0 0 15px 0;
xpadding:6px 0 6px 25px;
}

#contents .maintenance .txtbox{
}

#contents .maintenance .txtbox p{
font-size:12px;
margin:0 0 20px 0;
}

.bigbanner{
text-align:center;
margin:0 0 25px 0;
}

