@charset "Shift_JIS";

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

Name: modify.css

Description: Sub CSS

Create: 2014.07.03
Update: 2014.07.04

Copyright 2014 Hitachi, Ltd.

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


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

Modify Setting
[-] CourtesyNavi Setting
[-] Table td list Setting
[-] Grid Setting

------------------------------

Add Module

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



/* -----------------------------------------------------------------------

Modify Setting

----------------------------------------------------------------------- */

/* 1: CourtesyNavi Setting
================================================== */
.CourtesyNavi { letter-spacing: -.40em; }
.CourtesyNavi li { letter-spacing: normal; }


/* 2: Table td list Setting
================================================== */
th .LinkListStyle1,
th .LinkListStyle2,
th .LinkListStyle3,
th .LinkListStyle4,
th .LinkListStyle5,
th .LinkListStyle6,
td .LinkListStyle1,
td .LinkListStyle2,
td .LinkListStyle3,
td .LinkListStyle4,
td .LinkListStyle5,
td .LinkListStyle6 {
	font-size: 100%;
	margin-bottom: 0;
}


/* 3: Grid Setting
================================================== */
.Grid4 { clear: both; }




/* -----------------------------------------------------------------------

Add Module

----------------------------------------------------------------------- */

/* 汎用
================================================== */
/* --- float --- */
.floatRight { float: right; }
.floatLeft { float: left; }

/* --- display --- */
.disBlock { display: block; }
.disNone { display: none; }
.disInline { display: inline-block; }

/* --- margin --- */
.ml10 { margin-left: 10px; }

/* --- text --- */
.beforeSpace:before { content: '　'; }



/* Index
================================================== */
.whatsNew {
	width: 530px;
	float: left;
}
.whatsNew .DateListStyle2,
.whatsNew .DateListStyle2 .LinkListStyle1 {
	padding-right: 0;
}
.wallPaper {
	float: right;
	width: 190px;
}
a.LinkListIcon {
	background-image: url("../../../image/jp/r1/icon/icon_link_right_hd.gif");
	background-image/*\**/: url("../../../image/jp/r1/icon/icon_link_right.gif")\9;
	background-position: right 2px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	text-decoration: none;
	padding-right: 18px;
}
a.LinkListIcon:hover {
	background-image: url("../../../image/jp/r1/icon/icon_link_right_hover_hd.gif");
	text-decoration: underline;
}



/* テレビCM・CMソングについて
================================================== */
.printInformation { display: none; }
.song { position: relative; }
.song .spacer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.mejs-container { margin: 0 auto; }
.tvcm video { max-width: 100%; }



/* ダウンロード
================================================== */
.backGray {
	background: url(/download/images/backgray.gif) no-repeat center 0;
	padding-top: 10px;
	height: 170px;
}



/* 日立の樹オンラインにおける個人情報の取り扱いについて
================================================== */
dl.tableStyle2 {
	font-size: 90%;
	margin: 0 0 15px;
}
dl.tableStyle2 dt {
	clear: left;
	float: left;
	font-weight: bold;
	line-height: 1.35;
	width: 1.6em;
}
dl.tableStyle2 dd {
	clear: both;
	float: left;
	line-height: 1.35;
	margin: -1.35em 0 5px 2em;
}



/* -----------------------------------------------------------------------

Responsive

----------------------------------------------------------------------- */

.JS.Under995 dl.tableStyle2 { margin-left: 15px; }

@media screen and (max-width: 994px) {

.whatsNew { width: 73.6111111%; }
.wallPaper { width: 26.3888888%; }

}


@media screen and (max-width: 900px) {
	
.whatsNew {
	width: 100%;
	float: none;
}
.whatsNew .DateListStyle2,
.whatsNew .DateListStyle2 .LinkListStyle1 {
	padding-right: 15px;
}
.wallPaper {
	width: 100%;
	float: none;
}
.wallPaper .RightAdjust {
	text-align: center;
	margin-top: 25px;
}

}