@charset "UTF-8";
/* CSS Document */

#Mcharge {
	float: left;
	width: 760px;
	/*IE6*/
	margin-right: -2px;
}
#Mcharge .specbox {
	margin-bottom: 30px;
	float: left;
	width: 760px;
	/*IE6*/
	/margin-right: -2px
}
#Mcharge .corsebox {
	margin-bottom: 7px;
	float: left;
	width: 760px;
	/*IE6*/
	/margin-right: -2px
}
#Mcharge .corse_ttl {
	float: left;
	width: 760px;
	/*IE6*/
	margin-right: -2px;
}

/* 各種タイトル・文章部分
-------------------------------------------------------------------------------------------------------- */

/* メインタイトル（h2） */
#Mcharge .ttl {
	height: 61px;
	width: 760px;
	background-image: url(../nrh_img/mcharge/mcharge_ttl.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 20px;
}
/* サブタイトル（h3） */
#Mcharge .sbttl01 {
	height: 28px;
	width: 720px;
	margin-bottom: 10px;
	background-image: url(../nrh_img/mcharge/mcharge_sbttl01.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	color: #cd3122;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 10px;
}
#Mcharge .sbttl02 {
	height: 28px;
	width: 720px;
	margin-bottom: 10px;
	background-image: url(../nrh_img/mcharge/mcharge_sbttl02.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	color: #1062be;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 10px;
	position: absolute;
}
#Mcharge .sbttl02 .btn a {
	background-image: url(../nrh_img/mcharge/mcharge_btn.gif);
	background-repeat: no-repeat;
	float: right;
	height: 31px;
	width: 233px;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	right: 5px;
}
#Mcharge .sbttl03 {
	height: 28px;
	width: 720px;
	margin-bottom: 10px;
	background-image: url(../nrh_img/mcharge/mcharge_sbttl03.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	color: #f17c00;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 10px;
	position: absolute;
}
#Mcharge .sbttl03 .font14px {
	font-size: 14px;
}
#Mcharge .sbttl03 .btn a {
	background-image: url(../nrh_img/mcharge/mcharge_btn.gif);
	background-repeat: no-repeat;
	float: right;
	height: 31px;
	width: 233px;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	right: 5px;
}
/* コースタイトル（h4） */
#Mcharge .list_ttl01 {
	font-size: 16px;
	font-weight: bold;
	background-image: url(../nrh_img/mcharge/mcharge_list01.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 20px;
	height: 23px;
	padding-top: 5px;
	background-color: #FFF;
	width: 90px;
	margin-top: 10px;
}
#Mcharge .list_ttl02 {
	font-size: 16px;
	font-weight: bold;
	background-image: url(../nrh_img/mcharge/mcharge_list02.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 20px;
	height: 23px;
	padding-top: 5px;
	background-color: #FFF;
	width: 90px;
	margin-top: 10px;
}
#Mcharge .list_bg {
	background-image: url(../nrh_img/mcharge/mcharge_list_bg.gif);
	background-repeat: repeat-x;
}
/* 文章 */
#Mcharge p {
	margin-bottom: 15px;
	padding-left: 10px;
}
/* 文章（特殊） */
#Mcharge .text {
	margin-top: 47px;
	margin-bottom: 25px;
}
/* 文章ボールド */
#Mcharge p .blod {
	font-weight: bold;
}
/* 文章リンク */
#Mcharge a {
	color: #1062be;
}
/* 料金表（レッドボールド） */
#Mcharge .data .right .title {
	font-weight: bold;
	color: #F00;
}



/* 車種カテゴリー（スペック部分）
-------------------------------------------------------------------------------------------------------- */
.data_block {
	float: left;
	width: 760px;
	margin-bottom: 7px;
	/*IE6*/
	/margin-right: -2px;
}
.data_block02 {
	float: left;
	width: 760px;
	margin-bottom: 30px;
	/*IE6*/
	/margin-right: -2px;
}
 /* スペック詳細ブロック */
#Mcharge dl.data {
	padding: 0;
	float: left;
	width: 163px;
}
#Mcharge dl.data dt {
	width: 162px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
}
#Mcharge dl.data dd {
	background-color: #fff;
	width: 152px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #b4b4b4;
	border-bottom-color: #b4b4b4;
	padding: 5px;
}
#Mcharge .data .class {
	background-position: center;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#Mcharge .data .exhaust {
	text-align: center;
}
#Mcharge .data .riding {
	text-align: center;
}
#Mcharge .data .btn {
	text-align: center;
}
 /* クラス-スペックタイトルパターン01 */
#Mcharge .data .ttl01 {
	background-image: url(../nrh_img/common/bg01.gif);
	background-repeat: repeat-x;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 7px;
}
 /* クラス-スペックタイトルパターン02 */
#Mcharge .data .ttl02 {
	background-image: url(../nrh_img/common/bg02.gif);
	background-repeat: repeat-x;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 7px;
}
 /* タイトルブロック */
#Mcharge .list {
	float: left;
	width: 107px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	/*IE6*/
	/margin-right: -2px;
}
 /* 商用クラス-タイトル */
#Mcharge .list .business_class {
	padding-top: 60px;
}
 /* 乗用クラス-タイトル */
#Mcharge .list .passenger_class {
	padding-top: 36px;
}
 /* 排気量-タイトル */
#Mcharge .list .exhaust {
	padding-top: 5px;
}
/* 主な車種（センター） */
#Mcharge .list .model {
	display: table-cell;
	vertical-align: middle;
	/*IE6-7*/
	/padding-top: 5px;
}
/* 乗車定員（センター） */
#Mcharge .list .riding {
	padding-top: 5px;
}
/* 推奨人数（センター） */
#Mcharge .list .number {
	padding-top: 25px;
}
/* 備考（センター） */
#Mcharge .list .remark {
	display: table-cell;
	vertical-align: middle;
}
/* 料金表（センター） */
#Mcharge .list .btn {
	padding-top: 6px;
}


 /* タイトルブロック */
#Mcharge .list02 {
	float: left;
	width: 120px;
	color: #FFF;
	font-weight: bold;
	/*IE6*/
	/margin-right: -2px;
}
 /* 排気量-タイトル */
#Mcharge .list02 .exhaust {
	padding-top: 5px;
	background-color: #505050;
	border: 1px solid #c6c4c4;
	padding-left: 10px;
}
/* 主な車種（センター） */
#Mcharge .list02 .model {
	display: table-cell;
	vertical-align: middle;
	width: 110px;
	background-color: #505050;
	border-right: 1px solid #c6c4c4;
	border-bottom: 1px solid #c6c4c4;
	border-left: 1px solid #c6c4c4;
	padding-left: 10px;
}
/* 乗車定員（センター） */
#Mcharge .list02 .riding {
	padding-top: 5px;
	background-color: #505050;
	border-right: 1px solid #c6c4c4;
	border-bottom: 1px solid #c6c4c4;
	border-left: 1px solid #c6c4c4;
	padding-left: 10px;
}
/* 推奨人数（センター） */
#Mcharge .list02 .number {
	padding-top: 30px;
	background-color: #505050;
	border-right: 1px solid #c6c4c4;
	border-bottom: 1px solid #c6c4c4;
	border-left: 1px solid #c6c4c4;
	padding-left: 10px;
}
/* 備考（センター） */
#Mcharge .list02 .remark {
	background-color: #505050;
	border-right: 1px solid #c6c4c4;
	border-bottom: 1px solid #c6c4c4;
	border-left: 1px solid #c6c4c4;
	padding-left: 10px;
	padding-top: 5px;
}

/* スペック詳細ブロック */
#Mcharge dl.data02 {
	padding: 0;
	float: left;
	width: 640px;
}
#Mcharge dl.data02 dd {
	background-color: #fff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c6c4c4;
	border-bottom-color: #c6c4c4;
	padding: 5px;
}

#Mcharge .data02 .exhaust {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c6c4c4;
}

/* 推奨人数と荷物 */
#Mcharge .data02 .number {
	position: relative;
	padding-bottom: 23px;
}
#Mcharge .data02 .number .peple {
	position: absolute;
	bottom: 5px;
	left: 25px;
	width: 20px;
}
#Mcharge .data02 .number .trunk {
	position: absolute;
	bottom: 5px;
	left: 77px;
	width: 20px;
}
#Mcharge .data02 .number .bag {
	position: absolute;
	bottom: 5px;
	left: 116px;
	width: 20px;
}



#Mcharge .list .remark .center {
	width: 107px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	/*IE6-7*/
	/padding-top: 5px;
	/margin-right: -2px;
	/display: block;
   /float: left;
   /padding-top: 2px;
}
#Mcharge .list dt {
	background-color: #666565;
	width: 105px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b4b4b4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
}
 /* テキストなし */
#Mcharge .list .notext {
	text-indent: -9999px;
	border-bottom-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
	padding-top: 5px;
	padding-bottom: 7px;
}
 /* firefox */
*+html body #Mcharge .list .notext {
	text-indent: -9999px;
	border-bottom-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
	padding-top: 5px;
	padding-bottom: 7px;
}
 /* firefox */
#Mcharge .list .notext,  x:-moz-any-link, x:default {
	text-indent: -9999px;
	border-bottom-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
	padding-top: 7px;
	padding-bottom: 7px;
}
 /* 推奨人数と荷物 */
#Mcharge .data .number {
	text-align: center;
	position: relative;
	padding-bottom: 23px;
}
#Mcharge .data .number .peple {
	position: absolute;
	bottom: 5px;
	left: 25px;
	width: 20px;
}
#Mcharge .data .number .trunk {
	position: absolute;
	bottom: 5px;
	left: 77px;
	width: 20px;
}
#Mcharge .data .number .bag {
	position: absolute;
	bottom: 5px;
	left: 116px;
	width: 20px;
}


/* レギュラーシーズン（料金表部分）
-------------------------------------------------------------------------------------------------------- */
#Mcharge .Rcourse_block {
	float: left;
	width: 760px;
	margin-bottom: 30px;
	/*IE6*/
	/margin-right: -2px
}
 /* タイトルブロック */
#Mcharge .Rcourse_block .list {
	float: left;
	width: 107px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	/*IE6*/
	/margin-right: -2px
}
#Mcharge .Rcourse_block .list dt {
	width: 95px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b4b4b4;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
}
 /* レギュラ-タイトル背景色 */
#Mcharge .Rcourse_block .list .bg01 {
	background-image: url(../nrh_img/common/bg04.gif);
	background-repeat: repeat-x;
}
#Mcharge .Rcourse_block .list .bg02 {
	background-color: #5d86a4;
}
#Mcharge .Rcourse_block .list .bg03 {
	background-color: #4a768f;
}
/* 料金詳細ブロック */
#Mcharge .Rcourse_block .data {
	float: left;
	width: 163px;
	text-align: center;
}
#Mcharge .Rcourse_block .data dd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	padding-top: 5px;
}
/* 料金詳細ブロック（左） */
#Mcharge .Rcourse_block .data .left {
	float: left;
	background-color: #FFF;
	width: 82px;
}
/* 料金詳細ブロック（右） */
#Mcharge .Rcourse_block .data .right {
	background-color: #f7f8fd;
	float: left;
	width: 81px;
	font-weight: bold;
}
/* 料金2段用 */
#Mcharge .Rcourse_block .data .padding {
	padding-top: 13px;
}
 /* レギュラ-詳細タイトル */
#Mcharge .Rcourse_block .data .course_ttl01 {
	background-image: url(../nrh_img/common/bg01.gif);
	background-repeat: repeat-x;
	color: #FFF;
	float: left;
	width: 162px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
	font-weight: bold;
	padding-top: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
}
#Mcharge .Rcourse_block .data .course_ttl02 {
	background-image: url(../nrh_img/common/bg02.gif);
	background-repeat: repeat-x;
	color: #FFF;
	float: left;
	width: 162px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
	font-weight: bold;
	padding-top: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
}
 /* レギュラ-詳細サブタイトル */
#Mcharge .Rcourse_block .data .left .title {
	font-weight: bold;
}



/* ハイーシーズン（料金表部分）
-------------------------------------------------------------------------------------------------------- */
#Mcharge .Hcourse_block {
	float: left;
	width: 760px;
	margin-bottom: 30px;
	/*IE6*/
	/margin-right: -2px
}
 /* タイトルブロック */
#Mcharge .Hcourse_block .list {
	float: left;
	width: 107px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	/*IE6*/
	/margin-right: -2px
}
#Mcharge .Hcourse_block .list dt {
	width: 95px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b4b4b4;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
}
 /* ハイ-タイトル背景色 */
#Mcharge .Hcourse_block .list .bg01 {
	background-image: url(../nrh_img/common/bg05.gif);
	background-repeat: repeat-x;
}
#Mcharge .Hcourse_block .list .bg02 {
	background-color: #a4927e;
}
#Mcharge .Hcourse_block .list .bg03 {
	background-color: #957e6b;
}
/* 料金詳細ブロック */
#Mcharge .Hcourse_block .data {
	float: left;
	width: 163px;
	text-align: center;
}
#Mcharge .Hcourse_block .data dd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	padding-top: 5px;
}
/* 料金詳細ブロック（左） */
#Mcharge .Hcourse_block .data .left {
	float: left;
	background-color: #FFF;
	width: 82px;
}
/* 料金詳細ブロック（右） */
#Mcharge .Hcourse_block .data .right {
	background-color: #fffef8;
	float: left;
	width: 81px;
	font-weight: bold;
}
/* 料金2段用 */
#Mcharge .Hcourse_block .data .padding {
	padding-top: 13px;
}
 /* ハイ-詳細タイトル */
#Mcharge .Hcourse_block .data .course_ttl01 {
	background-image: url(../nrh_img/common/bg06.gif);
	background-repeat: repeat-x;
	color: #FFF;
	float: left;
	width: 162px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
	font-weight: bold;
	padding-top: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
}
#Mcharge .Hcourse_block .data .course_ttl02 {
	background-image: url(../nrh_img/common/bg07.gif);
	background-repeat: repeat-x;
	color: #FFF;
	float: left;
	width: 162px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
	font-weight: bold;
	padding-top: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b4b4b4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4b4b4;
}
 /* ハイ-詳細サブタイトル */
#Mcharge .Hcourse_block .data .left .title {
	font-weight: bold;
}





/* 新規追加分のCSS
-------------------------------------------------------------------------------------------------------- */
.kintou {table-layout:fixed;}
.red {color: #E60012;}
.line-all {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
}
.line-r {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}
.line-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.listbox {
	background-color: #E7E7E7;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-bottom:30px;
}
.listbox li {
	background-image: url(../nrh_img/mcharge/icon01.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0% 2px;
	padding-bottom: 10px;
}
.listbox li a{
	color: #0b0b0b;
	text-decoration: none;
}
.listbox li a:hover {
	text-decoration: underline;
}

.mttl {
	background-image: url(../nrh_img/mcharge/mttl.gif);
	background-repeat: no-repeat;
	width: 755px;
	padding-top: 6px;
	height: 36px;
	margin-bottom: 15px;
	padding-left: 5px;
}
.mttl  .class{
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
}
.mttl  .name{
	float: right;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 10px;
}

#list_01 {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 760px;
}
#list_02 {
	margin: 0px;
	padding: 0px;
	width: 760px;
}
#list_01_title {
	height: 36px;
	width: 195px;
	margin-top: 15px;
	background-image: url(../nrh_img/mcharge/ttl01.gif);
	background-repeat: no-repeat;
	padding-left: 565px;
	padding-top: 6px;
	margin-bottom: 10px;
}
#list_02_table {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 760px;
}
#list_02_title {
	height: 36px;
	width: 195px;
	margin-top: 30px;
	background-image: url(../nrh_img/mcharge/ttl02.gif);
	background-repeat: no-repeat;
	padding-left: 565px;
	padding-top: 6px;
	margin-bottom: 10px;
}
#list_03_title {
	margin-top: 30px;
	margin-bottom: 10px;
}


.box_bule th, .box_bule td , .box_bule {
	color: #FFFFFF;
	font-weight: bold;
	background: #4d616e;
	vertical-align:middle;
	padding-top: 7px;
	padding-bottom: 7px;
}
.box_bule03 th, .box_bule03 td , .box_bule03 {
	color: #FFFFFF;
	background: #647d8e;
	vertical-align:middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* カーボックス */
.box_black01 {
	background: #4a4a4a;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
}
.box_black02 {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #131313;
	background-image: url(../img/bg_black.gif);
	background-repeat: repeat-x;
	height: 19px;
	color: #FFF;
}
.box_brown th, .box_brown td , .box_brown {
	color: #FFFFFF;
	font-weight: bold;
	background: #655d57;
	vertical-align:middle;
	padding-top: 7px;
	padding-bottom: 7px;
}
.box_brown03 th, .box_brown03 td , .box_brown03 {
	color: #FFFFFF;
	background: #807872;
	vertical-align:middle;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* 標準コースカセット部分 */
.box_bule01 {
	background: #e6eaef;
	padding-top: 5px;
	padding-bottom: 5px;
}
.box_bule02 {
	background: #f4f6f8;
	padding-top: 5px;
	padding-bottom: 5px;
}
.box_brown th, .box_brown td , .box_brown {
	color: #FFFFFF;
	font-weight: bold;
	background: #655d57;
	vertical-align:middle;
	padding-top: 7px;
	padding-bottom: 7px;
}
.box_brown03 th, .box_brown03 td , .box_brown03 {
	color: #FFFFFF;
	background: #807872;
	vertical-align:middle;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* 安心コースカセット部分 */
.box_brown01 {
	background: #ddcfc6;
	padding-top: 5px;
	padding-bottom: 5px;
}
.box_brown02 {
	background: #efe6e3;
	padding-top: 5px;
	padding-bottom: 5px;
}
