@charset "Shift_JIS";

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

Name: special.css

Description: Setting of special page

Create: 2007.10.XX
Update: 2007.88.88

Copyright 2007 Hitachi, Ltd. 

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



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

[t1] トップページ
[t2] ブランディング画像
[xx] ポップアップページ
[xx] フォームページ
[xx] コーポレート & 検索ページ

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



/* [t1] トップページ
=========================================================================================== */
/* [t2] ブランディング画像
=========================================================================================== */

/* ---[c1-1] ブランディング画像 > 4グリッド >　グローバルナビなし--- */
p#BrandingImgStyle1 { margin: 0 0 20px; }


/* ---[c1-2] ブランディング画像 > 4グリッド >　グローバルナビあり--- */
p#BrandingImgStyle2 {
	position: relative;
	z-index: 1;
	margin: -4.1px 0 20px;
}


/* ---[c1-3] ブランディング画像 > 3グリッド--- */



/* [xx] ポップアップページ
=========================================================================================== */

/* ---[-] ポップアップヘッダ--- */

div#SiteIdentityP,
div#SiteIdentityP  {
	margin: 0 0 15px;
	width: 100%;
	height: 55px;
	background:none;
	background-color:#0E1573;
	font-size: 0;
}
div#SiteIdentityP p { text-align: right; }


/* ---[-] ポップアップコンテンツエリア--- */
div#PopUpContainer div#PopUpContents {
	clear: both;
	margin: 0 15px;
	text-align: left;
}


/* ---[-] 閉じるボタン--- */
ul.CloseButtonStyle {
	margin: 0 0 15px;
	font-size: 83%;
	text-align: center;
}
ul.CloseButtonStyle li {
	margin: 0 auto;
	width: 120px;
	background: url("/data/image/h1/bg_button_botttom120.gif") 0 100% no-repeat;
}
ul.CloseButtonStyle li a {
	display: block;
	padding: 5px 0;
	background: url("/data/image/h1/bg_button_top120.gif") 0 0 no-repeat;
	line-height: 1.35;
}


/* ---[-] ポップアップフッタ--- */
#PopUpContainer div#Footer { width: 100%; }


/* ---[-] ポップアップ最低表示幅設定--- */
div#PopUpContainer {
	width: 100%;
	min-width: 540px;
	text-align: left;
	background-color: #ffffff;
}
/* WinIE6lower */
* html body div.Liquid { border-left: 570px solid #ffffff; }
* html body div.MinWidth {
	position: relative;
	margin-left: -570px;
}
* html body div#PopUpContainer,
* html body div.Liquid,
* html body div.MinWidth { height: 1px; }
/* */


/* ---[-] ポップアップ アイコンの説明用--- */
.TableStyle5{
	border: solid 1px #9c9a9a;
	border-collapse: separate;
	margin-top: -1px;
	margin-right: auto;
	margin-bottom: -1px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
}

.TableStyle5 td {
	border: none!important;
	border-bottom: 1px solid #9c9a9a!important;
	width: 360px!important;
	padding: 5px 0!important;	
	color: #333;
	position:relative;
}

.TableStyle5 .firstItem {
	border-top:	1px solid #9c9a9a!important;
}

.TableStyle5 .center{
	width:10px!important;
}

.TableStyle5 .imgBlock {
	width: 80px;
	float: left;
}

.TableStyle5 .txtBlock {
	width: 65%;
	float: left;
	font-size: 93%;
	padding: 3px 10px;
}

.TableStyle5 .imgBlock img {	
	vertical-align: baseline;
	display: block;
	margin: 0 auto;
}

.TableStyle5 .noStyle {
	border:none!important;
}

.TableStyle5 td.thin{
	width: 325px!important;
}

.TableStyle5 .funcIcon{
	width:115px;
	margin-top:15px;
}

.TableStyle5 .funcTxt{
	width:53%;
	word-break:break-all;
}



/* [xx] $B%U%)!<%`%Z!<%8(B
=========================================================================================== */

table.FormTableStyle { width: 100%; }

table.FormTableStyle caption { display: none; }

table.FormTableStyle th {
	width: 30%;
	background-color: #e8e8e8;
	font-weight: normal;
}
table.FormTableStyle td { width: 70%; }

table.FormTableStyle span.MustItem {
	display: block;
	margin: 3px 0 0;
	color: #890000;
	font-weight: bold;
}


/* ---[-] $B;aL>!&$U$j$,$J(B--- */
table.FormTableStyle label.FirstName,
table.FormTableStyle label.LastName {
	display: inline;
	float: left;
	margin: 0 15px 0 0;
}
table.FormTableStyle label.FirstName input,
table.FormTableStyle label.LastName input { display: block; }


/* ---[-] $BF~NO9`L\%j%9%H(B > $B=DJB$S(B--- */
table.FormTableStyle ul.Vertical { margin: 0 0 -3px; }

table.FormTableStyle ul.Vertical li { margin: 0 0 3px; }

table.FormTableStyle ul.Vertical li input {
	display: inline;
	margin: 0 0 2px;
	vertical-align: middle;
}


/* ---[-] $BF~NO9`L\%j%9%H(B > $B2#JB$S(B--- */
table.FormTableStyle ul.Horizontal { margin: 0 0 -3px; }

table.FormTableStyle ul.Horizontal li {
	float: left;
	margin: 0 1em 2px 0;
}
/* IE7 & IE6lower */
* html table.FormTableStyle ul.Horizontal li { white-space: nowrap }
*:first-child+html table.FormTableStyle ul.Horizontal li { white-space: nowrap }
/* */
table.FormTableStyle ul.Horizontal li label { white-space: nowrap; }

table.FormTableStyle ul.Horizontal li input {
	display: inline;
	margin: 0 0 2px;
	vertical-align: middle;
}


table.FormTableStyle input,
table.FormTableStyle textarea { margin: 5px 0 0; }

table.FormTableStyle select { margin: 0 0 5px; }

div.Alternative {
	margin: 0 0 10px;
	text-align: center;
}
div.Alternative li {
	display: inline;
	margin: 0 5px;
	padding: 0 0 15px;
	font-size: 90%;
	line-height: 1.2;
}

ul.SubmitButtonArea { text-align: center; }

ul.SubmitButtonArea li {
	display: inline;
	margin: 0 3px;
}
ul.SubmitButtonArea li input {
	display: inline;
	font-size: 83%;
	padding: 2px 5px;
}


/* ---[] enquete1--- */

div.BoxPatternC div.Alternative ul,
div.BoxPatternC ul.SubmitButtonArea{
text-align:center;
}
div.BoxPatternC ul.SubmitButtonArea{
margin-bottom:8px;
}

div.BoxPatternC div.Alternative ul li{
display:inline;
margin:0;
padding:0;
margin-right:12px;
}
div.BoxPatternC div.Alternative ul li input{
border-right:none;
margin-right:6px;
vertical-align:middle;
}




div.BoxPatternC InputExample{
font-size:92%;}
div.BoxPatternC #enquete_txt{
display:block;
width:450px;
margin:2px auto;
height:24px;
padding:6px 12px;
border:dotted 1px #343485;
}

iframe {
border:none;
width:100%; height:32em;
}
li input{
vertical-align:middle;
}
div.BoxPatternC  ul.SubmitButtonArea li input.submit_btn {
border:solid 1px #000;
padding:6px 12px;
background-color:#343485;
color:#FFFFFF;
}


/* ---[] サポート--- */
#PopUpContents pre,
pre{
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#005500;
font-size:90%;
display:block;
line-height:1.3;
margin-left:2em;
margin-bottom:0.5em;
padding-bottom:0.5em;
padding-left:1em;
border-left:dotted 1px #005500;
width:auto;
overflow:visible;
position: relative; 
}

#PopUpContents li pre,
#PopUpContents dd pre,
#PopUpContents dt pre,
#PopUpContents p pre,
li pre,
dd pre,
dt pre,
p pre{
font-size:100%;
}

#PopUpContents pre.user{
text-decoration:underline;
}

#PopUpContents dl pre.user{
font-size:100%;
}

#PopUpContents pre.emphasis{
background-color:#D1D3E0;
margin-top:-0.5em;
margin-bottom:0;
}

/* hide from Mac IE \*/
* html #PopUpContents .BoxPatternB pre.emphasis {
}
/* */


#PopUpContents pre em{
background-color:#D1D3E0;
font-style:normal;
/*padding:0.1em 1em 0.5em;*/
}





/* ---[] FAQ--- */

div.faq_technical {
	margin: 1em;
	border-top:solid 1px #98ADD3;
	padding-top:1em;
}


div.faq_technical h2.question,
div.faq_technical h2.answer,
#bp div.faq_technical h2.question,
#bp div.faq_technical h2.answer{
border:none;
font-size: 90%;
line-height: 1.35;
display:block;
clear:both;
width:3em;
text-align:center;
padding:0.3em 1em;
color:#FFFFFF;
margin-bottom:-1px;
font-weight:normal;
}

div.faq_technical h2.question em,
div.faq_technical h2.answer em{
display:inline;
font-style:normal;
color:#FFFFFF;
margin-left:0.5em;

}


div.faq_technical h2.question{ background-color:#DE5053; }
div.faq_technical h2.answer{
background-color:#605990;
}

div.faq_technical div.section{
display:block;
}



div.faq_technical div.answer{
margin-top:1em;
}

div.faq_technical pre{
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#005500;
font-size:90%;
display:block;
line-height:1.3;
margin-bottom:0.5em;
width:480px;
overflow:hidden;

}
div.targetHardware{
border-top:dotted 1px #9C0303;
margin-top:-0.5em;
padding-top:0.5em;
}
dl.targetHardware{
font-size:90%;
padding-bottom:12px;
margin-bottom:12px;
}

dl.targetHardware dt{
float:left;
}
dl.targetHardware dd{
	display:block;
	width:420px;
}



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

div.faq_technicalInnerLinks ol li {
	list-style-type:decimal;
	margin-left:3.8em;
	margin-right:1em;
	font-size:83%;
	margin-bottom:2px;
	vertical-align:top;
}


div.faq_technicalInnerLinks ol li a {
display:inline-block;
margin-top:-0.3em;
margin-bottom:0.5em;
	background: url("/data/image/h1/icon/icon_link_bottom.gif") no-repeat 0 0.2em;
	padding: 1px 0 1px 17px;
 line-height: 1.35;
	vertical-align:top;
}

div.question div.sectionWrap{
padding:1em;
border:solid 1px #DE5053;
}

div.answer div.section{
padding:1em;
border:solid 1px #605990;
}


table.noBorder,
table.noBorder th,
table.noBorder td{
background:none;
border:none;
font-size:90%;
}
table.noBorder th{
text-align:right;
}
table.noBorder th,
table.noBorder td{
padding:4px;
}


dl.ListStyle1 ul.ListStyle1,
dl.ListStyle1 dl.ListStyle1,
dl.LinkListStyle1 ul.ListStyle1,
dl.LinkListStyle1 dl.ListStyle1,
dl.ListStyle1 p.asterisk,
ul.ListStyle1 p.asterisk{
font-size:100%;}





span.Date,
img.bp_icon,
img.rss_icon,
img.new_icon,
span.Download,
span.NewWin
{
vertical-align:middle;
display:inline-block;
margin:0.3em;
}

p.asterisk,p.example{
text-indent:-1.5em;
margin-left:1.5em;}

p.asterisk02 {
text-indent:-1em;
margin-left:1.5em;}

span.Hardware{
color:#FF0000;
margin-left:0.3em;
display:inline;
white-space:normal;
}



div.softLicence{
	display:block;
	width:520px;
	overflow:auto;
	margin:5px auto 24px auto;
	padding:10px;
	border: 1px solid #999999;
max-height:340px;
}
	
*:first-child+html div.softLicence{ 	max-height:340px;} 
/* hide from Mac IE \*/
* html div.softLicence{ 	height:340px; }
/* */





em.notations{
font-style:normal;
font-weight:bold;
color:#900;
margin-left:0.5em;
}


.notations a:link {
font-weight:bold;
color:#900;
	text-decoration: underline;
}
.notations a:visited { 
font-weight:bold;
color:#900;
	text-decoration: underline;
}
.notations a:hover {
font-weight:bold;
color:#900;
	text-decoration: underline;
}
.notations a[name]:hover { color: #900; }
.notations a:active {
font-weight:bold;
color:#900;
	text-decoration: underline;
}




#PopUpContents pre.mailtxt{
font-family:"ＭＳ ゴシック", "Osaka−等幅";
display:block;
width:50%;
color:#333333;
margin:auto;
overflow:visible;
border:none;
}


#PopUpContents .output{
margin-left:1em;
}


td ul.ListStyle1,
td ol.ListStyle1,
td dl.ListStyle1,
td ul.ListStyle2,
td ol.ListStyle2,
td dl.ListStyle2,
td ul.LinkListStyle1,
td ol.LinkListStyle1,
td dl.LinkListStyle1,
td ul.LinkListStyle2,
td ol.LinkListStyle2,
td dl.LinkListStyle2{
	margin-bottom:0;
	padding-bottom:0;
}




/* ----------------------------------------------------------------------------------- */
/*               　　　　　　　　　簡易アンケート用                                    */
/* ----------------------------------------------------------------------------------- */

.questionnaire{
	width:96%;
	background:#F4DB73;
	font-weight:bold;
	padding:5px 10px;
	color:#C00;
	}



 html body div h3.enquete {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 15px;
	background: url("/data2/images/bg_title_h3.gif") no-repeat left center;
	height: auto;
	padding: 4px 0 3px 25px;
	position: relative;
	border-bottom: 1px solid #6295b0;
}