@charset "utf-8";


#topphoto {
	width: 820px;
	height: 430px;
	background: url(../img/top.jpg) top left no-repeat;
	margin:0 auto 30px auto; padding-top: 0; position: relative;
	}
#topphoto a {width: 150px; height: 185px; position: absolute; top:0; right: -10px; background: url(../img/to_billet.jpg) top left no-repeat;  text-indent: -9999px; overflow: hidden;}	
#topphoto a:hover {background: url(../img/to_billet_o.jpg) top left no-repeat;}	

table#top_contents {width:820px;}
* html #top_contents td {font-size:80%; line-height: 1.7em;}

table#top_contents a:link {text-decoration: none; border: 0; color: #3D2B1F;}
table#top_contents a:visited {text-decoration: none; border: 0;color: #19120D;}
table#top_contents a:active {text-decoration: none; border: 0;color: #19120D;}
table#top_contents a:hover {text-decoration: none; color: #368EB1;}/*←シーズンカラー！*/

table#top_contents h2 {margin-bottom:5px;}
table#top_contents h3 {margin-top:5px;}

#left {
	width: 240px;
	height: 100%;
	padding-right: 22px;
	border-right: 1px solid #000000;
	vertical-align: top;
	}

#center {
	width: 240px;
	height: 100%;
	padding: 0 22px;
	border-right: 1px solid #000000;
	vertical-align: top;
	}

#right {
	width: 240px;
	height: 100%;
	padding-left: 22px;
	vertical-align: top;
	}
	
/*　 各項目　*/		
.contents {margin-bottom:30px; border-top: 1px dotted #000000; padding: 0; }	
.contents_right {margin-bottom:10px; border-top: 1px dotted #000000; padding: 0; }	

.more {background: url(../img/more.gif) top left no-repeat; width: 38px; height: 15px; text-indent: -9999px; display: block; overflow: hidden;}
.more:hover {background: url(../img/more_o.gif) top left no-repeat; }


/*　Title　*/		
#title_workshop a {background: url(../img/title_workshop.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_event a {background: url(../img/title_event.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_webshop a {background: url(../img/title_webshop.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_link a {background: url(../img/title_link.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_news a {background: url(../img/title_news.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_zakka a {background: url(../img/title_zakka.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_menu a {background: url(../img/title_menu.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_party a {background: url(../img/title_party.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_about a {background: url(../img/title_about.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_shop a {background: url(../img/title_shop.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_blog a {background: url(../img/title_blog.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}
#title_design a {background: url(../img/title_design.gif) top left no-repeat; width: 240px; height: 35px; margin-bottom: 10px;  text-indent: -9999px; display: block; overflow: hidden;}

#title_workshop a:hover, #title_event a:hover,#title_link a:hover,#title_news a:hover ,#title_zakka a:hover,#title_menu a:hover,
#title_party a:hover, #title_about a:hover,#title_shop a:hover,#title_blog a:hover,#title_design a:hover,#title_webshop a:hover {background-position: 0 2px;}



/*　WorkShop　*/	
h2.ws01 a { padding:0; margin: 0;  background: url(../img/shallweshot.gif) top left no-repeat; width: 240px; height: 42px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.ws02 a { padding:0; margin: 0;  background: url(../img/trischool.gif) top left no-repeat; width: 240px; height: 42px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.ws03 a { padding:0; margin: 0;  background: url(../img/kodomo.gif) top left no-repeat; width: 240px; height: 52px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.ws04 a { padding:0; margin: 0;  background: url(../img/ukulele.gif) top left no-repeat; width: 240px; height: 52px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.ws05 a { padding:0; margin: 0;  background: url(../img/mizushima.gif) top left no-repeat; width: 240px; height: 52px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.ws01 a:hover, h2.ws02 a:hover, h2.ws03 a:hover, h2.ws04 a:hover { background-position: 0 2px; }	

/*　Event　*/	
h2.event_shihen a { padding:0; margin: 0;  background: url(../img/event_shihen.gif) top left no-repeat; width: 240px; height: 25px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.event_silk a { padding:0; margin: 0;  background: url(../img/event_silk.gif) top left no-repeat; width: 240px; height: 50px; text-indent: -9999px; display: block;  overflow: hidden;}
h2.event_cs a { padding:0; margin: 0;  background: url(../img/event_cs.gif) top left no-repeat; width: 240px; height: 50px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.event_mauve a { padding:0; margin: 0;  background: url(../img/event_mauve.gif) top left no-repeat; width: 240px; height: 50px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.event_nomi a { padding:0; margin: 0;  background: url(../img/event_nomi.gif) top left no-repeat; width: 240px; height: 25px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.event_party a { padding:0; margin: 0;  background: url(../img/event_party.gif) top left no-repeat; width: 240px; height: 50px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.event_youmou a { padding:0; margin: 0;  background: url(../img/event_youmou.gif) top left no-repeat; width: 240px; height: 25px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.event_camera a { padding:0; margin: 0;  background: url(../img/event_camera.gif) top left no-repeat; width: 240px; height: 25px; text-indent: -9999px; display: block;  overflow: hidden;}	
h2.event_poisson a { padding:0; margin: 0;  background: url(../img/event_poisson.gif) top left no-repeat; width: 240px; height: 40px; text-indent: -9999px; display: block;  overflow: hidden;}	

h2.event_shihen a:hover,h2.event_silk a:hover,h2.event_cs a:hover,h2.event_mauve a:hover,h2.event_nomi a:hover,	h2.event_party a:hover,h2.event_youmou a:hover,h2.event_camera a:hover,h2.event_poisson a:hover { background-position: 0 2px; }	

img.waku {border: 1px solid #C7C7C7;}

/*　Web Shop　*/	
h2.billet a { padding:0; margin: 0;  background: url(../img/billet_o.jpg) top left no-repeat; width: 240px; height: 50px; text-indent: -9999px; display: block;  overflow: hidden;}	
/*　Link　*/	
h2.grenier a  { background: url(../img/grenier_o.jpg) no-repeat left bottom; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 240px; height: 60px; border-top: 1px dotted #000000; overflow: hidden; }	

/*　右側　*/	
h2.zakka a { padding:0; background: url(../img/zakka.jpg) top left no-repeat; width: 240px; height: 60px; text-indent: -9999px; display: block;  overflow: hidden;}	

h2.menu a  { background: url(../img/menu_pancake.jpg) no-repeat left top; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 240px; height: 60px; overflow: hidden }	

h2.party a { padding:0; margin: 0;  background: url(../img/party.jpg) top left no-repeat; width: 240px; height: 60px; text-indent: -9999px; display: block;  overflow: hidden;}	

h2.about a { padding:0; margin: 0;  background: url(../img/about.jpg) top left no-repeat; width: 240px; height: 60px; text-indent: -9999px; display: block;  overflow: hidden;}	

h2.blog1 a { padding:0; margin: 0; background: url(../img/blog1.jpg); width: 240px; height: 50px; text-indent: -9999px; display: block; overflow: hidden;}	
h2.blog2 a { padding:0; margin: 0; background: url(../img/blog.jpg); width: 240px; height: 50px; text-indent: -9999px; display: block; overflow: hidden;}	

h2.design a { padding:0; margin: 0;  background: url(../img/design.jpg) top left no-repeat; width: 240px; height: 50px; text-indent: -9999px; display: block;  overflow: hidden;}

.shop a {background: url(../img/logo.gif) no-repeat; width: 240px; height: 45px;  margin-top: 10px;  text-indent: -9999px; display: block;  overflow: hidden;}
.shop a:hover { background-position: 0 2px; }		

h2.mailmagazine a { padding:0; margin: 0; background: url(../img/mailmagazine.gif); width: 240px; height: 20px; text-indent: -9999px; display: block; overflow: hidden;}
h2.mailmagazine a:hover {background-position: 0 2px;}

h2.eventreport a { padding:0; margin: 0; background: url(../img/eventreport.gif); width: 240px; height: 20px; text-indent: -9999px; display: block; overflow: hidden;}
h2.eventreport a:hover {background-position: 0 2px; }	


/*　News-Twitter　*/	
a.twitter {width: 240px; height: 22px; margin-top: 5px;background: url(../img/twitter.gif) top left no-repeat; text-indent: -9999px; display: block;  overflow: hidden;}	
a.twitter:hover { background-position: 0 2px; }
ul#twitter_update_list {margin:5px 0 0 0; padding:0; }
ul#twitter_update_list li {list-style:none; padding-bottom:5px; font-size: 90%; font-family: sans-serif; }	



/*　 メニュー_foot　*/
#menu_foot {width: 820px; height: 11px; margin:2px auto 10px auto; padding: 10px 0; border-top:1px solid #bbb;	}