@charset "utf-8";


/*　 new_old　*/
#new_old {width: 820px; margin: 20px 0 7px 0; padding-bottom: 5px; border-bottom:1px dotted #000000; text-align: right;}


/*　 Zakka　*/	
#zakka_top {
	width: 820px; height: auto;
	margin:0 auto 70px auto;
	}
#zakka_top h2 {margin: 15px 0 0 0; padding: 0; font-size: 120%;} 	
		
.zakka_other {width: 820px; height: auto; margin:0; padding: 0; border-top: 1px dotted #000000; }	
.zakka_photo  {width: 406px; height: 216px;  margin: 20px 18px 50px 0; padding: 3px; float: left;} 
.zakka_photo a img { border: 3px solid #DCDCDC;} .zakka_photo a img:hover {border: 3px solid #EEEF9C;}/*　FFFBC8　*/
.zakka_text  {width: 390px; margin: 20px 0 50px 0; padding-top: 3px; float: left;}
.zakka_text h2 {margin: 0; padding: 0; font-size: 100%;}

.tobillet a {margin-top: 5px; width: 111px; height: 34px; background: url(../zakka/img/tobillet.gif) top left no-repeat;  text-indent: -9999px;  display: block;  overflow: hidden;}	
.tobillet a:hover {background-position: 0 2px;}

table#tonew_toold {width: 820px; height: 32px; margin-top: 20px; padding: 0;}
table#tonew_toold td {width: 406px; height: 32px; padding: 0; border-top:1px dotted #000000; border-bottom:1px dotted #000000; vertical-align: top;}
table#tonew_toold td.new a {width: 406px; height: 32px; text-indent: -9999px;  display: block; overflow: hidden; background: url(../zakka/img/tonew.gif) top left no-repeat; }
table#tonew_toold td.old a {width: 406px; height: 32px; text-indent: -9999px;  display: block; overflow: hidden; background: url(../zakka/img/toold.gif) top left no-repeat; }
table#tonew_toold td.new a:hover, table#tonew_toold td.old a:hover {background-position: 0 2px;}


/*　 News　*/	
#news  { background: #FFFFFF; margin: 0; padding: 40px 0 0 0; width: 820px; height:auto;}
.news_contents {border-top:1px dotted #BBB; width: 820px;  padding: 30px 0; }
#news h3 {padding-left: 15px; background:url(../img/disc.gif) center left no-repeat;}
.calender {border-left: #666666 1px solid; border-top: #666666 1px solid;}
.calender caption {text-align: left; margin-bottom: 10px; margin-top: 20px;}
.calender td {width: 80px; height: 50px; vertical-align: top; border-right: #666666 1px solid; border-bottom: #666666 1px solid;}
.calender th {text-align: center; border-right: #666666 1px solid; border-bottom: #666666 1px solid;}
/* IE7用*/	*:first-child+html #news {font-size: 100%;}  *:first-child+html .calender {font-size: 90%; line-height: 120%;} 
/* IE4-6用*/ * html #news {font-size: 85%;}  * html .calender {font-size: 100%;}
.recruit_text {width: 300px; height: auto; float: left; margin-right: 30px;}
table.recruit {width: 300px; border-bottom: 1px dotted #BBB; font-size:90%; margin-bottom:30px; float: left;}
table.recruit td, table.recruit th {border-top: 1px dotted #BBB; text-align:left; vertical-align: top;}
table.recruit th {width: 50px; font-weight: normal;}
table.recruit caption {text-align: left; margin-bottom: 10px; }
.left_text {width: 300px; height: auto; float: left; margin-right: 30px;}
img.right_img {width: 400px; margin-bottom:30px; float: left;}


/*　Workshop　*/	
#shallweshot {width: 820px; height: 430px; margin:0; padding: 0; background: url(../workshop/img/shallweshot4.jpg); text-indent: -9999px;}
#trischool { width: 820px; height: 430px; margin:0; padding: 0;background: url(../workshop/img/trischool.jpg);  text-indent: -9999px;}
#kodomo {width: 820px; height: 430px; margin:0; padding: 0; background: url(../workshop/img/kodomo5.jpg); text-indent: -9999px;}
#ukulele {width: 820px; height: 430px; margin:0; padding: 0; background: url(../workshop/img/ukulele.jpg); text-indent: -9999px;}
#mizushima {width: 820px; height: 430px; margin:0; padding: 0; background: url(../workshop/img/mizushima.jpg); text-indent: -9999px;}
#france {width: 820px; height: 60px; margin:0; padding: 0; background: url(../workshop/img/france.jpg); text-indent: -9999px;}

.gaiyou {width: 400px; margin: 15px 120px 80px 0; float: left;} .gaiyou img {margin-bottom: 15px; }
.data {width: 280px; margin: 105px 0 ; float: left;text-align: right;}
.data table {width: 280px; border-bottom: 1px solid #BBB; }
.data caption {text-align: left; font-weight: bold; margin-bottom: 10px;}
.data td, .data th {border-top: 1px solid #BBB; text-align:left; vertical-align: top;}
.data th {width: 50px; }
.data a {margin-top: 15px; width: 280px; height: 26px; background: url(../workshop/img/oubo.gif) top right no-repeat;  text-indent: -9999px;  display: block;  overflow: hidden;}	
.data a:hover {background: url(../workshop/img/oubo_o.gif) top right no-repeat; text-decoration: none; }
/* IE7用 */	*:first-child+html .data th {font-size:90%; line-height: 1.7em;}
/* IE4-6用 */	* html .data th, * html .data td {font-size:80%; line-height: 1.7em;}



/*　Event　*/	
.event {width: 820px; padding: 20px 0 80px 0;  border-top: 1px dotted #000000; }

.event_photo {width: 330px; padding-right: 20px;  float: left;} 

.event_text  {width: 400px; float: left;} 

.event_data table {width: 280px; margin-top: 20px; margin-left: 120px; border-bottom: 1px solid #BBB; }
.event_data td, .event_data th {border-top: 1px solid #BBB;vertical-align: top;}
.event_data th {width: 50px; }
.event_data a {margin-top: 15px; margin-left: 120px;width: 280px; height: 26px; background: url(../event/img/sanka.gif) top right no-repeat;  text-indent: -9999px;  display: block;  overflow: hidden;}	
.event_data a:hover {background: url(../event/img/sanka_o.gif) top right no-repeat; text-decoration: none; }
.event_data caption {text-align: left; font-weight: bold; margin-top:30px;}
/* IE7用 */	*:first-child+html .event_data th {font-size:90%; line-height: 1.7em;}
/* IE4-6用 */	* html .event_data th, * html .event_data td {font-size:80%; line-height: 1.7em;}

/*#tomailmagazine a {
width: 406px;  height: 33px; margin-top: 20px; margin-right: 8px; margin-bottom: 7px; text-indent: -9999px;  display: block; overflow: hidden;
background: url(../event/img/tomailmagazine.gif)no-repeat;  float:left;  border-top:1px dotted #000000; border-bottom:1px dotted #000000;}
#toreport a {
width: 406px; height: 33px; margin-top: 20px; margin-bottom: 7px; text-indent: -9999px;  display: block; overflow: hidden;
background: url(../event/img/toreport.gif)no-repeat;  float: left;  border-top:1px dotted #000000; border-bottom:1px dotted #000000;}
#tomailmagazine a:hover, #toreport a:hover {background-position: 0 2px;}*/

table#magazine_report {width: 820px; height: 32px; margin-top: 20px; padding: 0;}
table#magazine_report td {width: 406px; height: 32px; padding: 0; border-top:1px dotted #000000; border-bottom:1px dotted #000000; vertical-align: top;}
table#magazine_report td.magazine a {width: 406px; height: 32px; text-indent: -9999px;  display: block; overflow: hidden; background: url(../event/img/tomailmagazine.gif) top left no-repeat; }
table#magazine_report td.report a {width: 406px; height: 32px; text-indent: -9999px;  display: block; overflow: hidden; background: url(../event/img/toreport.gif) top left no-repeat; border-bottom:none;}
table#magazine_report td.magazine a:hover, table#magazine_report td.report a:hover {background-position: 0 2px;}

/*　 EventReport　*/
#report_menu {width: 820px; height: 70px;  margin: 0; padding: 0; border-bottom: 1px dotted #000000;} #report_menu li {float: left; display: block; margin-bottom: 30px;}
.title_eventreport {width: 237px; height: 70px; background: url(../event/img/title_eventreport.gif) bottom left no-repeat; text-indent: -9999px; display: block;}
.ten a {width: 81px; height: 70px; background: url(../event/img/bt_2010_o.gif) bottom left no-repeat; text-indent: -9999px; display: block; overflow: hidden;}
.ten a:hover {background: url(../event/img/bt_2010.gif) bottom left no-repeat; }
.nine a {width: 81px; height: 70px; background: url(../event/img/bt_2009_o.gif) bottom left no-repeat; text-indent: -9999px; display: block; overflow: hidden;}
.nine a:hover {background: url(../event/img/bt_2009.gif) bottom left no-repeat; }
.eight a {width: 81px; height: 70px; background: url(../event/img/bt_2008_o.gif) bottom left no-repeat; text-indent: -9999px; display: block; overflow: hidden;}
.eight a:hover {background: url(../event/img/bt_2008.gif) bottom left no-repeat; }
.seven a {width: 81px; height: 70px; background: url(../event/img/bt_2007_o.gif) bottom left no-repeat; text-indent: -9999px; display: block; overflow: hidden;}
.seven a:hover {background: url(../event/img/bt_2007.gif) bottom left no-repeat; }

.report {width:820px; margin-bottom: 80px;}
.report p {width: 650px;}
.report a {color: #000000; border-bottom: #000 1px dotted;} 
.report a:hover {color: #999999;}
.report a:visited {color: #000000; }

/*　 About　*/	
#about_top {width: 820px; height: 430px; background: url(../about/img/about.jpg) top left no-repeat; margin-bottom:40px; padding: 0; text-indent: -9999px;}
#about_bottom  { background: url(../about/img/about_bottom.jpg) no-repeat left top; text-indent: -9999px; margin-top: 3px; padding: 0; width: 820px; height: 430px }


/*　 Shop Info　*/	
#shop {width: 820px; border-top: 1px dotted #000000;}
#shop_info  { background: url(../shop/img/map.gif) no-repeat right top; margin: 0 0 70px 5px; padding-top: 25px;padding-left: 40px; width: 775px;  }
#shop_photo {width: 820px; height: 420px; margin-top: 50px; background: url(../shop/img/shop_photo.jpg) no-repeat left top; text-indent: -9999px;} 
/* IE4-6用 */* html #shop_info {width: 820px;}


/*　 Menu　*/	
#menu_news {width: 820px; border-top: 1px dotted #000000;  padding-top: 20px; }
.menu_news_text {width: 390px; float: left; margin:5px 15px 30px 0; }
#menu_back { background: url(../menu/img/menu.jpg) no-repeat left top;  padding: 20px;  position: relative; width: 820px; height: 1235px }
.menu_left {width: 400px; float: left; margin:5px 0; }
.menu_right {width: 400px; float: right; margin:5px 0; }



/*　 Design　*/	
h2.print_photo { width: 820px; height: 430px; background: url(../design/img/print.jpg); text-indent: -9999px; margin: 0; padding: 0;}
h2.web_photo { width: 820px; height: 430px; background: url(../design/img/web.jpg); text-indent: -9999px; margin: 0; padding: 0;}
h2.graphic_photo { width: 820px; height: 430px; background: url(../design/img/graphic.jpg); text-indent: -9999px; margin: 0; padding: 0;}

#design_menu {width: 270px;  float: left; }
#design_menu ul { margin: 0; padding: 0; margin-top: 30px; } #design_menu ul li a img {padding: 0; margin: 0; height: 35px; }
#design_menu ul li.print a, #design_menu ul li.print_o a
 {width: 200px; height: 35px; background: url(../design/img/menu_print.gif); text-indent: -9999px;  display: block; overflow: hidden; padding: 0; margin: 0;}
#design_menu ul li.web a, #design_menu ul li.web_o a
 {width: 200px; height: 35px; background: url(../design/img/menu_web.gif); text-indent: -9999px;  display: block; overflow: hidden; padding: 0; margin: 0;}
#design_menu ul li.graphic a, #design_menu ul li.graphic_o a
 {width: 200px; height: 35px; background: url(../design/img/menu_graphic.gif); text-indent: -9999px;  display: block; overflow: hidden; padding: 0; margin: 0;}
#design_menu ul li.print a:hover { background: url(../design/img/menu_print_o.gif);  height: 35px; }
#design_menu ul li.web a:hover { background: url(../design/img/menu_web_o.gif); height: 35px;  }
#design_menu ul li.graphic a:hover  { background: url(../design/img/menu_graphic_o.gif);  height: 35px; }

#webmenu {margin-top: 50px; margin-left: 43px;}
#webmenu p {margin-top: 25px; }
#webmenu a {margin-top: 5px; color: #000000;}

#design_main { width: 550px; margin-top: 20px; margin-bottom: 100px; float: left;}
#design_main h3 { font-size: 1.6em;}
#design_main h4 { font-size: 1.2em;height: 25px; border-bottom: 1px solid #999999; margin-top: 40px;}
#design_main h5 { font-size: 1.2em; margin-top: 40px;}
#design_main table tr th {vertical-align: top;}


/*　Party　*/	
#party {width: 820px; height: 480px; margin:0; padding: 0; background: url(../party/img/party_title.jpg); text-indent: -9999px;}
.party_oryouri {width: 820px; height: 32px; margin:30px 0; padding: 0; background: url(../party/img/oryouri.gif); text-indent: -9999px;}
.party_cake {width: 820px; height: 32px; margin:30px 0; padding: 0; background: url(../party/img/cake.gif); text-indent: -9999px;}
.party_gift {width: 820px; height: 32px; margin:30px 0; padding: 0; background: url(../party/img/gift.gif); text-indent: -9999px;}
img.party_photo {width: 380px; float: left; margin-bottom: 20px;}
.party_right {width: 370px; height: auto; margin: 10px auto auto 30px; float: left; font-size:8pt; color: #3D2A19; line-height: 16pt;}
.party_text {margin: 10px auto 100px auto; font-size:8pt; color: #3D2A19; line-height: 16pt;}

table.party {width: 380px; float:left; border-bottom: 1px solid #BBB; margin-bottom:50px; font-size:8pt; color: #3D2A19;}
.party td, .party th {border-top: 1px solid #BBB; text-align:left; vertical-align: top;}
a.party_contact {margin-top: 15px;margin-bottom:50px; width: 280px; height: 26px; background: url(../party/img/toiawase.gif) top right no-repeat;  text-indent: -9999px;  display: block;  overflow: hidden;}	
a.party_contact:hover {background: url(../party/img/toiawase_o.gif)  top right no-repeat; text-decoration: none; }
/* IE7用 */	*:first-child+html .party th {font-size:90%; line-height: 1.7em;}
/* IE4-6用 */	* html .party th, * html .party td {font-size:80%; line-height: 1.7em;}



/*　 Contact　*/	
#container_contact {width:500px; margin:0 auto; padding: 0; text-align:left; background: #FFFFFF;}	
#contact {width: 500px; height: auto; margin:0; padding-top: 20px; border-top: 1px dotted #000000; }	
.form {width: 500px; margin: 10px 0; }
.form table {margin-bottom: 10px;}
.form td {width: 500px; height: 35px; border-bottom: 1px dotted #000000;  text-align:left; vertical-align: bottom;}
.form p {text-align: center;}
.form input {border:none; }
#comment {border: none;} .comment {padding-top: 10px;}
.broad {color: #324E70; font-size: small;}
select {border: none; background-color: #F2F2F2; color: #324E70; }
#container_check {width:500px; margin:50px auto; padding: 0; }	
table#check {width: 500px; margin-bottom: 30px; text-align: left;} #check caption {margin-bottom: 60px;}
table#check th {width: 120px; height: 35px; border-bottom: 1px dotted #000000; vertical-align: bottom;}
table#check td {height: 35px; border-bottom: 1px dotted #000000; vertical-align: bottom; color: #324E70; }
#submit {width: 50px; height: 25px; border: 1px dotted #000000; text-align: center;} 
#contact h2 { font-size: 90%;}
/* IE7用 */	*:first-child+html #contact h2, .form table td  { font-size: 80%;}
/* IE4-6用 */* html #contact h2, .form table td { font-size: 80%;}


/*　 SiteMap　*/	

#sitemap {width: 820px; padding-top:50px; margin: 0 auto 50px auto; border-top: 1px dotted #000000;}
#sitemap table {margin-left:auto; margin-right: auto; width: 600px;}
#sitemap td, #sitemap th { border-top: 1px solid #000000; text-align:left; vertical-align: top;}
#sitemap th {width: 120px; }