@charset "utf-8";

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

Name: hongkong_addstyle.css

Description: Setting of page layout

Create: 2008.06.10
Update: 2008.06.10

Copyright 2008 Hitachi, Ltd. 

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



/* content===========================================
[s0] Body font
[s1] Toppage
[s2] Innerpage


===================================================== */

/* [s0] Body font
===========================================================================================
body {
	font-family: "Arial","宋体","Times New Roman","細明體","新細明體";
} */
/* [s1] Toppage
=========================================================================================== */
body {
	font-family: "Arial","新細明體";
}

div.addBoxPatternA {
	margin:0pt 0pt 9px;
	padding:0 0 9px;
	background: url("/image/hk_portal/top/promotion_item_shadow.gif") 0 100% no-repeat;	
	height: 200px;
}
div.addBoxPatternA div.Inner {
	padding:0px;
	height: 200px;
	background:#e5e5e5 url("/image/hk_portal/top/promotion_item_bg.gif") 0 0 repeat-x;
	border:1px solid #CDCDCD;	
}
div.addBoxPatternA div.Inner img {
	margin:5px 0 0 5px;
}
div.addBoxPatternA div.Inner div.InnerContent {
	margin: 0 0 0 6px;
}
div.addBoxPatternA div.Inner p.Title {
	margin: 0 0 8px;
	color: #a63874;
	font-size: 90%;
}

div.BoxPatternA p.Title strong {
	line-height:1.1;
}
div.BoxPatternA p.engTitle strong {
	font-size:78%;
	line-height:1.1;
}
dl.BoxTopStyle {
	margin: 10px;
	font-size:83%;
	line-height:1.3;
}
dl.BoxTopStyle dt {
	float:left;
	margin:0 4px 8px 0;
}
dl.BoxTopStyle dd {
	float:left;
	marign:0 0 8px 0;
	padding:0 0 8px 0;
}
/* [s2] Innerpage
=============================================================================================== */
div.ImgW100SetStyle p.Img {
	float:left;
	margin:0pt 15px 0pt 0pt;
	padding:0pt 0pt 15px;
	width:100px;
}
div.ImgW100SetStyle div.ImgSet {
	float:left;
	width: 450px;
}
div.ImgW160SetStyle p.Img {
	float:left;
	margin:0pt 15px 0pt 0pt;
	padding:0pt 0pt 15px;
	width:160px;
}
div.ImgW160SetStyle div.ImgSet {
	float:left;
	width: 390px;
}
dl.adStyle dt {
	text-align:center;
}
dl.adStyle dd {
	padding: 0 0 5px;
	background:url("/image/tw_portal/about/adshow_arrow.gif") bottom center no-repeat;
	text-align:center;
}
dl.adStyle dd.none {
	background-image: none;
}
dl.adStyle dd p {
	text-align:center;
	line-height: 18px;
}
em.addAttention {
	color:#990000;
	font-style:normal;
	font-weight:bold;
}
ol.ListStyle4 li {
	margin:0pt 0pt 4px 5px;
}

/* ---------- added by HCHSH-DC J.Cantona @ 2008-11-11 ---------- */
/* added by HCHSH-DC J.Cantona @ 2008-3-12 */
table.pre th {
	white-space:pre;
}
/* added by HCHSH-DC J.Cantona @ 2008-3-12 */
table.thSameWidth th {
	width: 30%;
}

/* ---------- added by HCHSH-DC J.Cantona @ 2006-12-15 ---------- */
/* div rank style */
dl.rankStyle{
	margin:0 0 18px;
	font-size:78%;
}
dl.rankStyle dt{
	width: 50px;
	line-height:1.5;
}
dl.rankStyle dd{
	margin-left:6.2em;
	margin-top:-1.5em;
	text-align:left;
	line-height:1.5;
}

/* ---------- added by HCHSH-DC J.Cantona @ 2008-10-15 ---------- */
/* ImgListStyle */
p.ImgListStyle img {
	float: left;
	padding: 0 10px 20px;
}


/* [s3] Form Style
=========================================================================================== */
.inputExample {
	line-height:18px;
	margin: 0 0 5px;
}
.mustItem {
	color:#990000;
}

/* 7: Footer
=========================================================================================== */


/* [-] common class
=========================================================================================== */
/* overwirte Header Country img link */
div#Header ul#Region li.Country a{
	padding: 0 0 0 8px;
	background-image:  url(/images/img_040.gif);
}
.colorRed{
	color:#cc0000;
}
.colorRed2{
	color:red;
}
.ImgBlock{
float:Left;
margin:0 0 0 22px;
width: 240px
}
.FirstBlock{
margin:0 
}

h1 { margin: 0; padding: 0; font-size: 120%; line-height: 1.2; border: none; }

h2 { border-left-color: #727171; }
	h2.deco010 span.letter { background-image: url(/toppage/img/heading-deco010-bg-top.gif); }

.productlist { width: 570px; height: 93px; margin: 0 0 8px 0; overflow: hidden; }
.productlist h3 { float: left; margin: 0; border: none; padding: 0; }
.productlist h3 img { margin: 0; padding: 0; vertical-align: bottom; }
.productlist ul { margin: 0; padding: 0; list-style: none; }
.productlist ul li { float: left; width: 109px; margin: 0; padding: 0; list-style: none; background: none; }
.productlist ul li div.listwrap { padding: 1px 2px 0 1px; border-top: solid 1px #bcbdc0; border-bottom: solid 1px #bcbdc0; background: url(/toppage/img/dotline.gif) 100% 0 no-repeat; }
.productlist ul li.lastchild div.listwrap { padding-right: 1px; border-right: solid 1px #bcbdc0; background: none; }
.productlist ul li div.listwrap a { display:block; width: 106px; height: 90px; text-align: center; background: url(/toppage/img/linkarw_right.gif) 95% 95% no-repeat; }
.productlist ul li div.listwrap a img { vertical-align: bottom; }
.productlist ul.col6 li { width: 91px; }
/*.productlist ul.col6 li.firstchild { width: 92px; }*/
.productlist ul.col6 li div.listwrap a { width: 88px; background-position: 96% 96%;}

ul.list-float-right { text-align: right; margin: 0 0 10px 0; padding: 0; line-height: 1; }
ul.list-float-right li { display: inline; margin: 0; padding: 0 0 0 17px; line-height: 1; background: url(/image/h1_en/g_rarr.gif) 5px 50% no-repeat; }

dl.datelist { margin: 0 0 1em 0; padding: 0; }
dl.datelist dt { float: left; clear: left; width: 7em; line-height: 1.2; margin: 0; padding: 0; }
dl.datelist dd { line-height: 1.2; margin: 0 0 0 8em; padding: 0; }
dl.datelist dd p { line-height: 1.2; margin: 0 0 0.6em 0; }
dl.datelist dd p.link-item { padding-left: 17px; background: url(/image/h1_en/g_rarr.gif) 5px 0.25em no-repeat; }

div.sideMenuAreaOn #sideMenuArea h2.deco010 { font-size: 90%; }
#sideMenuArea .box .inner {	padding: 4px; border: 1px solid #CDCDCD;}
#sideMenuArea .box .inner ul.supportlist { margin: 0; padding: 0; list-style-image: none; background: none; }
#sideMenuArea .box .inner ul.supportlist li { margin: 0; padding: 1px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; list-style: none; background:none; }
#sideMenuArea .box .inner ul.supportlist li.firstchild { border-top: solid 1px #ddd; }
#sideMenuArea .box .inner ul.supportlist li img { vertical-align: bottom; }
#sideMenuArea .box .inner ul.supportlist li a { background: none; }

#sideMenuArea .box-rich .inner { padding: 4px; }
#sideMenuArea .box-rich .inner ul { margin: 0; }
#sideMenuArea .box-rich .inner ul ul { padding-top: 0; }
#sideMenuArea .box-rich .inner ul li { margin-bottom: 0; }

/*-------- Start Local Navigation ------------*/



div#localNavi{

	margin:5px 0 15px 0;

	width:765px;

}



div.localNaviHead {

	margin:0;

}



	div.localNaviHead img {

		margin:0;

		border:none;

		vertical-align:bottom;

	}





div.localNaviBody {

	background-repeat: repeat-y;

}



	div.localNaviBody ul {

		list-style-type:none;

		list-style-image:none;

		padding:0;

	}



	div.localNaviBody ul li {

		display:block;

		float:left;

		margin:0;

		line-height:1;

	}

	

	div.localNaviBody ul li img{

		border:none;

		vertical-align:bottom;

	}



div.localNaviFoot {

	clear:left;

	margin:0;

}
div.localNaviFoot img{
		vertical-align:top;

	}

/*-------- End Local Navigation ------------*/