@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;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternAdd {
position:relative;
}
.BoxPatternAdd ul{
margin-left:8px;
}
.BoxPatternAddSpec{
padding-bottom:52px;
}

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
=========================================================================================== */
.topProducts div {
	float: left;
	margin: 0 0 20px 0;
}
.topProducts div.right {
	float: right;
}



div.productsList {
	clear: both;
	margin: 0 0 10px;
	padding: 10px 0 0;
	border-top: 1px dashed #ccc;
}
div.productsList.sp {
	padding: 0;
	border: 0;	
}
div.productsList p.ImgOnlyStyle {
	width: 200px;
	float: left;
	margin: 0 50px 0 0;
}
div.productsList div {
	width: 350px;
	float: right;
}



h2 {
border:0 none;
background:transparent url(/image/micro/dig/h2_bg.gif) repeat-x scroll 0 0;
height:25px;
}
h2 span{
background:#fff url(/image/micro/dig/h2_span.gif) no-repeat scroll 0 0;
border:0 none;
width:auto;
display:inline;
float:left;
padding: 6px 10px 0px 16px;
height:25px;
line-height:1;
}

h3{
background:#fff url(/image/micro/dig/h3_bg.gif) no-repeat scroll 0 0;;
border:none;
margin:0;
padding:3px 5px 3px 10px;
font-size:83%;
color:#333;
}
	
div.topAreaBox{
border:#CCCCCC 1px solid;
border-top:none;
padding:12px;
margin:0 0 15px;
}

div.BoxDig {
	padding:10px 0 0;
}
div.BoxDig .pic{
	padding:0 0 10px;
}
p.imageOnly{
	margin:15px 0;
}
div.BoxDig ul {
	display:none;
}
/* [-] 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;
}

.Section.cam h3 {
	margin: 0 0 12px;	
}

#productSet .button {
	text-align: center;
	margin: 0 0 20px;
	padding: 5px 1px;
	background: #EFEFEF;
	font-size: 83%;
	line-height: 1.4;
	color: #333;
}
#productSet .button span {
	font-size: 105%;
	line-height: 1.6;
	font-weight: 900;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
}
.tdCenter td {
	text-align: center;	
}
td.sp1 {
	height: 80px;	
}