@charset "utf-8";


/*----------------------------------------------------
	#point
		3つのこだわり
----------------------------------------------------*/
#point #title{
	background-image: url(../img/point_t.jpg);
	height: 63px;
}
#point #title h2 {
	text-indent: -9999px;
	display: block;
}
#point p.read_copy{ margin: 20px 30px 30px; }
#point #point_box {
	height:490px;
	_zoom: 1;
	overflow: hidden;
	margin: 0;
	padding-right: 20px;
	padding-left: 20px;
}
#point #point_box h3.kodawari_assist {
	background-image: url(../img/assist_point.png);
	height: 85px;
	width: 441px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 31px;
	margin-bottom: 31px;
}
#point #point_box .columnbox1 h4 {
	background-image: url(../img/point_h4_01.png);
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: center;
} 
#point #point_box .columnbox1 .column_txt {
	display: block;
	width: 280px;
	background-image: url(../img/column1_text.png);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px;
	height: 30px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#point #point_box .columnbox1 .column_img {
	width: 280px;
	height: 155px;
	_height: 155px;
	background-image: url(../img/column1_img.png);
	text-indent: -9999px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-repeat: no-repeat;
}  
#point #point_box .columnbox1 {
	width: 280px;
	min-height: 110px;
	_height: 110px;
	margin-right: 20px;
	_margin-right: 20px;
	float: left;
	text-align: left;
}

#point #point_box .columnbox2 h4 {
	background-image: url(../img/point_h4_02.png);
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: center;
}
#point #point_box .columnbox2 .column_txt {
	display: block;
	width: 290px;
	background-image: url(../img/column2_text.png);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px;
	height: 30px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#point #point_box .columnbox2 .column_img {
	width: 290px;
	height: 155px;
	_height: 155px;
	background-image: url(../img/column2_img.png);
	text-indent: -9999px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-repeat: no-repeat;
	background-position: center top;
}  
#point #point_box .columnbox2 {
	width: 290px;
	min-height: 110px;
	_height: 110px;
	margin-right: 20px;
	_margin-right: 20px;
	float: left;
	text-align: left;
}


#point #point_box .columnbox3 h4 {
	background-image: url(../img/point_h4_03.png);
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: center;
}
#point #point_box .columnbox3 .column_txt {
	display: block;
	width: 280px;
	background-image: url(../img/column3_text.png);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px;
	height: 30px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#point #point_box .columnbox3 .column_img {
	width: 280px;
	height: 155px;
	_height: 155px;
	background-image: url(../img/column3_img.png);
	text-indent: -9999px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-repeat: no-repeat;
}  
#point #point_box .columnbox3 {
	width: 280px;
	min-height: 110px;
	_height: 110px;
	margin-right: 0;
	float: left;
	text-align: left;
}
#point #point_box .btn_detail {
	width: 269px;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../img/btn_detail.png);
}
#point #point_box .btn_detail a {
	width: 269px;
	height: 80px;
	background-image: url(../img/btn_detail.png);
	display: block;
	background-position: 0px 0px;
}
#point #point_box .btn_detail a:hover {
	background-image: url(../img/btn_detail.png);
	display: block;
	background-position: 0px -80px;
}

/*---3つのこだわりTAB---*/
#point .point_tab {
	height: 81px;
	background-image: url(../img/point_tab.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 0px;
}
#point .point_tab h3 {
	display: block;
	height: 81px;
	width: 383px;
	margin-left: 48px;
	-margin-left: 24px;
	float: left;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#point .point_tab .tab_navi {
	float: left;
	height: 81px;
	margin: 0px;
	padding: 0px;
}
#point .tab_navi li {
	height: 81px;
	width: 149px;
	display: inline;
	float: left;
	text-indent: -9999px;
}
#point .tab_navi li a {
	display: block;
	height: 81px;
	text-indent: -9999px;
}

#point #point_tab_n01 {
	background-image: url(../img/point_tab.png);
	background-position: -431px -162px;
}
#point #point_tab_n02 {
	background-image: url(../img/point_tab.png);
	background-position: -580px -162px;
}
#point #point_tab_n03 {
	background-image: url(../img/point_tab.png);
	background-position: -729px -162px;
}
#point #point_tab_n01 a {
	background-image: url(../img/point_tab.png);
	background-position: -431px 0px;
}
#point #point_tab_n02 a {
	background-image: url(../img/point_tab.png);
	background-position: -580px 0px;
}
#point #point_tab_n03 a {
	background-image: url(../img/point_tab.png);
	background-position: -729px 0px;
}
#point #point_tab_n01 a:hover {
	background-image: url(../img/point_tab.png);
	background-position: -431px -81px;
}
#point #point_tab_n02 a:hover {
	background-image: url(../img/point_tab.png);
	background-position: -580px -81px;
}
#point #point_tab_n03 a:hover {
	background-image: url(../img/point_tab.png);
	background-position: -729px -81px;
}

/*---こだわりのラインアップ！---*/
#point #title_lineup{
	background-image: url(../img/lineup_title.jpg);
	height: 132px;
}
#point #title_lienup h2 .lienup {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 220px;
	margin-top: 50px;
}
#point #title_lineup p{
	display:block;
	margin-top: 30px;
	float: left;
	margin-left: 20px;
}

#point #lineup_contents {
	margin: 0px;
	padding: 0px;
}
#point .point_contents_bottom {
	margin-bottom: 20px;
}
#point #lineup_contents h3 {
	display: block;
	margin-top: 0px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/point_lineup.png);
	height: 70px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
	background-position: 0px 30px;
	padding-top: 30px;
}
#point #lineup_contents p {
	font-size: 14px;
	line-height: 1.6em;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 740px;
}
#point #lineup_contents .comment {
	font-size: 14px;
	line-height: 1.6em;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 785px;
}
#point #lineup_contents a {
	color: #EA5479;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EA5479;
}
#point #lineup_contents a:hover {
	color: #EA5479;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EA5479;
}
#point #lineup_contents a:visited {
	color: #EA5479;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EA5479;
}
#point #lineup_contents a:active {
	color: #EA5479;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EA5479;
}
#point #lineup_contents #flashcontent {
	height: 285px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/lineup_flash_img.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	margin-bottom: 30px;
}
#point #lineup_contents #lineup_battery {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/lineup_battery.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 283px;
}

/*---こだわりの乗り心地！---*/
#point #spec3_contents {
	width: 741px;
	margin: 0px auto;
}

#point #spec3_contents h3 {
	margin-top: 0px;
	margin-bottom: 10px;
}
#point #spec3_contents p {
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 10px;
	margin-bottom: 0px;
}
#point #spec3_contents .spec3_img {
	float: right;
	margin-left: 25px;

}
#point #spec3_contents #assist_power {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/spec3_assistpower.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 383px;
	margin-top: 25px;
	text-indent: -9999px;
}

/*---こだわりのエコ！---*/
#point #eco_contents {
	width: 741px;
	margin: 0px auto;
	padding: 0px;
}

#point #eco_contents h3 {
	margin-bottom: 10px;
	margin-top: 0px;
}
#point #eco_contents p {
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#point #eco_contents .eco_img {
	float: right;
	margin-left: 25px;

}
#point #eco_contents #ecomode_plus {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	background-image: url(../img/ecomode_plus.png);
	background-position: center;
	height: 261px;
	text-indent: -9999px;
}

div.point_navi { margin: 10px 0px 30px; }
div.point_navi p { margin-top: 10px; padding-left: 30px; float: left; width: 400px; }
ul.navi_list { width: 459px; _width: 465px; float: right; }
ul.navi_list li { float: left; margin-left: 5px; }

div.eco_txt { width: 343px; float: left; }
div.eco_ph { width: 378px; float: right; color: #666; }
div.eco_ph img { margin-bottom: 5px; }

div.spec3_txt { width: 418px; float: left; }
div.spec3_ph { width: 303px; float: right; color: #666; }
div.spec3_ph img { margin-top: 10px; }