@charset "UTF-8";

/* 全サイト共通 */
/* @group
===========================================================================
===========================================================================
*/

/* @group ブラウザ・リセット
===========================================================================
*/

/* @group レイアウト
---------------------------------------------------------------------------
*/

body, div, p, blockquote, pre,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
table, th, td,
embed, object {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table, th, td, img { border: 0px; }

/* @end */


/* @group タイポグラフィー
---------------------------------------------------------------------------
*/

* {
	font-style: normal;
	font-weight: normal;
	font-variant:normal;
	text-decoration: none;
	vertical-align: baseline;
}

b, strong { font-weight: bold; }
i, em, var { font-style: italic; }
u { text-decoration: underline; }
s, strike { text-decoration: line-through; }
tt, pre, code, kbd, samp { font-family: monospace; }
abbr, acronym { border-bottom: 1px dotted #000; } 

ins { text-decoration: none; }
del { text-decoration: line-through; }

sub { vertical-align: sub;}
sup { vertical-align: super; }

/* @end */


/* @group その他
---------------------------------------------------------------------------
*/

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}
th,td {
	border: 0px;
	empty-cells: hide;
	vertical-align: middle;
}
th img, td img { vertical-align: middle; }
caption, th { text-align: left; }

img { border: 0px; }

a img { cursor: pointer; }
a img { text-decoration: none !important; }

hr {
	height: 0px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px solid #000;
}

/* @end */
/* @end */


/* @group 共通設定
===========================================================================
*/

/* Firefoxでswfなどを縦100%でレンダリングさせる場合、「height: 100%;」が必要。 */
/* html, body { height: 100%; } */


/* Firefox と Safari でスクロールバーを強制表示。Chrome、Operaは？ */
html:not([lang*=""]) { overflow-y: scroll; } /* Firefox */
html:not(:only-child:only-child) { /* Safari */
	min-height: 100%;
	padding-bottom: 1px;
}


/* IE6のquirkモードで margin: auto; によるセンタリングができないバクの対策。
後続の子ブロック要素で text-align: center; を指定して左寄せに戻す必要あり。
ただし、そもそもquirksモードに入らなければよい。 */
body { text-align: center; }


/* FireFoxでembed要素、Operaでobject要素の下に余白ができてしまう問題を回避。 */
object, embed { vertical-align: top; }


/* @group Clearfix
---------------------------------------------------------------------------
*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; }
.clearfix { min-height: 1px; }
* html .clearfix { display: inline-block; } /* IE5以前のみ */
/*\*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /**/ /* Mac版IEから隠す */

/* @end */
/* @end */


/* @group プリンター関連
===========================================================================
*/

/* プリント時以外は表示しない要素。 */
.printOnly { display : none; }

/* プリンタ用指定 */
@media print {

	/* overflowにvisible以外を指定した要素も印刷されるように。 */
	* { overflow: visible; }

	/* プリントされず、レイアウトからも消える要素。 */
	.noPrint { display: none; }

	/* プリントされないものの、レイアウトには影響を与える要素（単なる非表示）。 */
	.noPrintContent { visibility: hidden; }

	/* プリント時以外は表示しない要素。＝プリント時のみ表示する要素。 */
	.printOnly, div.printOnly { display: block; }
	span.printOnly, label.printOnly { display: inline; }
	table.printOnly { display: table; }
	tr.printOnly { display: table-row; }
	td.printOnly { display: table-cell; }

}

/* @end */

/* @end */

/* タイポグラフィー */
/* @group
===========================================================================
===========================================================================
*/

/* @group #1 一般
===========================================================================
*/

/* @group フォント
---------------------------------------------------------------------------
*/

html[lang='en'] body, *[lang='en'], .alphanum {
	font-family: 'Helvetica Neue','Helvetica','Arial','Verdana',sans-serif;
}

html[lang='ja'] body, *[lang="ja"] {
	font-family: 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro W4','Hiragino Maru Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana',sans-serif;
}

* html body {
	/* for IE6 */
	font-family: 'Arial','Verdana','ＭＳ Ｐゴシック',sans-serif;
}

/* @end */


/* @group フォント・サイズ
---------------------------------------------------------------------------
*/

body { font-size: 12px; }
* html body { font-size: 75%; } /* for IE6 */
body { line-height: 1.67em; }

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

table { font-size: inherit; }

sub { font-size: 80%; }
sup { font-size: 80%; }

big   { font-size: 110%; }
/* small { font-size: 90%; } */
small { font-size: 100%; }

/* @end */


/* @group 文字色
---------------------------------------------------------------------------
*/

body { color: #333; }
a { text-decoration: none; }
a:link { color: #0070b7; }
a:visited { color: #72838d; text-decoration: none; }
a:link:hover, a:visited:hover { color: #0070b7; text-decoration: underline; }
a:link:active, a:visited:active { color: #0070b7; text-decoration: underline; }
a:link:focus, a:visited:focus { color: #0070b7; text-decoration: underline; }

/* @end */


/* @group 段落関連
---------------------------------------------------------------------------
*/
p, ul, ol, dl, blockquote,
div.para {
	margin: 0 0 1.67em; /* 20px */
}
div.para > p,
div.para > ul,
div.para > ol,
div.para > dl,
div.para > blockquote {
	margin-top: 0;
	margin-bottom: 0;
}
.lastP { margin-bottom: 0; }

/* hr は b や small などと同じく見栄えを制御するもので、文書を意味的に構造化するものではない。
意味的に区切るには div を使用する。 */
hr {
	height: 0px;
	margin: 0 0 1.5em;
	border-width: 0px;
	border: none;
	border-bottom: 1px solid #ccc;
}

blockquote {  /* N add 101029 */
	padding: 18px;
	border-right: 2px #bfbfbf dotted ;
	border-left: 2px #bfbfbf dotted ;
 }

/* @end */


/* @group スタイル
---------------------------------------------------------------------------
*/

.paren {
	font-size: 0.92em; /* 11px */
	line-height: 1.82em; /* 20px */
}
html[lang='ja'] .paren {
/*	display: inline-block; */
	height: 1.5em;
	margin-right: -0.5em;
	margin-left: -0.5em;
}
html[lang='ja'] .alphanum .paren {
	margin-right: 0em;
	margin-left: 0em;
}
*:first-child+html .paren { height: 100%; } /* for IE7+ */

.note {
	font-size: 0.92em; /* 11px */
	line-height: 1.82em; /* 20px */
	color: #666;
}

.aster {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

.copyright {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

.menu, .menu ul, .menu ol {
	list-style-type: none;
	margin-bottom: 0px;
}

.small {
	font-size: 90%;
}

a.help,
a.help:link,
a.help:visited,
a.help:hover {
	padding: 2px 3px 1px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #d7d7d7;
	font-size: 11px;
	text-decoration: none;
	background: #e7e7e7 url(/__img/icon/help.gif) 2px 3px no-repeat;
}

/* @end */
/* @end */


/* @group #2 その他
===========================================================================
*/


/* @end */

/* @end */


/* レイアウト */
/* @group
===========================================================================
===========================================================================
*/

/* #1 基本レイアウト */
/* @group
===========================================================================

+-------------------------------------+
| #upper                              |
|                                     |
| +---------------------------------+ |
| | #header                         | |
| +---------------------------------+ |
|                                     |
| +---------------------------------+ |
| | #contents (.clearfix)           | |
| |                                 | |
| +---------------------------------+ |
+-------------------------------------+

+-------------------------------------+
| #lower                              |
| +---------------------------------+ |
| | #footer                         | |
| +---------------------------------+ |
+-------------------------------------+

*/

/* 縦方向 */
/* @group
---------------------------------------------------------------------------
lowerを画面下部に貼り付かせる。
*/

html, body, div#upper { height: 100%; }

body > div#upper {
	height: auto;
	min-height: 100%;
}

div#contents {
	padding-bottom: 280px; /* フッターの高さ 230px + 実質的padding 50px */
}

div#lower {
	position: relative;
	height: 230px; /* フッターの高さ */
	margin-top: -230px; /* フッターの高さ（-） */
	clear: both;
}

/* @end */

/* 横方向 */
/* @group
---------------------------------------------------------------------------
*/

div#upper {
	clear: both;
	width: 970px; /* レイアウトの横幅 */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#lower {
	clear: both;
	width: 100%;
	text-align: center;
	background: #666 url(/__include/footer/bg.gif) repeat-x;
}

/* @end */

/* Z軸方向*/
/* @group
---------------------------------------------------------------------------
*/
div#header   { z-index: 20; }
div#contents { z-index: 10; }
div#lower    { z-index: 20; }

/* @end */


/* 背景 */
/* @group
---------------------------------------------------------------------------
*/

body {
	background: #f2f2f2 url(/__include/header/bg.gif) repeat-x;
}

/* @end */
/* @end */


/* #2 header内のレイアウト */
/* @group
===========================================================================
*/

/* 基本レイアウト */
/* @group
---------------------------------------------------------------------------
*/
div#header {
	position: relative;
	width: 970px;
	height: 200px;
}

div#header a {
	outline: none;
}
/* @end */

/* タイトルロゴ */
/* @group
---------------------------------------------------------------------------
*/
div#header h1 {
	position: absolute;
	top: 18px;
	left: 15px;
	width: 160px;
	height: 100px;
}

/* @end */

/* ログイン */
/* @group
---------------------------------------------------------------------------
*/

div#login {
	position: absolute;
	bottom: 123px;
	right: 15px;
	height: 25px;
	font-size: 10px;
}

div#login .fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#login .legend {
	float: left;
	margin: 0px;
	padding: 5px 0px;
	border: 0px;
}

div#login_out, div#login_in {
	float: left;
}

div#login_name {
	float: left;
	height: 15px;
	margin: 0px;
	margin-left: 5px;
	padding: 5px 0px;
	border: 0px;
}

div#login a.button {
	display: block;
	float: left;
	height: 15px;
	margin: 0px;
	margin-left: 5px;
	padding: 5px 0px;
	border: 0px;
	background-color: #fff;
}

div#login table {
	float: left;
	width: auto;
	height: 25px;
	margin: 0px;
	margin-left: 5px;
	background-image: none;
	background-color: #ededed;
}

div#login tr {
	background-image: none;
}

div#login td, div#login th {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

div#login table td {
	line-height: 15px;
}

div#login input.text {
	width: 131px;
	height: 15px;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	border: none;
	background: url(/__include/header/login/text.gif) no-repeat;
}

div#login button {
	width: 55px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: none;
	text-indent: -999em;
	background: url(/__include/header/login/login_1.gif) no-repeat;
}

div#login span.rescue a {
	font-weight: bold;
}

img#go_login {
	display: none;
}

img#close_login {
	cursor: pointer;
}


/* @end */

/* 告知エリア */
/* @group
---------------------------------------------------------------------------
*/

div#lead {
	position: absolute;
	bottom: 150px;
	right: 15px;
	height: 30px;
	width: 700px;
	overflow-y: visible;
	z-index: 1;
	font-size: 10px;
	text-align: right;
}

div#headBanner {
	display: none;
	position: absolute;
	bottom: 85px;
	left: 197px;
	width: 235px;
	height: 15px;
}


/* @end */

/* 検索＆ナビゲーション */
/* @group
---------------------------------------------------------------------------
*/

div#header div#navigation {
	position: absolute;
	bottom: 85px;
	right: 15px;
}
div#header div.search,
div#header div.language,
div#header div.toyota {
	float: left;
	margin-left: 25px;
}

/* ↓以下の部分はフッターの検索欄にも影響する */

div.search form {
	float: left;
}
div.search input {
	float: left;
	outline: none;
}
div.search input.text {
	width: 135px;
	height: 18px;
	margin: 0px;
	padding: 3px 10px 0px;
	border: none;
}
div.search input.button {
	width: 35px;
	height: 18px;
	margin: 0px 5px;
	padding: 0px;
}

/* ↑ここまで */

div#header div.search input.text,
div#main   div.search input.text {
	background: #fcfcfc url(/__include/header/search_text.gif) no-repeat;
}

div#header div.language a,
div#header div.toyota a {
	text-decoration: underline;
	color: #666;
}
div#header div.toyota a:visited {
	color: #666;
}


/* @end */

/* メニュー */
/* @group
---------------------------------------------------------------------------
*/

div#header ul.menu {
	position: absolute;
	top: 135px;
	left: 0px;
	width: 970px; /* メニュー6項目分の幅 */
	height: 65px;
	font-size: 0.91em; /* 11px */
}

div#header ul.menu li {
	position: absolute;
	width: 170px;
	background: transparent left bottom no-repeat;
}

div#header ul.menu li a {
	display: block;
	position: relative;
	width: 170px;
	height: 55px;
	padding-top: 10px;
	outline: none;
	text-indent: -999em;
	background: transparent url(/__include/header/menu/top0.png) left top no-repeat;
}
div#header ul.menu li:hover a         { background-image: url(/__include/header/menu/top1.png); }
div#header ul.menu li.current a       { background-image: url(/__include/header/menu/top2-0.png); }
div#header ul.menu li.current:hover a { background-image: url(/__include/header/menu/top2-1.png); }

div#header ul.menu li.hasSubmenu { padding-bottom: 55px; }
div#header ul.menu li.hasSubmenu a { height: 0px; }


div#header ul.menu li.menu1 { left:   0px; z-index: 26; }
div#header ul.menu li.menu2 { left: 160px; z-index: 25; }
div#header ul.menu li.menu3 { left: 320px; z-index: 24; }
div#header ul.menu li.menu4 { left: 480px; z-index: 23; }
div#header ul.menu li.menu5 { left: 640px; z-index: 22; }
div#header ul.menu li.menu6 { left: 800px; z-index: 21; }
div#header ul.menu li:hover {              z-index: 27; }

div#header ul.menu li.menu1       { background-image: url(/__include/header/menu/menu1-0.png); }
div#header ul.menu li.menu2       { background-image: url(/__include/header/menu/menu2-0.png); }
div#header ul.menu li.menu3       { background-image: url(/__include/header/menu/menu3-0.png); }
div#header ul.menu li.menu4       { background-image: url(/__include/header/menu/menu4-0.png); }
div#header ul.menu li.menu5       { background-image: url(/__include/header/menu/menu5-0.png); }
div#header ul.menu li.menu6       { background-image: url(/__include/header/menu/menu6-0.png); }

div#header ul.menu li.menu1:hover { background-image: url(/__include/header/menu/menu1-1.png); }
div#header ul.menu li.menu2:hover { background-image: url(/__include/header/menu/menu2-1.png); }
div#header ul.menu li.menu3:hover { background-image: url(/__include/header/menu/menu3-1.png); }
div#header ul.menu li.menu4:hover { background-image: url(/__include/header/menu/menu4-1.png); }
div#header ul.menu li.menu5:hover { background-image: url(/__include/header/menu/menu5-1.png); }
div#header ul.menu li.menu6:hover { background-image: url(/__include/header/menu/menu6-1.png); }



/* サブメニュー */
div#header ul.menu li ul       { background: transparent url(/__include/header/menu/body0.png) left top repeat-y; }
div#header ul.menu li:hover ul { background: transparent url(/__include/header/menu/body1.png) left top repeat-y; }

div#header ul.menu li.hasSubmenu li {
	position: relative;
	width: 170px;
	height: 55px;
	background: transparent url(/__include/header/menu/separator.gif) 15px 45px no-repeat;
}

div#header ul.menu li.hasSubmenu li a {
	width: 124px;
	height: 15px;
	margin: 0px 15px;
	padding: 10px 8px;
	line-height: 1.5em;
	text-indent: 0em;
	text-decoration: none;
	color: #444;
	background-image: none;
}
div#header ul.menu li.hasSubmenu li a:visited {
	color: #444;
}
div#header ul.menu li.hasSubmenu li a.double { /* 見出しが2行になる場合 double を指定。 */
	height: 31px;
	padding: 2px 9px;
}
div#header ul.menu li:hover li a {
	background-image: none;
}
div#header ul.menu li li a:hover {
	color: #000;
	background: transparent url(/__include/header/menu/bg_stripe.gif);
}

/* @end */

/* @end */


/* #3 contents内のレイアウト */
/* @group
===========================================================================
*/

/* パン屑ナビゲーション */
/* @group
---------------------------------------------------------------------------
*/

div.crumbs ol.menu {
	padding: 10px 0px;
}

div.crumbs ol.menu li {
	float: left;
	font-size: 0.83em; /* 10px */
	white-space: nowrap;
} 

div.crumbs ol.menu li a {
	padding-left: 22px;
	color: #c00;
	background: url(/__img/arrow/gtSred.gif) no-repeat 10px 2px;
}
div.crumbs ol.menu li a:hover {
	text-decoration: underline;
}
div.crumbs ol.menu li visited {
	color: #c00;
}

div.crumbs ol.menu li span {
	padding-left: 22px;
	color: #666;
	background: url(/__img/arrow/gtSgray.gif) no-repeat 10px 2px;
}

/* @end */

/* カラム */
/* @group
---------------------------------------------------------------------------

作り方
+-----------------------------------------------------------------------------+
| div.matrix (.clearfix)                                                      |
|                                                                             |
| +----------------------------------+ +------------+ +---------------------+ |
| | .column .colwidthX .colpositionY | | .column... | | .column .colWidthXL | |
| | +------------------------------+ | |            | |                     | |
| | | *.top                        | | | ...        | | ...                 | |
| | +------------------------------+ | |            | |                     | |
| | +------------------------------+ | |            | |                     | |
| | | *.inner                      | | | ...        | | ...                 | |
| | +------------------------------+ | |            | |                     | |
| +----------------------------------+ +------------+ +---------------------+ |
|                                                                             |
+-----------------------------------------------------------------------------+

+-----------------------------------------------------------------------------+
| div.matrix (.clearfix)                                                      |
|                                                                             |
+-----------------------------------------------------------------------------+
  .
  .
  .


* matrix でカラムを段重ね。
* column でカラムを宣言（必須）。
* colWidthX でカラムの幅を指定（必須。Xh = X & half）。
* colPositionY でカラムの順序を指定（必須。Z軸方向の重なりを調整するため）。
* 最後のカラムには colWidthXL を指定（L = last。例外あり：下記 S 参照）。
* columnWidth1 がある場合、その後続のカラムすべてに colWidthXS を適用（S = shift。その場合、最後のカラムでも L は付けない）。
* 同一 matrix 内部のカラム幅（colWidth）の合計は6以下。
* ただし colWidth1 のカラムは特殊なため1つの matrix 内に1つ以上入れるのはデザイン的に慎重にしたほうがよい（1つ以上入れる場合は、後続のカラムに S を付けない）。
* カラム内には *.top および *.inner を各1ずつ作成。（必須、上図参照）。

*/


/* matrix：カラムの括り */
div.matrix {
	clear: both;
	position: relative;
}

/* colWidthX：カラムの幅 */
.column {
	display: block;
	position: relative;
	float: left;
	margin: 0px -5px;
	background: transparent left bottom no-repeat;
}
.colWidth1  { width: 170px; background-image: url(/__img/column/1bottom.png); }
.colWidth1h { width: 250px; background-image: url(/__img/column/1hbottom.png); }
.colWidth2  { width: 330px; background-image: url(/__img/column/2bottom.png); }
.colWidth2h { width: 410px; background-image: url(/__img/column/2hbottom.png); }
.colWidth3  { width: 490px; background-image: url(/__img/column/3bottom.png); }
.colWidth3h { width: 570px; background-image: url(/__img/column/3hbottom.png); }
.colWidth4  { width: 650px; background-image: url(/__img/column/4bottom.png); }
.colWidth4h { width: 730px; background-image: url(/__img/column/4hbottom.png); }
.colWidth5  { width: 810px; background-image: url(/__img/column/5bottom.png); }
.colWidth6  { width: 970px; background-image: url(/__img/column/6bottom.png); }

.column .inner {
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px 20px 10px 15px;
	border: 0px;
	background: transparent left top repeat-y;
}
.colWidth1  .inner { background-image: url(/__img/column/1body.png); padding-right: 15px; }
.colWidth1h .inner { background-image: url(/__img/column/1hbody.png); }
.colWidth2  .inner { background-image: url(/__img/column/2body.png); }
.colWidth2h .inner { background-image: url(/__img/column/2hbody.png); }
.colWidth3  .inner { background-image: url(/__img/column/3body.png); }
.colWidth3h .inner { background-image: url(/__img/column/3hbody.png); }
.colWidth4  .inner { background-image: url(/__img/column/4body.png); }
.colWidth4h .inner { background-image: url(/__img/column/4hbody.png); }
.colWidth5  .inner { background-image: url(/__img/column/5body.png); }
.colWidth6  .inner { background-image: url(/__img/column/6body.png); }

.column .top {
	min-height: 15px;
	margin: 0px;
	padding: 10px 20px 0px 15px;
	border: 0px;
	background: transparent left top no-repeat;
}
.colWidth1  .top { background-image: url(/__img/column/1top.png); padding-right: 15px; }
.colWidth1h .top { background-image: url(/__img/column/1htop.png); }
.colWidth2  .top { background-image: url(/__img/column/2top.png); }
.colWidth2h .top { background-image: url(/__img/column/2htop.png); }
.colWidth3  .top { background-image: url(/__img/column/3top.png); }
.colWidth3h .top { background-image: url(/__img/column/3htop.png); }
.colWidth4  .top { background-image: url(/__img/column/4top.png); }
.colWidth4h .top { background-image: url(/__img/column/4htop.png); }
.colWidth5  .top { background-image: url(/__img/column/5top.png); }
.colWidth6  .top { background-image: url(/__img/column/6top.png); }


/* L = last */
.colWidth1L  { width: 170px; background-image: url(/__img/column/1bottom.png); }
.colWidth1hL { width: 250px; background-image: url(/__img/column/1hbottom_last.png); }
.colWidth2L  { width: 330px; background-image: url(/__img/column/2bottom_last.png); }
.colWidth2hL { width: 410px; background-image: url(/__img/column/2hbottom_last.png); }
.colWidth3L  { width: 490px; background-image: url(/__img/column/3bottom_last.png); }
.colWidth3hL { width: 570px; background-image: url(/__img/column/3hbottom_last.png); }
.colWidth4L  { width: 650px; background-image: url(/__img/column/4bottom_last.png); }
.colWidth4hL { width: 730px; background-image: url(/__img/column/4hbottom_last.png); }
.colWidth5L  { width: 810px; background-image: url(/__img/column/5bottom_last.png); }
.colWidth6L  { width: 970px; background-image: url(/__img/column/6bottom.png); }

.colWidth1L  .inner { background-image: url(/__img/column/1body.png);       padding-right: 15px; }
.colWidth1hL .inner { background-image: url(/__img/column/1hbody_last.png); padding-right: 15px; }
.colWidth2L  .inner { background-image: url(/__img/column/2body_last.png);  padding-right: 15px; }
.colWidth2hL .inner { background-image: url(/__img/column/2hbody_last.png); padding-right: 15px; }
.colWidth3L  .inner { background-image: url(/__img/column/3body_last.png);  padding-right: 15px; }
.colWidth3hL .inner { background-image: url(/__img/column/3hbody_last.png); padding-right: 15px; }
.colWidth4L  .inner { background-image: url(/__img/column/4body_last.png);  padding-right: 15px; }
.colWidth4hL .inner { background-image: url(/__img/column/4hbody_last.png); padding-right: 15px; }
.colWidth5L  .inner { background-image: url(/__img/column/5body_last.png);  padding-right: 15px; }
.colWidth6L  .inner { background-image: url(/__img/column/6body.png);       padding-right: 15px; }

.colWidth1L  .top { background-image: url(/__img/column/1top.png);       padding-right: 15px; }
.colWidth1hL .top { background-image: url(/__img/column/1htop_last.png); padding-right: 15px; }
.colWidth2L  .top { background-image: url(/__img/column/2top_last.png);  padding-right: 15px; }
.colWidth2hL .top { background-image: url(/__img/column/2htop_last.png); padding-right: 15px; }
.colWidth3L  .top { background-image: url(/__img/column/3top_last.png);  padding-right: 15px; }
.colWidth3hL .top { background-image: url(/__img/column/3htop_last.png); padding-right: 15px; }
.colWidth4L  .top { background-image: url(/__img/column/4top_last.png);  padding-right: 15px; }
.colWidth4hL .top { background-image: url(/__img/column/4htop_last.png); padding-right: 15px; }
.colWidth5L  .top { background-image: url(/__img/column/5top_last.png);  padding-right: 15px; }
.colWidth6L  .top { background-image: url(/__img/column/6top.png);       padding-right: 15px; }

/* S = shift：columnWidth1 の後続のカラムすべてに適用（その場合、最後のカラムでも L は付けない） */
.colWidth1S  { width: 170px; background-image: url(/__img/column/1bottom.png);  background-position: 5px bottom; }
.colWidth1hS { width: 250px; background-image: url(/__img/column/1hbottom.png); background-position: 5px bottom; }
.colWidth2S  { width: 330px; background-image: url(/__img/column/2bottom.png);  background-position: 5px bottom; }
.colWidth2hS { width: 410px; background-image: url(/__img/column/2hbottom.png); background-position: 5px bottom; }
.colWidth3S  { width: 490px; background-image: url(/__img/column/3bottom.png);  background-position: 5px bottom; }
.colWidth3hS { width: 570px; background-image: url(/__img/column/3hbottom.png); background-position: 5px bottom; }
.colWidth4S  { width: 650px; background-image: url(/__img/column/4bottom.png);  background-position: 5px bottom; }
.colWidth4hS { width: 730px; background-image: url(/__img/column/4hbottom.png); background-position: 5px bottom; }
.colWidth5S  { width: 810px; background-image: url(/__img/column/5bottom.png);  background-position: 5px bottom; }
.colWidth6S  { width: 970px; background-image: url(/__img/column/6bottom.png);  background-position: 5px bottom; }

.colWidth1S  .inner { background-image: url(/__img/column/1body.png);  background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth1hS .inner { background-image: url(/__img/column/1hbody.png); background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth2S  .inner { background-image: url(/__img/column/2body.png);  background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth2hS .inner { background-image: url(/__img/column/2hbody.png); background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth3S  .inner { background-image: url(/__img/column/3body.png);  background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth3hS .inner { background-image: url(/__img/column/3hbody.png); background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth4S  .inner { background-image: url(/__img/column/4body.png);  background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth4hS .inner { background-image: url(/__img/column/4hbody.png); background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth5S  .inner { background-image: url(/__img/column/5body.png);  background-position: 5px top; padding-left: 20px; padding-right: 15px; }
.colWidth6S  .inner { background-image: url(/__img/column/6body.png);  background-position: 5px top; padding-left: 20px; padding-right: 15px; }

.colWidth1S  .top { background-image: url(/__img/column/1top.png);  background-position: 5px top; padding-right: 15px; }
.colWidth1hS .top { background-image: url(/__img/column/1htop.png); background-position: 5px top; padding-right: 15px; }
.colWidth2S  .top { background-image: url(/__img/column/2top.png);  background-position: 5px top; padding-right: 15px; }
.colWidth2hS .top { background-image: url(/__img/column/2htop.png); background-position: 5px top; padding-right: 15px; }
.colWidth3S  .top { background-image: url(/__img/column/3top.png);  background-position: 5px top; padding-right: 15px; }
.colWidth3hS .top { background-image: url(/__img/column/3htop.png); background-position: 5px top; padding-right: 15px; }
.colWidth4S  .top { background-image: url(/__img/column/4top.png);  background-position: 5px top; padding-right: 15px; }
.colWidth4hS .top { background-image: url(/__img/column/4htop.png); background-position: 5px top; padding-right: 15px; }
.colWidth5S  .top { background-image: url(/__img/column/5top.png);  background-position: 5px top; padding-right: 15px; }
.colWidth6S  .top { background-image: url(/__img/column/6top.png);  background-position: 5px top; padding-right: 15px; }

/* colPositionY：カラムの順序 */
.colPosition1 { z-index: 16; margin-left: 0px}
.colPosition2 { z-index: 15; }
.colPosition3 { z-index: 14; }
.colPosition4 { z-index: 13; }
.colPosition5 { z-index: 12; }
.colPosition6 { z-index: 11; }

/* カラムを途中から始める（とばす）場合の詰物（検証不足） */
.colPrefix1 { margin-left: 160px; }
.colPrefix2 { margin-left: 320px; }
.colPrefix3 { margin-left: 480px; }
.colPrefix4 { margin-left: 640px; }

/* @end */

/* サブ領域（右端） */
/* @group
---------------------------------------------------------------------------
*/

div#contents {
	position: relative;
}

div#sub {
	position: absolute;
	top: 0px;
	right: 5px;
	z-index: 20;
}

div#sub .column {
	float: none;
	padding-bottom: 5px;
}

div#sub .column div.inner {
	padding: 10px 17px 10px 12px; /* 左右から -3px。 */
	margin-right: 0px;
	margin-bottom: 10px;
}


/* @end */


/* KAIZENファイル タブ */
/* @group
---------------------------------------------------------------------------
*/

div#first,
div#second,
div#third {
	position: absolute;
}

div.tabs {
	height: 35px;
}

div.tabs a {
	overflow: hidden;
	display: block;
	float: left;
	width: 157px;
	height: 25px;
	margin-right: 20px;
}

div.tabs a em {
	display: block;
	text-indent: -999em;
}

div#first  div.inner,
div#second div.inner,
div#third  div.inner { padding-top: 15px; }


div#first  div.top { background-image: url(/topics/kaizen/_img/tabs/tab1top.gif); }
div#second div.top { background-image: url(/topics/kaizen/_img/tabs/tab2top.gif); }
div#third  div.top { background-image: url(/topics/kaizen/_img/tabs/tab3top.gif); }

div.underTabs {
	margin: 40px 20px 10px;
	height: 25px;
	background: no-repeat;
}
div.underTabs a {
	overflow: hidden;
	display: block;
	float: left;
	width: 150px;
	height: 25px;
	margin-right: 20px;
	text-align: center;
}

div.underTabs a em {
	display: block;
	text-indent: -999em;
}

div#first  div.underTabs { background-image: url(/topics/kaizen/_img/tabs/tab1bottom.gif); }
div#second div.underTabs { background-image: url(/topics/kaizen/_img/tabs/tab2bottom.gif); }
div#third  div.underTabs { background-image: url(/topics/kaizen/_img/tabs/tab3bottom.gif); }

/* @end */

div.text {
	padding: 1em;
	padding-bottom: 0em;
}

div.text ul {
	margin-left: 1.5em;
}

a.button {
	padding: 2px 5px;
	font-size: 1.08em; /* 13px */
	background-color: #666;
	color: #fff;
}
a.button:hover {
	color: #fff;
}
a.button:visited {
	color: #fff;
}

.archiveList li {
	float: left;
	margin-right: 1em;
}


/* サムネイル画像
   画像縦：95px
   画像横：なりゆき、ただし幅が118px以上になる場合は右端が切り取られる
   ボックス全体： 縦107px／横130px
*/
div.thumb {
	width: 118px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
}
div.thumb a {
	display: block;
	width: 118px;
	overflow: hidden;
	text-align: center;
	background-color: #ddd;
}
div.thumb img {
	height: 95px;
	overflow: hidden;
	margin: 0px auto;
}



/* @end */

/* #4 footer内のレイアウト */
/* @group
===========================================================================
*/

/* 基本レイアウト */
/* @group
---------------------------------------------------------------------------
*/
div#footer {
	position: relative;
	height: 230px;
	width: 970px; /* レイアウトの横幅 */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #fff;
}
div#footer a {
	color: #fff;
	outline: none;
}
/* @end */

/* TAMロゴ */
/* @group
---------------------------------------------------------------------------
*/
div#footer div#logo {
	position: absolute;
	top: 25px;
	left: 15px;
}

/* @end */

/* 検索欄 */
/* @group
---------------------------------------------------------------------------
*/
div#footer div.search {
	position: absolute;
	top: 25px;
	right: 14px;
}
div#footer div.search input.text {
	background: transparent url(/__include/footer/search_text.gif) no-repeat;
}
/* @end */

/* ナビゲーション */
/* @group
---------------------------------------------------------------------------
*/
div#footer ul#navigationMain,
div#footer ul#navigationSub {
	position: absolute;
	top: 25px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#footer ul#navigationMain { left: 325px; }
div#footer ul#navigationSub  { left: 565px; }

div#footer ul#navigationMain li,
div#footer ul#navigationSub li {
	list-style-type: none;
	height: 22px;
	margin: 0px;
	padding: 0px;
}
div#footer ul#navigationMain li {
	font-size: 1.09em; /* 13px */
}
div#footer ul#navigationMain li a,
div#footer ul#navigationSub li a {
	padding-left: 20px;
	background: transparent url(/__include/footer/arrow.gif) 5px center no-repeat;
}
/* @end */

/* その他 */
/* @group
---------------------------------------------------------------------------
*/
div#footer div.toyota {
	position: absolute;
	bottom: 30px;
	right: 15px;
}

div#footer div.language {
	position: absolute;
	top: 135px;
	left: 15px;
	font-size: 1.09em; /* 13px */
}
div#footer div.language a {
	padding-left: 15px;
	background: transparent url(/__include/footer/arrow.gif) left center no-repeat;
}

div#footer div#views {
	position: absolute;
	bottom: 45px;
	left: 15px;
	font-size: 10px;
	color: #999;
}
div#footer div#copyright {
	position: absolute;
	bottom: 30px;
	left: 15px;
	font-size: 10px;
	color: #ccc;
}
/* @end */


/* @end */

/* @end */