@charset "UTF-8";
/* **************************************************
Name: new.css
Description: Setting of content module
Create: 2009.02.06
Update: 2021.06.14
Copyright 2009 Hitachi, Ltd.
***************************************************** */

/* content===========================================
[c14] データテーブル（修正）
[c22] 画像横並び（新規）
===================================================== */

/* [c14] データテーブル（修正）
=========================================================================================== */
table th {
	width:20%;
}
table .cell_80 {
	width:80%;
}
table .cell_70 {
	width:70%;
}
table .cell_60 {
	width:60%;
}
table .cell_50 {
	width:50%;
}
table .cell_40 {
	width:40%;
}
table .cell_30 {
	width:30%;
}
table .cell_20 {
	width:20%;
}
table .fix {
	white-space:nowrap;
}

/* [c22] 画像横並び（新規）
=========================================================================================== */

/* 横2個 */
.ImgList2SetStyle li {
	float: left;
	width: 352px !important;
	margin: 0 16px 0 0;
	padding: 0 0 15px;
	font-size: 83%;
	line-height: 1.35;
	display:block;
}

/* 横3個 */
.ImgList3SetStyle li {
	float: left;
	width:32%;
	margin: 0 2% 0 0;
	padding: 0 0 15px;
	font-size: 83%;
	line-height: 1.35;
	display:block;
}

/* 横4個 */
.ImgList4SetStyle li {
	float: left;
	width:23%;
	margin: 0 2.6% 0 0;
	padding: 0 0 15px;
	font-size: 83%;
	line-height: 1.35;
}
.ImgList4SetStyle li img{
	width:168px;
	height:auto;
}

/* 横5個 */
.ImgList5SetStyle li {
	float: left;
	width:18.3%;
	margin: 0 2.1% 0 0;
	padding: 0 0 15px;
	font-size: 83%;
	line-height: 1.35;
}
.ImgList5SetStyle li img{
	width:132px;
	height:auto;
}

/* 横6個 */
.ImgList6SetStyle li {
	float: left;
	width: 82px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
	font-size: 83%;
	line-height: 1.35;
}

/* 右端の設定 */
.ImgList2SetStyle .LastItem,
.ImgList3SetStyle .LastItem,
.ImgList4SetStyle .LastItem,
.ImgList5SetStyle .LastItem,
.ImgList6SetStyle .LastItem {
	margin: 0;
}

/* 横6個パターンのみ数値が半端なので最初のアキを設定 */
.ImgList6SetStyle .FastItem{
	margin: 0 16px 0 0;
}

/* [c18] コンテンツナビゲーション（修正）
=========================================================================================== */
/* [c18-3-1] タブナビゲーション > 4列 > 1行表記 */
/* [c18-3-2] タブナビゲーション > 4列 > 2行表記 */
div.TabNavi li.Current a strong,
div.TabNavi li.Current a:link strong,
div.TabNavi li.Current a:visited strong,
div.TabNavi li.Current a:hover strong,
div.TabNavi li.Current a:active strong {
	padding: 1px 4px;
	background-color: #3e3a39;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

/* [c7] 箇条書きリスト（新規）
=========================================================================================== */
/* ---[c7-1-1] 箇条書きリスト > 文字サイズ90%--- */
ul.GroupsListStyle1 {
	margin: 0 0 5px;
	font-size: 90%;
}
ul.GroupsListStyle1 ul {
	margin: 5px 0 0;
	font-size: 100%;
}

ul.GroupsListStyle1 ol {
	margin: 5px 0 0 17px;
	font-size: 100%;
}
ul.GroupsListStyle1 li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.35;
}

/* IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.GroupsListStyle1 li { position: relative; }
/* */
ul.GroupsListStyle1 ol li {
	margin: 0 0 5px;
	padding: 0;
	background: none;
}
ul.GroupsListStyle1 li a { line-height: 1.35; }

/* [c3] 文章（新規）
=========================================================================================== */
/* ---[c3-1-1] 文章>文字サイズ90%--- */
p.TextStyle1Nomargin {
	margin: 0 0 5px;
	font-size: 90%;
	line-height: 1.35;
}
p.TextStyle1Nomargin a { line-height: 1.35; }

@media screen and (min-width: 995px){
	div.ImgW180SetStyle div.ImgSet{
		width: 520px;
	}
}

/* [XX] NEWS用タイトル（新規）
=========================================================================================== */
h2.note1{
	border-top: none;
	padding:4px 0 4px 9px;
	font-size:108%;
	font-weight:bold;
	text-align:center;
	background: none;
	line-height: 1.35;
	color: #000000;
}

/* pruducts aft aft05*/
.LinkPStyle{
	padding:10px 0;
	font-size:108%;
}
.LinkPStyle a{
	padding:0 20px 0 0;
	background:url("../../../image/jp/r1/icon/icon_link_right.gif") right center no-repeat;
	text-decoration: none;
}
.LinkPStyle a:hover{
	background:url("../../../image/jp/r1/icon/icon_link_right_hover.gif") right center no-repeat;
	text-decoration: underline;
}


/* [XX] 事業所一覧用（新規）
=========================================================================================== */
.office_box h4{
	font-size:80%;
	margin-bottom:5px !important;
}
.office_box p{
	margin-bottom:5px !important;
}
.office_box p{
	margin:0 0 0 0 !important;
}

/* [XX] 製品・システム用（新規）
=========================================================================================== */
.ProductsBox{
	margin: 0 auto;
	width: 680px;
}
.ProductsList{
	display: inline-block;
	text-align: center;
	font-size: 83%;
	margin-bottom: 20px;
	vertical-align: top;
	width: 150px;
}
.ProductsList li{ line-height: 1.2em;}
/* 横幅2列分ボックス */
.ProductsList.w2row{ width: 327px;}
/* 4列 */
.ProductsBox.row4 .ProductsList { padding-right: 21px;}
.ProductsBox.row4 .ProductsList:nth-child(4n+4),
.ProductsBox.row4 .ProductsList.PaddingR0{ padding-right: 0;}
/* 2列 */
.ProductsBox.row2 .ProductsList {
padding-right: 21px;
width: 300px;
}
.ProductsBox.row2 .ProductsList:nth-child(2n+2),
.ProductsBox.row2 .ProductsList.PaddingR0{ padding-right: 0;}

@media screen and (max-width: 937px){
.ProductsBox{ width: auto;}
/* 4列 */
.ProductsBox.row4 .ProductsList{ padding-right: 0;}
/* 2列 */
.ProductsBox.row2 .ProductsList{ width: 47%;}
.ProductsList{ width: 23%;}
}
@media screen and (max-width: 600px){
.ProductsList{ width: 32%;}
/* 2列 */
.ProductsBox.row2 .ProductsList{ width: 100%;}
/* 横幅2列分ボックス */
.ProductsList.w2row{ width: 100%;}
}
@media screen and (max-width: 480px){
.ProductsList{ width: 49%;}
}

/* [XX] news用（2017/07）
=========================================================================================== */
.ImgOnlyStyle img{max-width:100%;height:auto;}

/* [XX] 広いテーブル対策（2017/07）
=========================================================================================== */
.TableContainer{
	width: 100%;
	overflow: auto;
}

/* [XX] FatMenu（2017/07）
=========================================================================================== */
.FatMenuLinkSection {
	margin-bottom: 10px;
}

/* [XX] CatchCopyStyle（2017/07）
=========================================================================================== */
.CatchCopyStyle1{
	border-bottom: 2px #8B0212 solid;
	font-size: 120%;
	line-height: 1.4;
	padding-bottom: 0.6em;
}
@media screen and (max-width: 579px){
	.CatchCopyStyle1{font-size: 100%;}
}

/* [XX] TopMenu（2017/07）
=========================================================================================== */
.TopMenu .ColumnSet a{
	position: relative;
}
.TopMenu .Item2 a{
	display: inline-block;
	width: 48.42%;
	float: right;
}
.TopMenu .Item2 a:FIRST-CHILD {
	float: left;
}
@media screen and (max-width: 767px){
	.TopMenu .ColumnSet{
		max-width: 475px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* [XX] FatBanner（2017/07）
=========================================================================================== */
.FatBanner.noBorder {
	border-top: none;
	padding-top: 36px;
}
@media screen and (max-width: 767px) {
	.FatBanner.noBorder {
		padding-top: 15px;
		margin-top: -15px;
	}
}