body{
padding:0;
margin:0;
font-size:80%;
line-height:130%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color:#160404;
}



*{
padding:0;
margin:0;
}


#container{
	width:900px;
	background-color:#ffffff;
	padding:0;
	margin:0 auto;
	border-left:#333333 1px solid;
	border-right:#333333 1px solid;
}

#container-top{
	width:900px;
	background-color:#160404;
	padding:0;
	margin:0 auto;
}




/*-------------------flashのあるページ----------------*/


#flashcontent{
	width:900px;
	height:666px;
	}


#flashcontent p{
	font-size:small;
	text-align:center;
	vertical-align:middle;
	padding:222px 150px;
	color:#160404;
	}
	



/*
//====================================
//Honda-自動CSSを強制的に上書き（W900ヘッダになった際に削除）
//====================================
*/
/*div#contents {
width:900px !important;
}*/

/*
//-----------------------------------
//縦幅が狭い場合の自動フッタ白抜け対応
//-----------------------------------
*/

body {
background-image:none;
background: #fff;
}


div#contents {
background-color:#160404;
width:100% !important;
margin:0 auto !important;
}

/*-------------------グローバルナビ-------------------------------------------------------------------------------------------------------------*/

#global-navi{width:900px;height:41px;background-color:#1e0101; padding:15px 0; border-bottom:#333333 1px solid;}

ul#g-navi-btn{list-style:none;width:100%;}



/*--・・・・・・・リストの幅(ベースになる部分）の指定（サイズが均等な場合はクラスに分ける必要なし）・・・・・・--*/

ul#g-navi-btn li.top,.area-01,.area-02,.area-03,.area-04,li.area-05{list-style:none;float:left;}
ul#g-navi-btn li.top{width:149px;}
ul#g-navi-btn li.area-01{width:147px;}
ul#g-navi-btn li.area-02{width:153px;}
ul#g-navi-btn li.area-03{width:149px;}
ul#g-navi-btn li.area-04{width:148px;}
ul#g-navi-btn li.area-05{width:142px;}



/*--・・・・・・・ヒット領域と可視領域、ロールオーバー切替領域の指定（サイズが均等でもクラスに分ける必要有り）
　ここでブロック要素に変換？・・・・・・--*/
ul#g-navi-btn a.menu-top,.menu-1,.menu-2,.menu-3,.menu-4,.menu-5{ display:block; height:46px; background-image:url(../common_img/global-navi.gif);}
ul#g-navi-btn a.menu-top{width:149px;}
ul#g-navi-btn a.menu-1{width:147px;}
ul#g-navi-btn a.menu-2{width:153px;}
ul#g-navi-btn a.menu-3{width:149px;}
ul#g-navi-btn a.menu-4{width:148px;}
ul#g-navi-btn a.menu-5{width:142px;}


/*ul#g-navi-btn a.menu-top{ display:block; width:149px; height:46px; background-image:url(../common_img/global-navi.gif);}
ul#g-navi-btn a.menu-1{ display:block; width:147px; height:46px; background-image:url(../common_img/global-navi.gif);}
ul#g-navi-btn a.menu-2{ display:block; width:153px; height:46px; background-image:url(../common_img/global-navi.gif);}
ul#g-navi-btn a.menu-3{ display:block; width:149px; height:46px; background-image:url(../common_img/global-navi.gif);}
ul#g-navi-btn a.menu-4{ display:block; width:148px; height:46px; background-image:url(../common_img/global-navi.gif);}
ul#g-navi-btn a.menu-5{ display:block; width:142px; height:46px; background-image:url(../common_img/global-navi.gif);}*/


/*--・・・・・・・ヒット領域と可視領域の指定　カレント表示用（サイズが均等でもクラスに分ける必要有り）・・・・・・--*/

ul#g-navi-btn a.menu-1-current,.menu-2-current,.menu-3-current,.menu-4-current,.menu-5-current
{display:block; height:46px; background-image:url(../common_img/global-navi.gif);}
ul#g-navi-btn a.menu-1-current{width:147px; height:46px;}
ul#g-navi-btn a.menu-2-current{width:153px; height:46px;}
ul#g-navi-btn a.menu-3-current{width:149px; height:46px;}
ul#g-navi-btn a.menu-4-current{width:148px; height:46px;}
ul#g-navi-btn a.menu-5-current{width:142px; height:46px;}


/*--・・・・・・・テキストを非表示＆Mac IE対策（Mac IE以外はtext-indent:-100px;やoverflow:hidden;でも可・・・・・・--*/

#g-navi-btn a span{ display:none;}


/*--・・・・・・・座標指定（上記で指定したエリアのビジュアルを…）・・・・・・--*/

a.menu-top{ background-position:0 0;}
a:hover.menu-top{background-position:0 -46px}

a.menu-1{ background-position:-147px 0;}
a:hover.menu-1{background-position:-147px -46px}
a.menu-1-current{background-position:-147px -46px}

a.menu-2{ background-position:-296px 0;}
a:hover.menu-2{background-position:-296px -46px}
a.menu-2-current{background-position:-296px -46px}

a.menu-3{ background-position:-449px 0;}
a:hover.menu-3{background-position:-449px -46px}
a.menu-3-current{background-position:-449px -46px}


a.menu-4{ background-position:-596px 0;}
a:hover.menu-4{background-position:-596px -46px}
a.menu-4-current{background-position:-596px -46px}

a.menu-5{ background-position:-742px 0;}
a:hover.menu-5{background-position:-742px -46px}
a.menu-5-current{background-position:-742px -46px}

/*-------------------グローバルナビここまで-------------------------------------------------------------------------------------------------------------*/




/*-------------------永遠なれ　リフレッシュプラン-----------------------------------------------*/

.area-upper{
padding-bottom:20px;
}

.wrap01{
background-color:#000000;
}

.sentence-rp{
background:url(../refresh-plan/image/top-04.jpg) no-repeat right;
padding:15px 0 0 30px;
color:#CCCCCC;
font-size:small;
line-height:1.6em;
text-align:left;
}

.to-page-top-blk{
height:80px;
}


.sentence-rp02{
padding:15px 0 0px 30px;
margin-bottom:40px;
color:#333333;
font-size:90%;
line-height:1.9em;
float:left;
}

.sentence-rp02 p{

padding:12px 0 0 0;
}

.photo{
float:right;
padding:15px 30px 40px 20px;
}

.photo-02{
float:right;
padding:15px 30px 200px 20px;
}

.navi-world{
height:40px;
width:840px;
border-top:#999999 1px solid;
border-bottom:#999999 1px solid;
margin:0 0 30px 30px;
padding:5px 5px;
}


.navi-world p{
margin:6px 5px;
padding-left:5px;
border-left:#999999 1px solid;
font-weight:bold;
font-size:90%;
color:#666666;
}

.navi-world p .official-position{
font-size:80%;
}

.navi-world a{
text-decoration:none;
}


.navi-world a:link{
color:#000000;
}


.navi-world a:visited{
color:#993300;
}

.navi-world a:hover{
text-decoration:underline;
color:#666666;
}


.setence-rp03{
width:560px;
padding-left:30px;
font-size:small;
color:#333333;
line-height:1.9em;
}


.sentence-rp04right{
float:left;
width:420px;
padding:0 0 20px 30px;
border-right:#CCCCCC 1px solid;
}

.sentence-rp04{
float:right;
width:419px;
padding:0 30px 20px 0;
}

.sentence-rp04right p,
.sentence-rp04 p{
text-align:left;
width:318px;
padding:15px 0 20px 0;
font-size:95%;
color:#333333;
line-height:1.9em;
}

/*-------------------リフレッシュプランの表-----------------------------------------------*/


.rp-menu{
width:390px;
float:left;
padding:0 15px 10px 30px;
}

.rp-menu td{
padding:0.3em 0;
}



.line-under{
font-size:100%;
font-weight:bold;
color:#444444;
border-bottom:#999999 1px solid;
}


.caution{
font-size:80%;
color:#333333;
}



.side{
width:20px;
padding:0 5px;
font-size:90%;
font-weight:bold;
color:#FFFFFF;
background-color:#333333;
}


p.text01{
font-size:90%;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 5px 10px;
}

p.text02 {
padding:5px 15px;
font-size:95%;
line-height:1.8em;
}

p.price{
letter-spacing:0.1em;
padding:0 15px;
font-size:110%;
font-weight:bold;
}









/*-------------------安心-----------------------------------------------*/



.photo-owner{
float:right;
padding:15px 30px 40px 80px;
}


/*-------------------17年12万キロ-----------------------------------------------*/


.sentence01{
width:449px;
background-color:#171312;
font-size:90%;
color:#CCCCCC;
float:left;
border-right:#999999 1px solid;
}

.sentence01 p,.sentence02 p{
padding:0 30px;
line-height:1.9em;
}

.sentence02{
width:450px;
background-color:#171312;
font-size:90%;
color:#CCCCCC;
float:right;
}

.wrap02{
background-color:#171312;
}


/*-------------------フィエスタ-----------------------------------------------*/

.photo-fiesta01{
float:right;
padding:0 25px 10px 25px;
}

.sentence-fiesta01{
padding:15px 0 0px 20px;
color:#333333;
font-size:90%;
line-height:1.9em;
float:left;
}



/*-------------------ヒストリー----------------------------------------------*/


.sentence-history{
width:449px;
background-color:#000000;
font-size:90%;
color:#CCCCCC;
float:left;
border-right:#999999 1px solid;
}

.sentence-history p,.sentence-history02 p{
padding:0 30px;
line-height:1.9em;
}

.sentence-history02{
width:450px;
background-color:#000000;
font-size:90%;
color:#CCCCCC;
float:right;
}


.photo-history{
float:right;
padding:0 35px 10px 15px;
}