@charset "UTF-8";



/**
 * HONDA N-ONE
 *
 * index.css
 * @version  1.0  (updated: 2014.04.28)
 */



/* --------------------------------
	プレミアム
-------------------------------- */

/* 01 ---------- */

#section_01 { background: url(../image/sec_bg.png) repeat-x 0 bottom;padding:48px 0 36px 0;}
#section_01 .container { width: 900px; margin: 0 auto;}
#section_01 .container h2 { width: 518px; margin: 0 auto;}
#section_01 .container h3 { width: 766px; margin: 0 auto;padding-top:33px;}


/* 02 ---------- */
#section_02 { background: url(../image/sec_bg.png) repeat-x 0 bottom;padding:70px 0 45px 0;}
#section_02 .container { width: 900px; margin: 0 auto;}
#section_02 .container h2 { width: 330px; margin: 0 auto;padding-bottom:42px;}

#section_02 .container .clearfix .article_01 { float:left;width:420px;}
#section_02 .container .clearfix .article_01 p.txt10 { padding-top:5px;}
#section_02 .container .clearfix .article_01 p.img { padding-top:20px;}
#section_02 .container .clearfix .article_01 p.note02 { text-align:right;}

#section_02 .container .clearfix .article_02 { float:right;width:420px;}
#section_02 .container .clearfix .article_02 p.txt10 { padding-top:5px;}
#section_02 .container .clearfix .article_02 p.img { padding-top:20px;}
#section_02 .container .clearfix .article_02 p.note02 { text-align:right;}


/* 03 ---------- */
#section_03 { padding-top:60px;}
#section_03 .container { width: 900px; margin: 0 auto;}

#section_03 .container h3 { padding-top:25px;}

#section_03 .container p.ic { padding-top:25px; }
#section_03 .container p.ic img { padding:0 3px 0 10px; }

#section_03 ul.tab_01 { width: 900px; margin: 43px auto 10px;}
#section_03 ul.tab_01 li { float: left; width: 450px; height: 52px; font-size: 1px; text-indent: -9999px;}
#section_03 ul.tab_01 li a { outline: none; display: block; height: 52px; background: url(../image/tab_01.png) no-repeat;}
#section_03 ul.tab_01 li.tab_01_01 a {}
#section_03 ul.tab_01 li.tab_01_02 a { background-position: -450px 0;}
#section_03 ul.tab_01 li.tab_01_01 a:hover { background-position: 0 -52px;}
#section_03 ul.tab_01 li.tab_01_02 a:hover { background-position: -450px -52px;}
#section_03 ul.tab_01 li.tab_01_01 a.js_current,
#section_03 ul.tab_01 li.tab_01_01 a.js_current:hover { background-position: 0 -104px;}
#section_03 ul.tab_01 li.tab_01_02 a.js_current,
#section_03 ul.tab_01 li.tab_01_02 a.js_current:hover { background-position: -450px -104px;}

#section_03 ul.tab_02 { width: 900px; margin: 0 auto;}
#section_03 ul.tab_02 li { float: left; width: 300px; height: 25px; font-size: 1px; text-indent: -9999px;}
#section_03 ul.tab_02 li a { outline: none; display: block; height: 25px; background: url(../image/tab_02_02.png) no-repeat;}
#section_03 ul.tab_02 li.tab_02_01 a {}
#section_03 ul.tab_02 li.tab_02_02 a { background-position: -300px 0;}
#section_03 ul.tab_02 li.tab_02_03 a { background-position: -600px 0;}
#section_03 ul.tab_02 li.tab_02_01 a:hover { background-position: 0 -25px;}
#section_03 ul.tab_02 li.tab_02_02 a:hover { background-position: -300px -25px;}
#section_03 ul.tab_02 li.tab_02_03 a:hover { background-position: -600px -25px;}
#section_03 ul.tab_02 li.tab_02_01 a.js_current,
#section_03 ul.tab_02 li.tab_02_01 a.js_current:hover { background-position: 0 -50px;}
#section_03 ul.tab_02 li.tab_02_02 a.js_current,
#section_03 ul.tab_02 li.tab_02_02 a.js_current:hover { background-position: -300px -50px;}
#section_03 ul.tab_02 li.tab_02_03 a.js_current,
#section_03 ul.tab_02 li.tab_02_03 a.js_current:hover { background-position: -600px -50px;}

#section_03 .tabContentGroup { display: none;}
#section_03 #tabContentGroup_01 { display: block;width:910px;margin:0 auto;}
#section_03 #tabContentGroup_02 { width:910px;margin:0 auto;}
#section_03 .tabContent { display: none;}
#section_03 .tabContent_01 { display: block;}

#section_03 ul.colorContent_01 { width:910px; margin-left:-4px;}
#section_03 ul.colorContent_01 li { float:left;padding:10px 0 0 10px;width:172px;}

#section_03 ul.colorContent_02 { width:910px; margin-left:-4px;}
#section_03 ul.colorContent_02 li { float:left;padding:10px 0 0 10px;width:445px;}

/* 04 ---------- */

#section_04 .noteArea { margin: 55px auto 0;}