body{
  margin:0;
  padding:0;
  text-align:center;
  background-color:#ffffff;
  color:#000000;
  text-align:center;
}

form{display: inline;}


h1.title{
 margin:20px auto;
}

h2{
 margin:0;
 padding:0;
}

div#main{
    margin-left:auto;
    margin-right:auto;
 width:80%;
 max-width:800px;
 background-color:#ffffff;
}

div.intro{
 text-align:left;
 padding:10px;
 line-height:1.4em;
 margin:0 auto;
}

div.gaiyou{
 width:400px;
 text-align:left;
 padding:10px;
 line-height:2em;
 margin:0 auto;
}

div.access{
 width:600px;
 text-align:left;
 padding-left:40px;
 line-height:2em;
 margin:0 auto;
}

table.workshop_data{
 border-collapse:collapse;
 padding:10px;
 margin:10px auto;
}

table.workshop_data td{
 border:1px solid #000;
 padding:10px;
}

table.workshop_data2{
 border-collapse:collapse;
 padding:10px;
 margin:10px auto;
}

table.workshop_price{
 border-collapse:collapse;
 padding:10px;
 margin:10px auto;
}

table.workshop_price td{
 border:1px solid #000;
 padding:10px;
}

td.price2{
 background:#eee;
}

td.price3{
}


table.rental{
 border-collapse:collapse;
 padding:10px;
 margin:10px;
}

table.rental td{
 border:1px solid #000;
 padding:10px;
}

div.contact{
 font-weight:bold;
 width:450px;
 margin:20px auto;
 padding:20px;
 border:1px solid #000;
 border-radius:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
}




.shadow{
 box-shadow: 5px 5px 5px rgba(0,0,0,0.4)
 -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
 -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}



.centering{
 margin:0 auto;
}

.kadomaru_tl{
 border-top-left-radius:8px;
 -webkit-border-top-left-radius:8px;
 -moz-border-top-left-radius:8px;
}
.kadomaru_tr{
 border-top-right-radius:8px;
 -webkit-border-top-right-radius:8px;
 -moz-border-top-right-radius:8px;
}
.kadomaru_bl{
 border-bottom-left-radius:8px;
 -webkit-border-bottom-left-radius:8px;
 -moz-border-bottom-left-radius:8px;
}
.kadomaru_br{
 border-bottom-right-radius:8px;
 -webkit-border-bottom-right-radius:8px;
 -moz-border-bottom-right-radius:8px;
}
.kadomaru{
 border-radius:8px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
}


A:link    { color:#000;          /*未リンクの文字色*/
            text-decoration:underline;}
A:visited { color:#000;          /*既リンクの文字色*/
            text-decoration:underline;}
A:active  { color:#000;          /**/
            text-decoration:underline;}
A:hover   { color:#ff0000;          /*オンマウスリンクの文字色*/
            text-decoration:none;}




/* --- メニュー1 開始 --- */
div.nav1, div.nav2 {
background-color: #222222;
width: 100%; /* ナビゲーションの幅 */
border-top: 1px #3a2f0b solid; /* 上境界線 */
border-bottom: 1px #886a08 solid; /* 下境界線 */
margin: 0px 0;
font-size: 100%;
}
div.nav1 ul.nl{
width: 100%; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #222222;
border-left: 1px #3a2f0b solid; /* メニューの左境界線 */
border-right: 1px #886a08 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}
div.nav1 ul.nl li {
width: 25%; /* 項目の幅 */
float: left;
}

div.nav1 ul.nl li a{
display: block;
position: relative; /* IE6用 */
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #886a08 solid; /* リンクエリアの左境界線 */
border-right: 1px #3a2f0b solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}
div.nav1 ul.nl li a:link{
color: #ffffff;
}
div.nav1 ul.nl li a:visited{
color: #ffffff;
}
div.nav1 ul.nl li a:hover{
color: #ff0000;
}
div.nav1 ul.nl li a:active{
color: #ff0000;
}

div.nav1 ul.nl li.here a{
display: block;
position: relative; /* IE6用 */
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #886a08 solid; /* リンクエリアの左境界線 */
border-right: 1px #3a2f0b solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}
div.nav1 ul.nl li.here a:link{
color: #f00;
}
div.nav1 ul.nl li.here a:visited{
color: #f00;
}
div.nav1 ul.nl li.here a:hover{
color: #ff0000;
}
div.nav1 ul.nl li.here a:active{
color: #f00;
}

/* --- メニュー1 終了 --- */


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

h3.cube {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

div.artist{
 font-size:90%;
 line-height:22px;
 text-align:left;
}

div.highlight{
 font-size:90%;
 line-height:22px;
 text-align:left;
}

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

table.history{
 font-size:90%;
 line-height:22px;
 text-align:left;
} 

div.campfire{
background-color: #222222;
width: 100%; /* ナビゲーションの幅 */
border-top: 1px #3a2f0b solid; /* 上境界線 */
border-bottom: 1px #886a08 solid; /* 下境界線 */
font-size: 100%;
margin: 0 auto;
padding: 0;
border-left: 1px #3a2f0b solid; /*左境界線 */
border-right: 1px #886a08 solid; /*右境界線 */
list-style-type: none;
text-align: center;
}

div.campfire a{
display:block;
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}

div.campfire a:link{
color: #fff;
}
div.campfire a:visited{
color: #fff;
}
div.campfire a:hover{
color: #ff0000;
}
div.campfire a:active{
color: #fff;
}


table.schedule{
 margin:0 auto;
 border-collapse:collapse;
}

table.schedule td{
 padding:10px;
 border:1px solid #ddf;
 font-size:20px;
}

table.schedule td a:link{
color: #000000;
text-decoration:none;
}
table.schedule td a:visited{
color: #000000;
text-decoration:none;
}
table.schedule td a:hover{
color: #000000;
text-decoration:underline;
}
table.schedule td a:active{
color: #000000;
text-decoration:none;
}


nav {
  width: fit-content;
  height: 70px;
  background-color: dimgray;
  padding-top: 5px;
  box-sizing: border-box;
  position:fixed;
  top:0;
  text-align:center;
}
nav ul {
  display: flex;
}
nav li {
  list-style: none;
}
nav a {
  display: block;
  text-decoration: none;
  color: white;
  margin-right: 35px;
}

nav A:link    { color:#fff;          /*未リンクの文字色*/
            text-decoration:none;}
nav A:visited { color:#fff;          /*既リンクの文字色*/
            text-decoration:none;}
nav A:active  { color:#fff;          /**/
            text-decoration:none;}
nav A:hover   { color:#ff0000;          /*オンマウスリンクの文字色*/
            text-decoration:underline;}