@charset "shift_jis";

body {font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;}
/* --------------------------------------------------------------------
	メインコンテンツ
-------------------------------------------------------------------- */
#mainCont {text-align: center;margin-bottom: 75px;}
#mainCont p {
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
}
#mainCont p.heading {
	font-weight: bold;
	padding-top: 65px;
}
#mainCont p.heading2 {
	font-weight: bold;
	padding-top: 0px;
}
#mainCont p.caution {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 10px;
}
#mainCont p.description {
	color: #054ba1;
	font-style: italic;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #054ba1;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mainCont .img_box {
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 0px;
	width: 880px;
}

/*  タイトルエリア  */
#mainCont .title_area  {
	background-color: #343434;
	position: relative;
}
#mainCont .title_area h2 {font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-weight: normal !important;
	color: #FFF;
	text-align: left;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 40px;
	padding-bottom: 25px;
	font-size: 34px;
	line-height: 1.3;
	font-weight: bold;
}
#mainCont .title_area h2 span  {
	font-size: 16px;
	line-height: 1.3;
	font-weight: normal;
	display: block;
	padding-bottom: 5px;
}


/*  イントロエリア  */
#mainCont .intro_area{
	width: 880px;
	margin-top: 40px;
	margin-right: 50px;
	margin-left: 50px;
}
/*  答える人  */
#mainCont .respondent_area{
	width: 788px;
	margin-top: 50px;
	margin-right: 50px;
	margin-left: 50px;
	border: 1px solid #343434;
	position: relative;
	padding-top: 30px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 45px;
	margin-bottom: 0px;
}
#mainCont .respondent_area  p {
	font-size: 14px;
	color: #343434;
	line-height: 1.7;
}
#mainCont .respondent_area  p span{
	font-size: 16px;
}
#mainCont .respondent_area p.fL {
	width: 104px;
	padding-bottom: 30px;
}
#mainCont .respondent_area p.fR {
	width: 640px;
	padding-bottom: 30px;
}
#mainCont .respondent_area  .name {
	background-color: #343434;
	width: 150px;
	position: absolute;
	left: -1px;
	top: -23px;
	height: 23px;
	text-align: center;
}
#mainCont .respondent_area  .name p{
	font-size: 13px;
	line-height: 2;
	color: #FFF;
	text-align: center;
}

/*  コラムエリア  */
#mainCont .column_area{
	width: 880px;
	margin-top: 65px;
	margin-right: 50px;
	margin-left: 50px;
}
#mainCont .column_area h3 {
	font-size: 21px;
	line-height: 1;
	text-align: left;
	background-color: #343434;
	color: #FFF;
	padding-left: 20px;
	padding-top: 13px;
	padding-bottom: 10px;
	font-weight: bold;
	padding-right: 20px;
}
#mainCont .column_area dl {
	width: 100%;
	padding-top: 25px;
}
#mainCont .column_area dt {
	width: 100%;
}
#mainCont .column_area dd {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
}
#mainCont .column_area dd .img_box{
	margin-top: 30px;
}
#mainCont .column_area dd .img_box2{
	margin-top: 0px;
}
#mainCont .column_area dd .img_box3{
	margin-top: 0px;
	margin-bottom: 30px;
}
#mainCont .column_area dd .img_box4{
	margin-bottom: 30px;
	margin-top: 30px;
}
#mainCont .column_area dd:nth-child(2) { padding-top: 0px; }
#mainCont .column_area dd >*:first-child + *{padding-top: 0px;}

#mainCont .column_area dl.separate dt{width: 420px;float: left;}
#mainCont .column_area dl.separate dd{width: 430px;float: right;}
#mainCont .column_area dl.separate dd .img_box{width: 100%;margin: 8px 0px 0px 0px;}


#mainCont .column_area dt.w480 {width: 460px;clear: none;float: left;display: block;}
#mainCont .column_area dd.img_box2{margin-top: 5px;width: 390px;float: right;clear: none;display: block;}


#mainCont .column_area a   {
	text-decoration: underline;
	color: #666;
}
#mainCont .column_area a:hover   {
	text-decoration: underline;
	color: #C00;
}


/* --------------------------------------------------------------------
	ボトムエリア
-------------------------------------------------------------------- */
#mainCont .bottom_area{
	margin-top: 100px;
}

/*  ネクスト  */
#mainCont ul.next{
	display: inline-block;
}
#mainCont ul.next li {
	float: left;
}
#mainCont ul.next li p {
	line-height: 1.8;
	padding-left: 5px;
}
#mainCont ul.next li p a{
	text-decoration: underline;
}
#mainCont ul.next li p a:hover{
	text-decoration: none;
	color: ##mainCont
.column_area;
	color: #CC0000;
}
/*  下部リンク  */
#mainCont ul.f_link{
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}
#mainCont ul.f_link li{
	border: 1px solid #343434;
	width: 420px;
	position: relative;
	text-align: left;
}
#mainCont ul.f_link li .img img  {
	vertical-align: top;
}
#mainCont ul.f_link li .arrow   {
	position: absolute;
	top: 0px;
	right: 10px;
	bottom: 0px;
	width: 10px;
	margin-top: auto;
	margin-bottom: auto;
	height: 15px;
}
#mainCont ul.f_link li p{
	font-size: 14px;
	line-height: 1.6;
	width: 200px;
	position: absolute;
	top: 20px;
	right: 30px;
}

#mainCont ul.f_link li a{
	text-decoration: none;
}
#mainCont ul.f_link li a:hover p {
	color: #C00;
	text-decoration: none;
}


/*  ページセレクト  */
#mainCont ul.select{
	font-size: 0;
	margin-top: 30px;
	font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;
}
#mainCont ul.select li{
	display: inline-block;
	border: 1px solid #343434;
	text-align: center;
	margin-left: 10px;
}
#mainCont ul.select li:first-child{
	margin-left: 0px;
}
#mainCont ul.select li .on,#mainCont ul.select li a{
	font-size: 24px;
	line-height: 1;
	height: 40px;
	width: 45px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
}
#mainCont ul.select li .on,#mainCont ul.select li a:hover {
	color: #FFF;
	background-color: #343434;
	text-decoration: none;
}
#mainCont ul.select li a img {
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}
#related-contents-container{text-align: left;}
/* --------------------------------------------------------------------
	SNS
-------------------------------------------------------------------- */
#snsBtns {
	padding-left: 0px;
	width: 188px;
	position: absolute;
	right: 50px;
	padding-bottom: 0px;
	top: 15px;
}
#snsBtns li {
	width: 94px;
	float: left;
}

/* --------------------------------------------------------------------
	汎用
-------------------------------------------------------------------- */

/*  clearfix  */
.clearfix:after{
	display:block;
	visibility:hidden;
	clear:both;
	width:0;
	height:0;
	content:".";
}
.clearfix {zoom: 1;}
.fL {float: left;}
.fR {float: right;}
#mainCont img {vertical-align: bottom;}
.under_line {text-decoration: underline;}