@charset "shift_jis";

#category {
	text-align:right;
}

#main.eco h2 , #main.safety h2 {
  margin: 0 0 25px;
  padding:0px;
}

#main.eco h3 , #main.safety h3{
  margin: 0 0 25px;

}

/* エコ共通 */


#main.eco h4 {
  padding: 0 0 0 20px;
  background:url(image/ico_eco_circle_01.gif) no-repeat 0 0.3em;
  font-weight:bold; /* Reset */
}

#main.eco .lead {
	font-size:1.4em;
    color:#81AB1B;
    font-weight:bold;
}

#main.eco .ico-circle-eco {
  padding: 0 0 0 20px;
  background: url(image/ico_circle_01.gif) no-repeat 0 0.3em;
  font-weight: normal; /* Reset */
}

#main.eco ul.list01{
	list-style:none;
	padding:0px;
}
#main.eco ul.list01 li{
	background-image:url(image/ico_eco_arrow.gif);
	background-position:3px 0.4em;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin:4px 0px;
}

#main.eco ul.list02{
	list-style:none;
	padding:0px;
}
#main.eco ul.list02 li{
	background-image:url(image/ico_eco_arrow02.gif);
	background-position:0px 0.3em;
	background-repeat:no-repeat;
	padding:2px 0px 0px 20px;
	margin:5px 0px;
}

#main.eco ul.list03{
	list-style:none;
	padding:0px;
    margin-left:1em;
}
#main.eco ul.list03 li{
	background-image:url(image/ico_eco_list01.gif);
	background-position:0px 0.65em;
	background-repeat:no-repeat;
	padding:0 0px 0px 15px;
	margin:2px 0px;
}
#main.eco ul.list04 li{
	float:left;
    width:22%;
	background-image:url(image/ico_eco_arrow.gif);
	background-position:0px 0.4em;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin:4px 0px;
    list-style:none;    
    }

#main.eco .frame01{
	background-color:#F5F7D7;
	border:solid 1px #B4CF52;
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
}

table.style_eco01{
	border-top: 1px solid #dadbdd;
	border-left: 1px solid #dadbdd;
	border-collapse: collapse;
	font-size:1.2em;
	line-height: normal;
	margin:18px 0px 18px 23px;
}
table.style_eco01 th{
	padding: 6px 12px;
	border-right: 1px solid #dadbdd;
	border-bottom: 1px solid #dadbdd;
	background-color: #B4CF52;
	color:#FFF;
}
table.style_eco01 th.lv01{
	background-color:#F5F7D7;
	color:#666666;
}
table.style_eco01 td{
	padding: 6px 12px;
	border-right: 1px solid #dadbdd;
	border-bottom: 1px solid #dadbdd;
}


/* セーフティ共通 */
#main.safety h4 {
  padding: 0 0 0 20px;
  background: url(image/ico_safety_circle_01.gif) no-repeat 0 0.3em;
  font-weight: bold; /* Reset */
}

#main.safety .lead {
	font-size:1.4em;
    color:#0089BD;
    font-weight:bold;
}
#main.safety .leadred {
	font-size:1.4em;
	color:#CC0000;
	font-weight:bold;
}
#main.safety .leadorg {
	font-size:1.4em;
	color:#FF6600;
	font-weight:bold;
}
#main.safety ul.list01{
	list-style:none;
	padding:0px;
}
#main.safety ul.list01 li{
	background-image:url(image/ico_safety_arrow.gif);
	background-position:3px 0.4em;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin:4px 0px;
}

#main.safety ul.list02{
	list-style:none;
	padding:0px;
}
#main.safety ul.list02 li{
	background-image:url(image/ico_safety_arrow02.gif);
	background-position:0px 0.3em;
	background-repeat:no-repeat;
	padding:2px 0px 0px 20px;
	margin:5px 0px;
}
#main.safety ul.list03{
	list-style:none;
	padding:0px;
    margin-left:1em;
}
#main.safety ul.list03 li{
	background-image:url(image/ico_sagfety_list01.gif);
	background-position:0px 0.65em;
	background-repeat:no-repeat;
	padding:0 0px 0px 15px;
	margin:2px 0px;
}
#main.safety ul.list04 li{
	float:left;
    width:22%;
	background-image:url(image/ico_safety_arrow.gif);
	background-position:0px 0.4em;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin:4px 0px;
    list-style:none;    
    }
#main.safety .frame01{
  background-color:#F0FEFF;
  padding:20px 35px;
  border:solid 1px #9EE7E9;
  margin:30px 0px;
}
#main.safety .frame02{
  background-color:#F0FEFF;
  padding:20px 35px;
  border:solid 1px #9EE7E9;
  margin:30px 0px;
  font-size:1.2em;
}
table.style_safety01{
	border-top: 1px solid #dadbdd;
	border-left: 1px solid #dadbdd;
	border-collapse: collapse;
	font-size:1.2em;
	line-height: normal;
	margin:18px 0px 18px 23px;
}
table.style_safety01 th{
	padding: 6px 12px;
	border-right: 1px solid #dadbdd;
	border-bottom: 1px solid #dadbdd;
	background-color: #0089BD;
	color:#FFF;
}
table.style_safety01 th.lv01{
	background-color:#F0FEFF;
	color:#666666;
}
table.style_safety01 td{
	padding: 6px 12px;
	border-right: 1px solid #dadbdd;
	border-bottom: 1px solid #dadbdd;
}


/* エコセーフティ共通サイトマップ */

#eco-safety-sitemap {
  clear: both;
  background: url(image/bg_rs_sitemap.gif) repeat-y;
  width:790px;
  margin-top:40px;
}


#eco-safety-sitemap .bg-top {
  height: 3px;
  background: url(image/bg_rs_sitemap_top.gif) no-repeat;
}



#eco-safety-sitemap .bg-btm {
  clear: both;
  height: 3px;
  background: url(image/bg_rs_sitemap_btm.gif) no-repeat;
}

#eco-safety-sitemap h2 {
  margin:20px 0 10px 30px;
  padding: 0;
}
#eco-safety-sitemap h3 {
  margin:0.5em 0 0.2em;
  padding: 0;
}

#eco-safety-sitemap .sitemap-box{
	float: left;
    display:inline;
	width: 160px;
	color: #333333;
	font-size: 0.85em;
    margin-right:30px;
    margin-bottom:10px;
	}    
#eco-safety-sitemap ul {
	list-style: none;
	margin: 0;
	padding:0;
}

#eco-safety-sitemap ul li {
  margin: 0;
  padding: 0 0 0 12px;
  line-height:1.6em;
  background:url(image/ico_sitemap.gif) no-repeat 0 0.5em;
}

#eco-safety-sitemap ul li ul {
  float: none;
  padding: 0;
  width: auto;
  font-size: 1em;
}

#eco-safety-sitemap ul li ul li {
  padding: 0 0 0 10px;
  background: url(image/ico_rs_sitemap_inner.gif) no-repeat 0 0.9em;
}

/* シートベルト フレーム移行用 */
#main.seatbelt {
	text-align:center;
}




/* ＪＡＦ交通安全ドレミぐるーぷ ＪＡＦ交通安全実行委員会 */
.performance-box {
  margin: 0 0 35px 0;
}

.performance-box .unit {
  float: left;
  width: 251px;
  margin: 0 0 0 3px;
  padding: 5px;
  background-color: #EEE;
}
.performance-box-s .unit {
  float: left;
  width: 180px;
  margin: 0 0 0 3px;
  padding: 5px;
  background-color: #EEE;
}

.performance-box .unit-head {
  margin-left: 0;
}

.performance-box .unit p.image {
  margin: 0 0 5px 0;
  text-align: center;
}

.performance-box .unit p.text {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.4em;
}


.performance-box-s .unit-head {
  margin-left: 0;
}

.performance-box-s .unit p.image {
  margin: 0 0 5px 0;
  text-align: center;
}

.performance-box-s .unit p.text {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.4em;
}

#wallpaper-box {
  margin: 0 0 35px 0;
}

#wallpaper-box ul.wallpaper-list {
  margin: 0 0 10px 0;
  padding: 0;
  width: 790px;
  list-style: none;
}

#wallpaper-box ul.wallpaper-list li {
  float: left;
  margin: 0 0 0 3px;
  padding: 0;
}

#wallpaper-box ul.wallpaper-list li.list-head {
  margin: 0;
}

#wallpaper-box ul.wallpaper-list li img {
  vertical-align: bottom;
}

#wallpaper-box .gray-gradation-box {
  padding: 15px;
}

#wallpaper-box .gray-gradation-box h3 {
  margin: 0;
}

#wallpaper-box .gray-gradation-box p {
  margin: 0 0 0.5em 0;
}

#wallpaper-box .gray-gradation-box p.attention {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

#application-box {}

#application-box p {
  margin: 0;
}
ul{margin-left:0}

.center{text-align:center;}
.data450{width:450px;
margin:auto;
text-align:center;}
.mauto{margin-left:auto;
	margin-right:auto;
    }
img.left { margin:0.3em 0.5em 0.3em 0; }
img.space { margin:0.3em 0.5em 0.3em 0; }
.icon img{padding:0px 0px 0px 4px;}
p.img-center{
	text-align:center;
  }
p.img-center img{  
  margin-top: 0.3em;
  margin-right: 0.8em;
  }
img.left {
  margin-top: 0.3em;
  margin-bottom:1.1em;  
  margin-right: 1.1em;
}
img.right {
  margin-left: 1.1em;
  margin-bottom:1.1em;
  margin-top: 0.3em;
}
/* clearfix
********************************************************************************************************************************************************/
.frame01,
.clr,
.eco-safety-sitemap
{zoom:1;}

.frame01:after,
.clr:after,
eco-safety-sitemap:after
{content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.performance-box {
  margin: 0 0 35px 0;
}

.performance-box .unit {
  float: left;
  width: 251px;
  margin: 0 0 0 3px;
  padding: 5px;
  background-color: #EEE;
}
.performance-box-s .unit {
  float: left;
  width: 180px;
  margin: 0 0 0 3px;
  padding: 5px;
  background-color: #EEE;
}

.performance-box .unit-head {
  margin-left: 0;
}

.performance-box .unit p.image {
  margin: 0 0 5px 0;
  text-align: center;
}

.performance-box .unit p.text {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.4em;
}


.performance-box-s .unit-head {
  margin-left: 0;
}

.performance-box-s .unit p.image {
  margin: 0 0 5px 0;
  text-align: center;
}

.performance-box-s .unit p.text {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.4em;
}

#wallpaper-box {
  margin: 0 0 35px 0;
}

#wallpaper-box ul.wallpaper-list {
  margin: 0 0 10px 0;
  padding: 0;
  width: 790px;
  list-style: none;
}

#wallpaper-box ul.wallpaper-list li {
  float: left;
  margin: 0 0 0 3px;
  padding: 0;
}

#wallpaper-box ul.wallpaper-list li.list-head {
  margin: 0;
}

#wallpaper-box ul.wallpaper-list li img {
  vertical-align: bottom;
}

#wallpaper-box .gray-gradation-box {
  padding: 15px;
}

#wallpaper-box .gray-gradation-box h3 {
  margin: 0;
}

#wallpaper-box .gray-gradation-box p {
  margin: 0 0 0.5em 0;
}

#wallpaper-box .gray-gradation-box p.attention {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

#application-box {}

#application-box p {
  margin: 0;
}

/* ecotopメイン用box */
#ecomain-box {
	float: left;
	width: 680px;
	height: 100%;
	margin-bottom: 15px;
}
#ecomain-box:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
.ecomain-sub {
  float: left;
  width: 287px;
  height: 100%;
}
.ecomain-main {
	float: right;
	width: 387px;
	height: 100%;
}
.ecomain-ex {
	float: right;
	width: 98px;
	height: 100%;
	margin-bottom: 15px;
}

/* ecotopトピックス用box */
#ecotopic-box {
	width: 790px;
	margin-bottom: 10px;
	clear: both;
	background-image: url(image/back_es_topic.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 36px;
}
#ecotopic-box:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
.ecotopic-title {
	float: left;
	width: 79px;
}
.ecotopic-news {
	float: right;
	text-align: left;
	margin-top: 8px;
	width: 690px;
	margin-right: 10px;
	overflow: hidden;
	height: 22px;
	font-size: 0.8em;
}
.ecotopic-news:after{
 display: block;
 clear: both;
}

.ecotopic-news img{
	margin-right:5px;
	vertical-align: middle;
}
/* ecotopコンテンツ用box */
#ecoindex-box {
  float: left;
  width: 580px;
  height: 100%;
}

#ecoindex-box:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#ecoindex-box h2 {
	clear: both;
}

#ecoindex-box .leftColumn {
	float: left;
	width: 285px;
}

#ecoindex-box .rightColumn {
	float: right;
	width: 285px;
}
.ecotop-box01 {
  margin: 0 0 15px;
  }
.ecotop-box01 p {
  margin: 8px;
}

.ecotop-box01 h2 {
  margin: 0;
  padding: 0;
}
/* ecotop用box画像回り込み */
.image-right {
	float: right;
	margin-right: 13px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 32px;
}
/* ecotop用boxリスト */
#ecoindex-box ul {
  margin: 8px;
}
#ecoindex-box ul,li{
	list-style-type: none;
}
/* ecotop用box左リスト */

#ecoindex-box .leftColumn li a {
	list-style-position:outside;
	color: #81AB1B;
	text-decoration:none;
	background-image:url(image/ico_eco_arrow_green02.gif);
	background-position: left 0.2em;	
    background-repeat:no-repeat;
	padding-left:20px;
	padding-right: 0px;
	font-weight: bold;
    display:block;
}
#ecoindex-box .leftColumn li a:link{text-decoration:none;
	background-image:url(image/ico_eco_arrow_green02.gif);
    color: #81AB1B;}
#ecoindex-box .leftColumn li a:hover{text-decoration:none;
	background-image:url(image/ico_eco_arrow_green02_on.gif);
    color:#432DB2 !important;}
#ecoindex-box .leftColumn li a:active{text-decoration:none;
	background-image:url(image/ico_eco_arrow_green02_on.gif);
    color:#A40004;}
#ecoindex-box .leftColumn li a:visited{text-decoration:none;
	color:#0066CC;}


/* ecotop用box右リスト */
#ecoindex-box .rightColumn li a {
	list-style-position:outside;
	color: #0099CC;
	text-decoration:none;
	background-image:url(image/ico_eco_arrow_blue02.gif);
	background-position: left 0.2em;	
    background-repeat:no-repeat;
	padding-left:20px;
	padding-right: 0px;
	font-weight: bold;
    display:block;
}
#ecoindex-box .rightColumn li a:link{text-decoration:none;
	background-image:url(image/ico_eco_arrow_blue02.gif);
    color: #0099CC;}
#ecoindex-box .rightColumn li a:hover{text-decoration:none;
	background-image:url(image/ico_eco_arrow_blue02_on.gif);
    color:#432DB2 !important;}
#ecoindex-box .rightColumn li a:active{text-decoration:none;
	background-image:url(image/ico_eco_arrow_blue02_on.gif);
    color:#A40004;}
#ecoindex-box .rightColumn li a:visited{text-decoration:none;
	color:#0066CC;}

/* 下バナー */
#eco-under-bnr {
	width: 790px;
	overflow: hidden;
	clear: both;
}

#eco-under-bnr ul{
 list-style: none;
 width: 796px;
 margin-left:0;
}

#eco-under-bnr ul:after{
 display: block;
 clear: both;
 content: "";
}

#eco-under-bnr ul li{
	float: left;
	width: 193px;
	margin-right: 6px;
	margin-bottom: 5px;
}

/* テーブルセンター */
.t-center {
	margin-left:auto;
	margin-right:auto;
	width: 420px;
	display: block;
}
/* -----タイトル--------*/

.t-center h1 {color: #1E9D1B;
    font-size:15px;
	border-top: 1px solid #099d08;
	border-bottom: 1px solid #099d08;
	border-left: 10px solid #099d08;
	border-right: 1px solid #099d08;
	padding: 7px 5px;}

	
.t-center h3 {color: #1E9D1B;
    font-size:12px;
	border-bottom: 1px solid #099d08;
	}
	
.t-center h4  {
	color: #336633;
    	font-size:15px;
	}
	

/* -----フォント--------*/


.t10 {
		line-height: 140%;
		color:#333333;
		}
		
.t11 {
		line-height: 140%;
		}
		
.t12 {
		line-height: 130%;
		color:#333333;
		}
		
.t12_green {
		line-height: 140%;
		color:#009900;
		}
		
.t14_green {
		line-height: 150%;
		color:#009900;
		}
		
.t12_w {
		line-height: 130%;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.t12_orenge {
		line-height: 130%;
		color:#FF6600;
		}
		
.t13 {
		line-height: 130%;
		color:#000066;
		font-family:Arial, Helvetica, sans-serif;
		}

.t13_b {
		line-height: 130%;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		
.maru_b{
		padding:3px;
		}	
		
.t15_336633  {
	color: #336633;
	font-size:110%;
	}		

/* -----枠--------*/
.green {
	color:#006600;;
	border-top: 2px solid #099d08;
	border-bottom: 2px solid #099d08;
	border-left: 2px solid #099d08;
	border-right: 2px solid #099d08;
	padding: 7px 5px;}
	
.green1 {
	border-top: 2px solid #099d08;
	border-bottom: 2px solid #099d08;
	border-left: 2px solid #099d08;
	border-right: 2px solid #099d08;
	padding: 3px 3px;}
	
.green2
	 {
	border-top: 1px solid #099d08;
	border-bottom: 1px solid #099d08;
	border-left: 1px solid #099d08;
	border-right: 1px solid #099d08;
	}
	
.green3
	 {
	border-top: 1px solid #099d08;
	border-bottom: 1px solid #099d08;
	border-left: 1px solid #099d08;
	border-right: 1px solid #099d08;
	background:#DFF1DD;
	padding:5px;
	}
	
.green4
	 {
	border-left: 2px solid #AFD738;
	border-right: 2px solid #AFD738;
	}
	

.green5
	 {
	border-left: 2px solid #4ABE4A;
	border-right: 2px solid #4ABE4A;
	}
/* 20091202追加 エコドライブ------------------------------------------------------------*/
.cat-indextopmain {
	margin-top:-18px;
	margin-bottom:10px;
}

#ecosectopindex-box {
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 5px;
}
#ecosectopindex-box:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
#ecoadvindex-box {
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 5px;
	width:565px;
}
#ecoadvindex-box:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
#ecotrindex-box {
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 5px;
	width:430px;
}
#ecotrindex-box:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
#ecosectopindex-sidebar {
	float:right;
	margin-right: 30px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ecosectopindex-sidebar02 {
	float:right;
	margin-right: 0px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
#ecosectopindex-box li {
	list-style-type: none;
	margin-bottom: 15px;
}
#ecosectopindex-box li a:link {
	text-decoration:none;
	font-size:140%;
}
#ecosectopindex-box li a:hover{text-decoration:none; font-size:140%;}
#ecosectopindex-box li a:visited{text-decoration:none; font-size:140%;}
#ecosectopindex-box li a:ctive{text-decoration:none; font-size:140%;}

#main.eco .framec01{
	border: 1px solid #b3cf50;
	background-color:#f5f7df;
	color: #0066CC;
	text-align: center;
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-size: 1.3em;
	line-height: 1.7em;
}
@media screen {
.framef02{
	width: 180px;
	padding: 5px;
	line-height: 1.4em;
	display: block;
	padding-bottom: 32768px;
	margin-bottom: -32767px;
	border: 1px solid #b3cf50;
	background-color:#f5f7df;
}
}
.ulline04e{
 	background-image: url(image/ec_back_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline03e{
	background-image: url(image/ec_back_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline02e{
 	background-image: url(image/ec_back_02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline01e{
 	background-image: url(image/ec_back_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
#main.eco .framegr{
	background-color:#F5F7D7;
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
}

/* エコトレーニングトップ４並び */
@media screen {
.framef01{
	width: 180px;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.4em;
	display: block;
	padding-bottom: 32768px;
	margin-bottom: -32767px;
	border: 1px solid #9ee7e9;
	background-color:#f0fefe;
}
}

.ulline04{
 	background-image: url(image/fe_back_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline03{
 	background-image: url(image/fe_back_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline02{
	background-image: url(image/fe_back_02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline01{
 	background-image: url(image/fe_back_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}

#eco-tr-f {
	width: 790px;
	overflow: hidden;
	clear: both;
}

#eco-tr-f ul{
 list-style: none;
 width: 796px;
 margin-left:0;
 overflow:hidden;
	zoom:1;
}

#eco-tr-f ul:after{
 display: block;
 clear: both;
 content: "";
}

#eco-tr-f ul li{
	float: left;
	width: 192px;
	margin-right: 6px;

}
.eco-tr-left{
	float:left;
	width: 250px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.eco-tr-right{
	float:right;
	margin-top: 20px;
	margin-bottom: 10px;
	width:510px;
}
.eco-tr-rightesc{
	float:right;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 510px;
}
#main.safety .framec01{
	background-color:#F0FEFF;
	border:solid 1px #9EE7E9;
	color: #0066CC;
	text-align: center;
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-size: 1.3em;
	line-height: 1.7em;
	display: block;
	zoom:1;
	

}
#main.safety .framec01:after
{content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/* 3ならび */
#eco-tr-t {
	width: 790px;
	overflow: hidden;
	clear: both;
}

#eco-tr-t ul{
 list-style: none;
 width: 804px;
 margin-left:0;
 	zoom:1;
}

#eco-tr-t ul:after{
 display: block;
 clear: both;
 content: "";
}

#eco-tr-t ul li{
	float: left;
	width: 252px;
	margin-right: 16px;
	margin-bottom: 5px;
}
.saf-co-left{
	float:left;
	width: 335px;
	margin-top: 0px;
	margin-bottom: 30px;
}
.saf-co-right{
	float:right;
	margin-top: 45px;
	margin-bottom: 10px;
	margin-right:30px;
	width: 390px;
	font-size: 1.4em;
}
.saf-co-right img {margin-top:10px;}
img.space02 { margin:0.3em 0 0.3em 0; }
#main.safety .framech01{
	background-color:#F0FEFF;
	border:solid 1px #9EE7E9;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	clear:both;
}
.framech01
{zoom:1;}

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

#main.safety .framech02{
	background-color:#F0FEFF;
	border:solid 1px #9EE7E9;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	font-size: 1.3em;
	line-height: 1.7em;
}
.framech02
{zoom:1;}

.framech02:after
{content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.saf-kiz-left{
	float:left;
	width: 390px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.saf-kiz-right{
	float:right;
	margin-bottom: 10px;
	margin-right:30px;
	width: 300px;
	vertical-align: middle;
	font-size: 1.4em;
}
#main.safety ul.listst{
	list-style:none;
	padding:0px;
	margin-bottom:20px;
}
#main.safety ul.listst li{
	background-image:url(image/ico_safety_arrow.gif);
	background-position:3px 0.4em;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin:4px 0px;
	font-weight: bold;
}
#main.safety ul.listst li a:link {
	text-decoration:none;
}
#main.safety ul.listst li a:hover{text-decoration:none;}
#main.safety ul.listst li a:visited{text-decoration:none;}
#main.safety ul.listst li a:ctive{text-decoration:none;}

/* セーフティトレーニング */
.lead02 {
	font-size:1.4em;
	color:#0089BD;
	font-weight:bold;
	line-height: 30px;
}
.main_image_area {
	background-color: #f6f9ed;
	margin-bottom: 15px;
	padding-right: 20px;
	padding-left: 15px;
	padding-top: 15px;
	margin-top: -10px;
}
/* ユーザーテスト */
#ustes_top01 {
	background-image:url(safety/usertest/image/utest_back_01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
	padding-bottom: 10px;
	width:790px;
	clear:both;
}

#ustes_top01:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html #ustes_top01 {
    height: 1em;
}

#ustes_top01 {
    display: block;
}
/**/
#ustes_top02 {
	background-image:url(safety/usertest/image/utest_back_02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
	padding-bottom: 5px;
	width:790px;
	clear:both;
}

#ustes_top02:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html #ustes_top03 {
    height: 1em;
}

#ustes_top03 {
    display: block;
}
/**/
#ustes_top03 {
	background-image:url(safety/usertest/image/utest_back_03.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
	padding-bottom: 5px;
	width:790px;
	clear:both;
}

#ustes_top03:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html #ustes_top03 {
    height: 1em;
}

#ustes_top03 {
    display: block;
}

/**/
.ustes-left{
	float:left;
	width: 390px;
	margin-top: 0px;
}
.ustes-right{
	float:right;
	width: 390px;
	margin-top: 0px;
}
.ustes-box{
	margin-top:-15px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom:0px;
	display: block;
}
.ustes-box a:link {text-decoration:none;}
.ustes-box a:hover{text-decoration:none;}
.ustes-box a:visited{text-decoration:none;}
.ustes-box a:ctive{text-decoration:none;}
.ustes-ico-purple a:link {color: #CC6699;}
.ustes-ico-red a:link {color: #990000;}
.ustes-ico-org a:link {color: #ff6905;}
.ustes-ico-gre a:link {color: #669905;}
.ustes-ico-blu a:link {color: #0066cc;}
.ustes-ico-purple{
  font-weight:bold; /* Reset */
  color: #CC6699;
  background-image: url(safety/usertest/image/ico_arr_purple.gif);
  background-repeat: no-repeat;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  }
.ustes-ico-red{
	font-weight:bold; /* Reset */
	color: #990000;
	background-image: url(safety/usertest/image/ico_arr_red.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
  }
.ustes-ico-org{
	font-weight:bold; /* Reset */
	color: #ff6905;
	background-image: url(safety/usertest/image/ico_arr_org.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
  }
.ustes-ico-gre{
	font-weight:bold; /* Reset */
	color: #669905;
	background-image: url(safety/usertest/image/ico_arr_gre.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
  }
.ustes-ico-blu{
	font-weight:bold; /* Reset */
	color: #0066cc;
	background-image: url(safety/usertest/image/ico_arr_blu.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
  }
/* ユーザーテスト 個別ページ*/  
.ustes-box02{
	margin-top:10px;
	margin-right: 29px;
	margin-left: 29px;
	margin-bottom:10px;
	display: block;
	vertical-align: middle;
}
.ustes-box02 img.left{margin-right:10px;}
.ustes-box02 img.space{
	margin-top: 50px;
	margin-left: 30px;
}
.ustes-box02 img.space02{
	margin-top: 50px;
	margin-left: 10px;
}

.ustes-02-purple{
	background-color:#fcf7fa;
	display: block;
	border: 1px solid #cc6699;
	width: 578px;
	margin-bottom: 15px;
	margin-left: 104px;
clear:both;
}

.ustes-02-purple:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html .ustes-02-purple {
    height: 1em;
}

.ustes-02-purple {
    display: block;
}
/**/
.ustes-02-red{
	background-color:#FCF2F2;
	display: block;
	border: 1px solid #CC0000;
	width: 578px;
	margin-bottom: 15px;
	margin-left: 104px;
clear:both;
}

.ustes-02-red:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html .ustes-02-red {
    height: 1em;
}

.ustes-02-red {
    display: block;
}
/**/
.ustes-02-org{
	background-color:#FFF9F3;
	display: block;
	border: 1px solid #FA830B;
	width: 578px;
	margin-bottom: 15px;
	margin-left: 104px;
clear:both;
}

.ustes-02-org:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html .ustes-02-org {
    height: 1em;
}

.ustes-02-org {
    display: block;
}
/**/
.ustes-02-gre{
	background-color:#F7FAF3;
	display: block;
	border: 1px solid #71920D;
	width: 578px;
	margin-bottom: 15px;
	margin-left: 104px;
clear:both;
}

.ustes-02-gre:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html .ustes-02-gre {
    height: 1em;
}

.ustes-02-gre {
    display: block;
}
/**/
.ustes-02-blu{
	background-color:#F2F4F9;
	display: block;
	border: 1px solid #00238C;
	width: 578px;
	margin-bottom: 15px;
	margin-left: 104px;
clear:both;
}

.ustes-02-blu:after
{content:".";
	display: block;
	height:1px;
	clear:both;
	overflow: hidden;
}
/*\*/
* html .ustes-02-blu {
    height: 1em;
}

.ustes-02-blu {
    display: block;
}
/**/
.temp-center{
	margin-left:200px;
	width:400px;
	display: block;
	margin-bottom: 20px;
}
.mag18 {
	padding-left:25px;
	padding-bottom: 0px;
}

table.style_safetyut01{
	border-top: 1px solid #dadbdd;
	border-left: 1px solid #dadbdd;
	border-collapse: collapse;
	font-size:1.2em;
	line-height: normal;
	margin:18px 0px 18px 23px;
	width:620px;
}
table.style_safetyut01 th{
	padding: 6px 12px;
	border-right: 1px solid #dadbdd;
	border-bottom: 1px solid #dadbdd;
	background-color: #0089BD;
	color:#FFF;
	width:200px;
}
table.style_safetyut01 th.lv01{
	background-color:#F0FEFF;
	color:#666666;
}
table.style_safetyut01 td{
	padding: 6px 12px;
	border-right: 1px solid #dadbdd;
	border-bottom: 1px solid #dadbdd;
}
#main.safety ul.list05{
	list-style:none;
	padding:0px;
    margin-left:1em;
}
#main.safety ul.list05 li{
	background-image:url(image/ico_sagfety_list01.gif);
	background-position:0px 0.44em;
	background-repeat:no-repeat;
	padding:0 0px 0px 15px;
	margin:2px 0px;
}
table.style_safetyut02{
	line-height: normal;
	width:720px;
}
table.style_safetyut02 th{
	width:410px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
    line-height:1.8em
}
.smallund{
	font-size:80%;
	vertical-align: bottom;
}
table.style_safetyut03{
	font-size:0.9em;
	line-height: normal;
	width:730px;
}
table.style_safetyut03 td{
	vertical-align: bottom;
}
table.style_safetyut03 th{
	width:410px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
}
table.style_safetyut04 td{
	vertical-align: bottom;
	text-align: right;

}
table.style_safetyut04{
	line-height: normal;
	width:700px;
}
table.style_safetyut04 th{
	width:540px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
    line-height:1.8em
}
table.style_safetyut05{
	font-size:1.2em;
	line-height: normal;
	width:520px;
}
table.style_safetyut05 td{
	width:260px;
	vertical-align: top;

}

/* リスト並び変則*/ 
#eco-tr-fs {
	width: 590px;
	overflow: hidden;
	clear: both;
	float: left;
}

#eco-tr-fs ul{
 list-style: none;
 width: 597px;
 margin-left:0;
 overflow:hidden;
	zoom:1;
}

#eco-tr-fs ul:after{
 display: block;
 clear: both;
 content: "";
}

#eco-tr-fs ul li{
	float: left;
	width: 192px;
	margin-right: 6px;

}
#eco-tr-ft {
	width: 390px;
	overflow: hidden;
	clear: both;
	float: left;
}

#eco-tr-ft ul{
 list-style: none;
 width: 396px;
 margin-left:0;
 overflow:hidden;
	zoom:1;
}

#eco-tr-ft ul:after{
 display: block;
 clear: both;
 content: "";
}

#eco-tr-ft ul li{
	float: left;
	width: 192px;
	margin-right: 6px;

}

/* リスト並び変則　右画像*/ 
.eco-3k-right{
	float:right;
	margin-right:20px;
}

.eco-2k-right{
	float:right;
	width: 380px;
}
/* 文字サイズ拡大版用*/ 
#main.eco .frame02{
	background-color:#F5F7D7;
	border:solid 1px #B4CF52;
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	font-size: 1.2em;
}

/*危険予知*/
.danger-left{
	float:left;
	width: 210px;
	margin-bottom: 10px;
}
.danger-right{
	float:right;
	margin-bottom: 10px;
}
.danger-right-top{
  float:right;
  margin-bottom: 10px;
  padding-left:33px;
  padding-right: 16px;
  width:311px;
}
* html .danger-right-top{
  float:right;
  margin-bottom: 10px;
  padding-left:33px;
  padding-right: 16px;
  width:307px;
}

.danger-right-btn{
  float:right;
  margin-bottom: 10px;
  width:220px;
}
#main.safety .danger-right-top h4.new {
  padding: 0 0 0 20px;
  background:url(image/ico_danger_circle_01.gif) no-repeat 0 0.3em;
  font-weight:bold;
  margin:0; 
}
#main.safety .danger-right-top h4.contents {
  padding: 0 0 0 20px;
  background:url(image/ico_safety_circle_01.gif) no-repeat 0 0.3em;
  font-weight:bold;
  margin:0; 
}
/*
.danger-right-top p{
	width: 310px;
}*/
#main.safety .danger-right h4.new {
  padding: 0 0 0 20px;
  background:url(image/ico_danger_circle_01.gif) no-repeat 0 0.3em;
  font-weight:bold;
  margin:0; 
}
#main.safety .danger-right h4.contents {
  padding: 0 0 0 20px;
  background:url(image/ico_safety_circle_01.gif) no-repeat 0 0.3em;
  font-weight:bold;
  margin:0; 
}
.danger-right p{
	width: 550px;
}
.mag25{
	margin-bottom:25px;
}

.danger-flash{
  margin-top:20px;
  text-align: center;
}

/*シニアスーパー*/
@media screen {
.framef03{
	width: 180px;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.4em;
	display: block;
	padding-bottom: 32768px;
	margin-bottom: -32767px;
	border: 1px solid #ff6600;
	background-color:#ffffd2;
}
}
.ulline03o{
 	background-image: url(image/sin_back_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline04o{
 	background-image: url(image/sin_back_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
#main.safety .frameor01{
  background-color:#ffffd2;
  padding:20px 35px;
  border:solid 1px #ff6600;
  margin:30px 0px;
  font-size:1.2em;
}
#main.safety .frameorc01{
	background-color:#ffffd2;
	border:solid 1px #ff6600;
	color: #0066CC;
	text-align: center;
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-size: 1.3em;
	line-height: 1.7em;
}
/*スーパーシニア*/
@media screen {
.framef04{
	width: 180px;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.4em;
	display: block;
	padding-bottom: 32768px;
	margin-bottom: -32767px;
	border: 1px solid #cc0000;
	background-color:#ffeeee;
}
}
.ulline04r{
 	background-image: url(image/sps_back_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.ulline02r{
 	background-image: url(image/sps_back_02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-position: left bottom;
	zoom:1;
	padding: 0 0 1px;
}
.marg_coment {
margin-top:-20px;
}
.print-table{
	width:790px;
	clear:both;
display: block;
margin-top:10px;
}
.print-table:after
{content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/*交通安全実行委員会*/
.performance-box-s02 .unit {
  float: left;
  width: 180px;
  margin: 0 0 0 10px;
  padding: 5px;
  background-color: #EEE;
}
.performance-box-s02 .unit-head {
  margin-left: 0;
}
.performance-box-s02 .unit p.image {
  margin: 0 0 5px 0;
  text-align: center;
}
.performance-box-s02 .unit p.text {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.2em;
}