@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:#663300;
   text-decoration:none;
}

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=65);
    /* Safari Opera */
    opacity:0.65;
    /* Firefox Netscape */
    -moz-opacity:0.65;
}

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

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

img.margin {
  margin:0 5px;
}

img.bottom {
  margin-bottom:10px;
}

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

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

h2 {
   margin:20px 0 10px 0;
   font-size:16px;
   font-weight:bold;
}

h3 {
   margin:20px 0 15px 0;
   height:35px;
   line-height:35px;
   color:#666;
   font-size:16px;
   font-weight:bold;
   text-indent:15px;
   background:url(images/bg_h3.jpg) no-repeat center center;
}

h4 {
  margin:25px 0 10px 0;
  padding:2px 0; 
  border-bottom:#a3703a 1px dotted;  
  color:#630;
  background:#f7f6f5;
  font-size:15px;
  font-weight:bold;
}

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:#000;
  background:url(images/bg_line.gif) repeat-x left bottom;
  font-size:16px;
  font-weight:bold;
  letter-spacing:2px;
}

p.right {
  color:#cc0000;
  font-size:16px;
  font-weight:bold;
}

span.price {
  color:#663300;
  font-weight:bold;
}

div.info {
  margin:0 auto;
  padding:0;
  width:780px;
  height:65px;
  text-align:left;
  background:url(images/bg_info.gif) no-repeat top right;
}

div.info-2 {
  margin:15px 0 25px 0;
  width:700px;
  height:50px;
  text-align:center;
}


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

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

div#header {
   position:relative;
   padding:0 20px;
   height:130px;
   background:url(images/bg_header.gif) no-repeat top right;
}

div#menu {
   margin:0 auto;
   padding:0;
   width:780px;
   height:30px;
   background:#000;
}

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

div#topnavi {
	font-size: 12px;
	color:#666666;
}

div#contents {
   margin:0 auto;
   padding:0;
   width:700px;
   text-align:left;
   background:url(images/logo-6.gif) no-repeat left bottom;
}

div#catch {
   padding-top:10px;
   height:120px;
   background:url(images/piano-2.jpg) no-repeat left center;
}

div#catch-in {
   margin-left:150px;
}

div#price,div#thanks,div#knowledge {
   margin:0 auto;
   padding:0;
   width:640px;
}

div#mailform {
   margin:20px 0 40px 0;
   text-align:center;
}

div#flow{
	margin:25px 0 0 20px;
	padding:0;
	background:url(images/piano-2.jpg) no-repeat right bottom;
}

div#footMenu {
   height:30px;
}

div#about {
   clear:both;
   margin:0 auto;
   padding:0;
   width:760px;
   text-align:center;
}

div#footer {
   clear:both;
   margin:0 5px;
   background:#ccc;
}


/* ========HEADER CUSTOMIZE======== */
div#header p {
  font-size:12px;
}


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

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

div#menu li a {
   display:block;
   width:100px;
   color:#c93;
   line-height:30px;
}

div#menu li a:hover {
   color:#f5deb3;
}


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

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


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


/* ========CATCH CUSTOMIZE========= */
div#catch-in ul {
   margin:0;
   padding:0;
}

div#catch-in li {
   list-style:none;
   background:url(images/list_catch.gif) no-repeat left center;
   height:35px;
   line-height:35px;
   font-size:15px;
   font-weight:bold;
   text-indent:35px;
}


/* ========PRICE CUSTOMIZE========= */
div#price table {
  border-collapse:collapse;
  border:1px solid #666;
  margin:0 0 20px 0;
  margin-left:auto;
  margin-right:auto;
  width:640px;
  font-size:14px;
}

div#price th {
  padding:5px;
  color:#666;
  background:#8fc31f;
  border:1px solid #666;
  text-align:center;
}

div#price td {
  padding:5px;
  color:#666;  
  background:#f7ffef;
  font-weight:bold;
  border:1px solid #666;
  text-align:center;
}

div#price li {
  color:#666666;
  font-size:14px;
  line-height:2.5; 
}


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

div#flow li {
  display:block;
  margin:0;
  padding:0;
  list-style:none;
  width:580px;
  height:55px;
  line-height:40px;
  font-size:14px;
  text-indent:145px;
}

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

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

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

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

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

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

div#flow a:hover {
  color:#6633CC;
}


/* ========COMPANY CUSTOMIZE========= */
div#company table {
  border-collapse:collapse;
  border:1px solid #666;
  margin:15px 0 40px 0;
  margin-left:auto;
  margin-right:auto;
  width:640px;
  font-size:14px;
}

div#company th {
  padding:10px 0;
  width:160px;
  color:#e8ffd1;
  background:#8fc31f;
  border:1px solid #666;
  text-align:center;
}

div#company td {
  padding:10px 15px;
  color:#666;  
  background:#f7ffef;
  border:1px solid #666;
  text-align:left;
}

/* ========MAILFORM CONTENTS CUSTOMIZE======== */
div#mailform table {
  border-collapse:collapse;
  border:1px solid #666;
  margin:10px 0;
  margin-left:auto;
  margin-right:auto;
  width:640px;
  font-size:14px;
}

div#mailform tr th {
  padding:10px 0;
  width:160px;
  white-space:nowrap;
  color:#e8ffd1;
  background:#8fc31f;
  border:1px solid #666;
  text-align:center;
}

div#mailform tr td {
  padding:10px 15px;
  color:#666;  
  background:#f7ffef;
  border:1px solid #666;
  text-align:left;
}

div#mailform td span {
	color: #cc0000;
	font-size: 14px;
}

div#mailform input {
  margin:3px 0;
}

span.form {
  color:#cc0000;
  font-size:16px;
  font-weight:bold;
}

span.error {
  color:#cc0000;
}


/* ========THANKS CUSTOMIZE========= */
div#thanks a {
   color:#0000ff;
   text-decoration: underline;
}

div#thanks a:hover {
   color:#c93;
}


/* ========KNOWLEDGE CONTENTS CUSTOMIZE======== */
div#knowledge a {
  color:##996633;
}

div#knowledge a:hover {
  color:#cc9966;
}

div#knowledge ul {
  margin:0;
  padding:0;
}

div#knowledge li {
  list-style:none;
  margin-bottom:20px;
  border-bottom:#d2b48c 1px dotted;  
  height:40px;
  line-height:40px;
  color:#996633;
  font-size:14px;
  font-weight:bold;  
  background:url(images/qa-q.gif) no-repeat center left;
  text-indent:30px;
}

div.qa-a {
  margin:0 auto;
  padding:0 0 0 35px;
  width:570px;
  background:url(images/qa-a.gif) no-repeat top left;
  font-size:14px;
  line-height:2.25;
}


/* ========BEFORE-PAGE CUSTOMIZE========= */
div#before-page {
   clear:both;
   margin:20px 0;
   text-align:right;
}

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

div#before-page a:hover {
   text-decoration:underline;
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0 0 0;
   padding:0;
   text-align:right;
}

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

div#totop a:hover {
   text-decoration:underline;
}

/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:0;
   padding:0;
   text-align:right;
}

div#footMenu li {
   float:right;
   margin:0 0 0 10px;
   text-indent:15px;
   line-height:30px;
   font-size:11px;
   text-align:left;
   list-style-type:none;
   background:url(images/bg_footmenu.gif) 0 50% no-repeat;
}

div#footMenu li a {
   display:block;
   color:#669900;
}

div#footMenu li a:hover {
   text-decoration:underline;
   color:#996633;
}




/* ========FOOTER CUSTOMIZE======== */
div#about p {
   font-size:10px;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   padding:10px 0;
   font-style:normal;
   font-size:12px;
   color:#666;
   text-align:center;
}


/* ========AREA CUSTOMIZE======== */
div#area_waku {
  margin:15px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:640px;
}

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

div#area_waku th {
  padding:8px 0;
  width:160px;
  color:#e8ffd1;
  background:#8fc31f;
  border:1px solid #666;
  text-align:center;
}

div#area_waku td {
  padding:8px 20px;
  color:#666;  
  background:#f7ffef;
  border:1px solid #666;
  text-align:left;
}

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


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

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

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

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

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

div#toplink a:hover {
  color:#6633CC;
}


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

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

div#staff th {
  text-align:center;
}

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

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