@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
	line-height: 1.8em;
	color: #603813;
	font-style: normal;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
	font-size: 100%;/*全ての文字の大きさをクリア*/	
	
	
	
}



body{
	text-align: center;
	background: #ffffff;
	font-size: 80%;
}

p{
	padding:5px 0 10px 0;

}

/*コンテンツ*/

#content{
	margin: 0 auto;
	width: 820px;
	position: relative;
	background: url(img/bg.jpg);
	background-repeat:repeat-y;
	
}


/*メインエリア*/

#top{
	width: 820px;/*IE6,7用幅を明示敵に記述*/
	padding: 0;
	text-align: left;
	
}


#top:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}/*内容に合わせて親ボックスの高さを変更*/



/*ヘッダー*/

#header{
	background: url(img/top-img.jpg);
	background-repeat: no-repeat;
	width:800px;
	height: 130px;
	
}


	


/*ナビエリア*/

ul#navi{
	margin: 0;
	padding: 0;
	height: 40px;
	
}


ul#navi li{
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

ul#navi li a{
	outline: none;
}
	

ul#navi li#home a,
ul#navi li#home-on a,
ul#navi li#picot a,
ul#navi li#picot-on a,
ul#navi li#onlineshop a,
ul#navi li#onlineshop-on a,
ul#navi li#picotnews a,
ul#navi li#picotnews-on a{
	margin: 0;
	padding: 0;
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
}



ul#navi li#home a{
	
	background: url(img/gr_navi_home.jpg);
	background-position: 0 0;
	
}

ul#navi li#home-on a{
	
	background: url(img/gr_navi_home.jpg);
	background-position: 0 -30px;
	
}

ul#navi li#picot a{
	
	background: url(img/gr_navi_aboutpicot.jpg);
	background-position: 200px 0;
	
}

ul#navi li#picot-on a{
	
	background: url(img/gr_navi_aboutpicot.jpg);
	background-position: 200px -30px;
	
}

ul#navi li#onlineshop a{
	
	background: url(img/gr_navi_onlineshop.jpg) ;
	background-position: 400px 0;
	
}

ul#navi li#onlineshop-on a{
	
	background: url(img/gr_navi_onlineshop.jpg) ;
	background-position: 400px -30px;
	
}

	

ul#navi li#picotnews a{
	
	background: url(img/gr_navi_picotnews.jpg) ;
	background-position: 600px 0;
	
}

ul#navi li#picotnews-on a{
	
	background: url(img/gr_navi_picotnews-on.jpg) ;
	background-position: 600px -30px;
	
}



ul#navi li#home a:link,
ul#navi li#home-on a:link,
ul#navi li#picot a:link,
ul#navi li#picot-pn a:link,
ul#navi li#onlineshop a:link,
ul#navi li#onlineshop-on a:link,
ul#navi li#picotnews a:link,
ul#navi li#picotnews-on a:link
{
	background-position: 0 0;
}

ul#navi li#home a:hover,
ul#navi li#home-on a:hover,
ul#navi li#picot a:hover,
ul#navi li#picot-on a:hover,
ul#navi li#onlineshop a:hover,
ul#navi li#onlineshop-on a:hover,
ul#navi li#picotnews a:hover,
ul#navi li#picotnews-on a:hover
{
	background-position: 0 -30px;
}

ul#navi li#home a:active,
ul#navi li#home-on a:active,
ul#navi li#picot a:active,
ul#navi li#picot-on a:active,
ul#navi li#onlineshop a:active,
ul#navi li#onlineshop-on a:active,
ul#navi li#picotnews a:active,
ul#navi li#picotnews-on a:active
{
	background-position: 0 -30px;
}


/*メインエリア*/


#main{
		clear: both;
		width:800px;
		
	
		
}

/*左メニュエリア*/


#left{
	
	width: 210px;
	float: left;
	padding-left:10px;
	text-align: left;
	
	
	}
	
	
	
	





.box-l{
	padding-bottom:10px;
}



 /* topカレンダー */         
      
.table2  { 
      width:180px;
	  margin-left:15px;
	  color: #666666; 
      font-size: 13px;  
      line-height: 150% ;
       border-color :#ffcc66;
       border-width:1px;
       border-collapse:collapse;
       border-style:solid;
       background-color:#FFFFFF;
       
       }
      
 .table2 td{
           
            text-align: center;
            border-color :#ffcc66;
            border-width:1px;
           
           border-style:solid;
             }   
             
             
  .table2 th{
              background-color:#ffffd6;
              text-align:center;
  }           		 






/*中央エリア*/

#center{
		text-align: left;
		margin-left:230px;
		
}

#center dl dd{

		padding:0 10px 10px 10px;
		}

#center p{
	padding:10px 10px 10px 0;
}

#box{
      width:490px;
	  border:1px solid #e27a7a;
	  margin:10px 0 10px 20px;
	  padding: 10px 20px;
	  overflow:auto;
	  }
	  
	  
#box ul li{
	margin-left:50px;
	
	}	  


#box-1{
      width:510px;
	  border:none;
	  margin:10px 0 10px 20px;
	  padding: 10px 10px;
	 
	  }
	  
	  
#box-1 ul{
		margin-left:20px;
}	  




#box-in{

}





#box-in p{
	margin-left:50px;
	}
	
	
	
	
.box-1day{
	  width:450px;
	  border-top:1px dotted #e27a7a;
	  border-bottom:1px dotted #e27a7a;
	  margin:10px 0 10px 20px;
	  padding: 10px;
	
	
}


#box-inst{
	  width:500px;
	  background: url(img/bg_fablic.jpg) ;  
	  border:none;
	  margin:10px 0 10px 20px;
	  padding: 20px;
	  overflow:auto;
}


.box-inst-in{
	  width:480px;
	  border-top:1px dotted #e27a7a;
	  border-bottom:1px dotted #e27a7a;
	  margin:10px 0 10px 0;
	  padding: 10px;
	
	
}





ul#left-sp li{
	list-style-type: none;
}



.right{
		float:right;
		margin-right:20px;
}



#box-s{
      width:270px;
      float:left;
      border:none;
	  margin:10px 0 10px 0;
	  padding-left: 10px;
	  }	  
	  
#box-ss{
      width:230px;
      float:left;
      border:none;
	  margin:10px 0 10px 0;
	  padding-left: 10px;
	  }	  	  
	  
	  
	  
#box-s ul{
	margin:20px;
}	



/*With商品特徴*/


#box-img{
      width:510px;
	  margin:0 0 0 20px;
	  
	  	  }


#box-wood1{
	  width:380px;
	  height:200px;
	  background: url(img/syouhin_bg_wood-1.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 60px;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  
	  	


#box-wood2{
	  width:380px;
	  height:180px;
	  background: url(img/syouhin_bg_wood-2.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 30px;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  
	  	

#box-wood3{
	  width:380px;
	  height:350px;
	  background: url(img/syouhin_bg_wood-3.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 200px;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  
	  	
#box-wood4{
	  width:380px;
	  height:130px;
	  background: url(img/syouhin_bg_wood-4.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  
	  	
#box-tool1{
	  width:380px;
	  height:130px;
	  background: url(img/syouhin_bg_tool-1.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 10px;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  
	  	


#box-tool2{
	  width:380px;
	  height:200px;
	  background: url(img/syouhin_bg_tool-2.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 60px;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  
	  	
#box-packet1{
	  width:380px;
	  height:160px;
	  background: url(img/syouhin_bg_packet-1.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 30px;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  
	
	
#box-packet2{
	  width:380px;
	  height:220px;
	  background: url(img/syouhin_bg_packet-2.jpg) ;  
	  background-repeat: no-repeat;
	  background-position: 0 80px;
	  margin:10px 0 10px 20px;
	  padding: 5px 5px 5px 120px;  

}  	
	  	


	
	
  /* 基本テーブル */         
      
.table1  { 
      color: #603813; 
      font-size: 12px;  
      line-height: 150% ;
       border-color :#603813;
       border-width:1px;
       border-collapse:collapse;
       border-style:solid;
       background-color:#FFFFFF;
      margin:10px 0 0 0; 
       padding-left:1em;
      empty-cells:show;
     
      }    
 
 .table1 th{
             background-color:#ccccff;
             text-align:center;
             border-color:#603813;
             border-width:1px;
             border-style:solid;
             }    
      
 .table1 td{
              border-color:#603813;
              border-width:1px;
              border-style:solid;
              padding:0.5em;
               }  
			   
			   
			   
.table1 td ul li{
		margin-left:10px;
}			   
			   
			   
			     
  
  
 
	
	
/*レッスン種別テーブル*/

.table-g  {
           font-size:13px;
           line-height: 150%;
		   border-color :#e7ffbc;
       		border-width:2px;
       		border-collapse:collapse;
       		border-style:solid;
           margin-left:10px; 
           margin-top:1em;
           padding-left:1em;
           empty-cells:show;
           
           
           } 
		   
		   
.table-y  {
           font-size:13px;
           line-height: 150%;
		   border-color :#f6ffa8;
       		border-width:2px;
       		border-collapse:collapse;
       		border-style:solid;
           margin-left:10px; 
           margin-top:1em;
           padding-left:1em;
           empty-cells:show;
           
           
           }     
		   
		   
		   
.table-p  {
           font-size:13px;
           line-height: 150%;
		   border-color :#ffe1ff;
       		border-width:2px;
       		border-collapse:collapse;
       		border-style:solid;
           margin-left:10px; 
           margin-top:1em;
           padding-left:1em;
           empty-cells:show;
           
           
           }     
		   
.table-gr  {
           font-size:13px;
           line-height: 150%;
		   border-color :#c2d1d6;
       		border-width:2px;
       		border-collapse:collapse;
       		border-style:solid;
           margin-left:10px; 
           margin-top:1em;
           padding-left:1em;
           empty-cells:show;
           
           
           }   
		   
.table-w  {
           color:#666666;
           font-size:13px;
           line-height: 150%;
		   border-color :#e5e5e5;
       		border-width:2px;
       		border-collapse:collapse;
       		border-style:solid;
           margin-left:10px; 
           margin-top:1em;
           padding-left:1em;
           empty-cells:show;
           
           
           }       		   		   		   
		   
		   
		   
		   
		   
		       
           
.table-g th,
.table-y th,
.table-p th,
.table-gr th,
.table-w th{
            
              padding-left:0.5em ;
			  font-weight: bold;
			  
              }        		   
		   





.table-g td,
.table-y td,
.table-p td,
.table-gr td,
.table-w td{
            
              padding:0.5em 1em 0.5em 1em;
              }        		   
		   
		   
 
 /* 講師別テーブル */         
      
.table5  { 
      color: #603813; 
      font-size: 13px;  
      line-height: 150% ;
       border-color :#603813;
       border-width:1px;
       border-collapse:collapse;
       border-style:solid;
       background-color:#FFFFFF;
     
      margin-top:1em;
      padding-left:1em;
      empty-cells:show;
     
      }    
 
  .table5 tr{
              border-color:#603813;
              border-width:1px;
              border-style:solid;
              padding:0.5em;
               }    
               
 
 
 
 .table5 th{
             background-color:#ccccff;
             text-align:center;
             border-color:#603813;
             border-width:1px;
             border-style:solid;
             }    
      
 
 
 
 
 
 
 .table5 td{
              border-color:#603813;
              border-width:1px;
              border-style:dotted;
              padding:0.5em;
               }    
               
 
 
 		   
		   
		   
 	
	
	
	
	
	
	
	
	
	
	


/*フッダー*/

#foot{
	
	clear: both;
	font-size: 80%;
	padding-top:10px;
	color:#603813;

}



.table_foot{
	 border :none;
	 
	 
}

.table_foot td{
	text-align:left;
}



ul.foot-navi li{
	margin: 0;
	padding: 2px;
	display: inline;
	font-size: 12px;
	color:#603813;
	
}


ul.foot-navi li a:link{
	text-decoration: none;
	color:#603813;
}

ul.foot-navi li a:hover{
	color: #99cccc;
	text-decoration: none;
}

ul.foot-navi li a:active{
	color: #99cccc;
	text-decoration: none;
}

ul.foot-navi li a:visited{
	color: #603813;
	text-decoration: none;
}



#down{
	
}


/*リンク*/

a img{
	border-style: none;
}

a:link{
	color: #339999;
	text-decoration: underline;
	
}


a:visited{
	color: #339999;
	text-decoration: underline;
}

a:hover{
	color: #99cccc;
	text-decoration: none;
}

a:active{
	color: #99cccc;
	text-decoration: none;
}




/*文字関連指定*/

h1{
   font-size:11px;
   color:#cc7a51;
   padding-left:10px;
   }



h2{
	font-weight: bold;
	font-size: 110%;
    color: #E27A7B;
	line-height: 200% ;
    background: url(img/midashi-h2.gif);
	background-repeat: no-repeat;
	margin: 5px 0 10px 0;
	padding-left: 20px;
	
	}

h3{
	font-weight: bold;
	font-size: 100%;
    color: #F36D83;
	line-height: 100% ;
    background: url(img/midashi-h3.gif);
	background-repeat: no-repeat;
	margin: 20px 0 5px 10px;
	padding-left: 20px;
	
	}
	
h4{
	font-weight: bold;
	font-size: 110%;
    color: #603813;
	line-height: 100% ;
    background: url(img/midashi-s.jpg);
	background-repeat: no-repeat;
	padding: 15px 0 0 35px;
	height: 45px;

}

h5{
	font-weight: bold;
	font-size: 100%;
    color: #f7931e;
	line-height: 100% ;
    background: url(img/q.jpg);
	background-repeat: no-repeat;
	padding: 15px 0 0 50px;
	height: 45px;
}

h6{
	font-weight: bold;
	font-size: 100%;
    color: #603813;
	line-height: 120% ;
    background: url(img/a.jpg);
	background-repeat: no-repeat;
	padding: 15px 0 0 50px;
	height: 45px;

	
}





.font-r{
     color : #cc0033; 
     
        
      }
	  
.font-e{
     
	 font-weight:bold;
	 }	     
   
   
 .font-s{
	font-size:80%;
	color: #dd960f;
 }  
 
   
   
   
   
   
 /*教室日程*/

.table3  { 
      color: #603813; 
      font-size: 13px;  
      line-height: 150% ;
       border-color :#603813;
       border-width:1px;
       border-collapse:collapse;
       border-style:solid;
       background-color:#FFFFFF;
      margin-left:10px;
	  
      padding-left:1em;
      empty-cells:show;
      
      }


.table3 td{
           width:85px;
            text-align: center;
            border-color :#603813;
            border-width:1px;
           
           border-style:solid;
             }
      
.bg-y{
       background-color:#f6ffa8;
        }/*フリーレッスン*/
        
.bg-p{
       background-color: #ffe1ff;
        }/*ワンデイ*/  
        
.bg-g{
      background-color:#e7ffbc;
       } /*体験*/  
       
.bg-b{
       background-color:#c2d1d6;
      }  /*カリキュラム*/  

.bg-w{
       background-color:#e5e5e5;
       } /*講師資格*/   
	   
.bg-ly{
       background-color:#ffffe0;
	   }	   
	                  
 
 /*カウンター用テーブル*/
 
 .table {
         color:#666666;
           font-size:10px;
           line-height: 150%;
           
		   }
		   
/*画像左寄せ*/		   
		   
		     
 .fltlft { 
	float: left;
	margin-right: 8px;
}

/*左寄せ解除*/

.cl{
	clear: both;
}



/*画像位置*/

.margin{
	margin:20px;

}