@charset "utf-8";

/* **************************************************

Name: add.css

Description: Setting of page layout and special class for HCRD

Create: 2008.08.21
Update: 8888.88.88

Copyright 2008 Hitachi, Ltd. 

***************************************************** */



/* content===========================================*/


/* [-] layout class
=========================================================================================== */
body{
vertical-align:baseline;
}

.BoxPatternAdd{
border:1px solid #ccc;
border-top:0;
margin:-10px 0 10px;
padding:5px 0 0;
height:192px;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternAdd {
position:relative;
}
.BoxPatternAdd ul{
margin-left:8px;
}

div.ImgW160SetStyle div.ImgSet {
float:left;
width:385px;
padding-top:0;
}
div.ImgW160SetStyle p.Img {
float:left;
margin:0 3px 0 0;
padding:5px 0 0;
width:170px;
}
div.ImgW160SetStyle div.ImgSet ul{
margin-top:-5px;
}
div.ImgW220SetStyle div.ImgSet {
float:left;
width:325px;
padding-top:0;
}
div.ImgW220SetStyle p.Img {
float:left;
margin:0 3px 0 0;
padding:5px 0 0;
width:230px;
}

/* [-] common class
=========================================================================================== */

h2 {
border:0 none;
}
h2 span{
background:transparent url(/image/hcrd/h2_bg.gif) no-repeat scroll 0 0;
border:0 none;
border-right:1px solid #ccc;
padding:8px 5px 8px 24px;
}
h2 span a{
padding:8px 5px 8px 0px;
}
h2 span.br3{
background:transparent url(/image/hcrd/h2_bg_3.gif) no-repeat scroll 0 0;
border:0 none;
border-right:1px solid #ccc;
padding:8px 5px 8px 24px;
}
h2 span.br3 a{
padding:8px 5px 8px 0px;
}
h2 span.hot{
background:transparent url(/image/hcrd/h2_bg_hot.gif) no-repeat scroll 0 0;
}
h2 span.default{
display: block;
padding: 6px 5px 4px;
border: 1px solid #cccccc;
border-top: 3px solid #ee1933;
background-color: #efefef;
background-image:none;
font-size: 90%;
line-height: 1.35;
}

h3.AddStyle{
background:transparent url(/image/hcrd/dotted_bg.gif) repeat-x scroll left bottom;
color:#990000;
border:none;
font-size:90%;
margin-top:15px;
}
div.RelativePosition{
position:relative;
}
h4.RightPosition{
position:absolute;
right:78px;
top:0;
}
/* [-] special class
=========================================================================================== */

ul.ListStyle1 li{
background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 1px;
}
ul.ListStyle1 li.spec {
background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 7px !important;
}
ul.ListStyle2 li {
background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 1px;
}
li.AddLinkListStyle {
background:transparent url(/image/hcrd/about/aboutus/icon_link.gif) no-repeat scroll 0 1px!important;
}
table.Spec th,table.Spec td{
padding:5px 3px;
border:none;
}
div.Spacer1{
height:23px;
}
div.Spacer2{
height:26px;
}
div.HotSpotRemark{
margin:-2px 0 16px;
}
span.Spec{
font-family: SimSun;
}
sup.Spec{
color:#990000;
}
p.Spec{
color:#990000;
}
p.ApplyProcess{
	border:1px solid #999;
	text-align:center;
}
p.ImgIndent{
padding-left:20px;
}
ul.AboutTitle{
margin-bottom:20px;
}
ul.AboutTitle li{
float:left;
margin-right:16px;
background:transparent url(/image/hcrd/about/aboutus/title_bg.gif) no-repeat scroll left center;
font-size:90%;
font-weight:bold;
text-align:center;
}
ul.AboutTitle li.Last{
margin-right:0;
}
ul.AboutTitle li a{
width:179px;
padding:11px 0;
display:block;
color:#8e0203;
text-decoration:none;
}
ul.AboutTitle li a:hover{
text-decoration:none;
}
ul.LinkListStyle1 li.specil{
	display:none;
}
.baiduMap {
    display: block;
    height: 360px;
    margin: 0 0 20px;
    width: auto;
	border:1px solid #d1d3d4;
}