@charset "shift_jis";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   background:url(images/bg_body.gif); 
}

br {
   letter-spacing:normal;
}

a {
  color:#0000ff;
  text-decoration:underline;
}

a:hover {
  color:#FF0000;
}

p {
   margin:0 0 1em 0;
   font-size:14px;
}

a img{
    /* IE */
    filter: alpha(opacity=100);
    /* Safari Opera */
    opacity:1.0;
    /* Firefox Netscape */
    -moz-opacity:1.0;
}

a:hover img{
    /* IE */
    filter: alpha(opacity=75);
    /* Safari Opera */
    opacity:0.75;
    /* Firefox Netscape */
    -moz-opacity:0.75;
}

img {
   border:0;
   vertical-align:bottom;
}

img.title_img {
  margin:8px 0;
}

img.info_img01 {
  margin:10px 0 0 0;
}

img.info_img02 {
  margin-right:10px;
}

img.seal_img01 {
  margin:20px 0 10px 0;
}

img.banner_margin {
  margin:15px 0 20px 0;
}

img.balance_bottom {
  margin-bottom:20px;
}

img.mail {
  margin-right:10px;
}

img.mail-2 {
  margin-bottom:8px;
}

img.a_right {
  float:right;
  margin:0 0 5px 10px;
}

img.piano_photo {
  margin-top:10px;
}

img.r_img {
  margin:0 20px 20px 20px;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h1 {
   margin:0;
   padding:5px 0 0 0;
   font-size:12px;
   font-weight:normal;
   color:#666;
}

h2 {
   margin:0;
   padding:0;
   font-size:12px;
   font-weight:normal;
   color:#666;
}

h3 {
   margin:20px 0 25px 0;
   height:45px;
   line-height:45px;
   color:#F1EAD4;
   background:#4B2C1A;
   font-size:18px;
   text-indent:55px;
   letter-spacing:3px;
}

h3#size_balance {
  height:40px;
  line-height:40px;
  color:#F1EAD4;
  background:#4B2C1A;
  font-size:16px;
  text-align:left;
  text-indent:25px;
}

h4 {
  display:block;
  margin:0 0 10px 0;
  padding:4px 0;
  margin-left:auto;
  margin-right:auto;
  width:760px;
  border-top:#999 1px dotted;
  border-bottom:#999 1px dotted;  
  color:#333;
  background:#f7f6f5 url(images/bg_h4.jpg) no-repeat left bottom;
  font-size:15px;
  text-indent:46px;
}

span.h3 {
   margin-left:25px;
   padding-bottom:3px;
   color:#d2b48c;
   font-size:15px;
   font-weight:bold;
   line-height:2;
   border-bottom:2px dotted #d2b48c; 
}

span.bg_line {
  padding:3px;
  color:#000000;
  background:url(images/bg_line.gif) repeat-x left bottom;
  font-size:17px;
  font-weight:bold;
  letter-spacing:2px;
}

span#stagea {
  display:block;
  margin:20px 0 40px 0;
  font-size:14px;
}

span#stagea a {
  text-decoration:underline;
  color:#0000ff;
}

span#stagea a:hover {
  color:#FF3333;
}

.area_map {
  margin:0 auto;
  padding:0;
  width:670px;
}

/* ========TEMPLATE LAYOUT======== */
#top {
   width:820px;
   margin:0 auto;
   background:#ffffff url("images/bg_contents_left.gif") 0 0 repeat-y;
}

#wrapper {
   width:820px;
   background:url("images/bg_contents_right.gif") 100% 0 repeat-y;
}

#header {
   position:relative;
   padding:0 25px;
   height:120px;
   background:url(images/bg_header.jpg) no-repeat top right;
}

.menu {
   margin:0 auto;
   padding:0;
   width:810px;
   height:50px;
   background:#4B2C1A;
}

#main {
   clear:both;
   margin:0 auto;
   padding:0;
   width:820px;
   text-align:center;
}

#topnavi {
  margin:20px 0 0 30px;
  padding:0;
  font-size:12px;
}

.contents {
   margin:0 auto;
   padding:0;
   width:810px;
   text-align:left;
}

#flow{
	margin:30px 0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:680px;
}

#about {
   clear:both;
   margin:0 0 5px 0;
   margin-left:auto;
   margin-right:auto;
   padding:0;
   width:810px;
   background:url(images/logo-6.gif) no-repeat right bottom;
}

#footer {
   clear:both;
   margin:0 5px;
   padding:0;
   background:#4B2C1A;
   text-align:center;
}

/* ========MENU CUSTOMIZE======== */
.menu ul {
   margin:0;
   padding:0;
}

.menu li {
   float:left;
   width:115px;
   line-height:50px;
   font-size:13px;
   color:#fff;
   text-align:center;
   list-style-type:none;
   background:url(images/bg_menupause.gif) 0 50% no-repeat;
}

li.home {
  width:117px;
  background:none;
}


.menu li a {
  display:block;
  text-decoration:none;
  color:#F1EAD4;
}

.menu li a:hover {
  color:#999;
}

/* ========INFO CUSTOMIZE======== */
#info {
  margin:0 0 10px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:810px;
  height:175px;
  text-align:left;
  background:url(images/bg_info.gif) no-repeat top right;
}

#info_left {
  float:left;
  width:495px;
  height:175px;
  background:url(images/bg_info_left.gif) no-repeat top left;
  text-align:center;
}

#info_right {
  float:right;
  padding:12px 22px;
  width:268px;
}

#info_right a {
  font-size:12px;
  letter-spacing:2px;
}

.info-2 {
  margin:25px 0 40px 0;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  width:655px;
  background:url(images/bg_info-2.jpg) no-repeat bottom left;
  border:1px solid #333;
}

.info-2 table {
  width:655px;
}

.info-2 th {
  text-align:right;
}

.info-2 td {
  width:135px;
  text-align:right;
}

.info-2 a {
  font-size:12px;
  font-weight:normal;
}

/* ========PIANO_AF CUSTOMIZE======== */
#piano_af {
  margin:10px 0 5px 0;
  margin-left:auto;
  margin-right:auto;
  width:700px;
  text-align:left;
}

#piano_af table {
  width:756px;
}

#piano_af th {
  text-align:left;
}

#piano_af td {
  padding:10px 0;
  width:262px;
  background:#FCF6D2;
  text-align:center;
}

/* ========TOPNAVI CONTENTS CUSTOMIZE======== */
#topnavi a {
  text-decoration:none;
  color:#669900;
}

#topnavi a:hover {
  color:#996633;
}

/* =======WIDE CONTENTS CUSTOMIZE======== */
.wide {
  margin:20px 0 10px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:650px;
}

.pagecontent {
  text-align:center;
}

.r_wide {
  margin:0 auto;
  padding:0;
  width:810px;
  text-align:center;
}

.r_wide p {
  padding:0 40px;
  text-align:left;
}

span.under_line {
  background:#FFF8E4;
  font-weight:bold;
}

#r_voice {
  margin:10px 40px 35px 40px;
  padding:0 30px;
  height:100px;
  background:url(images/recycle/bg_r_voice.jpg) no-repeat left center;
}

#r_voice span {
  display:block;
  padding-top:25px;
  color:#663300;
  font-size:16px;
  font-weight:bold;
  text-align:left;
}

.r_table table {
  border-collapse:collapse;
  margin:0 0 15px 40px;
  width:560px;
  border:1px solid #999;
}

.r_table th {
  padding:8px 25px;
  font-weight:normal;
  border-right:1px dotted #ccc;
  border-bottom:1px solid #ccc;
  text-align:left;
}

.r_table td {
  padding:6px 25px;
  background:#eeffdc;
  font-weight:bold;
  border-right:1px dotted #ccc;
  text-align:left;
}

span.r_title {
  display:block;
  margin:20px 0;
  padding:5px 20px;
  color:#ffff00;
  background:#336600;
  font-size:19px;
  font-weight:bold;
  text-align:left;
  letter-spacing:2px;
}

span.r_strong {
  display:block;
  margin:20px 40px 10px 40px;
  color:#FF6600;
  font-size:16px;
  font-weight:bold;
  text-decoration:underline;
  text-align: left;
}

span.r_flowtitle {
  display:block;
  margin:20px 0 10px 40px;
  width:360px;
  color:#fff;
  background:#ff9900;
  font-size:20px;
  font-weight:bold;
}

span.r_blast {
  display:block;
  margin:20px 15px 10px 15px;
  color:#669900;
  font-size:18px;
  font-weight:bold;
}

span#r_last {
  display:block;
  margin:20px 15px 10px 15px;
  padding:8px 20px;
  font-size:18px;
  font-weight:bold;
  border-top:3px double #999;
  border-bottom:3px double #999;
}

p#rb_line {
  display:block;
  margin:0 auto;
  padding:10px 20px;
  width:780px;
  background-color:#FFFBE8;
}

span#taisyou_red {
  color:#FF0000;
  font-size:18px;
  font-weight:bold;
}

.r_wide ul {
  margin:15px 40px;
  padding:0;
  background:url(images/recycle/box1_img01.jpg) no-repeat right center;
  font-weight:bold;
  list-style:none;
  text-align:left;
}

.r_wide ul li {
  width:350px;
  height:60px;
  line-height:60px;
  text-indent:70px;
}

.r_wide ol {
  margin:0 10px 15px 18px;
  font-weight:bold;
}

.r_wide ol li {
  list-style:inside decimal;
  font-size:16px;
  letter-spacing:0px;
  text-align:left;
}

.r_flow01 {
  background:url(images/recycle/r_f01.jpg) no-repeat left center;
}

.r_flow02 {
  background:url(images/recycle/r_f02.jpg) no-repeat left center;
}

.r_flow03 {
  background:url(images/recycle/r_f03.jpg) no-repeat left center;
}

.r_flow04 {
  background:url(images/recycle/r_f04.jpg) no-repeat left center;
}

.r_flow05 {
  background:url(images/recycle/r_f05.jpg) no-repeat left center;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
#main p {
   line-height:2;
}

#recycle {
  margin:3px 0 0 0;
  padding:0;
  text-align:right;
}

/* ========RECYCLE CONTENTS CUSTOMIZE======== */
.recycle_balance {
  margin:20px 0;
  text-align:center;
}

#recycle_style {
  margin:0 auto;
  width:670px;
}

#recycle_style table {
  clear:both;
  border-collapse:collapse;
  margin:10px 0;
  margin-left:auto;
  margin-right:auto;
  width:670px;
  height:45px;
  font-size:14px;
}

#recycle_style th {
  width:110px;
  text-align:left;
}

#recycle_style td {
  padding:5px 15px;
  background:#f7ffef;
  text-align:left;
}

span#re_123 {
  display:block;
  margin:0 0 20px 0;
  padding:12px;
  background:#f7ffef;
  font-size:14px;
  font-weight:bold;
}

/* ========SATEIMEYASU CONTENTS CUSTOMIZE======== */
#meyasu {
  margin:10px 0 0 0;
  margin-left:auto;
  margin-right:auto;
  width:700px;
}

p#taisyou {
  font-size:17px;
  font-weight:bold;
}

span#taisyou_red {
  color:#FF0000;
  font-size:18px;
  font-weight:bold;
}

span.satei_title {
  display:block;
  margin:10px 0 0 0;
  margin-left:auto;
  margin-right:auto;
  width:680px;
  color:#663300;
  font-size:15px;
  font-weight:bold;
}

#meyasu table {
  border-collapse:collapse;
  margin:10px 0;
  margin-left:auto;
  margin-right:auto;
  width:680px;
  border:1px solid #999;
  font-size:14px;
}

#meyasu th {
  padding:5px 8px;
  background:#f5f5f5;
  border-right:1px solid #999;
  border-bottom:1px dotted #999;
  font-weight:normal;
  text-align:center;
  letter-spacing:2px;
}

th#wide_balance1 {
  padding:10px 20px;
  background:#ffdb5f;
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #999;
}

th#wide_balance2 {
  padding:10px 20px;
  background:#c0dd66;
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #999;
}

td#balance1_1 {
  padding:12px 35px;
  font-weight:bold;
  background:#fff1c0;
}

td#balance2_1 {
  padding:12px 0;
  font-weight:bold;
  background:#e4f9a2;
}

td#balance2_2 {
  padding:12px 0;
  font-weight:bold;
  background:#edfcbd;
}

#meyasu td {
  border-right:1px solid #999;
  border-bottom:1px dotted #999;
  text-align:center;
}

#meyasu a {
  font-weight:bold;
}

#meyasu ul {
  margin:20px 0 0 30px;
  padding:0;
}

#meyasu li {
  line-height:1.75;
  font-size:14px;
  letter-spacing:2px;
}

span.red {
  color:#FF0000;
  font-size:14px;
  font-weight:bold;
}

span#satei_strong {
  color:#FF0000;
  font-size:17px;
  font-weight:bold;
  letter-spacing:2px;
}

p#before1986 {
  display:block;
  margin:15px 30px;
  line-height:1.5;
  color:#996600;
  letter-spacing:2px;
  text-align:left;
}

span#before1986_area {
  display:block;
  margin:0 0 30px 0;
  margin-left:auto;
  margin-right:auto;
  width:650px;
  color:#996600;
  font-weight:bold; 
}

/* ========FLOW CUSTOMIZE======== */
#flow ul {
  margin:0;
  padding:0;
}

#flow li {
  display:block;
  margin:0;
  padding:0;
  list-style:none;
  width:680px;
  height:70px;
  line-height:70px;
  font-size:14px;
  font-weight:bold;
  text-indent:160px;
}

#flow .flow-1 {
  background:url(images/flow-01.jpg) no-repeat left center;
}

#flow .flow-2 {
  background:url(images/flow-02.jpg) no-repeat left center;
}

#flow .flow-3 {
  background:url(images/flow-03.jpg) no-repeat left center;
}

#flow .flow-4 {
  background:url(images/flow-04.jpg) no-repeat left center;
}

#flow .flow-5 {
  background:url(images/flow-05.jpg) no-repeat left center;
}

/* ========SEAL CUSTOMIZE========= */
#seal {
  margin:0;
  padding:0;
  text-align:center;
}

#seal table {
  table-layout:fixed;
  margin:40px 0 15px 0;
  margin-left:auto;
  margin-right:auto;
  width:700px;
}

#seal th {
  padding:5px 0;
  font-weight:normal;
}

#seal span {
  display:block;
  margin:5px 0;
  font-size:13px;
}

span#seal_example {
  margin-left:20px;
  width:200px;
  text-align:left;
}

/* ========TABLE_STYLE CONTENTS CUSTOMIZE======== */
.table_style {
  margin:20px 0;
  text-align:center;
}

.info_satei {
  margin:20px 0 10px 0;
  margin-left:auto;
  margin-right:auto;
  width:680px;
}

.info_satei a {
  color:#0000ff;
  text-decoration:underline;
}

.table_style table {
  border-collapse:collapse;
  margin:10px 0;
  margin-left:auto;
  margin-right:auto;
  width:680px;
  border:1px solid #666;
  font-size:14px;
}

.table_style th {
  white-space:nowrap;
  padding:12px 10px;
  width:130px;
  background:#b5d456;
  border:1px dotted #999;
  text-align:left;
}

.table_style td {
  padding:12px 15px;
  background:#f7ffef;
  border:1px dotted #999;
  text-align:left;
}

/* ========MAILFORM CONTENTS CUSTOMIZE======== */
.table_style input {
  margin:3px 0;
}

span.form {
  display:block;
  color:#FF6600;
  height:50px;
  line-height:50px;
  font-size:16px;
  font-weight:bold;
  letter-spacing:2px;
}

span.error {
  display:block;
  height:70px;
  line-height:70px;
  color:#FF6600;
}

span.hissu {
  color:#FF6600;
}

/* ========AREA CUSTOMIZE======== */
#areapage_price {
  margin:0 auto;
  width:670px;
  text-align:center;
}

#areapage_price a {
  text-decoration:underline;
  color:#0000ff;
}

#areapage_price a:hover {
  color:#FF3333;
}

#areapage_price table {
  border-collapse:collapse;
  margin:30px 0;
  width:670px;
  border:1px solid #666;
  font-size:14px;
}

#areapage_price th {
  white-space:nowrap;
  padding:12px 0 12px 20px;
  width:172px;
  color:#000;
  border-right:1px dotted #999;
  border-bottom:1px solid #888;
  text-align:left;
}

#areapage_price td {
  padding:12px 15px;
  color:#FF0000;
  font-weight:bold;
  border-right:1px dotted #999;
  border-bottom:1px solid #888;
  text-align:center;
}

.area_price_gyou {
  margin:0 auto;
  width:680px;
}

.area_price_gyou a {
  text-decoration:underline;
  color:#0000ff;
}

.area_price_gyou a:hover {
  color:#FF3333;
}

.area_price_gyou table {
  margin-bottom:20px;
  table-layout:fixed;
  width:680px;
  border-collapse:collapse;
  border:1px solid #999;
  font-size:14px;
}

.area_price_gyou th {
  padding:5px 0 5px 20px;
  border-right:1px dotted #999;
  border-bottom:1px solid #999;
  text-align:left;
}

.area_price {
  margin:0 auto;
  width:680px;
}

.area_price span {
  display:block;
  margin:25px 8px;
  height:35px;
  line-height:35px;
  background:#b5d456;
  border-left:8px solid #336600;
  font-weight:bold;
  text-indent:10px;
}

.area_price a {
  text-decoration:none;
  color:#003300;
}

.area_price a:hover {
  color:#003300;
}

.area_price table {
  table-layout:fixed;
  margin:0 0 10px 0;
  margin-left:auto;
  margin-right:auto;
  width:500px;
  border-collapse:collapse;
  border:1px solid #999;
  font-size:15px;
}

.area_price th {
  padding:12px 0 12px 25px;
  border-right:1px dotted #999;
  border-bottom:1px solid #999;
  font-weight:normal;
  text-align:left;
}

.area_price td {
  padding-right:90px;
  color:#FF0000;
  font-weight:bold;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  text-align:right;
}

#area_waku {
  margin:15px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:680px;
}

#area_waku table {
  border-collapse:collapse;
  border:1px solid #666;
  margin:15px 0 10px 0;
  width:680px;
  font-size:14px;
}

#area_waku th {
  padding:8px 0;
  width:160px;
  background:#b5d456;
  border:1px dotted #999;
  text-align:center;
}

#area_waku td {
  padding:8px 20px; 
  background:#f7ffef;
  border:1px dotted #999;
  text-align:left;
}

#area_waku span {
  display:block;
  margin-top:20px;
  color:#663300;
  font-size:15px;
  font-weight:bold;
  letter-spacing:2px;
}

/* ========SCENE CUSTOMIZE======== */
.photo_waku {
   margin:20px 0 40px 0;
   margin-left:auto;
   margin-right:auto;
   padding-bottom:10px;
   width:580px;
   border:1px solid #999;
   text-align:center;
}

p#kamei {
  display:block;
  margin-right:110px;
  text-align:right;
  font-size:12px;
}

.photo_waku span {
  display:block;
  margin-bottom:25px;
  padding:5px 0;
  background:#F4F4F4;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  text-indent:20px;
}

/* =======QA CONTENTS CUSTOMIZE======== */
.qa {
  margin:0 auto;
  width:670px;
}

.qa h4 {
  border:none;
  width:670px;  
  height:35px;
  line-height:35px;
  color:#663300;
  background:url(images/qa-q.gif) no-repeat center left;
  border-bottom:1px dotted #999;
  font-size:15px;
  text-indent:35px;
}

.qa a {
  text-decoration:none;
  color:#663300;
}

.qa a:hover {
  color:#CC6600;
}

.qa-a {
  margin:20px 20px 30px 20px;
  padding:0 0 0 34px;
  background:url(images/qa-a.gif) no-repeat top left;
  line-height:1.75;
}

.qa-a a {
  color:#0000ff;
  text-decoration:underline;
}

.qa-a a:hover {
  color:#FF0000;
}

/* ========TOPPAGE LINK======== */
#toplink {
  margin:0 0 30px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:680px;
}

#toplink p {
  margin:0;
  padding:0;
  text-align:left;
  font-size:12px;
}

#toplink table {
  margin:0;
  padding:0;
  border:0;
}

#toplink td {
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  background:#fffceb;
}

/* ========STAFF CONTENTS CUSTOMIZE======== */
#staff {
  margin:0;
  padding:0;
}

#staff table {
  margin:0 auto;
  padding:0;
  width:600px;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:15px;
}

#staff th {
  text-align:center;
}

#staff th.back {
  font-size:14px;
  background:#f7ffef;
}

#staff td {
  padding:2px 5px;
  border:1px dotted #b5d456;
  text-align:left;
  font-size:13px;
  letter-spacing:0px;
}

/* ========BEFORE-PAGE CUSTOMIZE========= */
#before-page {
   clear:both;
   margin:0 14px 0 0;
   margin-left:auto;
   margin-right:auto;
   width:670px;
   text-align:right;
}

#before-page a {
   padding:0 0 0 12px;
   color:#996600;
   background:url("images/bg_before.gif") 0 50% no-repeat;
   font-size:11px;
   text-decoration:underline;
}

#before-page a:hover {
  color:#CC9900;
}


/* ========TOTOP CUSTOMIZE========= */
.totop {
   margin:15px 0 0 0;
   padding:0;
   margin-left:auto;
   margin-right:auto;
   width:670px;
   text-align:right;
}

.totop a {
   padding:0 0 0 12px;
   color:#996600;
   text-decoration:underline;
   font-size:11px;   
   background:url("images/bg_totop.gif") 0 50% no-repeat;
}

.totop a:hover {
  color:#CC9900;
}

/* ========FOOTER CUSTOMIZE======== */
#about p {
   display:block;
   margin-left:40px;
   font-size:12px;
}

/* ========FOOTER CUSTOMIZE======== */
address {
   padding:5px 0;
   font-style:normal;
   font-size:12px;
   color:#999;
}

#footer a {
  text-decoration:none;
  color:#999;
}

/* ========SHIEN CONTENTS CUSTOMIZE======== */
.shien {
  clear:both;
  padding:20px 30px 0 30px;
}

.photo_table {
  margin:0 auto;
  width:740px;
}

.photo_table span {
  display:block;
  margin:12px 0;
  padding:3px 0;
  font-weight:bold;
  background:#efe7e0;
  border-left:8px solid #382c2b;
  text-indent:15px;
}

.photo_table table {
  margin-bottom:20px;
  width:740px;
}

.photo_table td {
  text-align:center;
  height:190px;
}

#asahi {
  float:right;
  margin:0 0 5px 20px;
}

#shien-left p {
  margin:20;
  padding:0;
  text-align:left;
  font-size:22px;
}