@charset "utf-8";
/* CSS Document */


#topMainArea,
#simulationArea,
#situationArea {
margin:0 0 0px;
padding:0 0 25px;
}

#topMainArea h1 {
height:312px;
margin:0 0 20px;
padding:60px 0 0;
text-align:center;
color:#fff;
font-size:300%;
font-weight:normal;
line-height:130%;
background:url(../images/top_mainimage.jpg) left top no-repeat;
}

#topMainArea h1 span {
font-size:55%;
}

#topMainArea ul {
margin:0 0 0 10px;
border-left:1px solid #d2d8e5;
}

#topMainArea ul li {
width:265px;
padding:0 30px 40px;
border-right:1px solid #d2d8e5;
float:left;
_display:inline;
}

#topMainArea .imageArea {
margin:0 0 15px;
}

#topMainArea ul li h2 {
position:relative;
font-size:130%;
margin:0 0 15px;
padding:5px;
color:#333;
}

#topMainArea ul li h2 span {
position:relative;
top:-2px;
display:block;
width:50px;
margin:0 5px 0 0;
padding:5px;
text-align:center;
color:#fff;
font-size:12px;
font-weight:normal;
background-color:#073190;
float:left;
_display:inline;
}

#topMainArea ul li p {
font-size:90%;
line-height:130%;
color:#666;
}



#simulationArea h2,
#situationArea h2 {
margin:0 0 0px;
text-align:center;
}

#simulationArea p,
#situationArea p {
margin:0 0px 0px;
line-height:130%;
}

#simulationArea h3 {
margin:0 10px 7px;
padding:5px;
color:#fff;
font-weight:normal;
text-align:center;
font-size:120%;
font-weight:bold;
background-color:#ea9440;
}

#simulationArea table {
margin:0 8px 0px;	
border-collapse:separate;
border-spacing:2px;
}
#simulationArea table th {
padding:0px;
color:#fff;
font-weight:normal;
text-align:left;
background-color:#ea9440;
}

#simulationArea table td {
padding:0px;
font-weight:normal;
text-align:left;
background-color:#f7d9bc;
}

#simulationArea .btnArea {
margin:0 0px;
text-align:right;
}



#situationArea h3 {
margin:0 10px 15px;
padding:17px 15px;
color:#fff;
font-size:120%;
font-weight:bold;
background-color:#29719f;
}

#situationArea h3.fin {
padding:3px 15px;
background-color:#6e9f29;
}

#situationArea h3.fin img {
margin:0 0 0 10px;
vertical-align:middle;
}

#situationArea .status {
margin:0 10px 15px;
}

#situationArea .status .imageArea {
width:400px;
margin:0 0 0 10px;
float:left;
_display:inline;
}

#situationArea .status .imageArea p {
margin:0;
padding:5px;
color:#666;
}

#situationArea .status .textArea {
width:550px;
padding:20px 0 0;
float:right;
_display:inline;
}

#situationArea .status .textArea p {
margin:0 0 20px;
}

#situationArea ul.statusBtn {
margin:0 10px 35px;
}

#situationArea ul.statusBtn li {
width:490px;
text-align:right;
float:left;
_display:inline;
}