@charset "utf-8";

/*-----------------------------------------------------
TitleImageArea
-------------------------------------------------------*/
#ContentArea div#TitleImageArea{
/*	background:url("../images/cons_mainimage.jpg") no-repeat center -1px;*/
	background:url("../images/cons_mainimage.jpg") no-repeat 1px -1px;
}
#ContentArea div.form{
	margin:20px auto;
}
#MainArea table th{
	width:80px;
}

.map{
	height:265px;
	position:relative;
	background:url(../images/bg_cons.jpg) no-repeat;
	overflow:hidden;

}

.map p.btn01{
	position:relative;
	top:9px;
	left:9px;
}

.map p.btn02{
	position:relative;
	top:13px;
	left:9px;
}

.map p.btn03{
	position:relative;
	top:17px;
	left:9px
}

.map p.btn04{
	position:relative;
	top:21px;
	left:9px;
}

.map p.btn05{
	position:relative;
	top:25px;
	left:9px;
}

.map p.btn06{
	position:relative;
	top:-165px;
	left:117px;
}

.map p.btn07{
	position:relative;
	top:-152px;
	left:117px;
}

.map p.btn08{
	position:relative;
	top:-138px;
	left:117px;
}

.map p.btn09{
	position:relative;
	top:-323px;
	left:205px
}

.map p.btn10{
	position:relative;
	top:-310px;
	left:205px;
}

.map p.btn11{
	position:relative;
	top:-296px;
	left:205px;
}

.map p.btn12{
	position:relative;
	top:-282px;
	left:265px;
}

.map p.btn13{
	position:relative;
	top:-518px;
	left:267px;
}

.map p.btn14{
	position:relative;
	top:-503px;
	left:315px;
}

.map p.btn15{
	position:relative;
	top:-490px;
	left:315px
}

.map p.btn16{
	position:relative;
	top:-476px;
	left:315px;
}

.map p.btn20{
	position:relative;
	top:-662px;
	left:415px;
}

.map p.btn21{
	position:relative;
	top:-646px;
	left:415px
}

.map p.btn22{
	position:relative;
	top:-633px;
	left:415px;
}

.map p.btn23{
	position:relative;
	top:-619px;
	left:415px;
}

.map p.btn24{
	position:relative;
	top:-803px;
	left:515px;
}

.map p.btn25{
	position:relative;
	top:-791px;
	left:515px;
}

/* secretInformation (old HP CSS) 
------------------------------------*/

#MainArea div.heading{
  background:#F7DDC6;
}

#MainArea div.imageFrame{
  float:left;
  margin-right:6px;
  padding:4px;
}

#MainArea div.heading{
  font-size:12px;
  font-weight:bold;
  margin-bottom:6px;
  padding:6px 6px 4px 6px;
}

#MainArea dl.information{
  margin-bottom:16px;
  margin-left:8px;
}

#MainArea dl.information dt{padding:3px;}
#MainArea dl.information dd{padding:3px;}
#MainArea dl.information dd.detail{
  margin-top:6px;
}

#MainArea p.normal {
	padding: 0 5px;
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 1.55;
}

div#mainContent .comparison{
  margin-bottom:12px;
}

#MainArea table {
border-left:medium none;
border-right:medium none;
border-top:medium none;
clear:both;
margin:0;
width:auto;
}
#MainArea table td,
#MainArea table th {
background:none repeat scroll 0 0 transparent; } #MainArea table th, #MainArea table td { border-bottom:medium none; border-top:medium none; padding:0; }

#MainArea table.comparison td,
#MainArea table.comparison th{
  padding:4px;
  vertical-align:top;
}
#MainArea table.comparison th{
  background:#FFE5E5;
  text-align:center;
  vertical-align:top;
}
#MainArea table.comparison td{
  padding-bottom:32px;
}
#MainArea table.comparison td:hover{
  background:#FFF2F2;
}

#MainArea table.comparison th.flowItemName{
  background:#ECECEC;
  color:#CC0000;
  font-weight:bold;
}

#MainArea table.comparison .axis th,
#MainArea table.comparison .otherCompany th{
  width:50%;
  font-weight:bold;
}

div#MainArea ul.information{
  margin-bottom:16px;
  margin-left:23px;
}
div#MainArea ul.information li{
  list-style-type:square;
}

