@charset "UTF-8";
/*
Englishページ用CSS
*/

/*-----------------------------------------------------------------
共通設定
-----------------------------------------------------------------*/
html{
    font-family: Verdana,"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka,"Arial";
}

#headerEn {
    height: 180px;
    color: #fff;
}

#headerEn .logo {
    top: 30px;
}

#headerEn .comName {
    position: absolute;
    left: 382px;
    top: 46px;
    font-size: 80%;
}

#headerEn h1 {
    font-size: 100%;
    position: absolute;
    left: 382px;
    top: 67px;
}

#headerEn .btnJP {
    position: absolute;
    right: 0;
    top: 48px;
}

/*ナビゲーション*/
#gNavEnglish ul {
    width: 1200px;
    height: 50px;
    position: absolute;
    bottom: 20px;
}

#gNavEnglish ul li {
    float: left;
    height: 50px;
    border-right: dotted 1px #fff;
}

#gNavEnglish ul li.nav01 {
    width: 145px;
    border-left: dotted 1px #fff;
}

#gNavEnglish ul li.nav02 {
    width: 158px;
}

#gNavEnglish ul li.nav03 {
    width: 267px;
}

#gNavEnglish ul li.nav04 {
    width: 254px;
}

#gNavEnglish ul li.nav05 {
    width: 179px;
}

#gNavEnglish ul li.nav06 {
    width: 190px;
}

#gNavEnglish ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}

#gNavEnglish ul li a:hover {
    background-color: #5b6090;
    color: #fff;
}

.gNav_english .nav01 a ,
.gNav_quality .nav02 a ,
.gNav_stocklist .nav03 a ,
.gNav_customer .nav04 a ,
.gNav_profile .nav05 a {
    background-color: #5b6090;
    color: #fff;
}

/*
footer
*/

#footerEnglish {
    height: 64px;
    background: #272e6d;
}

#footerEnglish .inner {
    width: 1205px;
    height: 64px;
    margin: 0 auto;
    overflow: hidden;
}

#footerEnglish .inner ul {
    float: left;
    overflow: hidden;
}

#footerEnglish .inner ul li {
    float: left;
    margin-right: 15px;
    line-height: 64px;
}

#footerEnglish .inner ul li a {
    display: inline-block;
    height: 12px;
    padding-left: 17px;
    background: url(img/common/arrow03.png) left center no-repeat;
    line-height: 12px;
    font-size: 80%;
    color: #fff;
}

#footerEnglish .inner ul li a:hover {
    color: #ccc;
}

#footerEnglish .inner #copyright {
    clear: none;
    width: auto;
    height: 64px;
    margin: 0;
    float: right;
    line-height: 64px;
    text-align: right;
    font-size: 80%;
    color: #fff;
}

/*-----------------------------------------------------------------
Slider
-----------------------------------------------------------------*/
/*Slider*/
#sliderWrap{
    width:100%;
    margin: 0;
    padding: 22px 0 30px;;
    overflow:hidden;
    background: url(img/common/bg01.png);
}

.bx-wrapper{
    position:relative;
    top: 0;
}

.bx-viewport{
    width: 1300px !important;
    height: 470px !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

#slider li {
}

/*Slider Prev Next*/
#controlWrap {
    width: 100%;
    height: 40px;
    top: 425px;
    z-index: 100;
    position: absolute;
}

#control {
    width: 1240px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
}

#control .left {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
}

#control .right {
    float: right;
    display: block;
    width: 40px;
    height: 40px;
}

.bx-pager {
    width: 100px;
    height: 10px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    text-align: center;
    z-index: 100;
}

.bx-pager-item {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    text-indent: -9999px;
}

.bx-pager-item a.bx-pager-link {
    background: url(img/top/pager_default.png) center top no-repeat;
    display: block;
}

.bx-pager-item a.active {
    background: url(img/top/pager_active.png) center top no-repeat;
    display: block;
}

/*-----------------------------------------------------------------
main
-----------------------------------------------------------------*/
#englishTopMain {
    width: 1198px;
    padding: 31px 0 0;
    margin: -59px auto 50px;
    background: url(img/top/main_bg.png) center top no-repeat;
    overflow: hidden;
    position: relative;
}

#englishTopMain #sec01 h3 {
    width: 1120px;
    height: 39px;
    margin: 0 auto 10px;
    background: url(img/english/common/icon01.png) left center no-repeat;
    line-height: 39px;
    text-indent: 51px;
    font-size: 150%;
    font-weight: bold;
    color: #272e6d;
}

#englishTopMain #sec01 .upper {
    width: 1120px;
    margin: 0 auto 50px;
    overflow: hidden;
}

#englishTopMain #sec01  .upper .txtWrap {
    float: left;
    width: 600px;
}

#englishTopMain #sec01  .upper .txtWrap p {
    margin-bottom: 10px;
    line-height: 130%;
    font-size: 95%;
}

#englishTopMain #sec01  .upper .txtWrap p strong {
    display: block;
}

#englishTopMain #sec01  .upper .img {
    float: right;
}

#englishTopMain #sec01  ul {
    padding-left: 39px;
    overflow: hidden;
}

#englishTopMain #sec01  li {
    float: left;
    width: 550px;
    margin: 0 20px 20px 0;
}

#englishTopMain #sec01  li a:hover {
    color: #fff;
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}

#englishTopMain #sec01  li div {
    width: 514px;
    height: 80px;
    padding: 0 18px;
    background: #272e6d;
    color: #fff;
    display: table;
}

#englishTopMain #sec01  li p {
    line-height: 120%;
    display: table-cell;
    vertical-align: middle;
}

/*sec02*/
#englishTopSec02Wrap {
    padding: 40px 0 80px;
    background: url(img/common/bg01.png);
}

#englishTopSec02Wrap #sec02 {
    width: 1040px;
    padding: 40px;
    margin: 0 auto;
    background: url(img/english/top/sec02_item02_bg.jpg) right top no-repeat #fff;
    overflow: hidden;
}

#englishTopSec02Wrap #sec02 .upper {
    margin-bottom: 25px;
    overflow: hidden;
}

#englishTopSec02Wrap #sec02 .upper h3 {
    float: left;
}

#englishTopSec02Wrap #sec02 .upper .btn {
    float: right;
    margin-bottom: 30px;
}

#englishTopSec02Wrap #sec02 .upper .copy {
    clear: both;
    line-height: 130%;
    font-size: 95%;
}

#englishTopSec02Wrap #sec02 .under {
    overflow: hidden;
}

#englishTopSec02Wrap #sec02 .under li {
    float: right;
    width: 500px;
}

#englishTopSec02Wrap #sec02 .under li:first-child {
    float: left;
}

#englishTopSec02Wrap #sec02 .under li h4 {
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: solid 1px #272e6d;
    font-size: 110%;
    font-weight: bold;
    color: #272e6d;
}

#englishTopSec02Wrap #sec02 .under li p {
    font-size: 90%;
    line-height: 120%;
}


/*
下層CSS
*/

/*-----------------------------------------------------------------
共通設定
-----------------------------------------------------------------*/
.wrapperEnglish .main {
    width: 1120px;
}

/*-----------------------------------------------------------------
pagetitle
-----------------------------------------------------------------*/
.wrapperEnglish .pagetitle {
    height: auto;
    background: url(img/pagetitle/pagetitle_bg_en.png) center top no-repeat;
    margin: -34px auto 0;
    padding: 4px 5px 0;
    position: relative;
    width: 1188px;
}

.wrapperEnglish .pagetitle h2 {
    height: auto;
    padding: 50px 0 50px 33px;
    background: none;
}

/*-----------------------------------------------------------------
titlebar
-----------------------------------------------------------------*/
.titlebarE01 {
    padding: 0 0 10px;
    margin: 0 0 40px;
    border-bottom: solid 1px #ccc;
    font-size: 150%;
    font-weight: bold;
    color: #272e6d;
}

/*-----------------------------------------------------------------
Quality
-----------------------------------------------------------------*/
#main_quality .upper {
    width: 1100px;
    margin: 0 auto 70px;
    overflow: hidden;
}

#main_quality .upper .img {
    float: left;
}

#main_quality .upper .content {
    float: left;
    width: 732px;
    height: 440px;
    background: #ffe8e6;
}

#main_quality .upper .content h3 {
    padding: 27px 0 9px 36px;
}

#main_quality .upper .content p {
    padding: 0 0 0 32px;
}

#main_quality #factory {
    width: 1020px;
    margin: 0 auto 30px;
    overflow: hidden;
}

#main_quality #factory h3 {
    margin-bottom: 25px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
}

#main_quality #factory ul {
    position: relative;
}

#main_quality #factory ul .li01 {
    width: 459px;
}

#main_quality #factory ul li {
    width: 255px;
}

#main_quality #factory ul .li02 {
    position: absolute;
    left: 489px;
    top: 0;
}

#main_quality #factory ul .li03 {
    position: absolute;
    right: 0;
    top: 0;
}

#main_quality #factory ul .li04 {
    position: absolute;
    left: 489px;
    top: 233px;
}

#main_quality #factory ul .li05 {
    position: absolute;
    right: 0;
    top: 233px;
}

#main_quality #factory li .img {
    margin-bottom: 10px;
}

#main_quality #factory .li01 .txt {
    height: auto;
    padding-left: 0;
    background: none;
    display: block;
}

#main_quality #factory li .txt {
    height: 58px;
    padding-left: 15px;
    background: url(img/english/quality/factory_cap_bg.png) left top no-repeat;
    line-height: 115%;
    display: table;
}

#main_quality #factory li .txt span {
    display: table-cell;
    vertical-align: middle;
}

#main_quality #exporte {
    clear: both;
    width: 1010px;
    padding: 5px;
    margin: 0 auto 60px;
    background: url(img/common/bg01.png);
}

#main_quality #exporte h4 {
    margin-bottom: 25px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
}

#main_quality #exporte .inner {
    padding: 25px 0 25px 25px;
    border: solid 1px #e9e9e9;
    overflow: hidden;
}

#main_quality #exporte .inner ul {
    margin-right: -25px;
    overflow: hidden;
}

#main_quality #exporte .inner li {
    float: left;
    width: 210px;
    padding-left: 40px;
    background: url(img/common/arrow06.png) 15px 58px no-repeat;
}

#main_quality #exporte .inner li:first-child {
    padding-left: 0;
    background: none;
}

#main_quality #exporte .inner li .img {
    margin-bottom: 10px;
}

#main_quality #sec01 {
    margin-bottom: 75px;
}

#main_quality #sec01 h4 {
    margin-bottom: 20px;
    text-align: center;
}

#main_quality #sec01 .imgWrap {
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
}

#main_quality #sec01 .imgWrap .img {
    float: left;
    padding-right: 30px;
}

#main_quality #sec01 .imgWrap .txt {
    float: left;
    height: 139px;
}

#main_quality #sec01 .imgWrap .txt p {
    display: table;
    height: 139px;
}

#main_quality #sec01 .imgWrap .txt p span {
    display: table-cell;
    vertical-align: middle;
}

#main_quality #sec02 h4 {
    margin-bottom: 25px;
}

#main_quality #sec02 .txt {
    margin-bottom: 25px;
}

#main_quality #sec02 .table {
    text-align: center;
}


/*-----------------------------------------------------------------
Second-hand Piano
-----------------------------------------------------------------*/
#main_stocklist #hugestock {
    width: 960px;
    padding: 30px;
    margin: 0 auto 40px;
    background: #272e6d;
    text-align: center;
    color: #fff;
}

#main_stocklist #hugestock h3 {
    margin: 0 0 3px;
    font-size: 220%;
    font-weight: bold;
}

#main_stocklist #hugestock .copy {
    margin: 0 0 20px;
    font-size: 150%;
    font-weight: bold;
}

#main_stocklist #hugestock ul {
    margin: 0 0 15px;
    overflow: hidden;
}

#main_stocklist #hugestock ul li:first-child {
    float: left;
}

#main_stocklist #hugestock ul li {
    float: right;
}

#main_stocklist #hugestock .txt {
    text-align: left;
}

#main_stocklist #items {
    width: 868px;
    margin: 0 auto 10px;
    overflow: hidden;
}

#main_stocklist #items li {
    float: left;
    width: 177px;
    padding: 0 20px 25px;
    text-align: center;
}

#main_stocklist #items li .title {
    padding-top: 15px;
}

#main_stocklist .btn {
    width: 400px;
    margin: 0 auto 55px;
}

#main_stocklist #reasons {
    width: 1010px;
    padding: 5px;
    margin: 0 auto 60px;
    background: url(img/common/bg01.png);
}

#main_stocklist #reasons .inner {
    padding: 35px 0 10px 55px;
    border: solid 1px #e9e9e9;
}

#main_stocklist #reasons h4 {
    margin: 0 0 35px;
    font-size: 150%;
    font-weight: bold;
    color: #272e6d;
}

#main_stocklist #reasons dt {
    width: 307px;
    height: 40px;
    padding-left: 15px;
    margin: 0 0 20px;
    background: #272e6d;
    -webkit-border-radius: 0 40px 40px 0;
    border-radius: 0 40px 40px 0;
    line-height: 40px;
    font-size: 115%;
    font-weight: bold;
    color: #fff;
}

#main_stocklist #reasons dd {
    width: 900px;
    margin-bottom: 25px;
}

#main_stocklist #dealers h3 {
    margin-bottom: 25px;
}

#main_stocklist #dealers div {
    padding-top: 35px;
    text-align: center;
}

/*-----------------------------------------------------------------
Customer Service
-----------------------------------------------------------------*/
#main_customer .upper {
    width: 980px;
    margin: 0 auto 75px;
    position: relative;
}

#main_customer .upper >.img {
    position: absolute;
    right: 0;
    top: 0;
}

#main_customer .upper dt {
    height: 44px;
    margin-bottom: 20px;
    background: #272e6d;
    -webkit-border-radius: 0 52px 52px 0;
    border-radius: 0 52px 52px 0;
    line-height: 44px;
    text-indent: 20px;
    font-weight: bold;
    color: #fff;
}

#main_customer .upper .dt01,
#main_customer .upper .dt02 {
    width: 504px;
    font-size: 120%;
}

#main_customer .upper dd {
    font-size: 90%;
}

#main_customer .upper .dd01 {
    width: 570px;
    height: 75px;
}

#main_customer .upper .dd02 {
    width: 570px;
    height: 57px;
}

#main_customer .upper .dt03,
#main_customer .upper .dt04 {
    width: 481px;
}

#main_customer .upper .dd03,
#main_customer .upper .dd04 {
    width: 481px;
    height: 162px;
}

#main_customer .upper .dd03 .img,
#main_customer .upper .dd04 .img{
    float: left;
}

#main_customer .upper .dd03 .txt,
#main_customer .upper .dd04 .txt{
    float: right;
    width: 223px;
}

#main_customer .upper .dt04 {
    position: absolute;
    bottom: 162px;
    right: 0;
}

#main_customer .upper .dd04 {
    position: absolute;
    bottom: 0;
    right: 0;
}

#main_customer .upper .dd04 span {
    font-size: 90%;
}

#title_Customer_Service {
  margin: 0 0 40px;
}

#main_customer #sec01 {
    width: 1120px;
    margin: 0 auto 12px;
    overflow: hidden;
}

#main_customer #sec01 .logo {
  width: 890px;
  margin: 0 auto 25px;
}

#main_customer #sec01 .img {
  width: 890px;
  margin: 0 auto 25px;
}

#main_customer #sec01 .txt {
  width: 890px;
  margin: 0 auto 70px;
}

#main_customer #sec02 {
    width: 1120px;
    margin: 0 auto 55px;
    overflow: hidden;
}

#main_customer #sec02 .left {
    float: left;
    width: 680px;
}

#main_customer #sec02 .left h4 {
    margin: 0 0 25px;
    font-size: 110%;
    font-weight: bold;
}

#main_customer #sec02 .img {
    float: right;
}

#main_customer #sec03 {
    width: 1120px;
    margin: 0 auto 55px;
    overflow: hidden;
}

#main_customer #sec03 .right {
    float: right;
    width: 680px;
    padding-right: 30px;
}

#main_customer #sec03 .right h4 {
    margin: 0 0 25px;
    font-size: 110%;
    font-weight: bold;
}

#main_customer #sec03 .img {
    float: left;
}

#main_customer #sec04 {
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
}

#main_customer #sec04 > .img {
    float: right;
    margin: 0 0 40px;
}

#main_customer #sec04 .left {
    float: left;
    width: 680px;
    margin: 0 0 40px;
    text-align: center;
}

#main_customer #sec04 .left .logo {
    margin: 18px 0 30px;
}

#main_customer #sec04 .left .philosophy {
    margin: 0 0 37px;
}

#main_customer #sec04 .left h4 {
    margin: 0 0 20px;
}

#main_customer #sec04 .left .txt {
    text-align: left;
}

#main_customer #sec04 #rythmique {
    clear: both;
    width: 1110px;
    padding: 5px;
    margin: 0 auto 60px;
    background: url(img/common/bg01.png);
}

#main_customer #sec04 #rythmique .inner {
    padding: 25px 45px;
    border: solid 1px #e9e9e9;
    overflow: hidden;
}

#main_customer #sec04 #rythmique .inner .right {
    float: right;
    width: 780px;
    margin-top: 15px;
}

#main_customer #sec04 #rythmique .inner .right h4 {
    margin-bottom: 20px;
    font-size: 110%;
    font-weight: bold;
}

#main_customer #sec04 #rythmique .inner .img {
    float: left;
}

/*-----------------------------------------------------------------
company
-----------------------------------------------------------------*/
#main_profile #sec01 {
    margin: 0 0 55px;
}

#main_profile #sec01 table {
    width: 1020px;
    margin: 0 auto 60px;
}

#main_profile #sec01 table th {
    width: 350px;
    padding: 20px 0;
    background: #eee5d4;
    border: solid 1px #ccc;
    font-weight: bold;
}

#main_profile #sec01 table td {
    padding: 20px;
    border: solid 1px #ccc;
}

#main_profile #sec01 table td a {
    text-decoration: underline;
    color: #312ac1;
}

#main_profile #sec01 table td a:hover {
    color: #736edf;
}

#main_profile #sec01 ul {
    margin-bottom: 45px;
    text-align: center;
}

#main_profile #sec01 li {
    display: inline-block;
    width: 209px;
    padding: 0 65px;
    text-align: center;
}

#main_profile #sec01 li .portlait {
    margin-bottom: 10px;
}

#main_profile #sec01 li .position {
    font-weight: bold;
}

#main_profile #sec01 #wah {
    width: 960px;
    padding: 27px 0 45px;
    margin: 0 auto;
    background: #272e6d;
    text-align: center;
}

#main_profile #sec01 #wah h4 {
    margin-bottom: 27px;
    line-height: 0;
}

#main_profile #sec01 #wah .map {
    margin-bottom: 30px;
}

#main_profile #sec02 dl {
    width: 960px;
    margin: 0 auto;
    border-top: dotted 1px #ccc;
    overflow: hidden;
}

#main_profile #sec02 dl dt {
    clear: both;
    float: left;
    width: 135px;
    padding: 20px 0;
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
}

#main_profile #sec02 dl dd {
    float: left;
    width: 825px;
    padding: 20px 0;
    border-bottom: dotted 1px #ccc;
}