@charset "Shift_JIS";


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

Name: special.css

Description: Setting of special page

Create: 2007.10.XX
Update: 2008.09.07

Copyright 2008 Hitachi, Ltd. 

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


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

/* ----------------------リスト > 左側に日付リンクなし------------------------------ */
/* ----------------------リスト > 左側に日付リンクなし------------------------------ */
/*  画像を並べたときの隙間なし設定
/* [cc] スペシャルカラム（サイズ指定なし）
/* 文字用カラー
/*  枠囲み（横ボーダなし） BD_SP用
/* [xx] フォームページ　ダウンロード検索

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



/* ----------------------リスト > 左側に日付リンクなし------------------------------ */

dl.DateListStyle2_01 {
	margin: 0 0 15px;
	font-size: 90%;
}


dl.DateListStyle2_01 dt {
	float: left;
	clear: left;
	line-height: 1.35;
	width: 8.6em;
}

dl.DateListStyle2_01 dd {
	float: left;
	clear: both;
	line-height: 1.35;
	margin: -1.30em 0 5px 9em;
}

.dls2_01size {
	font-size: 90%;
	line-height: 1.35;
}


/* ----------------------リスト > 左側に日付リンクなし------------------------------ */

dl.smnr_kaisai {
	margin: 0px;
	font-size: 100%;
}


dl.smnr_kaisai dt {
	float: left;
	clear: left;
	line-height: 1.35;
	width: 4em;
}

dl.smnr_kaisai dd {
	float: left;
	clear: both;
	line-height: 1.35;
	margin: -1.25em 0 0.4em 4em;
}




/*  画像を並べたときの隙間なし設定
=========================================================================================== */

.nonebrdr {
	vertical-align: bottom;
}


/* [cc] スペシャルカラム（サイズ指定なし）
=========================================================================================== */
div.Grid3 div.SpColumn {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* 文字用カラー
=========================================================================================== */
.tx_red {
	color: #990000;
}

.tx_red a:link {
	color: #990000;
	text-decoration: underline;
}
.tx_red a:visited { 
	color: #990000;
	text-decoration: underline;
}
.tx_red a:hover {
	color: #990000;
	text-decoration: underline;
}
.tx_red a[name]:hover { color: #000000; }
.tx_red a:active {
	color: #990000;
	text-decoration: underline;
}


/* Win IE7 & IE6 lower */

* html body dl.DateListStyle2_01 dd { float: none; clear: none; display: inline-block; margin: 0 0 5px; }
*:first-child+html dl.DateListStyle2_01 dd { float: none; clear: none; display: inline-block; margin: 0 0 5px; }

* html body dl.smnr_kaisai dd { float: none; clear: none; display: inline-block; margin: 0 0 5px; }
*:first-child+html dl.smnr_kaisai dd { float: none; clear: none; display: inline-block; margin: 0 0 5px; }






/* [xx] テーブル　ダウンロード検索
=========================================================================================== */

div.FormStyle01 {
font-size: 93%; 
margin: 0 0 10px 0;
}

div.FormStyle01 select {
font-size: 90%; 
}

div.FormStyle01 div.SpecialHrsn {
	float: left;
	margin: 0 10px 0 0;
}

div.FormStyle01 div.SpecialVrtcl {
	margin: 0 10px 10px 0;
}

div.FormStyle01 caption { display: none; }


div.FormStyle01 input {
	display: inline;
	vertical-align: middle;
	font-size: 83%;
	padding: 2px 5px;
}




/* [xx] 仕様用テーブル　TH センタリング
=========================================================================================== */



table.TableSpec caption { display: none; }

table.TableSpec { width: 100%; }

table.TableSpec th,
table.TableSpec td, {
	text-align: center;
 }
 
table.TableSpec th.LeftAdjusting,
table.TableSpec td.LeftAdjusting {
	text-align: left;
 }
 
 
table.TableSpec td.SpecSubHdr {
	background-color: #f3f3f3;
	font-weight: normal;
	text-align: left;
}	







table.TableSpec1 caption { display: none; }


table.TableSpec1 th{
	text-align: center;
 }
 
 	
/* [xx] BladeSymphony SP 画像+リンク
=========================================================================================== */


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

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




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

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



/* ---[c16-3] 枠囲み > パターンCsp1（見出しなし）--- */
div.BoxPatternCsp1 {
	margin: 0 0 15px;
	padding: 10px 10px 0;
	border: 4px solid #cdcdcd;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternCsp1 { position: relative; }
/* */


/* ---注意書き下　sup色指定--- */
ul.AnnotationsStyle1 sup,
ul.AnnotationsStyle2 sup{
	color:#990000;
}


/* [xx] 事例検索　LI 横並び
=========================================================================================== */


ul.Horizontal {
	margin: 0 0 10px;
	padding: 0;
	width: 570px; /* 必ずwidthの設定をしてください */
}

ul.Horizontal:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul.Horizontal li {
	margin: 6px;
	padding: 4px;
	float: left;
/*	width: 120px;  /*エレメントの幅 */
	line-height: 1;
	list-style-type: none;
	font-size: 90%;
	white-space: nowrap;
	border-style:dotted;
	border-color:#aaaaaa;
	border-width:0 0 1px 1px;
}

/* [xx] 事例検索　プルダウンリスト
=========================================================================================== */


select.tmp { 
	font-size: 90%;
} 



/* [xx] 事例検索　submitボタン
=========================================================================================== */

ul.SubmitButtonArea {
	margin: 0 0 10px;
	padding: 0;
	width: 550px; /* 必ずwidthの設定をしてください */
}

ul.SubmitButtonArea:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul.SubmitButtonArea li {
	margin: 0;
	padding: 0 10px 10px;
	float: left;
/*	width: 120px;  /*ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul.SubmitButtonArea input.btn_i {
    margin: 0;
    padding: 2px;
    font-style: normal;
    font-weight: normal;
	color:#FFFFFF;
    font-size: 90%;
	font-weight:bold;
	background-color:#cc0000;
	border-color:#cc4444;
}

ul.SubmitButtonArea input.btn {
    margin: 0;
    padding: 2px;
    font-style: normal;
    font-weight: normal;
    font-size: 90%;
}