@charset "UTF-8";
#main{
  padding : 0px;
  margin : auto;
  width : 1024px;
  height : auto;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  color : #3c2b04;
}
#header{
  height : 20px;
  margin : 5px;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
#headerarea{
  margin : 5px;
  width : 1000px;
}
#opus{
  margin : 5px;
  width : 1000px;
  height : 20px;
  float : left;
  background-attachment : scroll;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  text-align : center;
}
#atelier{
  width : 573px;
  float : left;background-attachment : scroll;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
  padding-bottom : 10px;
  margin-top : 10px;
}
#footer{
  margin : 5px;
  height : 39px;
  clear : both;
  text-align : center;
  vertical-align : middle;
  color : #3c2b04;
}
#counter{
  text-align : center;
  margin : 5px;
  height : 35px;
  clear : both;
}
#navi{
  margin : 5px;
  width : 1024px;
  float : left;
  background-attachment : scroll;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  text-align : left;
}
#navi UL{
  list-style-type : none;
}
#navi UL LI{
  vertical-align : middle;
  text-align : center;
  padding : 0px;
  margin : 0px;
  width : 120px;
  height : inherit;
  float : left;
  text-decoration : none;
}
#navi UL LI A{
  text-decoration : none;
  color : #3c2b04;
  font-weight : bold;
  display : block;
text-shadow: 0 15px 10px rgba(0,0,0,0.5),
1px 1px 1px rgba(0, 0, 0, 0.6),
-1px -1px 1px rgba(255, 255, 255, 0.5);
}
#navi UL LI A:hover{
  color : orange;
  text-decoration : none;
  display : block;
}
BODY{
  font: normal normal normal small /18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  text-align: center;
  background-image : url(../../image/material/atelieback.gif);
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : center center;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
}
#header H1{
  font-size : small;
  color : #3c2b04;
  text-align : left;
  margin-top : 5px;
  font-weight : 300;
}
#opus H2{
	color: #ff9bb1;
	font-weight: bolder;
	text-shadow: 1px 1px 1px #331709, 1px 1px 1px #1f3134;
	font-size: 17px;
}
#atelier H4{
  font-size : x-small;
  text-align : center;
  padding-left : 10px;
  margin-left : 5px;
  color : #3c2b04;
}
#atelier P{
  text-align : left;
  color : #3c2b04;
  line-height : 28px;
  margin-left : auto;
  margin-right : auto;
  width : 450px;
}
#atelier p A:hover{
	color: orange;
	text-decoration: none;
	display: block;
}




#HPBMAP_20160224075139{
  margin-left : auto;
margin : 5px auto 5px;
  width : 500px;
}
#calender{
  width : 300px;
  float : left;
}
#parking{
  width : 457px;
  float : left;
  margin-top : 5px;
  margin-bottom : 5px;
}

#map{
  width : 514px;
  float : left;
  margin-top : 5px;
  margin-bottom : 5px;
}

#landscape{
  margin-top : 10px;
  clear : both;
}

landscape H2{
  margin-top : 10px;
}
.iframe-content{
  margin-left : auto;
  margin-right : auto;
}
p{
	 
    text-align: justify;  
    text-justify: inter-ideograph; 

} 
.atelier-info{
	
	margin-left: auto;
	margin-right: auto;
} 
th {
         text-align: light;
} 

td{
         text-align: left;
}
.opus-name{
  font-weight : bold;
  text-align : left;
  font-size : medium;
  
  clear : both;
background : transparent;background-repeat : no-repeat;background-attachment : scroll;background-position : left center;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
  vertical-align : bottom;
}
.rose{
	color: #ffccd8;
            
}
.pink{
            color : #ff9bb1;
            font-weight : bold;
            text-shadow: 1px 1px 1px #331709, -1px -1px 1px #1f3134;
}

.blue{
	color: #191970;
	text-shadow: 1px 1px 1px#f0ffff,-1px -1px 1px #1f3134;
	

  font-weight : bolder;
}

.red{
            color: #cc1074;
            text-shadow: 1px 1px 1px#f0ffff,-1px -1px 1px #1f3134;
}
.orange{
	color: #f8b500;
 text-shadow: 1px 1px 1px #191970;
  font-weight : bold;
}
.green{
            color : #333300;
            text-shadow: 1px 1px 1px #f0ffff, -1px -1px 1px #1f3134;
}
.black{
            color:#696969;
            text-shadow: 1px 1px 1px #f0ffff, -1px -1px 1px #1f3134;

}