@charset "utf-8";

#honda_chiba_none2011 {
	margin: 0 auto 10% auto ;		/* スペース */
	padding: 0 ;			/* 余白 */
	font-size: 18px ;		/* 文字サイズ */
	font-family: Arial, Helvetica, sans-serif ;
	background-color: #ffffff;
	max-width: 700px ;
}

#side_mar01 {
	margin: 0 5% ;
}

#back_g {
	background-color: #535353;
}

body {
 -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

li{
  list-style: none;
  cursor: pointer;
}	

main p {
     margin: 18px 0;
}

.design_base {
	background-color:#c23224 ;
	padding: 0 0 5% 0 ;
}
.interior_base {
	background-color:#24c0c2 ;
	margin: 0 ;
	padding: 0 0 5% 0 ;
}
.rs_base {
	background-color:#ffe100 ;
	margin: 5% 0 ;
	padding: 0 2% 5% 2%;
}
.color_base {
	background-color:#d2d2d2 ;
	margin: -1% 0 0 0 ;
}
.camp_base {
	margin: 0 ;
}
.no_btn {
	width: 90%;
	margin: 5% 5% ;
}
.no_ph_btn {
	width: 90%;
	margin: 2% 5% ;
}
.no_ph_btn02 {
	margin: 5% 0 0 0 ;
}
.no_ph_btn03 {
	margin: 2% 0 5% 0 ;
}
.no_ph_btn04 {
	margin: 10% 0 0 0 ;
}

/* 文字 */
.style_text01 {
	font-size: 18px;
	color: #fff;	
	line-height: 180%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5% 5% 0 5% ;
	text-align: left ;
}
.style_text01c {
	font-size: 18px;
	color: #666666;	
	line-height: 180%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5% ;
	text-align: left ;
}
.style_text01b {
	font-size: 18px;
	color: #000000;	
	line-height: 180%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5% 5% 0 5% ;
	text-align: left ;
}
.style_text01bc {
	font-size: 18px;
	color: #000000;	
	line-height: 180%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5% 5% 0 5% ;
	text-align: center ;
}
.style_text02 {
	font-size: 18px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5% 0 5% ;
	text-align: left ;
}
.style_text02b {
	font-size: 18px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2% 5% 2% 5% ;
	text-align: left ;
}
.style_text02bc {
	font-size: 16px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2% 5% 2% 5% ;
	text-align: left ;
}
.style_text02c {
	font-size: 18px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1% 5% 0 5% ;
	text-align: left ;
}
.style_text02d {
	font-size: 12px;
	color: #000000;	
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5%;
	margin: 2% 0 ;
	text-align: center ;
}
.style_text03 {
	font-size: 9px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5% 0 5% ;
	padding: 2% 0 ;
	text-align: left ;
}
.style_text03b {
	font-size: 9px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1% 0 5% 0 ;
	padding-left: 20px ;
	text-align: left ;
}
.style_text03c {
	font-size: 9px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1% 2% 0 2% ;
	text-align: left ;
}
.style_text03ca {
	font-size: 9px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1% 5% 0 5% ;
	text-align: left ;
}
.style_text03d {
	font-size: 9px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2% 0;
	text-align: left ;
}
.style_midashi01 {
	font-size: 28px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5% 5% 0 5% ;
	font-weight: bold ;
	text-align: left ;
}
.style_midashi01b {
	font-size: 28px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5%  ;
	font-weight: bold ;
	text-align: left ;
}
.style_midashi01c {
	font-size: 28px;
	color: #666666;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5% ;
	font-weight: bold ;
	text-align: left ;
}
.style_midashi01f {
	font-size: 28px;
	color: #666666;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin:  0 ;
	font-weight: bold ;
	margin: 0 0 5% 0 ;
	text-align: left ;
}
.style_midashi01d {
	font-size: 28px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5% 5% 0 5% ;
	font-weight: bold ;
	text-align: left ;
}
.style_midashi01e {
	font-size: 28px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5%;
	font-weight: bold ;
	text-align: left ;
}
.style_midashi01f {
	font-size: 28px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10% 5% 2% 5% ;
	font-weight: bold ;
	text-align: left ;
}
.style_midashi02 {
	font-size: 22px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5% 5% 0 5% ;
	text-align: left ;
}
.style_midashi02b {
	font-size: 22px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8% 5% 2% 5% ;
	text-align: left ;
}
.style_midashi02c {
	font-size: 22px;
	color: #000000;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	margin: 0 5% ;
	text-align: left ;
}
.style_midashi02ba {
	font-size: 22px;
	color: #fff;	
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8% 5% 2% 5% ;
	text-align: left ;
}
/* RS囲み */
.wrap05_left{
	width: 80%;
	margin: 5% 0 ;
	border: 1px solid #000000;
	padding: 5% ;
}
/* 2カラム カラー */
.wrap06{
  overflow: hidden;
  width: 100%;
	margin: 5% 0 ;
}
.wrap06_left{
  float: left;
	width: 50%;
}
.wrap06_right{
  float: right;
	width: 50%;
}

/* スライダー */
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery {
  background: #fff;
	margin: 0 0 13% 0;
}
 
.gallery img {
  width: 80%;
  margin-right: 5%;
}
 
/* cell number */
.gallery img :before {
  display: block;
}



/* 罫線 */
hr {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #000000;
   height: 1px;
   margin: 20px 0  ;
}