*{
   margin: 0;
   padding: 0;
}

body{
   font-size: 80%;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,sans-serif;
   color: #000;
   background-image: url(image/piano-w.gif);
   background-repeat: repeat-y;
   background-position: left;
   background-attachment: fixed;
   background-color: #FFF;
   text-align: center;
   letter-spacing: 1px;
   overflow-y: scroll;
   scrollbar-face-color: #FFF;
   scrollbar-highlight-color: #7e6d47;
   scrollbar-shadow-color: #7e6d47;
   scrollbar-darkshadow-color: #7e6d47;
   scrollbar-arrow-color: #7e6d47;
   scrollbar-track-color: #FFF;
}

#body{
   background-image: url("image/piano-r2.gif");
   background-position: right;
   background-repeat: repeat-y;
   background-attachment: fixed;
}
/*--------------------------------------------------------
リンク
--------------------------------------------------------*/

A{
   color: #000;
   text-decoration: none;
}

A:HOVER{
   color: #cfbd93;/* マウスが上に乗った時の文字色 */
}

A img{
   border-style: none;
}
/*--------------------------------------------------------
基本
--------------------------------------------------------*/

#wrapper{
   width: 65%;/* 全体の幅はここで変更 */
   margin: 0 auto;
   padding: 10px 30px;
}

img{
   max-width: 100%;
   height: auto;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
   padding 0px;
   margin:0px;
   width: auto;
   height: auto;
}

img{
   max-width: 100%;
   height: auto;
}

div.header1{
   float: right;
   font-size: 80%;
}

/*--------------------------------------------------------
メニュー
--------------------------------------------------------*/

#menu{
   padding: 10px 0;
   text-align: right;
}
/*--------------------------------------------------------
メイン
--------------------------------------------------------*/

#contents{
   text-align: left;
   padding: 10px 0;
}

#contents A{
   color: #a0ccc1;
}

/*--------------------------------------------------------
コンテンツ内容
--------------------------------------------------------*/

#a-g{
   background-image: url("image/a-g.gif");
   background-position: right bottom;
   background-repeat: no-repeat;
   
}

#prof{
   width: 100%;
   float: left;
   margin-right: -170px;
}

div.prof1 {
   float: left;
   margin-right: 170px;
}

#prof2{
   float: left;
   width: 170px;
}

#room{
   width: 70%;
   float: left;
}

#room1{
   float: left;
   width: 30%;
}

div.room2 img{
   max-width: 100%;
   height: auto;
}

/*--------------------------------------------------------
下
--------------------------------------------------------*/

#footer{
   min-height: 20px;
   width: 100%;
   border-top: 3px dashed #7e6d47;
   margin: 10px;
   text-align: right;
   clear: both;
}

#footer .pagetop{
   float: left;
}
/*--------------------------------------------------------
リンクページ
--------------------------------------------------------*/

.link01 img{
   margin: 3px;
}

.link01 A img{
   margin: 3px;
}
/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/

h1{
   font-size: 3em;
   font-weight: bold;
   color: #7e6d47;
}

h2{
   font-size: 2em;
   color: #cfbd93;
   font-weight: bold;
   letter-spacing: 5px;
   border-bottom: 3px dashed #7e6d47;
   margin: 10px 0;
   text-align: right;
}

h2 A{
   color: #acd6cc;
}

h3{
   font-size: 1.5em;
   font-weight: bold;
   margin: 10px 0;
}

h4 {
   font-size: 1.5em;
   font-weight: bold;
   margin: 10px 0;

}

h4 img {
   vertical-align: bottom;
   border: 0;
   margin-right: 2px;
}


em{
   background-color: #bce6dc;
   font-weight: bold;
}

dt {
   font-weight: bold;
   padding: 0 10px 10px 0;
   width: 150px;/*(※)*/
   float: left;
   clear: both;
}

dd {
   color: #7e6d47;
   background-color: #c4d8a1;
   margin-bottom: 10px;
   margin-left: 160px;/*(※)より少なくならないように*/
}

input,textarea{
   font-size: 1em;
   color: #7e6d47;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,serif;
   background-color: #fffffb;
   margin: 3px 0;
   border: 1px solid #000;
   letter-spacing: 1px;
}

textarea{
   width: 100%;
   height: 60px;
}

.pos{
   background-color: #fffffb;
   margin: 5px 0;
   padding: 3px;
   border: 2px solid #7e6d47;
}

.ln01{
   border-left: 8px solid #7e6d47;
   margin: 5px 0;
   padding: 3px;
}

.ln02{
   border-left: 8px solid #bfd39c;
   margin: 5px 0;
   padding: 3px;
}

.co01{
   color: #7e6d47;
}

.co02{
   color: #bfd39c;
}

.txt{
   margin: 1.5em;
   padding: 0 0 0 1em;
   border-left: 1px solid #000;
}

.navi{
   margin: 10px 0;
   padding: 3px;
   border: 1px dotted #000;
   text-align: center;
}

.title{
   color: #7e6d47;
   font-size: 1.8em;
   font-weight: bold;
   margin: 2em 0;
   text-align: right;
}

.middle {
   vertical-align: middle;
}
/*--------------------------------------------------------
非表示、回り込み解除
--------------------------------------------------------*/

.none{
   display: none;
}

.clearfix:after{
   content: "";
   display: block;
   clear: both;
}

.clearfix{
   overflow: hidden;
   zoom: 1;
}