@charset "Shift_JIS";

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

Name: common.css

Description: Setting of import file

Create: 2007.10.XX
Update: 2011.05.16

Copyright 2007 Hitachi, Ltd. 

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

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

1: Exclusive Setting 

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

/* x: Exclusive Setting
=============================================　*/

/*  */
@import "./module_pr.css"/**/;
/* */






/* ---FeatureUnit--- */


/* ---[c16-1-1] 枠囲み > パターンA 文字サイズ83%--- */
/* ---[c16-1-2] 枠囲み > パターンA 文字サイズ83%> 見出しにリンクあり--- */
div.BoxPatternA2 { margin: 0 0 15px; }

div.BoxPatternA2 p.Title { border-top: 3px solid #9f9f9f; }

div.BoxPatternA2 p.Title strong {
	display: block;
	padding: 5px 5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 83%;
	line-height: 1.35;
	background-color: #efefef;
}
div.BoxPatternA2 p.Title strong a { line-height: 1.35; }

div.BoxPatternA2 div.Inner {
	padding: 10px 10px 0;
	border: solid  1px #cdcdcd;
}

/* [c14] データテーブル
=========================================================================================== */

table.TableStyle7 caption { display: none; }
table.TableStyle6 caption {
	padding: 0 0 3px;
	font-size: 83%;
	line-height: 1.35;
	text-align: left;
}

table.TableStyle6,
table.TableStyle7,
 { width: 100%; }

table.TableStyle6 th,
table.TableStyle6 td,
table.TableStyle7 th {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

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

div.ImgW100SetStyle div.ImgSet { float: left; }


div.ImgW80SetStyle p.Img {
	float: left;
	width: 80px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}

div.ImgW100SetStyle p.Img {
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
	padding: 0 0 15px;
}

div.ImgW160SetStyle p.Img {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW80SetStyle div.ImgSet,
div.ImgW100SetStyle div.ImgSet,
div.ImgW160SetStyle div.ImgSet { float: left; }

/* ---リンクリスト > 説明文+サムネール > 文字サイズ90%--- */

div.ImgW60SetStyleRight p.Img {
	float: right;
	width: 60px;
	margin: 0 0 0 15px;
	padding: 0 0 15px;
}
div.ImgW120SetStyleRight p.Img {
	float: right;
	width: 120px;
	margin: 0 0 0 15px;
	padding: 0 0 15px;
}
div.ImgW180SetStyleRight p.Img {
	float: right;
	width: 180px;
	margin: 0 0 0 15px;
	padding: 0 0 15px;
}

div.ImgW60SetStyleRight div.ImgSet,
div.ImgW120SetStyleRight div.ImgSet,
div.ImgW180SetStyleRight div.ImgSet { float: left; }

/* ---[c11-3-1] リンクリスト > 説明文表示 > 文字サイズ90%--- */
dl.LinkListStyle12 {
	margin: 0;
	font-size: 90%;
}
dl.LinkListStyle12 dt {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.LinkListStyle1 dt { position: relative; }
/* */
dl.LinkListStyle12 dd {
	margin: 0 0 3px;
	padding: 0 0 0 17px;
	line-height: 1.35;
}
dl.LinkListStyle12 dt a,
dl.LinkListStyle12 dd a { line-height: 1.35; }

/* ---[c11-1-1] リンクリスト > 文字サイズ90%--- */
ul.LinkListStyle12 {
	margin: 0 0 15px 17px;
	font-size: 90%;
}
ul.LinkListStyle12 li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle1 li { position: relative; }
/* */
ul.LinkListStyle12 li ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.LinkListStyle12 li a {line-height: 1.35; }

ul.LinkListStyle12 li.Important { background: url("/image/h1/icon/icon_important_link.gif") no-repeat 0 0.1em; }


/* ---[c11-2-1] リンクリスト > 右寄せ > 文字サイズ90%--- */

ul.TableLinkListStyle1 {
	margin: 0px;
	font-size: 90%;
}
ul.TableLinkListStyle1 li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle1 li { position: relative; }
/* */
ul.TableLinkListStyle1 li ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.TableLinkListStyle1 li a {line-height: 1.35; }

ul.TableLinkListStyle1 li.NewWin, dl dt.NewWin { background: url("/image/h1/icon/icon_new_window.gif") no-repeat 0 0; }
ul.TableLinkListStyle1 li.Mail, dl dt.Mail { background: url("/image/h1/icon/icon_mail.gif") no-repeat 0 0.1em; }
ul.TableLinkListStyle1 li.Inquiry, dl dt.Inquiry { background: url("/image/h1/icon/icon_inquiry.gif") no-repeat 0 0; }
ul.TableLinkListStyle1 li.Pdf, dl dt.Pdf { background: url("/image/h1/icon/icon_pdf.gif") no-repeat 0 0.1em; }
ul.TableLinkListStyle1 li.Download, dl dt.Download { background: url("/image/h1/icon/icon_download.gif") no-repeat 0 0.1em; }
ul.TableLinkListStyle1 li.Sound, dl dt.Sound { background: url("/image/h1/icon/icon_sound.gif") no-repeat 0 0.1em; }
ul.TableLinkListStyle1 li.Movie, dl dt.Movie { background: url("/image/h1/icon/icon_movie.gif") no-repeat 0 0.1em; }
ul.TableLinkListStyle1 li.List, dl dt.List { background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em; }
ul.TableLinkListStyle1 li.Important, dl dt.Important { background: url("/image/h1/icon/icon_important_link.gif") no-repeat 0 0.1em; }

/* ---[c11-1-1] リンクリスト > 文字サイズ90%--- */
ul.LinkListStyle11 {
	margin: 0 0 15px;
	font-size: 90%;
}
ul.LinkListStyle11 li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle1 li { position: relative; }
/* */
ul.LinkListStyle11 li ul {
	margin: 5px 0 0;
	font-size: 83%;
}
ul.LinkListStyle11 li a {line-height: 1.35; }

ul li.Important, dl dt.Important { background: url("/image/h1/icon/icon_important_link.gif") no-repeat 0 0.1em; }

/* ------ */

div.Grid3 div.Column300,
div.Grid3 div.Column240 {
	float: left;
	text-align: left;
}

div.Grid3 div.Column300 {
	width: 300px;
	margin: 0 0 0 15px;
}

div.Grid3 div.Column240 {
	width: 240px;
	margin: 0 0 0 15px;
}

div.Grid3 div.FirstItem { margin: 0; }
div.Grid3 div.LastItem {
	float: right;
	margin: 0;
}

/* [-] 共通クラス
=========================================================================================== */

div.GridSet:after,
div.ColumnSet:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div.GridSet,
div.ColumnSet { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div.GridSet,
* html div.ColumnSet { height: 1%; }

div.GridSet,
div.ColumnSet { display: block; } 
/* End hide from IE 4-6 */

/* ---[c11-3-1] リンクリスト > 説明文表示 > 文字サイズ90%--- */

dl.LinkListStyle1 dd ul {
	margin: 5px 0 0;
	font-size: 100%;
}

dl.LinkListStyle1 dd ul li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}

/* ---------------------------------------------------------------------------- */
div.GroupList {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #cdcdcd;
}

div.GroupList ul {
	font-size: 90%;
	display: inline;
}

div.GroupList ul li {
	margin: 0 10px 0 0;
	white-space: nowrap;
}

div.GroupList ul li.Left {
	margin: 0;
	float: left;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_important_link.gif") no-repeat 0 0.1em;
}

div.GroupList ul li.LeftList {
	margin: 0;
	float: left;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em;
}

div.GroupList ul li.Right {
	margin:  0 5px 0 0;
	float: right;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}

div.GroupList ul li.RightNewWin {
	margin: 0  5px 0 0;
	float: right;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_new_window.gif") no-repeat 0 0;
}

/* ---[c16-2-X] 枠囲み > パターンD--- */
/* ---[c16-2-X] 枠囲み > パターンD > 4area--- */

div.BoxPatternD { margin: 0 0 15px; }

div.BoxPatternD p.Title { border-top: 3px solid #9f9f9f; }

div.BoxPatternD p.Title strong {
	display: block;
	padding: 5px 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 90%;
	line-height: 1.35;
	background-color: #efefef;
}

div.BoxPatternD p.Title a { line-height: 1.35; }

div.BoxPatternD div.Inner1 {
padding: 10px 10px 0;
border: 1px solid #cdcdcd;
}

div.BoxPatternD div.Inner2 {
 padding: 10px 10px 0;
 border-left: 1px solid #cdcdcd;
 border-right: 1px solid #cdcdcd;
 border-bottom: 1px solid #cdcdcd;
}

/* ---[-] ニュースリリースバックナンバー--- */

ul.BackNumber { margin: 0 0 15px; }

ul.BackNumber li {
	float: left;
	margin: 0 9px 0 0;
	padding: 1px 9px 1px 0;
	border-right: 1px solid #bbbbbb;
	font-size: 90%;
	line-height: 1.35;
	white-space: nowrap;
}
ul.BackNumber li a { line-height: 1.35; }

/* [-] 各グリッド・カラム内における段組モジュール幅定義
=========================================================================================== */
div.Grid4 div.ImgW80SetStyle div.ImgSet { width: 670px; }
div.Grid4 div.ImgW100SetStyle div.ImgSet { width: 650px; }
div.Grid4 div.ImgW160SetStyle div.ImgSet { width: 590px; }

/* ---4グリッド枠囲み--- */
div.Grid4 .BoxPatternA div.ImgW80SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW80SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW80SetStyle div.ImgSet { width: 648px; }

div.Grid4 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 628px; }

div.Grid4 .BoxPatternA div.ImgW160SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW160SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW160SetStyle div.ImgSet { width: 568px; }


/* ---3グリッド・3カラム/4グリッド--- */
div.Grid3 div.ImgW80SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW80SetStyle div.ImgSet { width: 475px; }
div.Grid3 div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW100SetStyle div.ImgSet { width: 455px; }
div.Grid3 div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW160SetStyle div.ImgSet { width: 395px; }

/* ---3グリッド枠囲み・3カラム/4グリッド枠囲み--- */
div.Grid3 .BoxPatternA div.ImgW80SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW80SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW80SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW80SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW80SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW80SetStyle div.ImgSet { width: 453px; }

div.Grid3 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 433px; }

div.Grid3 .BoxPatternA div.ImgW160SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW160SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW160SetStyle div.ImgSet { width: 373px; }


/* ---2カラム/3グリッド・2カラム/4グリッド--- */
div.Grid4 div.Column2 div.ImgW80SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW80SetStyle div.ImgSet { width: 280px; }
div.Grid4 div.Column2 div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW100SetStyle div.ImgSet { width: 260px; }
div.Grid4 div.Column2 div.ImgW160SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW160SetStyle div.ImgSet { width: 200px; }

/* ---2カラム/3グリッド枠囲み・2カラム/4グリッド枠囲み--- */
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle2 dd { width: 158px; }

div.Grid4 div.Column2 .BoxPatternA dl.ButtonSetW180Style3 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonSetW180Style3 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle4 dd { width: 143px; }

div.Grid4 div.Column2 .BoxPatternA div.ImgW80SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW80SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW80SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW80SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW80SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW80SetStyle div.ImgSet { width: 258px; }

div.Grid4 div.Column2 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 238px; }

div.Grid4 div.Column2 .BoxPatternA div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW160SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW160SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW160SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW160SetStyle div.ImgSet { width: 178px; }


/* ---1.5カラム/3グリッド--- */
div.Grid3 div.Column1andHalf div.ImgW80SetStyle div.ImgSet { width: 183px; }
div.Grid3 div.Column1andHalf div.ImgW100SetStyle div.ImgSet { width: 163px; }


/* ---1.5カラム/3グリッド枠囲み--- */
div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW80SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW80SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW80SetStyle div.ImgSet { width: 161px; }

div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 141px; }