@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◆unique_parts
　/responsibilities/tire_safety/activities/think_before_you_drive/css
 - - - - - - - - - - - - - - - - - - -
　#contentsの内容要素で、./think_before_you_drive に特化した要素についてスタイルを設定します。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* -------------------------------------
▽【テキスト装飾】アドバイス（Think. ...）
　⇒ span.slogan
　⇒ span.slogan em ※<em>Think.</em>
------------------------------------- */
	body #contents-body span.slogan,
	body #contents-body strong.slogan,
	body #contents-body span.TBYD-slogan,
	body #contents-body strong.TBYD-slogan { color: #2281c4; font-weight: bold; }
	body #contents-body span.slogan em,
	body #contents-body strong.slogan em,
	body #contents-body span.TBYD-slogan em,
	body #contents-body strong.TBYD-slogan em,
	body #contents-body em.think {
		color: #c00; font-style: normal; font-weight: bold;
	}
	body #contents-body a:hover em.think {
		color: #f00;
	}


/* =========================================================
■THINK BEFORE YOU DRIVE
========================================================= */
	body #contents #contents-body div.additional#others div.heading {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 1.334em;
	}
	body #contents #contents-body div.additional#others div.heading a {
		text-decoration: none;
	}



/* =========================================================
■Safety Tasks
========================================================= */
/* -------------------------------------
▽セクションLv1見出し
　CPイメージにあわせて装飾（独自フォント）
　⇒ .section h3
------------------------------------- */
	body.safetyTasks #contents #contents-body .section {
		background: none;
		padding-top: 0px;
	}
	body.safetyTasks #contents #contents-body .section h3 {
		background: none;
		padding: 0px 0px 13px;
	}

/* -------------------------------------
▽Other safety precautions
　⇒ div#others
------------------------------------- */
	body.safetyTasks #contents #contents-body div#others .section {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	body.safetyTasks #contents #contents-body div#others .section h3 {
		margin-bottom: 7px;
		padding: 0px;
		height: 23px;
	}
	body.safetyTasks #contents #contents-body div#others div.units-container.joint {
		background: transparent url("/common/images/contents/group_border.gif") no-repeat 0px 0px;
		padding-top: 2.667em;
	}
	body.safetyTasks #contents #contents-body div#others div.units-container.joint .section {
		/* background: transparent url("/common/images/contents/el_border.gif") repeat-x 0px 0px; */
	}





/*for index.html (2011.11.04)
************************************************************/
* { font-family:Helvetica, Arial, sans-serif; }
body#tbyd-index #contents-body { margin-bottom:30px; }
body#tbyd-index strong, body#tbyd-index em { font-weight:bold; }


body#tbyd-index .cl-main {
	padding:126px 20px 0 0;
	width:616px;
	background-image:url(/responsibilities/tire_safety/activities/think_before_you_drive/images/idx_main_img1.png);
	background-repeat:no-repeat;
	background-position:left 7px;
}

body#tbyd-index .cl-main h3 {
	padding:15px 0 10px 0;
	font-size:1.25em;
	font-weight:bold;
}

body#tbyd-index .cl-main-img {
	padding-left:216px;
	width:400px;
	min-height:297px;
	background-image:url(/responsibilities/tire_safety/activities/think_before_you_drive/images/idx_main_img2.jpg);
	background-repeat:no-repeat;
	display:block;
}

body#tbyd-index .logo-sml span,
body#tbyd-index .logo-sml strong {
	float:left;
}
body#tbyd-index .logo-sml strong span {
	display:none;
}
body#tbyd-index .logo-sml strong {
	margin-top:1px;
	margin-left:6px;
	width:169px;
	height:9px;
	background-image:url(/responsibilities/tire_safety/activities/think_before_you_drive/images/tbyd_logo_sml.gif);
	background-repeat:no-repeat;
	display:block;
}
	body#tbyd-index .logo-sml strong { /* for IE6 */
		_margin-top:5px;
	}
	*:first-child+html body#tbyd-index .logo-sml strong { margin-top:4px; } /* for IE7 */
	html>/**/body#tbyd-index .logo-sml strong { margin-top /*\**/: 4px\9; } /* for IE8 */
	body#tbyd-index .logo-sml strong:not(:target) { margin-top:4px\9; } /* for IE9 */
	@-moz-document url-prefix() { /*for FF*/
	body#tbyd-index .logo-sml strong {
		margin-top:4px;
	}
	}

body#tbyd-index img.main-img3 {
	margin:0 0 7px 0;
}
	*:first-child+html body#tbyd-index img.main-img3 { margin:5px 0 7px 0; } /* for IE7 */
	html>/**/body#tbyd-index img.main-img3 { margin /*\**/: 5px 0 7px 0\9; } /* for IE8 */
	body#tbyd-index img.main-img3:not(:target) { margin:5px 0 7px 0\9; } /* for IE9 */
	@-moz-document url-prefix() { /*for FF*/
	body#tbyd-index img.main-img3 {
		margin:5px 0 10px 0;
	}
	}

/*Safety Tasks
******************************/
body#tbyd-index .particularTopics p {
	margin-top:49px;
}
	*:first-child+html body#tbyd-index .particularTopics p { margin-top:46px; } /* for IE7 */
	html>/**/body#tbyd-index .particularTopics p { margin-top /*\**/: 46px\9; } /* for IE8 */
	body#tbyd-index .particularTopics p:not(:target) { margin-top:46px\9; } /* for IE9 */
	@-moz-document url-prefix() { /*for FF*/
	body#tbyd-index .particularTopics p {
		margin-top:46px;
	}
	}

body#tbyd-index .figure-container {
	margin-top:12px;
}
	*:first-child+html body#tbyd-index .figure-container { margin-top:18px; } /* for IE7 */
	html>/**/body#tbyd-index .figure-container { margin-top /*\**/: 18px\9; } /* for IE8 */
	body#tbyd-index .figure-container:not(:target) { margin-top:18px\9; } /* for IE9 */
	@-moz-document url-prefix() { /*for FF*/
	body#tbyd-index .figure-container {
		margin-top:12px;
	}
	}

body#tbyd-index .figure-container p,
body#tbyd-index .figure-container img {
	float:right;
}

body#tbyd-index .figure-container p {
	margin-top:26px;
}
	*:first-child+html body#tbyd-index .figure-container p { margin-top:23px; } /* for IE7 */
	html>/**/body#tbyd-index .figure-container p { margin-top /*\**/: 23px\9; } /* for IE8 */
	body#tbyd-index .figure-container p:not(:target) { margin-top:23px\9; } /* for IE9 */
	@-moz-document url-prefix() { /*for FF*/
	body#tbyd-index .figure-container p {
		margin-top:23px;
	}
	}