/* CSS Document */ /* Reset */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} body{margin:0; padding:0; background-color:#ffffff; font-family:"ＭＳ Ｐゴシック", Arial, sans-serif; font-size:12px; min-width:1050px; _display:inline; _zoom:1;} a{text-decoration:none;} a:hover{text-decoration:underline; color:#f47018;} p{margin:0; padding:0;} h1{margin:0; padding:0; font-size:84%; line-height:130%; color:#020202; font-weight:normal;} h1 a:link{color:#020202; text-decoration:none;} h1 a:visited{color:#020202; text-decoration:none;} h1 a:hover{color:#f47018; text-decoration:underline;} h1 a:active{color:#020202; text-decoration:none;} h2{margin:0; padding:0;} h3{margin:0; padding:0;} img{border:0; vertical-align:bottom;} header {margin: 0 auto; padding 0; background:url(../img/harman_main.jpg); background-repeat:no-repeat; background-position: center; height: 565px;} header h1{padding:0; margin:auto; overflow: hidden; text-indent: 100%; white-space: nowrap; display: block;} #footer{width:100%; background-color:#000; padding-top:30px; height:300px;} #footer p{font-size:11px; line-height:130%; color:#fff; text-align:center;} #footer a:link{color:#fff; text-decoration:none;} #footer a:visited{color:#fff; text-decoration:none;} #footer a:hover{color:#fff; text-decoration:underline;} #footer a:active{color:#fff; text-decoration:none;} #page-top {position:fixed; bottom:80px; right:60px;} #page-top a {width:50px; padding:0; text-align:center; display:block; opacity:0.80;} #page-top a:hover {text-decoration: opacity:0.90;} #content{margin:auto; width:960px; padding-bottom:20px;} /* タイトル */ .harman_title{height:142px; width:100%; background:url(../img/harman_title_bg1.jpg) repeat-x center; text-align:center;} .harman_title h2{font-size:30px; line-height:130%; color:#fff; font-weight: normal; padding-top:55px;} .harman_title_2{height:142px; width:100%; background:url(../img/harman_title_bg2.jpg) repeat-x center; text-align:center; margin-top: 30px;} .harman_title_2 h2{font-size:30px; line-height:130%; color:#fff; font-weight: normal; padding-top:58px;} .harman_title_3 h3{width: 960px; padding:20px; color: #9e091e; font-size: 24px; background-color: #ececec; border-left: 5px solid #9e091e; margin: 0 auto; font-weight: normal;} /* 概要 */ #harman_summary .co2{width: 713px; margin: 0 auto; padding: 0;} #harman_summary .box1{width: 960px; margin-left: auto; margin-right: auto; padding: 0;} #harman_summary .box1 .box1_l{float: left; width: 315px; height: 375px;} #harman_summary .box1 .box1_l .pict3{float: left; padding: 0; margin-top: 44px; padding: 0;} #harman_summary .box1 .box1_r{float: left; width: 582px; margin-top: 40px; margin-left: 49px; padding: 0;} #harman_summary .box1 p{text-align: left; font-size: 15px; color: #040707; line-height: 195%;} #harman_summary .box2{width: 960px; margin: 0 auto; padding: 0;} #harman_summary .box2 .box2_l{float: left; width: 315px; height: 422px; margin-top: 44px; padding: 0;} #harman_summary .box2 .pict4{float: left; width: 315px; height: 226px; margin: 0; padding: 0;} #harman_summary .box2 .box2_r{float: left; width: 582px; margin-top: 40px; margin-left: 49px; padding: 0;} #harman_summary .box2 p{text-align: left; font-size: 15px; color: #040707; width: 582px; line-height: 195%;} #harman_summary .box3 .box3_t{width: 663px; margin-top: 40px; margin-left: auto; margin-right: auto; padding: 0;} #harman_summary .box3 .box3_t .pict5{float: left; margin: 0 auto; padding: 0;} #harman_summary .box3 .box3_t .pict6{float: left; margin-left: 33px; padding: 0;} #harman_summary .box3 .box3_b{width: 833px; margin-top: 30px; margin-left: auto; margin-right: auto; padding: 0;} #harman_summary .box3 .box3_b p{font-size: 15px; color: #040707; line-height: 300%; text-align: center;} /* 特徴 */ #harman_feature .youtube{width: 743px; height: 417px; margin-left: auto; margin-right: auto; margin-top: 52px; padding: 0;} #harman_feature .pict7{width: 783px; height: 648px; margin: 0 auto;} #harman_feature .system{width: 960px; height: 252px; margin: 0 auto; padding: 0;} #harman_feature .system .left{float: left; font-size: 15px; color: #040707; text-align: left; width: 629px; margin-top: 45px; margin-left: 30px; padding: 0; line-height: 200%;} #harman_feature .system .right{float: left; margin-top: 29px; margin-left: 81px; padding: 0;} #harman_feature .esp{width: 960px; margin: 0 auto; padding: 0;} #harman_feature .esp .pict9{float: left; width: 504px; height: 395px; margin: 0 auto; padding: 0;} #harman_feature .esp .txt{float: left; font-size: 15px; color: #040707; width: 391px; margin-top: 75px; margin-left: 34px; padding: 0; line-height: 200%;} #harman_feature .plot_box{width: 960px; margin-top: 44px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .plot_box .plot_1 .harman_plot1{width: 874px; margin: 0 auto; padding: 0;} #harman_feature .plot_box .plot_1 .harman_plot2{width: 609px; margin-top: 35px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .plot_box .plot_2{width: 648px; margin-top: 40px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .plot_box .plot_2 .harman_plot3{float: left; width: 302px; margin: 0 auto; padding: 0;} #harman_feature .plot_box .plot_2 .harman_plot4{float: left; width: 302px; margin-left: 44px; padding: 0;} #harman_feature .plot_box .plot_3{width: 648px; margin-top: 30px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .plot_box .plot_3 .harman_plot5{float: left; width: 303px; margin: 0 auto; padding: 0;} #harman_feature .plot_box .plot_3 .harman_plot6{float: left; width: 302px; margin-left: 43px; padding: 0;} #harman_feature .plot_box .plot_4{width: 855px; height: 301px; margin-top: 68px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .plot_box .plot_4 .harman_plot7{float: left; width: 369px; margin: 0 auto; padding: 0;} #harman_feature .plot_box .plot_4 p{float: left; font-size: 15px; color: #040707; width: 444px; margin-top: 91px; margin-left: 42px; padding: 0; line-height: 180%;} #harman_feature .pellet_box{width: 960px; height: 515px; margin-top: 38px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .pellet_box .pellet{width: 562px; margin-top: 40px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .pellet_box .pellet .pellet1{float: left; width: 162px; margin: 0 auto; padding: 0;} #harman_feature .pellet_box .pellet .pellet2{float: left; width: 162px; margin-left: 39px; padding: 0;} #harman_feature .pellet_box .pellet .pellet3{float: left; width: 162px; margin-left: 37px; margin-right: 0; padding: 0;} #harman_feature .pellet_box p{font-size: 30.78px; color: #df363e; text-align: center; margin-top: 30px; margin-left: auto; margin-right: auto; padding: 0; font-weight: bold; line-height: 127%;} #harman_feature .pellet_box .pellet4{width: 532px; margin-top: 25px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .panel{width: 960px; margin: 0 auto; padding: 0;} #harman_feature .panel .txt{float: left; width: 474px; font-size: 15px; color: #040707; text-align: left; margin-top: 190px; margin-left: 33px; padding: 0; line-height: 210%;} #harman_feature .panel .pict10{float: left; width: 335px; height: 399px; margin-top: 42px; margin-left: 32px; margin-bottom: 43px; padding: 0;} #harman_feature .mirror{width: 960px; margin: 0 auto; padding: 0;} #harman_feature .mirror .txt{float: left; width: 367px; font-size: 15px; color: #040707; text-align: left; margin-top: 120px; margin-left: 33px; padding: 0; line-height: 210%;} #harman_feature .mirror .pict11{float: left; width: 228px; height: 235px; margin-top: 42px; margin-left: 53px; margin-bottom: 44px; padding: 0;} #harman_feature .mirror .pict12{float: left; width: 228px; height: 235px; margin-top: 42px; margin-left: 4px; margin-bottom: 44px; padding: 0;} #harman_feature .design_box{width: 960px; margin: 0 auto; padding: 0;} #harman_feature .design_box .design{width: 628px; margin-top: 40px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .design_box .design .pict13{float: left; width: 196px; height: 225px; margin: 0 auto; padding: 0;} #harman_feature .design_box .design .pict14{float: left; width: 196px; height: 225px; margin-left: 20px; padding: 0;} #harman_feature .design_box .design .pict15{float: left; width: 196px; height: 225px; margin-left: 20px; padding: 0;} #harman_feature .design_box p{font-size: 15px; color: #040707; width: 633px; margin-top: 25px; margin-left: auto; margin-right: auto; margin-bottom: 54px; padding: 0;} #harman_feature .safety_box{width: 960px; margin: 0 auto; padding: 0;} #harman_feature .safety_box .safety_t{width: 564px; margin-top: 39px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .safety_box .safety_t .safety_t_l{float: left; width: 275px; height: 91px; margin: 0 auto; padding: 0;} #harman_feature .safety_box .safety_t .safety_t_r{float: left; width: 270px; height: 91px; margin-left: 19px; padding: 0;} #harman_feature .safety_box .safety_b{width: 564px; margin-top: 18px; margin-left: auto; margin-right: auto; padding: 0;} #harman_feature .safety_box .safety_b .safety_b_l{float: left; width: 275px; height: 91px; margin: 0 auto; padding: 0;} #harman_feature .safety_box .safety_b .safety_b_r{float: left; width: 270px; height: 91px; margin-left: 19px; padding: 0;} #harman_feature .safety_box p{font-size: 15px; color: #040707; width: 603px; margin-top: 41px; margin-left: auto; margin-right: auto; margin-bottom: 56px; padding: 0;} #harman_feature .maintenance{width: 960px; margin: 0 auto; padding: 0;} #harman_feature .maintenance ul{width: 670px; margin: 0 auto; padding: 0;} #harman_feature .maintenance li{width: 660px; font-size: 15px; color: #040707; margin-top: 40px; margin-left: auto; margin-right: auto; padding: 0; list-style: none;} #harman_feature .maintenance li::before{position: relative; top: -5px; left: -7px; display: inline-block; width: 3px; height: 3px; content: ""; border-radius: 100%; background: #040707;} #harman_feature .maintenance .txt_b{width: 660px; font-size: 15px; color: #040707; margin-top: 17px; margin-left: auto; margin-right: auto; margin-bottom: 58px; padding: 0;} /* xxv製品 */ #harman_xxv .xxv_box{width: 960px; margin: 0 auto; padding: 0;} #harman_xxv .xxv_box .pict20{width: 925px; height: 913px; margin-top: 23px; margin-left: auto; margin-right: auto; padding: 0;} #harman_xxv .xxv_box p{font-size: 15px; color: #040707; width: 918px; margin-top: 22px; margin-left: auto; margin-right: auto; padding: 0; line-height: 215%;} #harman_xxv .xxv_box .xxv_t{width: 936px; margin-top: 38px; margin-left: auto; margin-right: auto; padding: 0;} #harman_xxv .xxv_box .xxv_t .xxv_t_l{float: left; width: 296px; height: 230px; margin: 0 auto; padding: 0;} #harman_xxv .xxv_box .xxv_t .xxv_t_c{float: left; width: 296px; height: 230px; margin-left: 34px; padding: 0;} #harman_xxv .xxv_box .xxv_t .xxv_t_r{float: left; width: 272px; height: 230px; margin-left: 38px; padding: 0;} #harman_xxv .xxv_box .xxv_b{width: 936px; margin-top: 12px; margin-left: auto; margin-right: auto; margin-bottom: 55px; padding: 0;} #harman_xxv .xxv_box .xxv_b .xxv_b_l{float: left; font-size: 13px; color: #040707; width: 296px; margin: 0 auto; padding: 0; line-height: 180%;} #harman_xxv .xxv_box .xxv_b .xxv_b_c{float: left; font-size: 13px; color: #040707; width: 296px; margin-top: 0; margin-left: 34px; padding: 0; line-height: 180%;} #harman_xxv .xxv_box .xxv_b .xxv_b_r{float: left; font-size: 13px; color: #040707; width: 272px; margin-top: 0; margin-left: 38px; padding: 0; line-height: 180%;} #harman_xxv .products{width: 960px; margin: 0 auto; padding: 0;} #harman_xxv .products .pict24{float: left; width: 310px; height: 342px; margin-top: 60px; margin-left: 71px; margin-right: 0; padding: 0;} #harman_xxv .products .box_r{float: left; width: 579px; height: 457px; margin: 0; padding: 0;} #harman_xxv .products .box_r .txt{float: left; width: 343px; margin-top: 67px; margin-left: 88px; margin-right: auto; padding: 0;} #harman_xxv .products .box_r .txt .txt_l{float: left; font-size: 15px; color: #040707; text-align: right; margin: 0 auto; padding: 0; line-height: 270%;} #harman_xxv .products .box_r .txt .txt_r{float: left; font-size: 15px; color: #040707; text-align: left; margin-left: 20px; padding: 0; line-height: 270%;} #harman_xxv .products .box_r .tel{width: 457px; height: 70px; margin-top: 358px; margin-left: 82px; margin-right: auto;} #harman_xxv .products .box_r .tel a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} /* その他の製品 */ #harman_other .other_1{width: 960px; margin: 0 auto; padding: 0; border-bottom: 1px solid #c3c3c3;} #harman_other .other_1 .box_l{float: left; width: 400px; height: 670px; margin: 0; padding: 0;} #harman_other .other_1 .box_l .other1{width: 231px; height: 335px; margin-top: 150px; margin-left: 64px; padding: 0;} #harman_other .other_1 .box_r_t{float: left; width: 560px; margin: 0; padding: 0;} #harman_other .other_1 .box_r_t h4{width: 560px; padding:20px; color: #9e091e; font-size: 20px; background-color: #ececec; border-left: 5px solid #9e091e; margin-top: 63px; font-weight: normal;} #harman_other .other_1 .box_r_t .txt{width: 245px; margin-top: 30px; margin-left: auto; margin-right: auto; padding: 0;} #harman_other .other_1 .box_r_t .txt .txt_l{float: left; font-size: 15px; color: #040707; text-align: right; margin: 0 auto; padding: 0; line-height: 270%;} #harman_other .other_1 .box_r_t .txt .txt_r{float: left; font-size: 15px; color: #040707; text-align: left; margin-left: 20px; padding: 0; line-height: 270%;} #harman_other .other_1 .box_r_b{float: left; width: 560px; margin: 0; padding: 0;} #harman_other .other_1 .box_r_b p{font-size: 13px; color: #040707; margin-top: 30px; margin-left: 26px; margin-right: 43px; padding: 0; line-height: 150%;} #harman_other .other_1 .box_r_b .detail_btn{width: 228px; height: 51px; margin-top: 38px; margin-left: 312px; padding: 0;} #harman_other .other_1 .box_r_b .detail_btn a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} #harman_other .other_2{width: 960px; margin: 0 auto; padding: 0; border-bottom: 1px solid #c3c3c3;} #harman_other .other_2 .box_l{float: left; width: 400px; height: 670px; margin: 0; padding: 0;} #harman_other .other_2 .box_l .other2{width: 191px; height: 337px; margin-top: 150px; margin-left: 83px; padding: 0;} #harman_other .other_2 .box_r_t{float: left; width: 560px; margin: 0; padding: 0;} #harman_other .other_2 .box_r_t h4{width: 560px; padding:20px; color: #9e091e; font-size: 20px; background-color: #ececec; border-left: 5px solid #9e091e; margin-top: 54px; font-weight: normal;} #harman_other .other_2 .box_r_t .txt{width: 245px; margin-top: 30px; margin-left: auto; margin-right: auto; padding: 0;} #harman_other .other_2 .box_r_t .txt .txt_l{float: left; font-size: 15px; color: #040707; text-align: right; margin: 0 auto; padding: 0; line-height: 270%;} #harman_other .other_2 .box_r_t .txt .txt_r{float: left; font-size: 15px; color: #040707; text-align: left; margin-left: 20px; padding: 0; line-height: 270%;} #harman_other .other_2 .box_r_b{float: left; width: 560px; margin: 0; padding: 0;} #harman_other .other_2 .box_r_b p{font-size: 13px; color: #040707; margin-top: 30px; margin-left: 26px; margin-right: 43px; padding: 0; line-height: 150%;} #harman_other .other_2 .box_r_b .detail_btn{width: 228px; height: 51px; margin-top: 38px; margin-left: 312px; padding: 0;} #harman_other .other_2 .box_r_b .detail_btn a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} #harman_other .other_3{width: 960px; margin: 0 auto; padding: 0;} #harman_other .other_3 .box_l{float: left; width: 400px; height: 725px; margin: 0; padding: 0;} #harman_other .other_3 .box_l .other3{width: 189px; height: 324px; margin-top: 150px; margin-left: 83px; padding: 0;} #harman_other .other_3 .box_r_t{float: left; width: 560px; margin: 0; padding: 0;} #harman_other .other_3 .box_r_t h4{width: 560px; padding:20px; color: #9e091e; font-size: 20px; background-color: #ececec; border-left: 5px solid #9e091e; margin-top: 57px; font-weight: normal;} #harman_other .other_3 .box_r_t .txt{width: 245px; margin-top: 30px; margin-left: auto; margin-right: auto; padding: 0;} #harman_other .other_3 .box_r_t .txt .txt_l{float: left; font-size: 15px; color: #040707; text-align: right; margin: 0 auto; padding: 0; line-height: 270%;} #harman_other .other_3 .box_r_t .txt .txt_r{float: left; font-size: 15px; color: #040707; text-align: left; margin-left: 20px; padding: 0; line-height: 270%;} #harman_other .other_3 .box_r_b{float: left; width: 560px; margin: 0; padding: 0;} #harman_other .other_3 .box_r_b p{font-size: 13px; color: #040707; margin-top: 30px; margin-left: 26px; margin-right: 43px; padding: 0; line-height: 150%;} #harman_other .other_3 .box_r_b .detail_btn{width: 228px; height: 51px; margin-top: 38px; margin-left: 312px; padding: 0;} #harman_other .other_3 .box_r_b .detail_btn a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .center{text-align: center;} .spt10{padding-top: 10px;} .spt15{padding-top: 15px;} .spt20{padding-top: 20px;} .spt30{padding-top: 30px;} .clearfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden;} * html .clearfix{height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/}