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

*

*Since: 2006-10-10

*Modified: 2006-10-11

*Guideline:Ver.0.1

*Editor: Tomie Maiya

*

**************************

*/





/* ======================視覚整形用スタイル====================== */

.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 リスト内スモール文字用（二重テキストサイズ用）*/

.text_913C50-OR {color:#913C50} /* 20160726 MH（有償付加仕様）キャプション用の色*/

.text_2B6B68 {color:#2B6B68} /* 20160726 MH（基本仕様）キャプション用の色*/









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





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



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;

	}







/*頭がドットで文字が通常サイズリスト20100907TM*/



.section{ 

margin-bottom:24px; 

text-align:center; 

} 

 

ul.listStyle1{

margin:0 0 18px 15px;

font-size:83%;

line-height:1.5;

text-align:left;

}



ul.listStyle1 li{

padding-left:8px;

background:url("/site_image/saita_common/contents/list.gif") 0 0.2em no-repeat;

}





.section{ 

margin-bottom:24px; 

text-align:center; 

}



 

ul.listStyle2{

margin:0 0 18px 15px;

font-size:67%;

line-height:1.5;

text-align:left;

}





 

ul.listStyle2 li{

padding-left:8px;

background:url("/site_image/saita_common/contents/list.gif") 0 0.1em no-repeat;

}













.list-small li.link {

	padding-left: 17px;

	background: url("/site_image/saita_common/contents/list2.gif") 5px 0px no-repeat;

}

















/*--- 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;

	}







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





/*各製品トップページメニュー用 */

.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%;

	}	



/*===2011.01.21 pdfリンクアイコン、センター揃えをトップに揃うように変更（伊藤）

.iconlink li.pdf {

	padding-left: 20px;

	background: url("/site_image/saita_common/contents/icon_pdf.gif") no-repeat 2px center;

	font-weight:bold;

	vertical-align: middle;

	line-height: 200%;

	}===*/

		

.iconlink li.pdf {

	padding-left: 20px;

	background: url("/site_image/saita_common/contents/icon_pdf.gif") no-repeat 2px 0.6em top;

	font-weight:bold;

	vertical-align: middle;

	line-height: 180%;

	}	

	

.list-small li.link {

	padding-left: 17px;

	background: url("/site_image/saita_common/contents/list2.gif") 5px 0px no-repeat;

}



	

	



/*単位：mm右寄せ*/

.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;}



/* 休日案内用*/

.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

}





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



更新者：Mie Hiraoka

更新日：100722



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



/* 汎用型　マージン変更 */

.marginBottom0 { margin-bottom: 0 !important; }

.marginBottom5 { margin-bottom: 5px !important; }

.marginBottom10 { margin-bottom: 10px !important; }

.marginBottom15 { margin-bottom: 15px !important; }

.marginBottom20 { margin-bottom: 20px !important; }



.paddingBottom0 { padding-bottom: 0 !important; }

.paddingBottom5 { padding-bottom: 5px !important; }

.paddingBottom10 { padding-bottom: 10px !important; }

.paddingBottom15 { padding-bottom: 15px !important; }

.paddingBottom20 { padding-bottom: 20px !important; }





.marginTop0 { margin-top: 0 !important; }

.marginTop5 { margin-top: 5px !important; }

.marginTop10 { margin-top: 10px !important; }

.marginTop15 { margin-top: 15px !important; }

.marginTop20 { margin-top: 20px !important; }



.paddinTop0 { padding-top: 0 !important; }

.paddingTop5 { padding-top: 5px !important; }

.paddingTop10 { padding-top: 10px !important; }

.paddingTop15 { padding-top: 15px !important; }

.paddingTop20 { padding-top: 20px !important; }







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



更新者：Maki Tsuruta

更新日：110714



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

span.new {

	background-color: #C00;

	color: #FFF;

	font-weight: bold;

	padding: 0px 2px;

}



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



更新日：120705



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



/*リストクラスタ　2*/

div.list2 {

	font-size: 83%;

	line-height: 1.5em;

	margin-bottom: 6px;

}

.list2 ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

.list2 li {

padding-left: 20px;

background: url("/site_image/saita_common/contents/list2.gif") 5px 2px no-repeat;

}




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

更新者：Mie Hiraoka

更新日：190312

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


 .leftbox{
 width: 130px;
 float: left;
 margin-right:10px;
}

.clearbox {
	clear:left;
}



.doda {
	line-height: 30px;
	margin: 5 0;
	padding: 5px;
	font-weight:bold;
	font-size:0.8rem;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
 }
 
#banner-a {
	background-color: #014ACA;
	}
	
#banner-b {
	background-color: #01CA17;
	}



 .doda a {
color:#FFFFFF;
}

.doda a hover {
text-decoration:underline;
}


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

更新者：Mie Hiraoka

更新日：190904

================================================ */
 
.greenBK {
	line-height: 15px;
	margin: 0 0;
	padding: 5px 0;
	font-weight:bold;
	font-size:0.8rem;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	background-color: #014ACA;
 }

.ol.number{
	display:list-item;
	list-style-type:decimal;
}

h4.big {
	font-size:83%;
}