@charset "utf-8";

@import url("base.css");





/* ============ 全体を囲む#wrapper ============== */

div#wrapper_bg {

	background-image: url(../images/wrapper_bg.gif);

	background-repeat: repeat-y;

	width: 1030px;

	margin: 0 auto;

}

div#wrapper_bottom {

	background-image: url(../images/wrapper_btm.gif);

	background-repeat: no-repeat;

	background-position:bottom;

}

div#wrapper_top {

	background-image: url(../images/wrapper_top.gif);

	background-repeat: no-repeat;

	background-position:top;

}

div#wrapper {

	width:890px;

	height: auto;

	margin: 0 auto;

	text-align:left;

}

/* ============ 右#content ============== */

div#content {

	float:right;

	width:680px;

	margin:0 0 0 auto;

}

/* ============ #sideber ============== */

div#sidebar {

	float:left;

	width:201px;

	margin:0 auto 30px 0;

}

h1{

	background-image: url(../images/h1_img.gif);

	background-repeat: no-repeat;

	height: 195px;

	width: 201px;

}

h1 a{

	height: 195px;

	width: 201px;

	display:block;

	text-indent:-9999px;

	overflow:hidden;

}

ul#sidenavi{

	background-image: url(../images/side_navi_bg.gif);

	background-repeat: no-repeat;

	height: 431px;

	width: 201px;

	margin:0;

	padding:30px 0 0 0;

}

ul#sidenavi li#list01 a {

	background-image: url(../images/side_navi_01.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 121px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

	margin:0 0 0 18px;

	padding:0;

}

ul#sidenavi li#list01 a:hover {

	background-image: url(../images/side_navi_01_on.gif);

	background-repeat: no-repeat;

}

ul#sidenavi li#list02 a {

	background-image: url(../images/side_navi_02.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 121px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

	margin:25px 0 0 18px;

	padding:0;

}

ul#sidenavi li#list02 a:hover {

	background-image: url(../images/side_navi_02_on.gif);

	background-repeat: no-repeat;

}

ul#sidenavi li#list03 a {

	height: 27px;

	width: 176px;

	margin:20px 0 0 18px;

	padding:0;

}

ul#sidenavi li#list03 a {

	background-image: url(../images/side_navi_03.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 176px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

	margin:20px 0 0 18px;

	padding:0;

}

ul#sidenavi li#list03 a:hover{

	background-image: url(../images/side_navi_03_on.gif);

	background-repeat: no-repeat;

}

ul#sidenavi li#list04 a{

	background-image: url(../images/side_navi_04.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 121px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

	margin:22px 0 0 18px;

	padding:0;

}

ul#sidenavi li#list04 a:hover{

	background-image: url(../images/side_navi_04_on.gif);

	background-repeat: no-repeat;

}

ul#sidenavi li#list05 a{

	background-image: url(../images/side_navi_05.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 121px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

	margin:20px 0 0 18px;

	padding:0;

}

ul#sidenavi li#list05 a:hover{

	background-image: url(../images/side_navi_05_on.gif);

	background-repeat: no-repeat;

}

ul#sidenavi li#list06 a{

	background-image: url(../images/side_navi_06.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 121px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

	margin:25px 0 0 18px;

	padding:0;

}

ul#sidenavi li#list06 a:hover{

	background-image: url(../images/side_navi_06_on.gif);

	background-repeat: no-repeat;

}

ul#sidenavi li#list07 a{

	background-image: url(../images/side_navi_07.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 121px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

	margin:20px 0 0 18px;

	padding:0;

}

ul#sidenavi li#list07 a:hover{

	background-image: url(../images/side_navi_07_on.gif);

	background-repeat: no-repeat;

}

p#healthy{

	background-image: url(../images/side_poster_01.jpg);

	background-repeat: no-repeat;

	height: 170px;

	width: 180px;

	text-indent:-9999px;

	margin:40px 0 0 13px;

}

ul#side_other{

	width:180px;

	padding:40px 0 0 13px;

}

h3#link_title{

	background-image: url(../images/side_link_title.gif);

	background-repeat: no-repeat;

	width:180px;

	height:18px;

	text-indent:-9999px;

}

li#blog{

	background-image: url(../images/side_bn_blog.jpg);

	background-repeat: no-repeat;

	height: 70px;

	width: 180px;

	margin-top:10px;

}

li#blog a{

	text-indent:-9999px;

	display:block;

	height: 70px;

	width: 180px;

	overflow:hidden;

}

li#blog a:hover {

	background-image: url(../images/side_bn_blog_on.jpg);

	background-repeat: no-repeat;

}

li#ishizuka{

	background-image: url(../images/side_bn_ishizuka.jpg);

	background-repeat: no-repeat;

	height: 54px;

	width: 180px;

	margin-top:10px;

}

li#ishizuka a{

	height: 54px;

	width: 180px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

}

li#ishizuka a:hover {

	background-image: url(../images/side_bn_ishizuka_on.jpg);

	background-repeat: no-repeat;

}

li#voice{

	background-image: url(../images/side_bn_voice.gif);

	background-repeat: no-repeat;

	height: 54px;

	width: 180px;

	margin-top:10px;

}

li#voice a{

	text-indent:-9999px;

	display:block;

	height: 54px;

	width: 180px;

	overflow:hidden;

}

h3#calendar_title{

	background-image: url(../images/calender.jpg);

	background-repeat: no-repeat;

	width:181px;

	height:19px;

	text-indent:-9999px;

}

h4.month{

	text-align:center;

	margin-top:10px;

	color:#534A35;

}

table.calender{

	background-color: #FFF;

	border: 1px solid #666;

	text-align:center;

	width:180px;

}

table.calender tr td.sunday{

	color:#C30;

}

table.calender tr td.saturday{

	color:#039;

}

table.calender tr td.yasumi{

	background-color: #FCC;

}

table.calender tr td.ivent{

	background-color: #FFE384;

}

li#yasumi{

	background-color: #FCC;	

	width:35px;

	padding:3px;

	margin:10px 10px 0 0;

}	

li#ivent{

	background-color: #FFE384;

	width:70px;

	padding:3px;

	margin-top:10px;

}

/* ============ footer ============== */

#footer {

	width:890px;

	padding-top:100px;

}

ul#footer_link {

	text-align:center;

	padding-bottom:5px;

}

ul#footer_link li {

	display:inline;

}

address {

	font-style: normal;

	text-align:center;

	color: #FFF;

	margin:0;

}

/* ============ #h2 ============== */

h2#top_img,

h2#message,

h2#cafe,

h2#pottery,

h2#cook,

h2#access,

h2#link {

	height: 258px;

	width: 678px;

	text-indent:-9999px;

	margin-bottom:25px;

	padding:0;

}

h2#top_img {

	background-image: url(../images/index_img01.jpg);

	background-repeat: no-repeat;

}

h2#message {

	background-image: url(../images/message_h2.jpg);

	background-repeat: no-repeat;

}

h2#cafe {

	background-image: url(../images/cafe_h2.jpg);

	background-repeat: no-repeat;

}

h2#pottery {

	background-image: url(../images/pottery_h2.jpg);

	background-repeat: no-repeat;

}

h2#cook {

	background-image: url(../images/cook_h2.jpg);

	background-repeat: no-repeat;

}

h2#access {

	background-image: url(../images/access_h2.jpg);

	background-repeat: no-repeat;

}

h2#link {

	background-image: url(../images/link_h2.jpg);

	background-repeat: no-repeat;

}

/* ============ ページ共通 ============== */

#main_box {

	width:620px;

	margin:20px 0 0 30px;

}

p.text01 {

	width:560px;

	margin:10px 0 30px 15px;

}

p.text02 {

	width:560px;

	margin:10px 0 30px 30px;

}

/*--------------------------------------------------------------------

(index.html)

(トップページ)

--------------------------------------------------------------------*/
#News{
 font-size:14px;
 background-color:#CCC;
 padding:20px 0;
 width:670px;
 text-align:center;
 margin-bottom:20px;
}


#top_first,

#top_second,

#top_third,

#top_fourth {

	width:670px;

	margin:0;

	padding:0 0 20px 0;

}

#top_first #lunch_bg {

	background-image: url(../images/top_lunch_bg.jpg);

	background-repeat: repeat-y;	

	width:288px;

	height:auto;

}

#top_first #lunch_bgbtm {

	background-image: url(../images/top_lunch_bgbtm.jpg);

	background-repeat: no-repeat;

	background-position: bottom;	

}

#top_first #lunch_bgtop {

	background-image: url(../images/top_lunch_bgtop.jpg);

	background-repeat: no-repeat;

	background-position: top;

}

#top_first #lunch_bgtop p#lunch {

	padding:240px 0 20px 20px;	

}

#commit {

	width:368px;

}

#commit h3#commit,

#commit h3#commit a{

	background-image: url(../images/h3_top01.gif);

	background-repeat: no-repeat;

	height: 60px;

	width: 368px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

}

#commit h3#commit a:hover {

	background-image: url(../images/h3_top01_on.gif);

	background-repeat: no-repeat;

}

#commit p {

	margin:20px 5px 0 10px;

}

#class {

	width:327px;

}

#class h3#class,

#class h3#class a{

	background-image: url(../images/h3_top02.gif);

	background-repeat: no-repeat;

	height: 64px;

	width: 327px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

}

#class h3#class a:hover {

	background-image: url(../images/h3_top02_on.gif);

	background-repeat: no-repeat;

}

#class p {

	margin:15px 0 0 0;

}

#news h3#news {

	background-image: url(../images/h3_top_news.jpg);

	background-repeat: no-repeat;

	height: 41px;

	width: 332px;

	text-indent:-9999px;

}

#news dl {

	width:302px;

	background-color: #FFE9D2;

	margin:10px 0 0 0;

	padding:20px 15px 0 15px;

	height:316px;

	overflow:auto;

}

#news dl dd {

	border-bottom:#999 1px dashed;

	margin-bottom:30px;

	padding-bottom:5px;

}

h3#cooking,

h3#cooking a {

	background-image: url(../images/h3_top03.gif);

	background-repeat: no-repeat;

	height: 79px;

	width: 668px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

}

h3#cooking a:hover {

	background-image: url(../images/h3_top03_on.gif);

	background-repeat: no-repeat;

}

#cooktext {

	width:330px;

	margin-right:10px;

}

p#proof {

	text-align:center;

	width:88px;

}

p#proof a {

	line-height:1.3em;

	text-decoration: underline;

}

#lalabar {

	background-image: url(../images/top_lalabar_bg.jpg);

	background-repeat: repeat-y;

	width:304px;

	height:auto;

}

#lalabar_btm {

	background-image: url(../images/top_lalabar_bgbtm.jpg);

	background-repeat:no-repeat;

	width:304px;

	background-position: center bottom;

}

#lalabar_top {

	background-image: url(../images/top_lalabar_bgtop.jpg);

	background-repeat:no-repeat;

	width:304px;

}

#lalabar_top p {

	padding:180px 10px 25px 20px;

}

#event {

	width:355px;

}

#event h3#event {

	background-image: url(../images/h3_top04.gif);

	background-repeat: no-repeat;

	height: 44px;

	width: 355px;

	text-indent:-9999px;

	display:block;

	overflow:hidden;

}

#event p#text {

	margin:25px 5px;

}

/*--------------------------------------------------------------------

(message.html)

(ごあいさつ)

--------------------------------------------------------------------*/

h3#owner {

	background-image: url(../images/message_h3_01.gif);

	background-repeat: no-repeat;

	height: 25px;

	width: 122px;

	text-indent:-9999px;

	margin-bottom:20px;

}

dl.owner_profile {

	width:410px;

	clear:both;

}

dl.owner_profile dt {

	float:left;

	width:55px;

}

dl.owner_profile dd{

	float:left;

	width:350px;

}

h3#message01 {

	background-image: url(../images/message_h3_02.gif);

	background-repeat: no-repeat;

	height: 60px;

	width: 459px;

	text-indent:-9999px;

	padding-top:20px;

}

h3#message02 {

	background-image: url(../images/message_h3_03.gif);

	background-repeat: no-repeat;

	height: 48px;

	width: 350px;

	text-indent:-9999px;

	padding-top:20px;

}

div.stick {

	background-color:#EBF5F5;

	width:560px;

	padding:15px;

	margin:0 0 15px0 15px;

}

dl.stick_left {

	width:300px;

	margin-right:10px;

}

dl.stick_left dt {

	font-weight:bold;

	margin-bottom:10px;

}







/*--------------------------------------------------------------------

(cafe.html)

(たべもの・のみもの)

--------------------------------------------------------------------*/

#menu_bg {

	background-image: url(../images/cafe_menu_bg.gif);

	background-repeat: repeat-y;

	width:674px;

	height:auto;

}

#menu_btm {

	background-image: url(../images/cafe_menu_btm.gif);

	width:674px;

	background-position: bottom;

	background-repeat: no-repeat;

}

#menu_top {

	background-image: url(../images/cafe_menu_top.gif);

	width:674px;

	background-position: top;

	background-repeat: no-repeat;

}

p#cafe_text {

	padding:100px 0 20px 100px;

}

h3.menu01,

h3.menu02,

h3.menu03,

h3.menu04{

	width:247px;

	height:29px;

	text-indent:-9999px;

	margin:20px 0 20px 30px;

}

h3.menu01 {

	background-image: url(../images/cafe_h3_01.gif);

	background-repeat: no-repeat;

}

h3.menu02 {

	background-image: url(../images/cafe_h3_02.gif);

	background-repeat: no-repeat;

}

h3.menu03 {

	background-image: url(../images/cafe_h3_03.gif);

	background-repeat: no-repeat;

}

h3.menu04 {

	background-image: url(../images/cafe_h3_04.gif);

	background-repeat: no-repeat;

}

.line_area {

	width:630px;

	margin:0 0 0 30px;

	padding-bottom:20px;

}

dl.box {

	width:172px;

	height:auto;

	background-color:#FFF;

	margin-right:18px;

	padding:10px;

}

dl.box dd {

	margin:5px 0 10px 5px;

}

dl.box p {

	text-align:center;

}

dd.title {

	font-weight:bold;

	text-align:center;

	font-size:14px;

	}

ul#last_box {

	width:172px;

	height:224px;

	background-color:#FFF;

	padding:20px 10px 10px 10px;

}

ul#last_box p {

	margin-bottom:15px;

}

#last_box2 {

	width:385px;

	height:auto;

	background-color:#FFF;

	padding:20px 10px 10px 10px;

}

ul#last_box2 p {

	margin-bottom:15px;

}





/*--------------------------------------------------------------------

(pottery.html)

(陶芸教室)

--------------------------------------------------------------------*/

h3#pottery01 {

	background-image: url(../images/pottery_h3_01.gif);

	background-repeat: no-repeat;

	width:620px;

	height:42px;

	text-indent:-9999px;

	margin:40px 0 20px 0;

}

div.box01 {

	width:590px;

	margin:5px 0 30px 15px;

	padding:0;

}

dl.couse_detail {

	width:300px;

	margin:0;

	padding-bottom:30px;

}

dl.couse_detail dt {

	margin-bottom:10px;

}

dl.couse_detail dd {

	margin-left:15px;

}

h3#pottery02 {

	background-image: url(../images/pottery_h3_02.gif);

	background-repeat: no-repeat;

	width:620px;

	height:42px;

	text-indent:-9999px;

}

.area01 {

	width:590px;

	margin:20px 0 20px 15px;

}

table#ryokin {

	width:590px;

	border-top:#7C7051 1px solid;

	border-left:#7C7051 1px solid;

	border-right:#7C7051 1px solid;

	background-color:#EFEDE7;

	margin:5px 0;

}

table#ryokin tr th {

	font-weight:normal;

	width:160px;

	text-align:left;

	padding:10px 15px;

	border-bottom:#7C7051 1px solid;

}

table#ryokin tr td {

	border-bottom:#7C7051 1px solid;

}

h3#pottery03 {

	background-image: url(../images/pottery_h3_03.gif);

	background-repeat: no-repeat;

	width:620px;

	height:42px;

	text-indent:-9999px;

	margin:40px 0 20px 0;

}

table#syuchou {

	width:590px;

	border:#7C7051 1px solid;

	background-color:#EFEDE7;

	margin:0 0 20px 15px;

}

table#syuchou tr th {

	font-weight:normal;

	width:190px;

	text-align:left;

	padding:5px;

	border:#7C7051 1px solid;

}

table#syuchou tr td {

	width:100px;

	text-align:right;

	padding:5px;

	border:#7C7051 1px solid;

}

h3#pottery04 {

	background-image: url(../images/pottery_h3_04.gif);

	background-repeat: no-repeat;

	width:620px;

	height:42px;

	text-indent:-9999px;

}

h4.couse {

	width:570px;

	background-color:#F3DCDA;

	padding:5px 10px;

}

.couse_price {

	margin-left:240px;

}

h4#silver {

	background-image: url(../images/pottery_h4_silver.gif);

	background-repeat: no-repeat;

	width:381px;

	height:23px;

	text-indent:-9999px;

	margin-top:40px;

}

div.box02 {

	width:585px;

	margin:15px 0 0 0;

}

table#ryokin_silver {

	width:570px;

	border-top:#879B9B 1px solid;

	border-left:#879B9B 1px solid;

	border-right:#879B9B 1px solid;

	background-color:#E6EAEA;

	margin-left: 10px;

}

table#ryokin_silver tr th {

	font-weight:bold;

	width:470px;

	text-align:left;

	padding:10px 15px;

	border-bottom:#879B9B 1px solid;

}

table#ryokin_silver tr td {

	font-weight:bold;

	border-bottom:#879B9B 1px solid;

}

/*--------------------------------------------------------------------

(cook.html)

(料理教室)

--------------------------------------------------------------------*/

h3#cook01 {

	background-image: url(../images/cook_h3_01.gif);

	background-repeat: no-repeat;

	height: 60px;

	width: 459px;

	text-indent:-9999px;

	margin-top:30px;

}

#menu {

	margin:20px 0 30px 0;

}

#menu ul{

	width:250px;

	margin-top:10px;

	padding-bottom:10px;

}

#menu ul.under {

	border-bottom:#CCC 2px dotted;

}

h3#cook02 {

	background-image: url(../images/cook_h3_02.gif);

	background-repeat: no-repeat;

	height: 60px;

	width: 459px;

	text-indent:-9999px;

}

table#cooking_ryokin {

	margin:0;

	width:260px;

	border-top:#7C7051 1px solid;

	border-left:#7C7051 1px solid;

	border-right:#7C7051 1px solid;

	background-color:#EFEDE7;

}

table#cooking_ryokin tr th {

	width:120px;

	font-weight:normal;

	text-align:left;

	padding:10px 15px;

	border-bottom:#7C7051 1px solid;

}

table#cooking_ryokin tr td {

	padding:10px 15px;

	border-bottom:#7C7051 1px solid;

}









/*--------------------------------------------------------------------

(access.html)

(アクセス)

--------------------------------------------------------------------*/

table#access {

	margin:0 0 30px 35px;

	width:600px;

	border-collapse:collapse;

}

table#access th {

	width:150px;

	text-align:left;

	padding:15px 0 15px 15px;

	background-color: #9EB39D;

	color: #FFF;

	vertical-align: top;

	border-bottom:1px #FFF solid;

}

table#access td {

	background-color: #E0E7E0;

	padding:15px 10px 15px 15px;

	border-bottom:1px #FFF solid;

}

#googlemap {

	margin:0 0 0 35px;

}

/*--------------------------------------------------------------------

(link.html)

(リンク)

--------------------------------------------------------------------*/

h3.link_banner {

	background-image: url(../images/link_title_bg.jpg);

	background-repeat: no-repeat;

	width:620px;

	height:30px;

	padding:6px 0 0 30px;

	margin-top:20px;

}

dl#link {

	margin-left:30px;

	padding:10px 0 20px 0;

}