@charset "utf-8";

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

Name: solution.css

Description: Setting of Solution page

Create: 2007.10.XX
Update: 2007.88.88

Copyright 2007 Hitachi, Ltd. 

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



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

[xx] ソリューション一覧/リスト
[xx] リスト
[xx] 表
[xx] 枠囲み
[xx] ページ右側

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



/* [xx] ソリューション一覧/リスト
=========================================================================================== */

/* ---[-] 製造業向けの商品・ソリューション一覧--- */
div.SolutionList div.ColumnSet div.Column1andHalf {
	padding-top: 10px;
	background: url("/-/media/image/solution/bg_solution_list.gif") repeat-x;
}
div.SolutionList div.FirstItem div.Column1andHalf {
	padding-top: 0;
	background: none;
}
div.SolutionList div.ColumnSet div.Column1andHalf p.TextStyle2 {
	margin-bottom: 6px;
}


/* ---[-] 貴社業種へのおすすめ商品・ソリューション--- */
div.SolutionList.type2 div.ColumnSet div.Column1andHalf {
	padding: 0;
	background: none;
}

div.SolutionList.type2 div.ColumnSet ul {
	background: url("/-/media/image/solution/bg_solution_list.gif") repeat-x left bottom;
}
div.SolutionList.type2 div.ColumnSet ul li {
	margin: 0;
	padding: 1px 0;
	width: 353px;
	background: url("/-/media/image/h1/box_item_separator.gif") repeat-x 0 0;
}
div.SolutionList.type2 div.ColumnSet ul li a {
	display: block;
	padding: 7px 3px 7px 20px;
	width: 332px;
	background: url("/-/media/image/h1/icon/icon_link_right2.gif") no-repeat 0 50% #ffffff;
}
div.SolutionList.type2 div.ColumnSet ul li a:hover {
	background-color: #f4f9ff;
}
/* Win IE6 */
* html div.SolutionList.type2 ul {
	margin: 0;
}
* html div.SolutionList.type2 ul li {
	margin: 0;
}
* html div.SolutionList.type2 ul.ListRightAdjust {
	padding: 15px 0;
}
/* */



/* [xx] キーワードで商品を探す
=========================================================================================== */

table.SolutionNames th,
table.SolutionNames td {
	padding: 0;
	border: none;
	background-color: #ffffff;
	vertical-align: top;
}
table.SolutionNames th {
	width: 40px;
}
table.SolutionNames td {
	width: 340px;
}
table.SolutionNames td ul {
	margin-bottom: 0;
}


/* [xx] リスト
=========================================================================================== */

/* ---[-]  --- */
ul.IndustryList {
	margin: 0 0 5px;
}
ul.IndustryList li {
	float: left;
	margin: 0 0 0 4px;
	width: 115px;
}
ul.IndustryList li.LeftItem {
	margin-left: 0;
}
ul.IndustryList.LinkListStyle {
	margin: -5px 0 7px;
}


/* ---[-] 画像用リスト > 横並び > 左寄せ--- */
ul.HorizontalImageList1.SolutionTab {
	height: 59px;
	margin: 0;
	padding: 0 0 0 5px;
	background: url("/-/media/image/solution/bg_solution_tab.gif") no-repeat left bottom;
}
ul.HorizontalImageList1.SolutionTab li {
	display: table-cell;
	/* Win IE7 & IE6lower */
	*display: inline;
	*zoom: 1;
	/* */
	margin: 0;
	padding: 0 5px 0 0;
}



/* [xx] 表
=========================================================================================== */

/* -- [-] BeforeとAfter -- */

table.TableStyleBeforeAfter {
	width: 720px;
	margin-bottom: 15px;
	border: none;
	border-collapse: collapse;
}
table.TableStyleBeforeAfter caption { display: none; }
table.TableStyleBeforeAfter th {
	border: none;
	padding: 0;
	background: none;
	vertical-align: top;
}
table.TableStyleBeforeAfter th.Before,
table.TableStyleBeforeAfter th.After {
	width: 353px;
	padding: 0;
	font-size: 90%;
}
table.TableStyleBeforeAfter th.Before strong,
table.TableStyleBeforeAfter th.After strong {
	display: block;
	padding: 10px 10px 7px;
}
table.TableStyleBeforeAfter th.After strong {
	color: #ffffff;
}
table.TableStyleBeforeAfter td {
	padding: 0;
	border: none;
	width: 14px;
	vertical-align: middle;
}
table.TableStyleBeforeAfter td.Before,
table.TableStyleBeforeAfter td.After {
	padding: 0 0 7px;
	width: 353px;
	vertical-align: top;
}
table.TableStyleBeforeAfter td.Before div,
table.TableStyleBeforeAfter td.After div {
	padding: 7px 10px 0;
}

table.TableStyleBeforeAfter td.Before {
	background: url("/-/media/image/solution/bg_before_bottom.gif") no-repeat 0 100%;
}
table.TableStyleBeforeAfter td.After {
	background: url("/-/media/image/solution/bg_after_bottom.gif") no-repeat 0 100%;
}
table.TableStyleBeforeAfter td.Before div {
	background: url("/-/media/image/solution/bg_before_middle.gif") repeat-y 0 0;
}
table.TableStyleBeforeAfter td.After div {
	background: url("/-/media/image/solution/bg_after_middle.gif") repeat-y 0 0;
}
table.TableStyleBeforeAfter td ul {
	margin-bottom: 0;
}



/* -- [-] 導入フロー -- */

table.TableStyleFlow {
	width: 720px;
	border: none;
	border-collapse: collapse;
}
table.TableStyleFlow caption { display: none; }

table.TableStyleFlow th,
table.TableStyleFlow td {
	border-style: solid;
	border-color: #68a8d5;
}
table.TableStyleFlow th {
	padding: 2px;
	width: 82px;
	border-width: 2px 0 2px 2px;
	vertical-align: top;
	background: url("/-/media/image/solution/bg_table_flow_th_bottom.gif") no-repeat 0 100% #ffffff;
}
table.TableStyleFlow th img { vertical-align: bottom; }
table.TableStyleFlow td {
	padding: 8px 10px 3px;
	border-width: 2px 2px 2px 0;
	vertical-align: top;
	background: url("/-/media/image/solution/bg_table_flow_td_middle.gif") repeat-y #ffffff;
}

table.TableStyleFlow td.Arrow {
	padding: 4px;
	border: none;
	text-align: center;
}
table.TableStyleFlow td.Arrow img { vertical-align: bottom; }

table.TableStyleFlow td p,
table.TableStyleFlow td ul,
table.TableStyleFlow td ol,
table.TableStyleFlow td li {
	line-height: 100%;
	margin-bottom: 5px;
}



/* [xx] 枠囲み
=========================================================================================== */

/* ---[-] ピックアップ--- */
div.BoxPatternA.Pickup p.Title strong {
	border: none;
	padding: 0;
}
div.BoxPatternA.Pickup p.Title strong img { vertical-align: bottom; }

div.BoxPatternA.Pickup div.Inner {
	border-width: 0 1px 1px 1px;
	border-color: #cccccc;
	padding: 9px 7px 0;
}
div.BoxPatternA.Pickup div.Inner div.Item {
	padding-top: 9px;
	padding-bottom: 5px;
	background: url("/-/media/image/h1/box_item_separator.gif") repeat-x left bottom;
}
div.BoxPatternA.Pickup div.Inner div.FirstItem {
	padding-top: 1px;
}
div.BoxPatternA.Pickup div.Inner div.Item p {
	padding-left: 11px;
}
div.BoxPatternA.Pickup h3.LinkStyle1 {
	padding-left: 11px;
	background-position: -4px 0.1em;
}
div.BoxPatternA.Pickup ul.LinkListStyle1 {
	margin: 7px 0 7px;
}



/* [xx] ページ右側
=========================================================================================== */

/* 20171208 */
h3 a[name]:hover span{
    text-decoration: none!important;
}