@charset "Shift_JIS";
/* ECO drive report css */

/* search key -----------------------------
=0 pankuzu (drive report用)
=1 eco drive main image     i/o Top flash
=2 drive report contents

=20 ユーザー振り分けボタン


=2a topbar (簡略データ　トップバー)
=2b calendar			//z-index:10-20
=2c 共通menu / main		//z-index: 外枠 10
=2c1  menu				//z-index:60
=2c2  main area (h3)	//z-index:50


=30 user's default top after login


=3a safety report		//z-index: bt 55
=3b eco report			//z-index:60〜65
=3c monthly report		

=3d drive report
=3d1 drive report map	//z-index: fukidashi 70
=3d2 drive report graph	//z-index: fukidashi 70 title 72 色見本　70

=3e milage
=3e00 button big back

=3f print
=3f00 bottom common back

=4 footer

=5 kiyaku (pop up for drive report)
 */


/* =0 pankuzu (drive report用) ============================================ */
#pankuzu_dr {
	clear:both;
	margin:0px 0 4px 10px;
	padding:0;
	font-size:0.85em;
	color:#666;
	}
*html #pankuzu_dr {
	clear:both;
	margin:0px 0 4px 10px;
	padding:0;
	font-size:10px;
	color:#666;
	}
*+html #pankuzu_dr {
	clear:both;
	margin:0px 0 4px 10px;
	padding:0;
	font-size:10px;
	color:#666;
	}

#pankuzu_dr a {
color:#666;
text-decoration:underline;
}
#pankuzu_dr a:hover {
color:#f93;
text-decoration:underline;
}

#pankuzu_dr span {
	margin:0 0.8em;
	padding:0;
	}
*html #pankuzu_dr span {
	margin:0 10px;
	padding:0;
	}
*+html #pankuzu_dr span {
	margin:0 10px;
	padding:0;
	}


/* =1 eco drive main image     i/o Top flash ============================================================
#flash_drive_report {
	margin:0;
	padding:0;
	background:url(../img/flash_image_cy.jpg) no-repeat left top;
	width:584px;
	height:260px;
} */

#DOP_eco_drive {
	margin:7px 0 0 0;
	padding:0;
	width:584px;
	height:200px;
}

/* =2 drive report contents ================================================= */



/* =20 ユーザー振り分けボタン */
/* 一般WEB閲覧者むけ */
#sort_alluser_top {
	clear:both;
	margin:5px 0 0 0;
	padding:0;
	background:url(../img/back_bt_alluser.gif) no-repeat left top;
	width:584px;
	}
#sort_alluser_btm {
	clear:both;
	margin:0px 0 0 0;
	padding:0;
	background:url(../img/back_bt_alluser.gif) no-repeat left bottom;
	width:584px;
	height:16px;
	}

/* 更新開始ボタンが右にあるとき */
#sort_user_start_top {
clear:both;
	margin:5px 0 0 0;
	padding:0;
	background:url(../img/back_bt_sample_bk.gif) no-repeat left top;
	width:584px;
	}
#sort_user_start_btm {
	clear:both;
	margin:0px 0 0 0;
	padding:0;
	background:url(../img/back_bt_sample_bk.gif) no-repeat left bottom;
	width:584px;
	height:16px;
	}

/* 集計中ボタンが右にあるとき */
#sort_user_loading_top {
clear:both;
	margin:5px 0 0 0;
	padding:0;
	background:url(../img/back_bt_loading.gif) no-repeat left top;
	width:584px;
	}
#sort_user_loading_btm {
	clear:both;
	margin:0px 0 0 0;
	padding:0;
	background:url(../img/back_bt_loading.gif) no-repeat left bottom;
	width:584px;
	height:16px;
	}
/* 中のボタン右左 */
#sort_left {
	margin:0;
	padding:0;
	float:left;
	width:290px;
}
#sort_left a {
	display:block;
	text-decoration:none;
	font-size:11px;
	line-height:1.1;
	height:90px;
	}
#sort_right {
	margin:0;
	padding:0;
	float:right;
	width:290px;
}

/* =========  中右の文章(2010.3.15追加) ↓　 ====================== */



/*#sort_right a:visited {color:#333399}
#sort_right a:link{	text-decoration:none;color:#333399}*/

.sentence3 {
	padding:15px 15px;
	font-size:11px;
	line-height:1.1;
	text-decoration:none;
	display:block;
}


/* =========  中右の文章(2010.3.15追加)↑ 　 ====================== */


/* 左のicon, 文章, スタートボタン位置 */
.icon_left {
	margin:5px auto auto 2px;
	padding:0;
	float:left;
	width:60px;
}
.sentence {
	margin:18px 15px auto auto;
	padding:0;
	float:right;
	width:185px;
	font-size:11px;
	line-height:1.1;
}

.sentence2 {
	margin:18px 5px auto  12px;
	padding:0;
	float:left;
	width:135px;
	font-size:11px;
	line-height:1.1;
}
*html .sentence2 {
	margin:18px auto auto  12px;
	padding:0;
	float:left;
	width:130px;
	font-size:11px;
	line-height:1.1;
}
.bt_sample_start a {
	margin:5px 2px auto auto;
	padding:0;
	display:block;
	float:right;
	width:71px;
	height:71px;
	background:url(../img/bt_sample_start.gif) no-repeat left top;
}
.bt_sample_start a:hover {
	background:url(../img/bt_sample_start_o.gif) no-repeat left top;
}





/* =2a topbar (簡略データ　トップバー) */
#dr_topbar {
	margin:5px 0 0 0;
	padding:0;
	width:584px;
	height:60px;
	background:url(../img/dr_topbar.jpg) no-repeat left top;
}
#dr_topbar_l {
	margin:0;
	padding:0;
	float:left;
	width:200px;
}

/* Last upload */
#latest_update {
	margin:3px auto auto 8px;
	padding:0;
	font-size:10px;
	font-weight:normal;
	color:#fff;
	height:22px;
}

/* 年月表示 */
#month {
	margin:2px 0 0 0;
	padding:0;
	height:36px;
}
#month ul {
	margin:0 auto auto 15px;
	padding:0;
	list-style-type:none;
	}
#month li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
#month li.month_display {
	margin:5px auto auto 7px;
	padding:0;
	width:77px;
	height:23px;
	display:block;
}
#month li a {
	margin:10px 5px auto 0;
	padding:0;
	display:block;
	width:18px;
	height:12px;
}
#month li a.no_back_m { background:url(../img/no_back_m.gif) no-repeat left top; }
#month li a.no_back { background:url(../img/no_back.gif) no-repeat left top; }
#month li a.no_advance { background:url(../img/no_advance.gif) no-repeat left top; }
#month li a.no_advance_m { background:url(../img/no_advance_m.gif) no-repeat left top; }



/* 簡略データ monthly表示 personal */
#dr_topbar_r {
	margin:0;
	padding:0;
	float:right;
	width:370px;
}
#dr_topbar_r dl {
	margin:7px auto auto 5px;
	padding:0;
	width:360px;
	list-style-type:none;
}
#dr_topbar_r dt, #dr_topbar_r dd {
	margin:6px 0 0 0;
	padding:0;
	list-style-type:none;
	float:left;
	width:93px;
	font-size:12px;
	display:block;
	color:#fff;
}
#dr_topbar_r dd { width:83px; }
#dr_topbar_r dd span { font-size:0.75em; }





/* =2b calendar */
#dr_calendar {
	margin:0px 0 0 0;
	padding:0;
	width:584px;
	height:36px;
	background:url(../img/dr_back_calendar.jpg) no-repeat left bottom;
	position:relative;/* div 上乗せ用 */
	z-index:10;
	top:0;
	left:0;
}
#dr_calendar #flag {/* reportがある時のflag */
	margin:0px 0 0 0;
	padding:0;
	width:584px;
	height:15px;
	position:absolute;/* 上乗せ */
	z-index:20;
	top:0;
	left:0;
}
#dr_calendar #flag .bt_calendar_flag {
	position: absolute;
}
#dr_calendar #flag .bt_calendar_flag a {/* reportがある時のflag */
	margin: 0;
	width: 11px;
	height: 15px;
	display:block;
	background:url(../img/dr_calendar_flag.gif) no-repeat left top;
}
#dr_calendar #flag .bt_calendar_flag a:hover  {/* reportがある時のflag */
	background:url(../img/dr_calendar_flag_o.gif) no-repeat left top;
}
#dr_calendar #dr_calendar_roll {/* calendar 横動きroll */
	margin:16px 0px 0 4px;
	padding:0;
	width:576px;
	height:27px;
	position:absolute;/* 上乗せ */
	z-index:15;
	top:0;
	left:0;
}







/* =2c 共通menu / main */
#dr_menu_main {
	clear:both;
	margin:5px 0 0 0;
	padding:0;
	width:584px;
	height:470px;
	background:url(../img/dr_back_menu_main.jpg) no-repeat left top;
	position:relative;/* div 上乗せ用 */
	z-index:10;
}

/* =2c1  共通menu */
#dr_menu {
	float:left;
	margin:0;
	padding:0;
	width:525px;
	height:26px;
	list-style-type:none;
	position:absolute;/* 上乗せ */
	z-index:60;
	top:5px;
	left:7px;
}
#dr_menu li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	}
#dr_menu li a {
	margin:0 8px 0 0;
	padding:0;
	display:block;
	width:26px;
	height:26px;
}
#dr_menu li a:hover {
	width:52px;
	height:52px;
}
/* menu iconロールオーバー */
#dr_menu li a.dr_menu_01 { background:url(../img/dr_icon_safety_s.gif) no-repeat left top; }
#dr_menu li a.dr_menu_02 { background:url(../img/dr_icon_eco_s.gif) no-repeat left top; }
#dr_menu li a.dr_menu_03 { background:url(../img/dr_icon_monthly_s.gif) no-repeat left top; }
#dr_menu li a.dr_menu_04 { background:url(../img/dr_icon_report_s.gif) no-repeat left top; }
#dr_menu li a.dr_menu_05 { background:url(../img/dr_icon_report_map_s.gif) no-repeat left top; }
#dr_menu li a.dr_menu_06 { background:url(../img/dr_icon_report_graph_s.gif) no-repeat left top; }
#dr_menu li a.dr_menu_07 { background:url(../img/dr_icon_milage_s.gif) no-repeat left top; }
#dr_menu li a.dr_menu_08 { background:url(../img/dr_icon_inquiry_s.gif) no-repeat left top; }
/*#dr_menu li a.dr_menu_09 { background:url(../img/dr_icon_howto_s.gif) no-repeat left top; }*/
#dr_menu li a.dr_menu_10 { background:url(../img/dr_icon_print_s.gif) no-repeat left top; }

#dr_menu li a:hover.dr_menu_01 { background:url(../img/dr_icon_safety.gif) no-repeat left top; }
#dr_menu li a:hover.dr_menu_02 { background:url(../img/dr_icon_eco.gif) no-repeat left top; }
#dr_menu li a:hover.dr_menu_03 { background:url(../img/dr_icon_monthly.gif) no-repeat left top; }
#dr_menu li a:hover.dr_menu_04 { background:url(../img/dr_icon_report.gif) no-repeat left top; }
#dr_menu li a:hover.dr_menu_05 { background:url(../img/dr_icon_report_map.gif) no-repeat left top; }
#dr_menu li a:hover.dr_menu_06 { background:url(../img/dr_icon_report_graph.gif) no-repeat left top; }
#dr_menu li a:hover.dr_menu_07 { background:url(../img/dr_icon_milage.gif) no-repeat left top; }
#dr_menu li a:hover.dr_menu_08 { background:url(../img/dr_icon_inquiry.gif) no-repeat left top; }
/*#dr_menu li a:hover.dr_menu_09 { background:url(../img/dr_icon_howto.gif) no-repeat left top; }*/
#dr_menu li a:hover.dr_menu_10 { background:url(../img/dr_icon_print.gif) no-repeat left top; }

/* 右の更新ボタン */
#dr_menu_r {
	float:right;
	margin:0;
	padding:0;
	width:156px;
	height:52px;
	list-style-type:none;
	position:absolute;/* 上乗せ */
	z-index:60;
	top: 4px;
	right:7px;
}
#dr_menu_r li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
	}
#dr_menu_r li a {
	margin:0 0 0 8px;
	padding:0;
	display:block;
	width:26px;
	height:26px;
}
#dr_menu_r li a:hover {
	width:52px;
	height:52px;
}

#dr_menu_r li a.dr_menu_r_01 { background:url(../img/dr_icon_reload_s.gif) no-repeat left top; }
#dr_menu_r li a:hover.dr_menu_r_01 { background:url(../img/dr_icon_reload.gif) no-repeat left top; }
#dr_menu_r li a.dr_menu_r_02 { background:url(../img/dr_icon_howto_s.gif) no-repeat left top; }
#dr_menu_r li a:hover.dr_menu_r_02 { background:url(../img/dr_icon_howto.gif) no-repeat left top; }
#dr_menu_r li a.dr_menu_r_03 { background:url(../img/dr_icon_inquiry_s.gif) no-repeat left top; }
#dr_menu_r li a:hover.dr_menu_r_03 { background:url(../img/dr_icon_inquiry.gif) no-repeat left top; }

/* =2c2  main area (h3) */
#dr_main {
	margin:0;
	padding:0;
	width:544px;
	height:340px;
	list-style-type:none;
	position:absolute;/* 上乗せ */
	z-index:50;
	top:65px;
	left:20px;
	
	}
.dr_contents {
	margin:10px 20px 10px auto;
	padding:0;
	width:514px;
	height:395px;
	color:#fff;
	}
*html .dr_contents {
	margin:10px auto auto 10px;
	padding:0;
	width:514px;
	height:395px;
	color:#fff;
	}
/* --- h3/h4 --- */
.dr_h3_div {
	margin:0;
	padding:22px 0 3px 57px;
	height:30px;
}
/* 各ページ h3 */
.dr_contents.safety .dr_h3_div { background:url(../img/dr_icon_safety.gif) no-repeat left top; }
.dr_contents.eco .dr_h3_div { background:url(../img/dr_icon_eco.gif) no-repeat left top; }
.dr_contents.monthly .dr_h3_div { background:url(../img/dr_icon_monthly.gif) no-repeat left top; }
.dr_contents.report .dr_h3_div { background:url(../img/dr_icon_report.gif) no-repeat left top; }
.dr_contents.report_map .dr_h3_div { background:url(../img/dr_icon_report_map.gif) no-repeat left top; }
.dr_contents.report_graph .dr_h3_div { background:url(../img/dr_icon_report_graph.gif) no-repeat left top; }
.dr_contents.milage .dr_h3_div { background:url(../img/dr_icon_milage.gif) no-repeat left top; }
.dr_contents.print .dr_h3_div { background:url(../img/dr_icon_print.gif) no-repeat left top; }

h3.dr_h3 {
	margin:0;
	padding:0 0 2px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #fff;
}
h3.dr_h3 span {
	margin:0 20px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	}
.dr_contents.safety h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
/* h3下まとめてleft margin */
#dr_cts_in {
	margin:0 0 0 60px;
	padding:0;
	font-size:12px;
}







/* =30 user's default top after login */
/* ボタン大枠 */
.bt_loginuser {
	margin:0 auto 7px auto;
	padding:0;
	width:454px;
}
.bt_loginuser a { color:#333; text-decoration:none; font-size:12px; line-height:1.3; }
.bt_loginuser a:hover { text-decoration:none; font-size:12px; line-height:1.3; }

/* ボタン上背景　ロールオーバー */
.bt_loginuser a .bt_loginuser_top {
	margin:0;
	padding:0;
	background:url(../img/back_bt_loginuser.gif) no-repeat left top;
}
.bt_loginuser a:hover .bt_loginuser_top {
	margin:0;
	padding:0;
	background:url(../img/back_bt_loginuser_o.gif) no-repeat left top;
}
/* ボタン下背景　ロールオーバー */
.bt_loginuser_btm {
	clear:both;
	margin:0;
	padding:0;
	height:18px;
}
.bt_loginuser a .bt_loginuser_btm {
	margin:0;
	padding:0;
	background:url(../img/back_bt_loginuser.gif) no-repeat left bottom;
}
.bt_loginuser a:hover .bt_loginuser_btm {
	margin:0;
	padding:0;
	background:url(../img/back_bt_loginuser_o.gif) no-repeat left bottom;
}

/* ボタン内説明 */
.bt_loginuser_top_ex {
	margin:15px 10px 0px auto;
	padding:0;
	display:block;
	float:right;
	width:260px;
	}
*html .bt_loginuser_top_ex {
	margin:15px 10px 0px auto;
	padding:0;
	display:block;
	float:right;
	width:250px;
	}
*+html .bt_loginuser_top_ex {
	margin:15px 10px 0px auto;
	padding:0;
	display:block;
	float:right;
	width:250px;
	}
/* ボタン内 icon・タイトル */
.bt_loginuser_icon {
	margin:5px auto auto 2px;
	padding:7px 0 0 57px;
	width:110px;
	height:52px;
	float:left;
	}
.ttl01 {background:url(../png/dr_icon_reload.png) no-repeat left top;}
.ttl02 {background:url(../img/dr_icon_milage.gif) no-repeat left top;}
.ttl03 {background:url(../img/dr_icon_howto.gif) no-repeat left top;}





/* =3a safety report */
/* 見出し斜め線 */
.back_bias_line {
	margin:0px 0 0 10px;
	padding:0;
	background:url(../img/back_bias_line.gif) no-repeat top left;
}
.back_bias_line li {
	margin:0 0 0 4px;
	padding:0 0 0 55px;
	display:block;
	list-style-type:none;
	background:url(../img/list_style_safety.gif) no-repeat top left;
	height:30px;
	}
.back_bias_line li.idt_2 { margin-left:35px; }
.back_bias_line li.idt_3 { margin-left:65px; }
.back_bias_line li.idt_4 { margin-left:95px; }

#bt_safety_tomap {
	margin:0;
	padding:0;
	display:block;
	width:50px;
	height:31px;
	background:url(../img/safety_tomap_line.gif) no-repeat left top;

	position:absolute;
	top:90px;
	left:360px;
	z-index:55;
}

#bt_safety_tomap a {
	margin:0 0 0 21px;
	padding:0;
	display:block;
	width:26px;
	height:26px;
	background:url(../img/dr_icon_report_map_s.gif) no-repeat right center;
}

#tips {
	margin:30px 0 0 0;
	padding:10px;
	/*background-color:#000;
	filter:alpha(opacity=85);	IE透過度0-100*/
 	/*-moz-opacity: 0.85;			mozira透過度0-1*/
	/*opacity: 0.85;				opera透過度0-1*/
	border:1px solid #fff;
}




/* =3b eco report */
#eco_title {
	margin:0;
	padding:0;
	width:450px;
	height:80px;
	position:absolute;/* 上乗せ */
	z-index:60;
	top:70px;
	left:70px;
	}
h4.h4_eco {
	margin:0;
	padding:10px 0 0 65px;
	height:35px;
	font-size:12px;
}
h4.eco_s_ttl_01 { background:url(../img/eco_s_ttl_01.gif) no-repeat top left; }
#eco_main {
	margin:0;
	padding:0;
	width:395px;
	height:120px;
	position:absolute;/* 上乗せ */
	z-index:65;
	top:105px;
	left:120px;
	background:url(../img/back_eco_car.gif) no-repeat left top;
	}
.eco_p { margin-left:90px; font-size:11px; }

/* 説明 */
#eco_expln {
	margin:20px 0 5px 90px;
	padding:0;
}
#eco_expln dt, #eco_expln dd {
	margin:0 5px 0 0;
	padding:0;
	display:block;
	float:left;
	font-size:10px;
}
#eco_expln dt { width:12px; height:12px; }

.clr_01 {
	background-image:url(../img/pat_1.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}
.clr_02 {
	background-image:url(../img/pat_2.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}
.clr_03 {
	background-image:url(../img/pat_3.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}
.clr_04 {
	background-image:url(../img/pat_4.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.boder_left_ccc {
	border-left:solid 1px #323232;
}

/* パラメーター */
/* 今月table */
.eco_parameter {
	margin:10px 0 0 83px;
	padding:0;
	border-collapse:collapse;
	width:260px;
	}
.eco_parameter td {
	margin:0;
	padding:0;
	height:24px;
}
/* 前月table */
.eco_parameter_2 {
	margin:10px 0 0 83px;
	padding:0;
	border-collapse:collapse;
	width:260px;
	}
.eco_parameter_2 td {
	margin:0;
	padding:0;
	height:12px;
	/*font-size:10px;
	line-height:1.0;*/
}

#eco_tips {
	margin:200px 0 0 0;
	padding:10px;
	/*background-color:#000;
	filter:alpha(opacity=65);	IE透過度0-100*/
 	/*-moz-opacity: 0.65;			mozira透過度0-1*/
	/*opacity: 0.65;				opera透過度0-1*/
	border:1px solid #577328;
}
.h4_eco2 {
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	font-size:11px;
}






/* =3c monthly report */
.h4_monthly {
	margin:0 10px 10px 0;
	padding:0 5px 2px 5px;
	border-left:4px solid #fff;
	border-bottom:1px solid #fff;
	font-size:12px;
	font-weight:normal;
}
.h4_monthly span {
	margin:0 0 0 200px;
	font-size:12px;
	font-weight:normal;
	color:#fff;
}
h5.h5_monthly {
	margin:5px 0 0 10px;
	padding:0;
	font-size:12px;
	font-weight:normal;
}
 /* 表 */
.list_monthly {
	margin:0 0 7px 10px;
	padding:0;
	border-collapse:collapse;
	}
	
.list_monthly th, .list_monthly td {
	margin:0;
	padding:2px 7px;
	font-size:12px;
	}
.list_monthly th {
	text-align:left;
	white-space:nowrap;
	}





/* =3d drive report */
/* タブリンク */
#tab_report {
	margin:0;
	padding:0;
	list-style-type:none;
}
#tab_report li {
	margin:0 5px 0 0;
	padding:0;
	display:block;
	width:205px;
	height:23px;
	float:left;
	}
#tab_report li a {
	margin:0;
	padding:0;

	}
#tab_report h4 {
	padding-top:5px;
	padding-bottom:3px;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	}
#tab_report li.tab_01 {	background:url(../img/tab_report_01_o.gif) no-repeat left top; }/* リンク無し用 */
#tab_report li.tab_01 h4 { color:#fff; }

#tab_report li a {
	margin:0;
	padding:0;
	display:block;
	width:205px;
	height:23px;
	text-decoration:none;
}

#tab_report li a.tab1 {	background:url(../img/tab_report_01.gif) no-repeat left top; }/* ドライブ履歴 */
#tab_report li a.tab1 h4 { color:#555; }
#tab_report li a.tab1_o { background:url(../img/tab_report_01_o.gif) no-repeat left top; }
#tab_report li a:tab1_o h4 { color:#fff;text-decoration:none; }

#tab_report li a:hover.tab1 { background:url(../img/tab_report_01_o.gif) no-repeat left top; }
#tab_report li a:hover.tab1 h4 { color:#fff; }


#tab_report li a.tab2 {	background:url(../img/tab_report_02.gif) no-repeat left top; } /* 音楽履歴 */
#tab_report li a.tab2 h4 { color:#555; }
#tab_report li a.tab2_o { background:url(../img/tab_report_02_o.gif) no-repeat left top; }
#tab_report li a.tab2_o h4 { color:#fff; }

#tab_report li a:hover.tab2 { background:url(../img/tab_report_02_o.gif) no-repeat left top; }
#tab_report li a:hover.tab2 h4 { color:#fff; }


#tab_report_body_01 {/* ドライブ履歴　背景 */
	clear:both;
	margin:0;
	padding:5px 0 0 0px;
	height:230px;
	background:url(../img/tab_report_body_01.gif) no-repeat left top;
}
#tab_report_body_02 {/* 音楽履歴 */
	clear:both;
	margin:0;
	padding:5px 0 0 0px;
	height:230px;
	background:url(../img/tab_report_body_02.gif) no-repeat left top;
}
h5.h5_report {
	clear:both;
	margin:0 5px;
	padding:8px 0 0 8px;
	width:435px;
	height:30px;
	background:url(../img/tab_report_h5.gif) no-repeat left top;
	font-size:12px;
}
h5.h5_report span {
	margin:0;
	padding:0;
	
	position:absolute;
	top:95px;
	right:70px;
}
h5.h5_report span a {
	margin:0;
	padding:0;
	display:block;
	width:26px;
	height:26px;
	background:url(../img/dr_icon_report_map_s.gif) no-repeat left top;
}
.tab_report_body_in {
	margin:5px 2px 0 0;
	padding:0 5px 0 10px;
	width:435px;
	height:165px;
	overflow:auto;
	scrollbar-arrow-color:#fff;
	scrollbar-darkshadow-color:#555;
	scrollbar-3dlight-color: #bbb;
	scrollbar-face-color:#444;
	scrollbar-highlight-color:#fff;
	scrollbar-track-color: #a7a7a7;
	scrollbar-shadow-color:#999;
}
.tab_report_body_in table {
	margin:0;
	padding:0;
	border-collapse:separate;;
}
.tab_report_body_in td {
	margin:0 0 2px 0;
	padding:1px 5px;
	border-collapse:collapse;
	font-size:11px;
}
.morning { background-color:#FDFED4; }
.day { background-color:#7AD1FE; }
.night { background-color:#8839F3; }






/* =3d1 drive report map */
#dr_cts_in_map {
	margin:0 0 0 20px;
	padding:0;
	font-size:12px;
}

.report_map_fukidashi {
	margin:0;
	padding:5px 7px;
	width:120px;
	list-style-type:none;
	position:absolute;/* 上乗せ */
	z-index:70;
	top: 130px;
	left:110px;
	border:1px solid #999;
		background-color:#fff;
	filter:alpha(opacity=85);	/*IE透過度0-100*/
 	-moz-opacity: 0.85;			/*mozira透過度0-1*/
	opacity: 0.85;				/*opera透過度0-1*/
}




/* =3d3 drive report graph */
#dr_cts_in_report_graph {
	margin:0 0 0 10px;
	padding:0;
	font-size:11px;
}
/* タブリンク */
#tab_report_graph {
	margin:0;
	padding:0;
	list-style-type:none;
}
#tab_report_graph li {
	margin:0;
	padding:0;
	display:block;

	float:left;
	}
#tab_report_graph li a {
	margin:0 5px 0 0;
	padding:5px 0 0 0;
	display:block;
	width:136px;
	height:18px;
	text-decoration:none;
	}
#tab_report_graph h4 {
	color:#fff;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	}
#tab_report_graph li a.tab_01 {	background:url(../img/tab_report_graph_01.gif) no-repeat left top; }
#tab_report_graph li a.tab_01 h4 { color:#555;}
#tab_report_graph li a:hover.tab_01 {background:url(../img/tab_report_graph_01_o.gif) no-repeat left top; }
#tab_report_graph li a:hover.tab_01 h4 { color:#fff; }
#tab_report_graph li a.tab_01_o { background:url(../img/tab_report_graph_01_o.gif) no-repeat left top; }

#tab_report_graph li a.tab_02 {	background:url(../img/tab_report_graph_02.gif) no-repeat left top; }
#tab_report_graph li a.tab_02 h4 { color:#555;}
#tab_report_graph li a:hover.tab_02 {background:url(../img/tab_report_graph_02_o.gif) no-repeat left top; }
#tab_report_graph li a:hover.tab_02 h4 { color:#fff;}
#tab_report_graph li a.tab_02_o {	background:url(../img/tab_report_graph_02_o.gif) no-repeat left top; }

#tab_report_graph li a.tab_03 {	background:url(../img/tab_report_graph_03.gif) no-repeat left top; }
#tab_report_graph li a.tab_03 h4 { color:#555;}
#tab_report_graph li a:hover.tab_03 {background:url(../img/tab_report_graph_03_o.gif) no-repeat left top; }
#tab_report_graph li a:hover.tab_03 h4 { color:#fff; }
#tab_report_graph li a.tab_03_o {	background:url(../img/tab_report_graph_03_o.gif) no-repeat left top; }
/* タブmain背景 */
#tab_report_graph_body_01 {/* 走行履歴 */
	clear:both;
	margin:0;
	padding:5px 0 0 0px;
	width:504px;
	height:277px;
	background:url(../img/tab_report_graph_body_01.gif) no-repeat left top;
}
#tab_report_graph_body_02 {/* 速度帯別運転時間 */
	clear:both;
	margin:0;
	padding:5px 0 0 0px;
	width:504px;
	height:277px;
	background:url(../img/tab_report_graph_body_02.gif) no-repeat left top;
}
#tab_report_graph_body_03 {
	clear:both;
	margin:0;
	padding:5px 0 0 0px;
	width:504px;
	height:277px;
	background:url(../img/tab_report_graph_body_03.gif) no-repeat left top;
}

/* graph中 */
.report_graph_table {
	margin:5px;
	padding:0;
	border-collapse:collapse;
	height:250px;
	}
.report_graph_table td {
	margin:0;
	padding:0;
	}
/* 中タブ 日別・週別・月別 */
.report_graph_table td a {
	margin:0 0 2px 0;
	padding:0;
	width:23px;
	height:60px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
.report_graph_table td a:hover { text-decoration:none;}

.report_graph_table td a h5 { padding:5px 3px;font-size:12px;}
.report_graph_table td a.tab_date_01 { background:url(../img/tab2_report_graph_01.gif) no-repeat left top; }
.report_graph_table td a.tab_date_01_o { background:url(../img/tab2_report_graph_01_o.gif) no-repeat left top; }
.report_graph_table td a:hover.tab_date_01 { background:url(../img/tab2_report_graph_01_o.gif) no-repeat left top; }

.date_day { color:#fc0; }
.date_week { color:#62DD08; }
.date_month { color:#D508DD; }


.fukidashi {
	margin:0;
	padding:5px 7px;
	width:12em;
	position:absolute;/* 上乗せ */
	z-index:2000;
	top: 150px;
	left:67px;
	border:1px solid #fff;
	
	background-color:#000;
	filter:alpha(opacity=80);	/*IE透過度0-100*/
 	-moz-opacity: 0.80;			/*mozira透過度0-1*/
	opacity: 0.80;				/*opera透過度0-1*/
	color: white;
	font-size:12px;
	line-height:1.1;
	display: none;
}
.measure {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 385px;
	height: 181px;
	position:absolute;/* 上乗せ */
	z-index: 69;
	top: 146px;
	left: 94px;
	border: 0px solid #fff;
	background-color: #000;
	filter: alpha(opacity=80);	/*IE透過度0-100*/
	-moz-opacity: 0.80;			/*mozira透過度0-1*/
	opacity: 0.80;				/*opera透過度0-1*/
	font-size:10px;
	line-height:1.1;
}
.draw_area {
	margin: 0px;
	padding: 0px 0px 0px 0px;
/*	width: 12em; */
	width: 380px;
	height: 179px;
 	position:absolute;
	z-index:69;
	top: 146px;
	left: 94px;
	overflow: hidden;
}


/* graph2 */

.report_graph2_ttl {
	margin:0;
	padding:0;
	width:380px;
	list-style-type:none;
	position:absolute;/* 上乗せ */
	z-index:72;
	top: 105px;
	left:60px;
}
.report_graph2_ttl h6 {
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#fff;
}
.report_graph2_ttl a {
	padding-top:3px;
	float:right;
	color:#fff;
	text-decoration:underline;
}
.report_graph2_ttl a:hover { color:#f93; }
.report_graph2_ttl a:visited { color:#fff; }

#report_graph_list2 {
	margin:0;
	padding:0;
	width:420px;
	list-style-type:none;
	position:absolute;/* 上乗せ */
	z-index:70;
	top: 130px;
	left:60px;
}
#report_graph_list2 li {
	margin:0 0 1px 5px;
	padding:0 0 0 18px;
	float:left;
	display:block;
	width:7.2em;
	height:18px;
	font-size:11px;
	}

.km_01 { background:url(../img/report_graph_km_01.gif) no-repeat left center; }
.km_02 { background:url(../img/report_graph_km_02.gif) no-repeat left center; }
.km_03 { background:url(../img/report_graph_km_03.gif) no-repeat left center; }
.km_04 { background:url(../img/report_graph_km_04.gif) no-repeat left center; }
.km_05 { background:url(../img/report_graph_km_05.gif) no-repeat left center; }
.km_06 { background:url(../img/report_graph_km_06.gif) no-repeat left center; }
.km_07 { background:url(../img/report_graph_km_07.gif) no-repeat left center; }










/* =3e milage */
#milage_point {
	margin:20px 10px 0 auto;
	padding:0;
	border-collapse:collapse;
	float:right;
}
#milage_point td {
	margin:0;
	padding:0;
	vertical-align:bottom;
	}
	
#milage_point td.piont { width:23px; }
#milage_point td.p-left { padding-left:15px; }
#milage_point td.milage_point_line { padding-top:3px; background:url(../img/denko_fig_line.gif) no-repeat right bottom; }



#dr_milage_validity {
	float:right;
	margin:10px 20px 0 0;
	padding:5px 15px;
	border:1px solid #fff;
}
*html #dr_milage_validity {
	float:right;
	margin:10px 10px 0 20px;
	padding:5px 15px;
	border:1px solid #fff;
}

#dr_milage_validity h4 { margin:10px auto 5px 0px; font-size:12px;}
#dr_milage_validity h4 span {
	margin:auto auto auto 0px;
	font-weight:normal;
	font-size:12px;
	color:#fff;
}
#dr_milage_validity p {
	margin:5px 0 0 2em;
	padding:0;
	text-indent:-1.0em;
	font-size:12px;
}



.milage #tips {
	clear:both;
	margin:7px 20px 0 10px;
}
.milage #tips dl {
	margin:3px 20px;
	padding:0;
}

#bt_dr_milage {
	margin:0px 20px 0 0;
	padding:0;
	}

/* >>>>>>>>>>>>>>> =3e00 button big back <<<<<<<<<<<<<<< */
.bt_common3 { clear:both; margin:10px auto 0 auto; padding:0; width:150px; }

.bt_common3_top {
	margin:0;
	padding:0;
	background:url(../img/back_bt_common3.gif) no-repeat left top;
	width:150px;
	height:12px;
}
.bt_common3_btm {
	margin:0;
	padding:0;
	background:url(../img/back_bt_common3.gif) no-repeat left bottom;
}

.bt_common3_btm a {
	margin:0;
	padding:0 0px 12px 10px;
	color:#333;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.35;
	text-decoration:none;
	display:block;
	}
*html .bt_common3_btm a {
	margin:0;
	padding:0 0px 12px 10px;
	color:#333;
	font-weight:bold;
	font-size:12px;
	line-height:1.35;
	text-decoration:none;
	display:block;
	}
*+html .bt_common3_btm a {
	margin:0;
	padding:0 0px 12px 10px;
	color:#333;
	font-weight:bold;
	font-size:12px;
	line-height:1.35;
	text-decoration:none;
	display:block;
	}
.bt_common3_btm a:hover {
	color:#f93;
	text-decoration:none;
}

/* >>>>>>>>>>>>>>> =3e00 button big back <<<<<<<<<<<<<<< */



/* =3f print */

#bt_dr_print {
	margin:50px auto 0 auto;
	padding:0;
	width:93%;
	}
.print #tips {
	clear:both;
	margin-top:50px;
}


/* >>>>>>>>>>>>>>> =3f00 bottom common back  <<<<<<<<<<<<<<< */
.bt_common { margin:0 20px 0 0; padding:0; height:30px; }

.bt_common_left {
	float:left;
	margin:0;
	padding:0;
	background:url(../img/back_bt_common.gif) no-repeat left top;
	width:5px;
	height:30px;
}
.bt_common_right {
	float:left;
	margin:0;
	padding:0;
	background:url(../img/back_bt_common.gif) no-repeat right top;
	height:30px;
}

.bt_common_right a {
	margin:0;
	padding:7px 1.5em 0 1.2em;
	color:#333;
	font-weight:bold;
	line-height:1.0;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	font-size:0.9em;
	}
/* IE6 */
*html .bt_common_right a {
	margin:0;
	padding:7px 15px 0 10px;
	color:#333;
	font-weight:bold;
	line-height:1.0;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	font-size:12px;
	}
/* IE7 */
*+html .bt_common_right a {
	margin:0;
	padding:7px 15px 0 10px;
	color:#333;
	font-weight:bold;
	line-height:1.0;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	font-size:12px;
	}
.bt_common_right a:hover {
	color:#f93;
	text-decoration:none;
}
/* >>>>>>>>>>>>>>>  =3f00 bottom common back  <<<<<<<<<<<<<<< */


/* =4 footer(drive reportすぐ下の準フッター) */
#dr_sub_footer {
	clear:both;
	margin:5px auto 0 10px;
	padding:0; /* 最後の余白含む */
	list-style-type:none;
}
#dr_sub_footer li {
	float:left;
}
#dr_sub_footer li a {
	float:left;
	display:block;
	margin:0 15px 0 0;
	padding:0 ;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	}
.w_01 { width:4.5em; }
.w_02 { width:16em; }





/* =4 footer */
#footer_dr {
	clear:both;
	width:755px;
	margin:0 auto;
	padding:5px 0 25px 0; /* 最後の余白含む */
	}
#footer_dr ul {
	margin:0 auto 0 0;
	padding:0;
	list-style-type:none;
}
#footer_dr li {
	float:left;
}
#footer_dr li a {
	float:left;
	display:block;
	margin:0 15px 0 0;
	padding:0 ;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	}
/*.w_01 { width:4.5em; }
.w_02 { width:12.5em; }*/
.w_03 { width:9.5em; }


.copyright { margin:0; padding:0; float:right; }



/* =5 kiyaku (pop up for drive report) */
#container_dr_kiyaku {
	margin:0px auto;
	width:584px;
	text-align:center;
	}
#main_dr_kiyaku {
	text-align:left;
		font-size:12px;
	line-height:1.5em;
}


/* >>>>>>>>>>>>>>> yakkan <<<<<<<<<<<<<<< */
#yakkan {
	margin:10px auto 0 20px;
	padding:10px;
	width:520px;
	height:290px;
	background-color:#efefef;
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	overflow:auto;
	font-size:12px;
}
#yakkan p { margin:10px 20px; padding:0; font-size:12px; }

#yakkan  p.caution {
	margin:5px 20px 0 6.5em;
	text-indent:-2.5em;
}

#yakkan h3 {
	margin:7px 0 10px 0px;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
#yakkan h4 {
	margin:15px auto;
	padding:0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#yakkan h5 {
	margin:10px 0 7px 10px;
	padding:0;
	font-size:12px;
	font-weight:bold;
}



ul.list_in {
	margin:5px 0 5px 10px;
	padding:0;

}
.list_in li {
	margin:0 0 0 15px;
	padding:0;
	list-style-type:none;
	text-indent:-15px;
}



.dr_list2 {
	margin:7px 20px 15px 30px;
	padding:0;
	list-style-type:none;
	}
*html .dr_list2 {
	margin:7px 20px 15px 40px;
	padding:0;
	}
.dr_list2 li {
	margin:0 0 7px 45px;
	padding:0 0 0 0px;
	
	list-style-type:none;
	text-indent:-18px;
	}
*html .dr_list2 li {
	margin:0 0 7px 48px;
	padding:0 0 0 0px;
	
	list-style-type:none;
	text-indent:-18px;
	}
	

	

.dr_list {
	margin:7px 20px 15px 20px;
	padding:0;
	list-style-type:decimal;
	}
*html .dr_list {
	margin:7px 20px 15px 30px;
	padding:0;
}

.dr_list li {
	margin:0 0 7px 20px;
	padding:0 0 0 0px;
}



#yakkan_select {
	margin:7px auto;
	padding:0px;
	width:22em;
	text-align:center;
}
/* IE6用 */
*html #yakkan_select {
	margin:7px auto;
	padding:0px;
	width:215px; 
	text-align:center;
}
/* >>>>>>>>>>>>>>> yakkan <<<<<<<<<<<<<<< */



/* back白のbutton */
.bt_common_dr_k { margin:20px auto; padding:0; height:30px; width:7.7em; }

.bt_common_dr_k_left {
	float:left;
	margin:0;
	padding:0;
	background:url(../../../template/img/back_bt_common.jpg) no-repeat left top;
	width:5px;
	height:30px;
}
.bt_common_dr_k_right {
	float:left;
	margin:0;
	padding:0;
	background:url(../../../template/img/back_bt_common.jpg) no-repeat right top;
	height:30px;
}

.bt_common_dr_k_right a {
	margin:0;
	padding:7px 1.5em 0 1.2em;
	color:#333;
	font-weight:bold;
	line-height:1.0;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	font-size:0.9em;
	}
/* IE6 */
*html .bt_common_dr_k_right a {
	margin:0;
	padding:7px 15px 0 10px;
	color:#333;
	font-weight:bold;
	line-height:1.0;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	font-size:12px;
	}
/* IE7 */
*+html .bt_common_dr_k_right a {
	margin:0;
	padding:7px 15px 0 10px;
	color:#333;
	font-weight:bold;
	line-height:1.0;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	font-size:12px;
	}
.bt_common_dr_k_right a:hover {
	color:#f93;
	text-decoration:none;
}

#loading {
	position: absolute;
	z-index: 10000;
	background-color: #000;
	filter: alpha(opacity=50);	/*IE透過度0-100*/
	-moz-opacity: 0.50;		/*mozira透過度0-1*/
	opacity: 0.50;			/*opera透過度0-1*/
	display: none;
}

#loading #icon {
	position: relative;
	background:url(../img/loading.gif) no-repeat left top;
	width: 32px;
	height: 32px;
	margin: 170px auto;
}