/* ***********************
*
*Since: 2006-10-10
*Modified: 2006-10-11
*Guideline:Ver.0.1
*Editor: Mie Hiraoka
*Editor: Tomie Maiya
*Editor: Masashi Kikuchi
*
**************************
*/


/* ======================視覚整形用スタイル====================== */
/* update 20060615 hiraoka */
.leftmargin {
	margin: 0;
	padding-left: 20px;
}

.margin-popup2 {
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
}/*.margin-popupでは、ポップアップで余計な余白等が入ってしまうため*/

.left {  margin: 0; text-align: left}




/* ======================枠・ボックススタイル====================== */

/* update 20050805MH */
.waku { 
	margin: 6px 0 12px;
	padding: 4px;
	border: 1px solid #990000;
	background-color:#FFFFFF; 
	color: #990000;
	font-weight:normal;
	}


/* update 20051202MH */
.waku-bg-dddddd {
	background-color:#dddddd;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 10px;
	}
	
.waku-black {
	margin: 6px 0 12px; 
	padding: 4px; 
	border: 1px solid #000000;
	background-color:#FFFFFF; 
	line-height:140%;
	color:#000000;
	font-weight:normal; 
	font-size:83%; 
	}

/* update 20051228MH */
.waku-ffcccc {
	background-color:#FFCCCC; 
	padding: 3px 5px 2px; 
	color:#000000; 
	font-weight:normal; 
	font-size:90%; 
	line-height:140%;
	}

/* update 20060111MH */
.waku-bg-ffce4e1mystyrose {
	background-color:#FFE4E1; 
	padding: 3px 5px 2px; 
	}

.waku-0066ff {
	background-color:#FFFFFF; 
	border: 2px solid #0066FF; 
	padding: 4px; 
	color:#000000; 
	font-weight:normal; 
	font-size:83%; 
	line-height:120%;
	}
	  
.waku-9900CC {
	padding: 4px; 
	border: 2px solid #9900CC; 
	background-color:#FFFFFF; 
	color:#000000; 
	font-weight:normal; 
	font-size:83%; 
	line-height:120%;}
	
.waku-pading7 {padding: 7px;}

.waku-FFEEBB {
	padding: 15px;
	background-color:#FFEEBB; 
	}
	
.waku-006699 {
	padding: 7px 20px;
	border: 1px solid #006699; 
	background-color:#FFFFFF; 
	}

.bg-0066ff {
	padding: 3px 5px 0; 
	background-color:#0066FF; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:83%; 
	line-height:120%; 
	text-align:center; 
	}
	  
.bg-9900CC {
	padding: 3px 5px 0; 
	background-color:#9900CC; 
	color:#FFFFFF;
	font-weight:bold; 
	font-size:83%; 
	line-height:120%; 
	text-align:center; 
	}
	
.bg-99CC66 { background-color: #99CC66}
.bg-DDFFBB { background-color: #DDFFBB}
.bg-FF9933 { background-color: #FF9933}
.bg-FFEEBB { background-color: #FFEEBB}
.bg-CCEEFF { background-color: #CCEEFF}
.bg-006699 { background-color: #006699}
.bg-000000 { background-color: #000000}/* update 20060627 hiraoka*/
.bg-a89fa2 { background-color: #a89fa2}/* update 20060630 hiraoka オーダー乗用かご内ボタン*/



/* 20060719 ou機能仕様*/
.gray_midashi {
	margin: 0 0 -6px 0;
	padding:5px;
	border:solid 1px #6b6b6b;
	background-color:#dcdcdc;
	font-size:83%;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	}

.spec_midashi1 {
	margin: 0 0 -6px 0;
	padding:5px;
	border:solid 1px #5f9ea1;
	background-color:#f0fffd;
	font-size:83%;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	}

.spec_midashi2 {
	margin: 0 0 -6px 0;
	padding:5px;
	border:solid 1px #ee9933;
	background-color:#ffefd5;
	font-size:83%;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	}

.spec_midashi3 {
	margin: 0 0 -6px 0;
	padding:5px;
	border:solid 1px #e08080;
	background-color:#ffe4e1;
	font-size:83%;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	}



/* ======================テキスト装飾スタイル====================== */
.text_006633 {color:#006633}
.text_FF9900 {color:#FF9900}
.text_CC0000 {color:#CC0000}
.text_ff6600-OR {color:#ff6600} /* 20060825 MH（有償付加仕様）キャプション用の色*/
.text_0066ff-BL {color:#0066ff} /* 20060825 MH交通バリアフリー法用の色 */
.text-purple { color: #330099}/* update 20060627 hiraoka*/
.text-sentence120 {  line-height: 120%} /* add 20060111 Hiraoka*/
.text-sentence150 {line-height: 150%} /* 20060301 maiya*/
.text-smaller {	font-size: 81%;}/* update 20060703 hiraoka リスト内スモール文字用（二重テキストサイズ用）*/






/* ======================リストスタイル====================== */


/* ヘッダがアルファベットのリスト個人情報頁使用 */

ol.listlowerAlpha { 
	margin: 0px 0px 17px 17px; 
	text-align:left; 
	line-height:1.5; 
	font-size:83%;
	}
	
ol.listlowerAlpha li {
	margin-left:17px; 
	list-style-type:lower-alpha;
	}

.iconlink2 {
	margin-bottom: 0px;
	font-size: 83%;
	line-height: 120%;
	}
	
.iconlink2 dl {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.iconlink2 dt {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url("/site_image/saita_common/contents/icon_link.gif") 0px 2px no-repeat;
	font-weight:bold;
	}

.iconlink2 dd {
	margin: 3px 0 12px 20px;
	}

.iconlink2 dt.popup {
	background: url("/site_image/saita_common/contents/icon_newwindow.gif") 0px 2px no-repeat;
	}




/* update 20060605 hiraoka インラインのアイコンリンク */
.iconlink_line  {
	font-size: 83%;
	line-height: 120%;
	margin-bottom: 0px;
	}
.iconlink_line ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.iconlink_line li {
	font-weight:bold;
	padding-left: 20px;
	background: url("/site_image/saita_common/contents/icon_link.gif") no-repeat 2px center;
	display:inline;
	vertical-align: middle;
	}





/*数字リスト20060807MH*/
ol.listStyle_Link1{
	font-size: 83%;
	line-height: 133%;
	margin:0 0 0 20px;
	padding-left:1em;
	list-style: decimal outside;
	}

/*--- JIS推奨　Note Lists [cc2]---*/

ul.noteList1{
margin:0 0 18px 0.5em;
text-align:left;
}

ul.noteList1 li{
color:#cc0000;
font-size:67%;
line-height:1.5;
text-indent:-0.5em;
}

dl.noteList1{
margin:-8px 0px 18px 0px;/*0 0 18 0*/
text-align:left;
}

dl.noteList1 dt{
color:#FF9900;
font-size:67%;
font-weight:bold;
line-height:1.5;
}

dl.noteList1 dd{
margin-left:2.5em;
margin-top:-1.4em;
font-size:67%;
line-height:1.2;
}

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


/* ======================テーブルスタイル====================== */

th.data-th1-center-2-ds { 
	font-size: 67%; 
	font-weight: normal; 
	background-color: #006699;
	}
	
th.data-th1-center-2-dsop {  
	font-size: 67%; 
	font-weight: normal; 
	background-color: #99cc66;
	}
	
th.data-th1-center-2-itms {
	font-size: 67%; 
	font-weight: normal; 
	background-color: #ff9933;
	  }
	  
td.data-td-ds { 
	font-size: 83%; 
	background-color: #cceeff; 
	padding: 6px 12px 6px 12px;
	}
	
td.data-td-dsop {
	font-size: 83%; 
	background-color: #ddffbb; 
	padding: 6px 12px 6px 12px;
	}
	
td.data-td-itms {
	font-size: 83%; 
	background-color: #ffeebb; 
	padding: 6px 12px 6px 12px;
	}
	
td.data-td-pad6 { 
	font-size: 83%; 
	background-color: #ffffff; 
	padding: 6px;
	}

td.data-td-f100 {
	background-color: #ffffff; 
	padding: 6px;
	}

/*table*/
.section{ 
text-align:left; 
}

 
.section table{
	margin-bottom:3px;
	border-collapse:collapse;
	border-style:solid;
	border-color:#999999;
	border-width:1px 0 0 1px;
	}

.section table tr th{
	background-color:#e8e8e8;
	font-weight:normal;
	text-align:center;
	}

 
.section table tr th,
.section table tr td{
	padding:4px;
	border-color:#999999;
	border-style:solid;
	border-width:0 1px 1px 0;
	vertical-align: middle;
	}








/* 表内でのリスト add 20060824MH*/
.section table td ul.listtable-td2 {
	list-style:none; 
	padding: 0; 
	margin:0;
	}
	
.section table td ul.listtable-td2 li {
	background: url("/site_image/saita_common/contents/list2.gif") 5px 2px no-repeat; 
	padding-left: 20px;
	}


/*---Tables [cc5]---*/

.section table{
margin:0 auto 18px;
border-collapse:collapse;
border-style:solid;
border-color:#999999;
border-width:1px 0 0 1px;
}

.section table caption{
text-align:left;
caption-side:top;
}

.section table tr th{
background-color:#e8e8e8;
font-weight:normal;
text-align:center;
}

.section table tr th,
.section table tr td{
padding:7px;
border-color:#999999;
border-style:solid;
border-width:0 1px 1px 0;
vertical-align:middle;
}

.section table tr td{
text-align:left;
}

.section table.type1,
.section table.type3{
font-size:83%;
}

.section table.type1 tbody th,
.section table.type2 tbody th{
text-align:left;
}

.section table.type2{
font-size:67%;
}

.section table.type4 th,
.section table.type4 td,
.section table.type4 caption{
font-size:83%;
}

.section table.type4 caption{
text-align:left;
}

.section table.type4 th{
font-weight:bold;
}

.section table.type4 td ul.listStyle1,
.section table.type4 td ul.listStyle2{
margin:0;
font-size:100%;
}

.section table.type5 th,
.section table.type5 td,
.section table.type5 caption{
font-size:67%;
}

.section table.type5 caption{
text-align:left;
}

.section table.type5 th{
font-weight:bold;
}

.section table.type5 td ul.listStyle1,
.section table.type5 td ul.listStyle2{
margin:0;
font-size:100%;
}



.section table.type6,/*add 20060824 MH*/
.section table.type4,
.section table.type1,
.section table.type2,
.section table.type3{
	font-size:83%;
	}

 
.section table.type1 tbody th{
	text-align:center;
	}
 
.section table.type2 tbody th{
	text-align:left;
	background-color:#ffffff;
	}

.section table.type3 tbody th{
	text-align:left;
	}
	
.section table.type3 tbody td{
	text-align:left;
	background-color:#ffffff;
	}

.section table.type4 tbody td{
	text-align:left;
	background-color:#ffffff;
	vertical-align:top;
	}

.section table.type5 tbody td{
	text-align:left;
	background-color:#ffffff;
	vertical-align:top;
	display: table-column;
}

.section table.type1 tbody td{
	text-align:center;
	background-color:#ffffff;
	}

.section table.type6 tbody td{
	text-align:left;
	background-color:#ffffff;
	}



/* ======================その他独自スタイル====================== */


/* update 20060626 hiraoka 各製品トップページメニュー用 */
.iconlink li.menu {
	padding-left: 20px;
	background: url("/site_image/saita_common/contents/icon_link.gif") no-repeat 2px center;
	font-weight:bold;
	vertical-align: middle;
	line-height: 200%;
	}
	
.iconlink li.form {
	padding-left: 20px;
	background: url("/site_image/saita_common/contents/icon_form.gif") no-repeat 2px center;
	font-weight:bold;
	vertical-align: middle;
	line-height: 200%;
	}	

.list-small li.link {
	padding-left: 17px;
	background: url("/site_image/saita_common/contents/list2.gif") 5px 0px no-repeat;
}

	
	

/*単位：mm右寄せ20060821MH*/
.tani_mm {
	margin-bottom: 9px;
	font-size: 67%;
	text-align: right;
}

/* 文章内肩付き※などの位置を、上に飛び出さないようテキスト上端にあわせる add 20060824MH*/
.sup_inline {
vertical-align: text-top;
}

/* 文章内下付きＣＯ2などの位置を、上下に飛び出さないようテキスト下端にあわせる add 20061206MH*/
.t_bottom {vertical-align:text-bottom; font-size:smaller;}

/* 休日案内用　20060914MH */
.holiday {
	margin: 9px 0px 0px 0px;
	padding: 5px 30px;
	border: 1px solid #FF9999;
	background: #FDDFDF;
	font-size: 83%;
	line-height: 120%;
}

.title { 
	padding-bottom: 4px;
	font-weight:bold; 
	text-align:center; 
	}










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


以下、SJ追加項目


index

 1. hitachi modules update
 2. paragraph (delete margin)
 3. text line-height
 4. img vertical-algin: bottom


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


/* hitachi modules update
------------------------------------------ */
th.data2-th1-center-2 {  font-size: 10pt; font-weight: normal; background-color: #e8e8e8}
th.data2-th1-left-2 {  font-size: 10pt; text-align: left; font-weight: normal; background-color: #e8e8e8}



/* paragraph (delete margin)
------------------------------------------ */
p.delm {
	margin: 0;
}


/* text line-height
------------------------------------------ */
span.linhigh {
	line-height: 138%;
}

/* img vertical-algin: bottom
------------------------------------------ */
#brandingArea img {
	vertical-align: bottom;
}




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

更新者：Mie Hiraoka
作成日：
更新日：

================================================ */
td.tabnavi-2 {font-size: 67%; text-align: center; font-weight: normal; background-color: #cceedd; padding: 4px}
td.tabnavi-2c {font-size: 67%; text-align: center; font-weight: normal; background-color: #558888; padding: 4px}


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

更新者：Mie Hiraoka
作成日：070928
更新日：070928

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

/*お知らせ*/
.section {
	margin-bottom: 24px; text-align: center
}
dl.listStyle_a {
	margin: 0px; text-align: left
}
dl.listStyle_a dt {
	font-weight: bold; font-size: 83%; line-height: 1.5
}dl.listStyle_a dd {
	font-size: 83%; margin: -1.5em 0px 0px 8.5em; line-height: 1.5
}