@charset "utf-8";
/*----------------------------------------

    - default setting
    - color setting
    - clearfix
    - common setting
    +   wrapper
        - header
        - footer
        - contents(共通部分)
        - contents(base.html専用)
        - contents(personal.html専用)
        - contents(confirm.html専用)
        - contents(complete.html専用)

/*----------------------------------------
    default setting
-----------------------------------------*/
html {
  background-color: transparent;
  background-image: none;
  overflow-y: scroll;
  color: #333;
}

body {
  background: #ebebeb;
}

table{
  border-collapse: separate;
  border-spacing: 0;
}

a img {
  border: 0;
}

strong {
  font-weight: bold;
}

input[type="checkbox"] {
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

input[type="radio"] {
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

/*for Webkit*/
::-webkit-input-placeholder {
  color: #999;
}

/*for Firefox*/
:-moz-placeholder {
  color: #999;
}

/* IE7のみレイアウト崩れの対処 他のブラウザには影響しない */
*+html table.base_table01 select,
*+html table.perso_table01 input,
*+html table.pack_table01 select {
  vertical-align: middle;
}

/*----------------------------------------
    link setting
-----------------------------------------*/
a:link,
a:visited {
  color: #073cde;
  text-decoration: underline;
}

a:hover,
a:active {
  color: #073cde;
  text-decoration: none;
}

/*----------------------------------------
    color setting
-----------------------------------------*/
.grey01 {
  color: #333 !important;
}

.grey02 {
  color: #999;
}

.grey03 {
  color: #4c4c4c;
}

.grey04 {
  color: #666;
}

.red01 {
  color: #ff3333;
}

/*----------------------------------------
  clearfix
-----------------------------------------*/

.clearfix {
  zoom:1;
  display: inline-block;
  position: relative;
}

/*----------------------------------------
  common setting
-----------------------------------------*/
.alphaover:hover {
  zoom: 1.0;
  opacity: 0.85;
  filter: alpha(opacity=85); /* IE6/7 */
}

/* 主にタイトル下の空き確保に */
.mgn_top12 {
    margin-top: 12px;
}

/* ツールチップ */
a.tooltip {
  text-decoration: none;
}

.tooltip {
  position: relative;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span {
  color: #0b6bd9;
  visibility: hidden;
  position: absolute;
  bottom: 33px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 12px 10px 8px 10px;
  border: 1px solid #ccc;
  opacity: .9;
  background-color: #f5f5f5;
  background: -moz-linear-gradient(top, #eee 10%, #fff);
  background: -webkit-gradient(linear, center top, center bottom, from(#eee), color-stop(0.3, #f7f7f7), to(#fff));
  background-image: linear-gradient(#eee, #fff);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.4), 0 2px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.4), 0 2px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 2px 3px rgba(0,0,0,.4), 0 2px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip span.option {
  bottom: 90px;
}

.tooltip:hover {
  border: 0; /* IE6 fix */
}

.tooltip:hover span {
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #eee;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before {
  border-top-color: #ccc;
  bottom: -8px;
}

/*----------------------------------------
    wrapper
-----------------------------------------*/
#wrapper {
  width: 100%;
  background-color: #fff;
}

/*----------------------------------------
  wrapper - header
-----------------------------------------*/
#header {
  background: #fff;
}

#header div {
  width: 760px;
  margin: 0 auto;
  position: relative;
}

#header div p#logo01 {
  height: 58px;
}

#header div p#header_present01 {
  position: absolute;
  top: -4px;
  right: -16px;
}

/*----------------------------------------
  wrapper - footer
-----------------------------------------*/
#footer {
  width: 100%;
  padding-top: 20px;
  background: url(../images/cmn_footer_line01.png) repeat-x left top;
  font-size: 85%; /* footerのフォントサイズは、12px固定なのでここで一括指定 */
  background-color: #f5f5f5;
}

#footer #footer_box01 {
  width: 760px;
  margin: 0 auto;
  padding: 10px 0 20px;
  text-align: center;
}

#footer #footer_box01 ul li {
  margin-bottom: 5px;
}

#footer table#footer_box02 {
  width: 675px;
  margin: 0 auto 20px;
}

#footer table#footer_box02 tr td#cybertrust01 {
  background: #fff;
  padding: 0 3px 0 1px;
  border: 1px solid #ccc;
}

#footer table#footer_box02 td#footer_box02_txt01 {
  width: 95%;
}

#footer table#footer_box02 td#footer_box02_txt01 ul {
  padding-left: 11px;
}

#footer table#footer_box02 td#footer_box02_txt01 ul li {
  padding-bottom: 2px;
  white-space: nowrap;
}

#footer p.copy01 {
  padding: 15px 0 20px;
  background: url(../images/cmn_footer_line02.png) repeat-x left top;
  text-align: center;
}

#footer table#footer_box02 td#footer_box02_txt01 p#attention01 {
  margin:3px 0 0 11px;
  padding-left: 1em;
  text-indent: -1em;
}

/*----------------------------------------
    wrapper - contents（共通項目）
-----------------------------------------*/
#contents {
  background: #fff;
}

#contents #contents_ie6_wrap {
  width:760px;
  margin: 0 auto;
}

/* 共通外側枠 */
#contents .contents_wrap {
  margin-bottom: 30px;
  background: url(../images/cmn_contents_bg01.png) repeat-y;
}

#contents .contents_wrap .contents_bg_top {
  width: 760px;
  padding-top: 20px;
  background: url(../images/cmn_contents_bg_top01.png) no-repeat left top;
}

#contents .contents_wrap .contents_bg_top .contents_bg_btm {
  width: 730px;
  background: url(../images/cmn_contents_bg_btm01.png) no-repeat left bottom;
  padding-left: 30px;
}

#contents table.base_table01 td.td03 label {
  padding-right: 16px;
}

#contents table.confi_table04 td.td02 label {
 padding-right: 9px;
}

#contents .category_wrap {
  background: url(../images/cmn_category_bg01.png) repeat-y scroll 0 0 rgba(0, 0, 0, 0);
  width: 700px;
}
#contents .category_wrap .category_bg_top {
  background: url(../images/cmn_category_bg_top01.png) no-repeat scroll left top rgba(0, 0, 0, 0);
}
#contents .category_wrap .category_bg_top .category_bg_btm {
  background: url(../images/cmn_category_bg_btm01.png) no-repeat scroll left bottom rgba(0, 0, 0, 0);
  padding: 2px;
  width: 696px;
}

#contents #next_box01 {
  padding-bottom: 19px;
  text-align: center;
  width: 700px;
}

#contents #next_box01 p {
  padding-bottom: 12px;
  text-align: left;
}

/* 共通カテゴリスペース */
#wrapper .box_space01 {
  width: 700px;
  padding-bottom: 20px;
}

#wrapper .box_space02 {
  width: 700px;
  padding-bottom: 35px;
}

#wrapper .box_space03 {
  width: 700px;
  padding-bottom: 20px;
}

#wrapper .box_space04 {
  width: 700px;
  padding-bottom: 30px;
}

/* 共通タイトル */
#contents p.tit01 {
  margin-bottom: 1px;
  position: relative;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  padding: 5px 10px 0 10px;
}

#contents p.tit01.size17 {
  padding-top: 7px;
  min-height: 28px;
  height: auto !important;
  height: 28px;
}

#contents p.tit01.size22 {
  padding-top: 7px;
  min-height: 35px;
  height: auto !important;
  height: 35px;
}


/* 共通タイトルアイコン */
#contents p.ic01 {
  width: 621px;
  padding-left: 69px;
}

#contents p.ic01 img {
  position: absolute;
  left: 0;
  top: 0;
}

/* base.htmlの現在のお住まいアイコン */
#contents p#ic02 {
  width: 621px;
  padding-left: 69px;
}

#contents p#ic02 img {
  position: absolute;
  top: 0;
  left: 0;
}

/* base.htmlの引越し先のお住まいアイコン */
#contents p#ic03 {
  width: 621px;
  padding-left: 69px;
}

#contents p#ic03 img {
  position: absolute;
  top: 0;
  left: 0;
}

/* base.htmlの移動先のお住まいアイコン */
#contents p#ic04 {
  width: 621px;
  padding-left: 69px;
}

#contents p#ic04 img {
  position: absolute;
  top: 0;
  left: 0;
}

/* 共通リード文 */
#contents .txt01 {
  width: 685px;
  padding: 12px 0 11px 15px;
}

#contents .txt02 {
  width: 685px;
  padding: 12px 0 0 15px; /* リード文だけで終わる場合 */
}

/* 共通input関連 */
select {
  height: 30px;
  padding: 3px 0 3px 5px;
  border: 1px solid #999;
  outline: 0 none black;
}

#contents table td p#newhouse_check01 {
  width: 100%;
  margin-top: 2px;
  padding-top: 8px;
}

#contents table td p#newhouse_check01 input {
  border: 0;
  padding: 0;
}

#contents table td p.td_caption01 {
  padding-top: 4px;
}

/* 共通見積ボタン周辺 */
#contents p#btn01 {
  margin: -5px auto 0;
  padding-bottom: 45px;
  text-align: center;
}

#contents p.attention01 {
  text-align: center;
  padding-bottom: 25px;
}

#contents p#attention02 {
  padding-bottom: 45px;
  text-align: center;
}

#contents p.tothanks_txt01 {
  text-align: center;
  margin-top: -32px;
  padding-bottom: 40px;
}

#contents noscript {
  text-align: center;
  padding-bottom: 20px;
  display: block;
  font-weight: bold;
}

/* 共通セパレートライン */
#contents #separate01 {
  padding-top: 30px;
  position: relative;
}

#contents #separate01 #separate_line01 {
  position: absolute;
  top: 0;
  left: -27px;
}

/* 共通点線 */
#contents .line01 {
  background: url(/piano_request/images/cmn_contents_line01.png) repeat-x bottom;
}

#contents .line02 {
  background: url(/piano_request/images/cmn_contents_line02.png) no-repeat right top;
}

/* その他 */
#contents #request_additional_load_information {
  width: 400x;
  height: 120px;
  padding: 8px;
}
#contents #request_additional_information {
  width: 490px;
   height: 63px;
  padding: 8px;
}

.irregular_space01 {
  padding-bottom: 30px;
}

#contents #irregular_space02 {
  padding-top: 0;
}

#contents .irregular_space03 {
  padding-bottom: 21px;
}

/* 共通エラー項目 */
#contents #error_wrap {
  width: 760px;
  margin: 0 auto 15px;
  background: url(/piano_request/images/cmn_error_bg01.png) repeat-y;
}

#contents #error_wrap #error_bg_top {
  background: url(/piano_request/images/cmn_error_bg01_top.png) no-repeat left top;
}

#contents #error_wrap #error_bg_top #error_bg_btm {
  padding: 24px 30px 23px 30px;
  background: url(/piano_request/images/cmn_error_bg01_btm.png) no-repeat left bottom;
}

#contents #error_wrap #error_bg_top #error_bg_btm,
#contents #error_wrap #error_bg_top #error_bg_btm a {
  color: #ff3333; /* エラー項目のフォントカラーは、固定なのでここで一括指定 */
}

#contents #error_wrap #error_bg_top #error_bg_btm ul {
  padding-top: 6px;
}

#contents #error_wrap #error_bg_top #error_bg_btm ul li {
  margin-top: 2px;
  padding-left: 19px;
  background: url(/piano_request/images/cmn_error_ic01.png) no-repeat left top;
}

#contents p.error_txt01 {
  margin-top: 6px;
  padding: 5px 0 0 16px;
  background: url(/piano_request/images/cmn_error_ic02.png) no-repeat left 7px;
  *margin-top: 11px;
  *padding: 0 0 0 16px;
  *background: url(/piano_request/images/cmn_error_ic02.png) no-repeat left 2px;
  color: #ff3333; /* エラーテキストのフォントカラーは、固定なのでここで一括指定 */
  clear: both;
}

#contents p.change01 {
  margin-top: 7px;
  padding-right: 10px;
  background: url(/piano_request/images/cmn_arrow01.png) no-repeat right 3px;
  text-align: right;
  font-size: 85%;
}

#contents p.caption01 {
  padding-top: 5px;
  text-align: right;
}

.campaign_txt01 {
  color: #ff0000;
  font-size: 16px;
}

/*----------------------------------------
  wrapper - contents(base.html専用)
-----------------------------------------*/
#contents #hide01,
#contents #hide02 {
  display: none;
}

#contents table.base_table01 {
  width: 700px;
}

#contents table.base_table01 td {
  background: #f5f5f5 url(/piano_request/images/cmn_contents_line01.png) repeat-x right bottom;
}

#contents table.base_table01 tr.tr_last td {
  background-image: none !important;
}

#contents table.base_table01 td.td01 {
  width: 51px;
  text-align: right;
}

#contents table.base_table01 td.td02 {
  width: 90px;
  padding: 10px;
  color: #4c4c4c; /* 項目名のフォントカラーは、固定なのでここで一括指定 */
  font-size: 100%; /* 項目名のフォントサイズは、14px固定なのでここで一括指定 */
}

#contents table.base_table01 td.td03 {
  width: 523px;
  padding: 12px 0 13px 16px;
  background: url(/piano_request/images/cmn_contents_line01.png) repeat-x right bottom;
}

#contents table.base_table01 td.td03 p#newzipcode01 {
  position: relative;
}

#contents table.base_table01 td.td03 p#newzipcode01 span {
  position: absolute;
  top: 1px;
  left: 128px;
}
#contents table.base_table01 td.td03 #wrap4516032jqiho {
  float: left;
  width: 123px;
}

#contents table.base_table01 td.td03 #4516032jqiho_caption01 {
  float: left;
  padding: 8px 0 0 6px;
}

#contents table.base_table01 td.td03 #wrap4600031jqiho {
  float: left;
  width: 123px;
}

#contents table.base_table01 td.td03 #4600031jqiho_caption01 {
  float: left;
  display: block;
  padding: 2px 0 0 6px !important;
}

/*----------------------------------------
    wrapper - contents(personal.html専用)
-----------------------------------------*/
#contents img#privacy01 {
  width: 142px;
  position: absolute;
  left: 557px;
  top: 37px;
}

#contents textarea#request_additional_information {
  width: 680px;
  padding: 10px;
  height: 110px;
}

#contents table.perso_table01 {
  width: 700px;
}

#contents table.perso_table01 tr.tr_last td {
  background-image: none !important;
}

#contents table.perso_table01 td {
  background: #f5f5f5 url(/piano_request/images/cmn_contents_line01.png) repeat-x right bottom;
}

#contents table.perso_table01 td.td01 {
  width: 51px;
  text-align: right;
}

#contents table.perso_table01 td.td02 {
  width: 104px;
  padding: 10px 10px 13px;
  color: #4c4c4c; /* 項目名のフォントカラーは、固定なのでここで一括指定 */
  font-size: 100%; /* 項目名のフォントサイズは、14px固定なのでここで一括指定 */
}

#contents table.perso_table01 td#question01 {
  font-size: 100%; /* 3行にならないように調整 */
}

#contents table.perso_table01 td.td03 {
  padding: 9px 0 10px 16px;
  background: #fff url(/piano_request/images/cmn_contents_line01.png) repeat-x right bottom;
}

#contents table.perso_table01 td.td03 table td {
  padding: 2px 0 2px 0;
  background: none;
}

#contents table.perso_table01 td.td03 table td input {
  width: 1em;
  height: 1em;
}

#contents table.perso_table01 td.td03 table td.know01 {
  padding-right: 15px;
  background: none;
}

#contents table.perso_table02 {
  width: 696px;
}

#contents table.perso_table02 th {
padding: 10px 0 0 19px;
}

#contents table.perso_table02 table {
  width: 100%;
}

#contents table.perso_table02 th table {
  margin: 25px 0 20px;
}

#contents table.perso_table02 th table td {
  width: 50%;
  padding: 0 20px;
  background: #fff;
  font-weight: bold; /* 申し込み相談のフォントウェイトは、bold固定なので一括指定 */
}

#contents table.perso_table02 table td#txt_right01 {
  text-align: right;
  background: url(/piano_request/images/cmn_contents_line02.png) no-repeat right top;
}

#contents table.perso_table02 td {
  padding: 10px 10px 8px 17px;
  background: #f5f5f5;
}

#contents table.perso_table02 td p.grey03 {
  padding-top: 3px;
}

#contents table.perso_table03 {
  width: 696px;
}

#contents table.perso_table03 .greybg {
  background-color: #e6e6e6;
}

#contents table.perso_table03 th {
  padding: 11px 0 12px 17px;
}

#contents table.perso_table03 td {
  padding: 12px 10px 9px 17px;
}

/*----------------------------------------
    wrapper - contents(confirm.html専用)
-----------------------------------------*/
#contents #return_box01 {
  padding: 40px 0;
  text-align: center;
}

#contents #return_box01 p {
  padding-bottom: 20px;
}


#contents #haisin_box01 p {
  float: left;
}

#contents #haisin_box01 p#input_space01 {
  margin-top: 2px;
}

#contents #haisin_box02 {
  width: 685px;
  position: relative;
  padding: 11px 0 5px 15px;
}

#contents #haisin_box02 p#haisin_box02_l {
  float: left;
  width: 390px;
}

#contents #haisin_box02 p#haisin_box02_r {
  width: 290px;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

#contents .gyousha_wrap01 {
  float: left;
  width: 342px;
  margin-top: 3px;
  background: #ffffcc;
  border: 3px solid #d2d2bc;
}

#contents .gyousha_space01 {
  margin-right: 3px;
}

#contents .gyousha_wrap01 .gyousha_box01 {
  width: 321px;
  padding: 0 0 10px 10px;
}

#contents .gyousha_wrap01 table.gyousha_box01_l {
  float: left;
  width: 230px;
  margin-top: 12px;
}

#contents .gyousha_wrap01 table.gyousha_box01_l td.td01 {
  width: 10px;
  padding-top: 3px;
  vertical-align: top;
}

#contents .gyousha_wrap01 table.gyousha_box01_l td.td01 input {
  width: 1em;
  height: 1em;
}

/* IE7のみレイアウト崩れの対処 他のブラウザには影響しない */
*+html #contents #haisin_box01 p#input_space01 input,
*+html #contents .gyousha_wrap01 table.gyousha_box01_l td.td01 input {
  display: block;
}

#contents .gyousha_wrap01 table.gyousha_box01_l td.line01 {
  padding-bottom: 5px;
}

#contents .gyousha_wrap01 table.gyousha_box01_l td.size12 {
  padding-top: 5px;
}

#contents .gyousha_wrap01 table.gyousha_box01_l td label {
  cursor: pointer;
}

#contents .gyousha_wrap01 .gyousha_box01 .gyousha_box01_r {
  float: right;
  width: 81px;
  padding-top: 10px;
  text-align: center;
}

#contents .gyousha_wrap01 .gyousha_box01 .gyousha_box01_r p img {
  padding: 3px;
  margin-bottom: 3px;
  background: #fff;
  border: 1px solid #ccc;
}

#contents .gyousha_wrap01 table.rank_box01 {
  width: 100%;
  padding: 7px 4px 4px;
  background: #e8e8e8 url(/piano_request/images/confirm_gyousha_bg01.png) repeat-x top;
}

#contents .gyousha_wrap01 table.rank_box01 td {
  border-right: solid 1px #c4c4c4;
  text-align: center;
  line-height: 1em;
}

/*IE6 Hack*/
* html #contents .gyousha_wrap01 table.rank_box01 td {
  padding: 4px 0 2px;
}

#contents .gyousha_wrap01 table.rank_box01 td strong {
  letter-spacing: 1px;
  margin-left: 3px;
}

#contents .gyousha_wrap01 table.rank_box01 td.tensuu_last01 {
  border-right: none;
}
#contents .box_space02 #art_box01 {
  padding-top: 15px;
  width: 700px;
}

#contents .box_space02 #art_box01 p#art_logo01 {
  float: left;
}

#contents .box_space02 #art_box01 #art_box01_r {
  width: 535px;
  float: right;
}

#contents .box_space02 #art_box01 #art_box01_r p.line01 {
  padding: 3px 0 5px;
  margin-bottom: 7px;
}

#contents .box_space02 #art_box01 #art_box01_r p#art_txt01 {
  padding-bottom: 4px;
}

#contents p#confirm_btn01 {
  margin: 0 auto;
  padding-bottom: 45px;
  text-align: center;
}

#contents p#guidebook01 {
  padding-bottom: 50px;
}

#contents table.confi_table01 {
  width: 696px;
}

#contents table.confi_table01 th {
  padding: 7px 0 6px 17px;
  background: #e6e6e6;
  color: #4c4c4c; /* お住まい情報のth、フォントカラーは固定なので一括指定 */
  font-size: 108%; /* お住まい情報のth、フォントサイズは15px固定なので一括指定 */
}

#contents table.confi_table01 td {
  padding: 12px 10px 11px 17px;
}

#contents table.confi_table01 td.td01 {
  width: 155px;
  background: #f5f5f5 url(/piano_request/images/cmn_contents_line01.png) repeat-x bottom;
  color: #4c4c4c; /* お住まい情報のtd、フォントカラーは固定なので一括指定 */
  font-size: 108%; /* お住まい情報のtd、フォントサイズは15px固定なので一括指定 */
}

#contents table.confi_table01 tr.tr_last td {
  background-image: none !important;
}

#contents table.confi_table01 td.td01.td_wid01 {
  width: 145px;
}

#contents table.confi_table01 td.td01.td_wid02 {
  width: 165px;
}

#contents table.confi_table02 {
  width: 696px;
}

#contents table.confi_table02 th {
  padding: 7px 0 6px 17px;
  background: #e6e6e6;
  color: #4c4c4c; /* お荷物情報のth、フォントカラーは固定なので一括指定 */
  font-size: 108%; /* お荷物情報のth、フォントサイズ15px固定なので一括指定 */
}

#contents table.confi_table02 td {
  border-bottom: 1px solid #ccc;
  font-size: 85%; /* お荷物情報のtd、フォントサイズは12px固定なので一括指定 */
}

#contents table.confi_table02 td.td01 {
  width: 50px;
  padding: 0 2px;
  font-weight: bold; /* お荷物情報の数量部分td、フォントウェイトはbold固定なので一括指定 */
  text-align: center;
}

#contents table.confi_table02 td.td02 {
  border-right: 1px solid #ccc;
  width: 107px;
  padding: 11px 0 9px 11px;
}

#contents table.confi_table02  td.td02.td02_last {
  border-right: none;
}

#contents table.confi_table02 tr.tr_last td {
  border-bottom: none;
}

#contents table.confi_table03 {
  width: 696px;
}

#contents table.confi_table03 th {
  padding: 11px 0 12px 17px;
}

#contents table.confi_table03 td {
  background: none repeat scroll 0 0 #f5f5f5;
  padding: 12px 10px 9px 17px;
}

#contents table.confi_table03 dl dt {
  padding-bottom: 6px;
}

#contents table.confi_table04 {
  width: 700px;
}

#contents table.confi_table04 tr.tr_last td {
  background-image: none !important;
}

#contents table.confi_table04 td {
  background: #f5f5f5 url(/piano_request/images/cmn_contents_line01.png) repeat-x right bottom;
}

#contents table.confi_table04 td.td01 {
  width: 240px;
  padding: 10px 10px 10px 17px;
  color: #4c4c4c; /* td項目、フォントカラー固定なので一括指定 */
}

#contents table.confi_table04 td.td02 {
  width: 417px;
  padding: 10px 0 10px 16px;
  background: #fff url(/piano_request/images/cmn_contents_line01.png) repeat-x right bottom;
}

#contents table.confi_table04 td.td03 {
  background: none repeat scroll 0 0 #e6e6e6;
  color: #4c4c4c;
  padding: 7px 0 6px 17px;
}

#contents table.confi_table05 {
  width: 696px;
}

#contents table.confi_table05 td {
  border-top: 1px solid #ccc;
  font-size: 85%;
  padding: 11px 0 9px 11px;
}

#contents #haisin_box03 {
  margin-bottom:20px;
  padding-top: 20px;
  background-color: #ffffcc;
}

#contents #haisin_box03 p {
  margin-bottom:10px;
}

#contents #haisin_box03 p input[type="radio"] {
  margin:0 5px 2px 0;
}

#contents .gyousha_wrap01 table.rank_box02 {
  width: 100%;
  padding: 5px 4px;
  background: #fad5ab;
  border-top: 1px solid #d2d2bc;
}

#contents .gyousha_wrap01 table.rank_box03 {
  width: 100%;
  padding: 5px 4px;
  border-top: 1px solid #ffffcc;
}

#contents .gyousha_wrap01 table.rank_box02 td,
#contents .gyousha_wrap01 table.rank_box03 td {
  text-align: center;
  line-height: 1em;
}

/*IE6 Hack*/
* html #contents .gyousha_wrap01 table.rank_box02 td,
* html #contents .gyousha_wrap01 table.rank_box03 td {
  padding:4px 0 2px;
}


/*****************************
* 必須項目フォーム背景
******************************/

input.textbox01 {
  border: 1px solid #999;
  outline: 0 none black;
  padding: 5px 5px 3px;
}

input.textbox01:focus {
  background: none repeat scroll 0 0 #f2f9ff;
  border: 1px solid #2c7cde;
}

.input_txt{
  background-color: #ffffcc;
}

#contents table.base_table01 td.td03.input_txt{
  background-color: #ffffcc;
}

#contents table.perso_table01 td.td03.input_txt{
  background-color: #ffffcc;
}
#contents table.base_table01 td.td03 label {
  padding-right: 12px;
}


* html .ui-autocomplete {
  height: 100px;
}

.inputHintOverlay {
  color: #aaa;
  width: 231px;
  text-decoration: none;
}

/*step1*/
#request_current_zip_code {width : 8em;}
#request_new_zip_code {width : 8em;}
.ValiAndSet_txtNowPost1 {width : 3em; ime-mode : inactive;}
.ValiAndSet_txtNowPost2 {width : 5em; ime-mode : inactive;}
.ValiAndSet_txtNowCity  {width : 19em;ime-mode : active;}
.ValiAndSet_txtNowTown  {width : 19em;ime-mode : active;}
.ValiAndSet_txtNowStreet{width : 19em;ime-mode : inactive;}
.ValiAndSet_txtNowBuild {width : 19em;ime-mode : active;}
.ValiAndSet_txtNewPost1 {width : 3em; ime-mode : inactive;}
.ValiAndSet_txtNewPost2 {width : 5em; ime-mode : inactive;}
.ValiAndSet_txtNewCity  {width : 19em;ime-mode : active;}
.ValiAndSet_txtNewTown  {width : 19em;ime-mode : inactive;}
.ValiAndSet_txtNewBuild {width : 19em;ime-mode : active;}
.ValiAndSet_txtYear     {width : 5em;}
.ValiAndSet_txtMonth    {width : 5em;}
.ValiAndSet_txtDay      {width : 5em;}

/*step2*/
.ValiAndSet_txtOfficeName    { width : 18em;ime-mode  : active;}
.ValiAndSet_txtOfficeNameFuri{ width : 18em;ime-mode  : active;}
.ValiAndSet_txtDivision  { width : 18em;ime-mode  : active;}
.ValiAndSet_txtNameA     { width : 8em;ime-mode  : active;}
.ValiAndSet_txtNameFuriA { width : 8em;ime-mode  : active;}
.ValiAndSet_txtNameB     { width : 8em;ime-mode  : active;}
.ValiAndSet_txtNameFuriB { width : 8em;ime-mode  : active;}
.ValiAndSet_txtTelA      { width : 5em;ime-mode  : inactive;}
.ValiAndSet_txtTelB      { width : 5em;ime-mode  : inactive;}
.ValiAndSet_txtTelC      { width : 5em;ime-mode  : inactive;}
.ValiAndSet_txtWholeTel  { width : 18em;ime-mode : inactive;}
.ValiAndSet_txtMail      { width : 18em;ime-mode : inactive;}
.ValiAndSet_txtOther     { height: 5em;}

.current_move_type, .selectNowBuildType1, .selectNewBuildType, .time, .nowEv, .newEv {
  display: block;
  float: left;
}

 /*---------------------------------------
autocomplete
----------------------------------------*/
.ac_results {
  padding: 0;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0;
  padding: 2px 5px;
  cursor: default;
  display: block;
  font: menu;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}

#contents p.arrow01 {
  float: right;
  margin: 10px 180px 0 0;
  padding-right: 10px;
  background: url(/piano_request/images/cmn_arrow01.png) no-repeat right 1px;
  text-align: right;
  font-size: 85%;
  line-height: 1em;
}

#contents p.arrow02 {
  background: url(/piano_request/images/cmn_arrow01.png) no-repeat scroll right 1px transparent;
  float: right;
  font-size: 85%;
  line-height: 1em;
  margin: 10px 200px 0 0;
  padding-right: 10px;
  text-align: right;
}

.ac_loading {
  background: white url(/image/indicator.gif) right center no-repeat;
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #0a246a;
  color: white;
}

#wrapper #contents #contents_ie6_wrap #request .contents_wrap .contents_bg_top .contents_bg_btm .box_space01 .category_wrap .category_bg_top .category_bg_btm .perso_table03 tr .size16 ul li {
  padding-bottom: 5px;
}

/*---------------------------------------
base
----------------------------------------*/
p.about_tooltip {
  display: inline-block;
}

.piano_base_tit01 {
  background: #e9e9e9;
  padding: 5px;
}

.piano_base {
  width: 520px;
}

.piano_base_line01 {
  padding: 10px;
  width: 520px;
  background: #fff url(/piano_request/images/cmn_contents_line01.png) repeat-x right bottom;
}

.piano_base_line02 {
  padding: 10px 0 0 10px;
  width: 520px;
}

.piano_base_box01 {
  padding-top: 3px;
}

p.piano_base_box02 {
  margin: 0 0 0 50px;
}

ul.piano_base_box02 li {
  margin: 12px 0 0 46px;
}

ul.piano_base_box02 li select {
  width: 200px;
}

.piano_base_txt01 {
  float: left;
  width: 100px;
  font-weight: bold;
  padding-top: 2px;
}

.piano_base_txt02 {
  float: left;
  width: 100px;
  font-weight: bold;
}

.piano_base_txt03 {
  padding: 5px 0 0 0;
  float: left;
  font-weight: bold;
}

.piano_base_txt04 {
  padding: 17px 0 0 0;
  float: left;
  font-weight: bold;
}

/* 郵便番号補助機能アイコン */
.arrow_gy_size12 {
  background: url(/piano_request/images/cmn_bg_pic.png) no-repeat scroll left -62px rgba(0, 0, 0, 0);
  padding-left: 16px;
}

p.postcode_txt01{
  float:left;
  padding:2px 0 0 6px;
}

p.postcode_txt02{
  float:left;
  padding:2px 0 0 0;
}
#bangou_box01 {
  width: 50%;
}

#bangou_box01 p#bangou_txt02 {
  background: none repeat scroll 0 0 #d4d4d4;
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}

h3 {
  color: #666;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
}

#bangou_box01 p.wid50 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mgn_btm10 {
  margin-bottom: 10px !important;
}

/*---------------------------------------
list
----------------------------------------*/
.gyousha_table01 {
  border: 1px #c2c2c2 solid;
  border-radius: 8px;
  border-collapse:separate;
  margin-bottom: 20px;
  background-color: #fff;
  width: 100%;
}

.gyousha_table01 th {
  text-align: center;
  padding: 12px 5px;
  border-right: 1px #c2c2c2 solid;
  border-bottom: 1px #c2c2c2 solid;
}

.gyousha_table01 td.td02 {
  font-weight: bold;
  font-size: 14px;
  padding: 14px 0 5px 10px;
  border-bottom: 1px #c2c2c2 dotted;
}

.gyousha_table01 td.td01 {
  text-align: center;
  width: 30px;
  border-bottom: 1px #c2c2c2 solid;
}

.gyousha_table01 td.td03 {
  padding: 7px 0;
  border-right: 1px #c2c2c2 solid;
  border-bottom: 1px #c2c2c2 solid;
}

.gyousha_table01 td.td03 p {
  text-align: center;
}

.gyousha_table01 td.td04 {
  border-right: 1px #c2c2c2 solid;
  border-bottom: 1px #c2c2c2 solid;
  width: 180px;
}

.gyousha_table01 td.td04 ul {
  width: 165px;
  margin: 0 auto;
}

.gyousha_table01 td.td04 ul li {
  padding: 2px;
  float: left;
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
}

.gyousha_table01 td.td05 {
  padding: 9px 5px 10px 10px;
  width: 315px;
  border-bottom: 1px #c2c2c2 solid;
}

.gyousha_bg01 {
  background: url(/piano_request/images/cmn_btn_bg01.png) repeat-x bottom;
}

.gyousha_table01 td.td05 {
  padding: 5px 5px 5px 10px;
  width: 350px;
  border-bottom: 1px #c2c2c2 dotted;
}

.gyousha_bg01 {
  background: url(/piano_request/images/cmn_btn_bg01.png) repeat-x bottom;
}

.gyousha_table01 td.td06 {
  padding: 5px 10px 10px;
  border-bottom: 1px #c2c2c2 solid;
}

.gyousha_table01 td.td06 table td {
  border: 0;
}

.gyousha_table01 td.td06 table {
    width: 100%;
    margin-top: 5px;
}

.gyousha_table01 td.td06 table th {
  padding: 8px 5px 0 0;
  vertical-align: top;
  width: 63px;
  border: none;
}

.gyousha_table01 td.td06 table th.right {
    width: 40px;
}

.gyousha_table01 td.td06 table td {
  padding: 8px 15px 0 0;
  vertical-align: middle;
  width: 250px;
}

.gyousha_table01 td.td06 table .last {
  padding-bottom: 0;
}

/*---------------------------------------
confirm
----------------------------------------*/
ul.gyousha_list01 li {
  padding-bottom: 3px;
}


.wid130 {
  width: 130px;
}

/*---------------------------------------
complete
----------------------------------------*/
#complete_name {
  height: 54px;
  background: url(/piano_request/images/complete_name_bg01.png) no-repeat center top;
  text-align: center;
}

#complete_name h1 {
  padding: 9px 0;
  color: #fff;
}
#contents #complete_wrap {
  background: url(/piano_request/images/complete_bg01.gif) repeat center top;
}

/*---------------------------------------
complete
----------------------------------------*/
#complete_name {
  height: 54px;
  background: url(/piano_request/images/complete_name_bg01.png) no-repeat center top;
  text-align: center;
}

#complete_name h1 {
  padding: 9px 0;
  color: #fff;
}
#contents #complete_wrap {
  background: url(/piano_request/images/complete_bg01.gif) repeat center top;
}

#contents #complete_wrap #complete {
  background: url(/piano_request/images/complete_bg02.gif) no-repeat center bottom;
  padding-bottom: 50px;
}

#complete_padding {
  margin:0px 20px 0 20px;
  padding: 0 20px 30px 20px;
}

.complete_red_box {
  text-align:center;
}

#contents #complete .p_padding {
  padding: 5px 0 0 0;
}

#contents #complete p#attention_txt01 {
  padding: 0 0 20px 30px;
}

#contents #complete p img {
  padding: 0px!important;
}

#coop_box > span {
  text-align:center;
}

.tel_td {
  text-align:right;
  padding:0 10px 5px 0!important;
  border-left:0;
}

.tel_style {
  padding: 2px 5px 5px 10px;
  background-color:#fff;
  font-weight:bold;
  font-size:17px;
  color:#00b050;
  border: 1px solid  #00b050;
  border-radius: 7px;        /* CSS3草案 */
  -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 7px;   /* Firefox用 */
  display: inline-block;
  margin: 5px 0 0;
}

.tel_style img {
  position: relative;
  top:5px;
  left:0;
  margin-right:5px;
}

.no_border_right{
  border-right:0px!important;
}

.red_line {
  padding:7px 0 6px 15px;
  margin:0 0 20px 0;
  font-size:18px;
  color:white;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  background: #dd171f;
  background: -moz-linear-gradient(top, #dd171f 0%, #c1141b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd171f), color-stop(100%,#c1141b));
  background: -webkit-linear-gradient(top, #dd171f 0%,#c1141b 100%);
  background: linear-gradient(to bottom, #dd171f 0%,#c1141b 100%);
}

#complete .tel_style span {
  font-weight:normal;
  font-size:14px;
}

#complete #gyousha_table01 td.td02 {
  vertical-align: middle;
  padding: 5px 0 5px 10px;
}

#complete .campaign_bnr {
  text-align: center;
  margin-bottom: 30px;
}

#complete #gyousha_table01 {
  margin-bottom: 40px;
}

.tokuten_box01 {
  border: #cec3a5 5px solid;
  margin: 10px;
  padding: 4px;
  position: relative;
}

.td06_text01 {
  margin: 3px 0;
}

/* tokuten_box01 */
.tokuten_box01:before{
  content: url(/piano_request/images/tokuten_img.png);
  margin: 10px;
  position: absolute;
  top: -22px;
}

.tokuten_box02 {
  border: 2px solid #cec3a5;
  padding: 10px 0 10px 75px;
  display: table;
  width: 560px;
}

.tokuten_box02 ul li {
  margin: 5px 0px ;
}

.tokuten_box02 span {
  margin-right: 5px;
  display: table-cell;
}

.number {
  width: 5em;
  font-weight: bold;
  color: #cf1c23;
}

#contents #complete #souba_box01{
  margin-bottom: 40px;
}

#contents #complete #souba_box01 h3 {
  width: 670px;
  margin: 0 auto;
}

#contents #complete #souba_box01 #souba_box02 {
  width: 670px;
  background-color: #fff5e8;
  border-bottom: 2px solid #ffb922;
  border-left: 2px solid #ffb922;
  border-right: 2px solid #ffb922;
  margin: 0 auto;
}

#contents #complete #souba_box01 table#souba_box02 td {
  padding: 4px 5px 4px 19px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  color: #673d00;
}

#contents #complete #souba_box01 table#souba_box02 td.souba_box02_01 {
  width: 74px;
  border-right: 2px solid #ffb922;
}

#contents #complete #souba_box01 table#souba_box02 td.souba_box02_01 p {
  width: 90px;
  padding: 3px 0 2px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

#contents #complete #souba_box01 table#souba_box02 td.souba_box02_01_wide {
  width: 74px;
  border-right: 2px solid #ffb922;
}

#contents #complete #souba_box01 table#souba_box02 td.souba_box02_01_wide p {
  width: 140px;
  padding: 3px 0 2px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

#contents #complete #souba_box01 table#souba_box02 td.souba_box02_02 p {
  width: 90px;
  padding: 3px 0 2px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

#contents #complete #souba_box01 #souba_box03 {
  background: url(../images/complete_price_bg03.gif) no-repeat center bottom;
  text-align: center;
}

#contents #complete #souba_box01 #souba_box03 #price {
  background: url(../images/complete_price_bg02.gif) no-repeat center top;
  padding: 16px 0 20px;
}

#contents #complete #souba_box01 #souba_box03 #price p#price_txt01 {
  padding: 10px 0;
}

#contents #complete #souba_box01 #complete_box01 p#price_txt02 {
  padding: 5px 0 0;
  text-align: right;
}

#contents #complete #souba_box01 #souba_box03 #price .size_price {
  font-size: 30px;
  color: #ff4343;
}

#contents #complete #souba_box01 #souba_box03 #price .size21 {
  font-size: 21px;
  color: #ff4343;
  display: block;
  margin-bottom: 5px;
}

#contents #complete #souba_box01 #price p {
    padding: 5px 0 0 10px;
}

#contents #complete #souba_box01 p#gaisan_kakaku01 span {
  font-size: 21px;
  color: #333;
}

#contents #complete #souba_box01 p.gaisan_txt01 {
  padding: 0 5px;
  font-size: 12px;
  text-align: left;
}

#contents #complete #souba_box01 #gaisan_contents01 p.gaisan_txt02 {
  padding: 20px 0 5px;
  font-size: 18px;
  text-align: center;
}

#contents #complete #souba_box01 #gaisan_txt01 {
  text-align: right;
  font-size: 12px;
  color: #333;
  padding: 10px 0 0;
  margin-bottom: -20px;
}

#complete_user_id {
  font-size: 30px;
  font-weight: bold;
}

/**
  #21055 口コミ表示対応
**/
.tokuten_box02 {
  border: 2px solid rgb(206, 195, 165);
  padding: 10px 0 10px 75px;
  display: table;
  width: 541px;
}

.box-company {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
}

.company-list li{
  list-style-type: disc;
  margin-left: 20px;
}

.section.section-border {
  border-radius: 5px;
  border: 1px #ccc solid;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.section.section-lead {
  position: relative;
  margin: 0;
  padding: 10px 10px 8px;
  font-size: 18px;
  background-color: #e9e9e9;
}

.section.section-lead-meta {
  border: none;
  position: absolute;
  top: 13px;
  right: 10px;
  font-size: 12px;
}

.section.section-subtitle {
  border: none;
  border-left: 6px #dd171f solid;
  font-size: 16px;
  margin: 20px 10px 20px 32px;
  padding: 0 10px;
}

.table.table-article {
  width: 620px;
  border: 1px solid #ccc;
  margin: 0 auto;
}

.table.table-article tr {
  border: 1px solid #ccc;
}

.table.table-article th {
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #f1fafd;
}

.table.table-article td {
  padding: 5px 10px;
  border: 1px solid #ccc;
}

.list.list-row {
  margin: 0 10px;
  padding: 15px 0;
  border-bottom: 1px dotted #ddd;
  overflow: hidden;
  width: 97%;
}

.list.list-row > * {
  float: left;
}

.list.list-detail {
  line-height: 1;
  max-width: 532px;
}

.list.list-detail .list-meta {
  color: #888;
}

.list.list-rate {
  display: table-cell;
}

.list.list-rate-item {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  color: #888;
  padding-left: 10px;
}

.list.list-rate li {
  float: left;
  display: table-cell;
}

.list.list-date {
  top: 6px;
  padding: 10px 20px 0;
  text-align: right;
  line-height: 1;
  font-size: 12px;
}

.list.list-table th {
  width: 40px important;
  display: inline-block;
  background-color: #fff4d8 !important;
  border: 1px solid #fec36e !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #e9780e !important;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  padding: 2px 4px !important;
}

.list.list-table td {
  padding: 5px 20px 5px 10px !important;
  line-height: 18px;
  font-size: 12px;
}

.text.text-rate {
  font-weight: bold;
  color: #fa720c;
  font-size: 16px;
}

.text.text-price {
  font-weight: bold;
  font-size: 20px;
}

.text.text-accent {
  font-weight: bold;
  font-size: 14px;
}

.text.text-comment-title {
  background-image: url(/piano_request/images/voice_ic01.png);
  background-repeat: no-repeat;
  padding-left: 30px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
  margin-bottom: 5px;
  line-height: 18px;
}

.text.text-comment-description {
  font-size: 12px;
  padding-bottom: 15px;
  line-height: 18px;
}

.text.text-comment-description:last-child {
  padding-bottom: 0;
}

.list.list-label {
  padding: 2px 5px;
  background: #ffa257;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  width: 70px;
  text-align: center;
  margin-right: 10px;
}

.button-detail-link {
  display: block;
  text-align: center;
  margin: 15px auto;
  padding: 15px 15px 13px;
  background: #e9e9e9;
  border-radius: 5px;
  color: #333 !important;
  font-size: 14px;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0px 5px 0px #ccc;
}

.button-detail-link:hover{
opacity: .7;
}

.layout-space {
  padding: 10px;
}

.l-reporter {
  margin: 30px 0 20px !important;
}
.reporter {
  position: relative;
  min-height: 131px;
  background: url(/k_piano/images/roll-box-background-image.png) no-repeat;
}

.reporter-header {
  position: absolute;
  top: -16px;
  right: 110px;
}

.reporter-container {
  border: 1px solid #e1dfda;
  position: absolute;
  width: 325px !important;
  text-align: center;
  top: 36px;
  left: 14px;
  margin: 0 !important;
}

.reporter-title {
  width: 325px !important;
  background-color: #fff5d3;
  padding: 5px 0;
}

.reporter-item {
  text-align: left;
  height: 54px;
  overflow: hidden;
}

.reporter-item li {
  padding: 5px 10px;
  font-size: 12px;
  border-top: 1px solid #e1dfda;
  background: #fff;
}

.reporter-sub-title {
  position: absolute;
  top: 29px;
  right: 5px;
}

.text-datetime,
.text-piano-maker {
  margin-right: 18px;
}

.text-piano-type {
  margin-right: 5px;
}

.text-datetime {
  font-size: 12px;
  color: #999;
}

.is-hide {
  display: none;
}