@charset "utf-8";
/* CSS Document */




/*==================================================================
	body area
===================================================================*/
body {
    text-align: center; /* center on ie */
    width: 100%;
}


div#wrapper{
	margin:5px auto;
}

.noborder {
　　　　　　border:none;
　　　　　　outline:none;
　　　　　 } 


/*==================================================================
	コンテンツエリア
===================================================================*/
#mainoff{
	background-image:url(../img/back.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	width:100%;
	margin:0 auto;
	position:relative;
	}
	
#main{/*クリスマス用*/
	background-image:url(img/bgimg3.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	width:100%;
	margin:0 auto;
	position:relative;
	}
	
#topinner{
	width: 980px;
	margin: 0 auto;
	position: relative;
	}
	
#inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	}
	
p#header{
	text-align:left;
	text-decoration:underline;
}


p#new{
	text-align: left;
	font-size: 14px;
}




/*==================================================================
	ヘッダーエリア
===================================================================*/
#header{
	text-align: left;
	width: 200px;
	padding-top: 5px;
	text-align: center;
}

#header a{
	text-decoration:none;
	color:#633;
	line-height:20px;
}

#header h1{
	font-size:12px;
	line-height:20px;
}

#headerAreaInner{
	position: relative;
	width: 980px;
	/*background-color: #FFFFFF;*/
	margin: 0 auto;
	padding: 0 0;
	height: 74px;
	}
	
#top-text{
	width: 360px;
	float: right;
	text-align: left;
	font-size: x-small;
	margin-top: 20px;
}




/* グローバルナビゲーション 
---------------------------------------------*/

ul#gnavi{
    margin: 0;  
    padding: 0;
    width:980px;
    height:95px;
    overflow:hidden;
}

ul#gnavi li{
    float:left;
    height:95px;
    display: inline;
}

ul#gnavi li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image:url(../img/g-navi.jpg);
    padding-top:95px;
}

/*グローバルナビ 通常表示されている状態
---------------------*/
    #navi1 a { width:102px; background-position:0       0;}
    #navi2 a { width:116px; background-position:-102px  0;}
    #navi3 a { width:240px; background-position:-218px  0;}
    #navi4 a { width:130px; background-position:-458px  0;}
    #navi5 a { width:126px; background-position:-588px  0;}
    #navi6 a { width:118px; background-position:-714px  0;}
    #navi7 a { width:148px; background-position:-832px  0;}

/* グローバルナビ ロールオーバー　マウスが乗った時の状態
----------------------*/
    #navi1 a:hover,  
	#navi1 a#current { width:102px; background-position:0       -95px;}
    #navi2 a:hover,  
	#navi2 a#current { width:116px; background-position:-102px  -95px;}
    #navi3 a:hover,  
	#navi3 a#current { width:240px; background-position:-218px  -95px;}
    #navi4 a:hover,  
	#navi4 a#current { width:130px; background-position:-458px  -95px;}
    #navi5 a:hover,  
	#navi5 a#current { width:126px; background-position:-588px  -95px;}
    #navi6 a:hover,  
	#navi6 a#current { width:118px; background-position:-714px  -95px;}
    #navi7 a:hover,  
	#navi7 a#current { width:148px; background-position:-832px  -95px;}

	
	
/*==================================================================
	スライダー
===================================================================*/
pre{
	font-family: "Source Code Pro", monospace;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

h2{
	font-size: 48px;
}

pre + h2{
	margin-top: 80px;
}

#container{
	max-width:620px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
#banner-slide{
	margin-bottom: 0px;
	background-color: #fffac6;
	padding-top: 10px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{

	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}



/*==================================================================
	TOPウェルカムメッセージ
===================================================================*/
#welcome{
	position: relative;
	width: 977px;
	margin: 0 auto;
	text-align: left;
	padding-left: 3px;
	}
	
	
#welcome-m{
	/*position:absolute;*/
	width: 750px;
	color: #4f6755;
	margin-left: 200px;/*box左からの位置指定*/
	font-weight: bold;
	padding: 5px;
	}
	
	
	
#welcome-m2{
	/*position:absolute;*/
	width: 980px;
	color: #ffffff;
	}


/*==================================================================
	TOPのニュース表示
===================================================================*/
#contentsInner div,
#contentsInner h1{
	position:absolute;
	}


#newsArea{
	width: 100%;
	min-height: 26px;
	padding: 5px 0;
	}

#newsAreaInner{
	position: relative;
	width: 980px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
	}
	
	
.aboutcanvas{
	position: relative;
	width: 960px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	font-size:14px;
	line-height:25px;
	position:relative;
	max-height: 100%;
	}
	
.erikyosan{
	position: absolute;
	top: 1220px;
	left: 16px;
}

.aboutcanvas h2{
	color:#80614d;
	font-size:18px;
	font-weight:bold;
	padding:0 0 20px 0;
	max-height: 100%;
	}
	
.aboutcanvas h3{
	color:#80614d;
	font-size:18px;
	font-weight:bold;
	padding:0 0 20px 0;
	}
	
.mama{
	position: absolute;
	top: 350px;
	left: 400px;
}

.abouttupera{
	float: right;
	width: 700px;
	font-family: YuGothic,'游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:20px;
	max-height: 100%;
}

.abouttupera a{
	text-decoration:none;
	color:#ec6952;
}

.abouttupera a:hover{
	color:#eb749d;
}
　
.abouttupera attention{
	font-size:9px;
}

.attention2{
	font-size:12px;
}
	
.lead {
	font-size:14px;
	font-family:YuMincho,'游明朝','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif;
	line-height:2.2;
}

#myButton2 {
    display: block;
    overflow: hidden;
    height: 50px;
    width: 650px;
    padding-top: 30px;
    text-align: center;
    margin: 0px 10px 50px 300px ;
	background-color:#EEE7C6;
}

#myButton2 a:hover {
    background-position: 0 -50px;
}

.shutten{
	padding: 5px;
	font-size: 12px;
	line-height: 15px;
	font-family: YuGothic,'游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.shutten_shosai{
	width: 900px;
	padding: 5px;
	font-size: 14px;
	line-height: 18px;
	font-family: YuGothic,'游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-decoration: none;

}

.shutten_shosai a{
	text-decoration: none;
	color:#ec6952;
}

.shutten_shosai a:hover{
	text-decoration:none;
	color:#eb749d;
}

.shosai_title{
	width: 500px;
	font-weight: bold;
	font-size: 25px;
	line-height: 30px;
	color: #EC6952;
	margin-bottom: 20px;
}

.shosai_pic{
	float: right;
	width: 380px;
	margin-left: 10px;
}

.shuttenname{
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	font-family: YuGothic,'游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.shuttenname a{
	text-decoration:none;
	color:#ec6952;
}

.shuttenname a:hover{
	text-decoration:none;
	color:#eb749d;
}

.shutten ul{
	list-style:none;
}

.shutten li{
	float: left;
	padding: 7px;
	font-size: 10px;
	font-family: YuGothic,'游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center; 
	line-height: 12px;
	}
	
.map{
	font-size:12px;
	line-height:15px;
}





	
	
#newsBox{
	/*position:absolute;*/
	width: 970px;
	color: #000;/*box左からの位置指定*/
	font-weight: bold;
	padding: 5px;
	background-image: url(img/new-icon.gif);
	background-repeat: no-repeat;
	position: relative;
	max-height: 100%;
	}
	
.new_b{
	position: absolute;
	top: -3px;
	left: 0px;
}
	
	
	
#newsBox ul li{	
	border-bottom:1.5px solid #b3d89b;
	line-height:1.8;
	padding:5px 70px;
}
	
#newsBox ul li a{
	text-align:left;/*文字左寄せ*/
	color:#4f6755;/*文字色*/
	display:block;
	padding-bottom:8px;/*文字下部の空間*/
	text-decoration:none;
	}

#newsAreaInner a:hover{
	text-decoration:none;
	color:#b3d89b;
	}

#newsAreaInner a:visited{
	color: #ff6c3b;
	}
	
	
	
/*==================================================================
	バナー領域
===================================================================*/
#headerbannerArea{
	float: right;
	padding: 0;
	width: 359px;
	height: 74px;
	}


#bannerArea{
	float: right;
	padding: 5px 5px;
	text-align: right;
	}
	
/*==================================================================
	パンくずのバックイメージ
===================================================================*/
#mainAreaoff{
	width: 980px;
	background-image: url(img/pankuzu.jpg);
	background-repeat:no-repeat;
	text-align: left;
	background-color: #FFF;
	}
	
#mainArea{/*クリスマス用*/
	width: 980px;
	background-image: url(img/pankuzu3.jpg);
	background-repeat:no-repeat;
	text-align: left;
	background-color: #FFF;
	}
	
#mainAreaterakoya{/*寺子屋用*/
	width: 980px;
	background-image: url(img/terakoya001.jpg);
	background-repeat:no-repeat;
	text-align: left;
	background-color: #FFF;
	}
	
/*==================================================================
	入れ子divフロート解決用
===================================================================*/	
#cleafix{
	clear:both;
    }
	
	
	
/*==================================================================
	パンくずリスト
===================================================================*/
#pankuzuAreaInner{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding:10px 10px 10px 10px;
	}

/*==================================================================
	2階層目左側サブナビゲーション
===================================================================*/
#mainAreaInner{
	width:200px;
	position:relative;
	padding:0 0 0 0;
    margin:0 0 0 0;
	}

	
#subnavi{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 200px;
}

#subnavi li{ display: inline; }

#subnavi a{
	text-align:left;
	text-decoration: none;
	display: block;
    width: 140px; /* 左右のpadding分を差し引く事 */
	padding: 10px 30px;
	color: #000;
	background-color: #B3D79B;
	border-bottom: 1px solid silver;
}

#subnavi a:hover,
#subnavi a#current{
	text-decoration: none;
	color: #fff;
	background-color: #759a7e;
	background-image:url(img/subback.gif);
	background-repeat:no-repeat;
}





/*==================================================================
	2階層目本文
===================================================================*/
#concept_text_area {
	font-size:85%;
	margin:0 0 35px 0;
	line-height:1.6;
	color:#1d0305;
}

#subnaviArea{
	width: 200px;
	float: left;
	background-color: #FFF;
	}



#main2Area{
	width: 740px;
	float: right;
	padding: 10px 10px 10px 30px;
	background-color: #FFF;
	min-height: 200px;
	text-align: left;
	}
	
#main3Area{
	width: 960px;
	float: none;
	padding: 10px;
	background-color: #FFF;
	min-height: 200px;
	text-align: left;
	}
	
#shopArea{
	width: 740px;
	float: right;
	background-color: #FFF;
	min-height: 200px;
	text-align: left;
	padding: 0 10px 10px 30px;
	}
	
	
#newsinner{
	width: 980px;
	min-height: 1000px;
	margin: 0 auto;
	position: relative;
	}
	
#terakoyainner{
	background-image: url(img/terakoya003.jpg);
	width: 920px;
	margin: 0 auto;
	position: relative;
	padding: 30px;
	}

.font{
	font-weight:bold;
	color:#F30;
}


#terakoyamegu{
	float: right;
	width: 450px;
	margin:5px;
	padding:0;
}

#newstextArea{
	width: 680px;
	padding: 5px 30px 0 30px;
	line-height: 1.6;
}




#tweetArea{
	width: 730px;
	text-align: right;
}

/*==================================================================
	店内の様子
===================================================================*/
#photoleft{
	padding: 5px 10px 0 30px;
	float: left;
}
#textright{
	padding: 30px 30px 0 10px;
	float: right;
	text-align: left;
	line-height: 1.6;
	width: 350px;
}

#textright2{
	padding: 80px 30px 0 10px;
	float: right;
	text-align: left;
	line-height: 1.6;
	width: 160px;
}


#photoright{
	padding: 5px 30px 0 30px;
	float:right;
}


#photoright2{
	padding: 5px 0px 0 30px;
	float: right;
}/*イベント情報にも利用中*/

#textleft{
	padding: 30px 10px 0 30px;
	float: left;
	text-align: left;
	line-height: 1.6;
	width: 290px;
}


/*==================================================================
	メニュー一覧
===================================================================*/
#menu_area {
	clear: both;
	width: 700px;
	padding: 10px 10px 10px 30px;
	z-index: 1;
}

#menu_area2 {
	clear: both;
	width: 700px;
	padding: 10px 10px 10px 10px;
	z-index: 1;
	text-align: center;
}
#menu_area2 a {
	display: block;
	float: left;
	height: 200px;
	width: 320px;
}

/*==================================================================
	二階層目ニュース表示
===================================================================*/
#2newsArea {
	width: 700px;
	padding: 10px;
	min-height: 50px;
	text-align: left;
	}
	
	
/*==================================================================
	地図表示
===================================================================*/	
	
#googlemap{
	width: 700px;
	background-color: #FFF;
	text-align: left;
	}
	
	
/*==================================================================
	カレンダーセンタリング
===================================================================*/	

#calendar{
	text-align:center;
    }
	
	
	
/*==================================================================
	アクセスページ
===================================================================*/
#table {
	width: 700px;
	text-align: ceter;
	height: 260px;
    }
.table br{
	clear:both;
	}
div.t1{
	display: block;
	float: left;
	margin: 0 0 1px 1px;
	padding: 4px;
	width: 100px;
	border: 1px solid #666;
    }
div.t2{
	display: block;
	float: left;
	margin: 0 0 1px 1px;
	padding: 4px;
	width: 580px;
	border: 1px solid #666;
    }
	
div.t3{
	display: block;
	float: left;
	margin: 0 0 1px 1px;
	padding: 4px;
	width: 690px;
	/*border-bottom: 3px dotted #060;*/
    }
	
	
/*==================================================================
	ご利用にあたって　プライバシー　サイトマップ
===================================================================*/
textarea.textlink{
	width: 680px;
    }

#noticeinner{
	width: 980px;
	min-height: 1600px;
	margin: 0 auto;
	position: relative;
	}
	
#privacyinner{
	width: 980px;
	min-height: 1400px;
	margin: 0 auto;
	position: relative;
	}
	
p.sitemaptext{
	text-align:left;
	font-size:20px;
	font-weight:bold;
    }
	
a.sitemap{
	color:#4e6654;
    }
	
#sitemapinner01{
	width: 300px;
	margin: 0 auto;
	float: left;
	line-height: 1.5;
	}
	
#sitemapinner02{
	width: 360px;
	margin: 0 50px 0 0;
	float: right;
	line-height:1.5;
	}
	
#sitemapinner03{
	width: 250px;
	float: right;
	line-height: 1.5;
	}
	
#sitemapinner04{
	width: 450px;
	float: left;
	line-height: 1.5;
	}

#sitemaplist{
	width: 200px;
	padding: 0 0 0 30px;
}

/*==================================================================
	お問い合わせフォーム内
===================================================================*/
#formtextArea{
	width: 600px;
	padding: 5px 30px 10px 30px;
	line-height: 1.6;
	text-align: center;
}

#tb_style3{
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #CCCCCC solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	width:650px;
	
}

#tb_style3 td { 
border: 1px #CCCCCC solid; /* セルの枠線（太さ・色・スタイル） */
padding: 5px 5px 5px 5px; 
} 

#tb_style3 th { 
border: 1px #CCCCCC solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px 5px 5px 5px;
} 


/*==================================================================
	協賛
===================================================================*/

.kyosan a{
	color:#eb749d;
	
}

.nonborder {
  border:none;
  outline:none;
}


/*==================================================================
	フッダー
===================================================================*/
#footer{
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-image: url(img/footer-bk.gif);
	background-repeat: repeat-x;
	background-color: #fffeee;
	/* [disabled]padding-bottom: 20px; */
	}

#footerInner{
	margin: 0 auto;
	position: relative;
	width: 970px;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 11px;
	padding: 5px;
	height: 350px;
	}
	
p.text{
	text-align:right;
	font-size:10px;
    }
	
a.footer{
	color:#666;
	text-decoration: none;
    }
	
#footerbanner{
	/*position:absolute;*/
	width: 450px;
	color: #4f6755;/*box左からの位置指定*/
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	padding: 5px;
	}


div#copyright{
	clear:both;
}
div#copyright p{
	font-size:11px;
	padding-top:10px;
}

.fb{
	float: right;
	width: 480px;
	height: 330px;
	background-color: #FFFeee;
	padding-top:30px;
}