@charset "UTF-8";



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



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

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

#section_01 { background: url(../image/sec_01_bg.png) repeat-x 0 535px;}

#mainVisual { height: 535px; background: url(../image/main_bg.jpg) repeat-x;}
#mainVisual .bg { height: 535px; background: url(../image/main_bg_bg.jpg) no-repeat center top;}
#mainVisual .wrap { width: 900px; margin: 0 auto;}
#mainVisual h2 { padding: 48px 0 0;}
#mainVisual .content { float: left; width: 360px;}
#mainVisual .content h3 { padding: 114px 0 0;}
#mainVisual .content p.lead { padding: 11px 0 0;}
#mainVisual .content p.logo { padding: 13px 0 0;}
#mainVisual .slide { position: relative; float: left; width: 519px; margin: 55px 0 0;}
#mainVisual .slide .img { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0);}

#section_01 #styling .container { width: 906px; margin: 0 auto; padding: 38px 0 0;}
#section_01 #styling .wrap_01 { padding: 24px 0 14px;}
#section_01 #styling .article { position: relative;}
#section_01 #styling .article p.caption { line-height: 1.29;}
#section_01 #styling .article p.caption span { font-size: 77%;}
#section_01 #styling .article_02 { float: left; width: 289px; margin: 0 20px 0 0;}
#section_01 #styling .article_03 { float: left; width: 289px; margin: 0 19px 0 0;}
#section_01 #styling .article_04 { float: left; width: 289px;}
#section_01 #styling .article_02 p.caption,
#section_01 #styling .article_03 p.caption,
#section_01 #styling .article_04 p.caption { position: absolute; top: 256px; left: 0; padding: 0 17px;}
#section_01 #styling .article_05 p.caption { position: absolute; top: 257px; left: 0; padding: 0 21px;}

#section_01 #interior .container { width: 906px; margin: 0 auto; padding: 98px 0 0;}
#section_01 #interior h3 { padding: 0 0 0 3px;}
#section_01 #interior .wrap_01 { padding: 53px 0 0;}
#section_01 #interior .article { position: relative;}
#section_01 #interior .article p.caption { line-height: 1.29;}
#section_01 #interior .article p.caption span { font-size: 71%;}
#section_01 #interior .article_01 { margin: 15px 0 0;}
#section_01 #interior .article_02 { margin: 24px 0 0;}
#section_01 #interior .article_03 { float: left; width: 593px; margin: 0 24px 0 0;}
#section_01 #interior .article_04 { float: left; width: 289px;}
#section_01 #interior .article_05 { float: left; width: 289px; margin: 24px 0 0;}
#section_01 #interior .article_02 p.caption { position: absolute; top: 296px; left: 0; padding: 0 17px;}
#section_01 #interior .article_03 p.caption { position: absolute; top: 559px; left: 0; padding: 0 17px;}
#section_01 #interior .article_04 p.caption { position: absolute; top: 224px; left: 0; padding: 0 15px;}
#section_01 #interior .article_05 p.caption { position: absolute; top: 241px; left: 0; padding: 0 15px; white-space: nowrap;}

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