@charset "UTF-8";

/*====================================================================================================

 ラップ

====================================================================================================*/

#wrapper-home {
	width: 100%;
	border-top: 4px solid #63b501;
	background: url(../img/index_bg.jpg) no-repeat top center;
}
#wrapper-content {
	width: 100%;
	border-top: 4px solid #63b501;
	background: url(../img/content_bg.jpg) no-repeat top center;
}

/*====================================================================================================

 ヘッダー

====================================================================================================*/


/*#header-home {
	width: 1010px;
	margin: 0px auto 20px auto;
	height: 496px;
}*/

#header-home { /*　201610　ハロウイン  */
	width: 1010px;
	margin: 0px auto 20px auto;
	height: 518px;
}
#header-content {
	width: 1010px;
	margin: 0px auto;
	height: 120px;
}



#logo {
	float: left;
	width: 179px;
	height: 116px;
}

#header-right {
	float: right;
	width: 816px;
	padding-right: 15px;
}


/*====================================================================================================

 グローバルナビゲーション

====================================================================================================*/


#g-nav {
	width: 816px;
	height: 44px;
	text-align: left;
	margin: 0 auto;
}
ul.menu li {
	float: left;
	width: 102px;
	height: 44px;
	background: url("../img/btn.png");
	position: relative;
	list-style-type: none;
}
ul.menu li.stay {
	background: url("../img/btn_over.png");
}

ul.menu li a{
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-decoration: none;
}
ul.menu li a:hover{
	background: url("../img/btn_over.png");
}

ul.menu li.sub-li01 {
	float: left;
	width: 102px;
	height: 71px;
	background: url("../img/btn_sub01.png");
	position: relative;
	list-style-type: none;
}
ul.menu li.sub-li01 a:hover{
	background: url("../img/btn_sub01_over.png");
}

ul.menu li.sub-li02 {
	float: left;
	width: 102px;
	height: 46px;
	background: url("../img/btn_sub02.png");
	position: relative;
	list-style-type: none;
}
ul.menu li.sub-li02 a:hover{
	background: url("../img/btn_sub02_over.png");
}

ul.menu li.sub-li03 {
	float: left;
	width: 102px;
	height: 80px;
	background: url("../img/btn_sub03.png");
	position: relative;
	list-style-type: none;
}
ul.menu li.sub-li03 a:hover{
	background: url("../img/btn_sub03_over.png");
}

ul.menu li.sub-li04 {
	float: left;
	width: 102px;
	height: 65px;
	background: url("../img/btn_sub04.png");
	position: relative;
	list-style-type: none;
}
ul.menu li.sub-li04 a:hover{
	background: url("../img/btn_sub04_over.png");
}

ul.menu li.sub-li05 {
	float: left;
	width: 102px;
	height: 31px;
	background: url("../img/btn_sub05.png");
	position: relative;
	list-style-type: none;
}
ul.menu li.sub-li05 a:hover{
	background: url("../img/btn_sub05_over.png");
}

ul.menu li.sub-li06 {
	float: left;
	width: 102px;
	height: 48px;
	background: url("../img/btn_sub06.png");
	position: relative;
	list-style-type: none;
}
ul.menu li.sub-li06 a:hover{
	background: url("../img/btn_sub06_over.png");
}

ul.menu{
	zoom: 1;
}
ul.menu:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*====================================================================================================

サイドナビゲーション

====================================================================================================*/


ul#side-nav {
	list-style: none;
}

ul#side-nav li.side-nav01 {
	margin: 0 0 11px 0;
}
ul#side-nav li.side-nav02 {
	margin: 0 0 8px 0;
}
ul#side-nav li.side-nav03 , ul#side-nav li.side-nav04 {
	margin: 0 0 10px 0;
}
ul#side-nav li.side-nav05 , ul#side-nav li.side-nav06, ul#side-nav li.side-nav07, ul#side-nav li.side-nav08 {
	margin: 0 0 13px 0;
}
ul#side-nav li.side-nav09 {
	margin: 0 0 15px 0;
}

div#side-kumiai-area {
	width: 204px;
	height: 110px;
	padding: 16px 0 0 16px;
	margin: 0 0 14px 0;
	background: url(../img/side_kumiai_bg.gif) no-repeat top center;
}
p.side-kumiai-title {
	margin: 0 0 8px 0;
}
p.side-kumiai-add {
	font-size: 11px;
	line-height: 1.5em;
	letter-spacing: 0em;
	margin: 0 0 10px;
}

div.side-banner-aed-area {
	width: 220px;
	padding: 13px 0 13px 0;
	margin: 0 0 10px 0;
	background: #dcfab4;
	border-radius: 15px;
}
p.side-banner-aed {
	margin: 0 0 15px 0;
}
p.side-banner-aed-title {
	/*color: #63b501;*/
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
ul.side-banner-aed-list {
	width: 220px;
}
ul.side-banner-aed-list li {
	/*color: #63b501;*/
	width: 180px;
	margin: 0 0 0 30px;
	font-size: 12px;
	list-style: disc;
	letter-spacing: 0.1em;
}
ul.side-banner-aed-list li a {
	/*color: #63b501;*/;
}
	

div.side-banner-dg {
	width: 220px;
}
p.side-banner-d {
	float: left;
}
p.side-banner-g {
	float: right;
}
	
	

/*====================================================================================================

 フッター

====================================================================================================*/
div#footer {
	clear: both;
	padding: 50px 0 0 0;
}
div#footer-top-wrap {
	width: 100%;
	background: url(../img/footer_machi.png) repeat-x top center;
}

div#footer-top {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 11px 0;
	text-align: left;
}

p.goto-top {
	padding: 0 0 32px 831px;
}

div#footer-banner-area {
	width: 980px;
}
p.footer-banner01 {
	float: left;
	margin: 0 18px 0 0;
}
p.footer-banner02 {
	float: left;
	margin: 0 17px 0 0;
}

div#footer-bottom-wrap {
	width: 100%;
	background: #63b501;
}
div#footer-bottom-top {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

p.footer-link01 {
	padding: 30px 0 0 0;
	color: #fff;
	letter-spacing: 0em;
}
p.footer-link02 {
	padding: 4px 0 0 0;
	color: #fff;
	letter-spacing: -0.1em;
}
p.footer-link03 {
	padding: 4px 0 18px 0;
	color: #fff;
	letter-spacing: 0em;
}
p.footer-link01 a , p.footer-link02 a , p.footer-link03 a {
	color: #fff;
	text-decoration: underline;
}
span.footer-tatebou {
	margin: 0 1px 0 2px;
}

p.footer-add {
	color: #fff;
	margin: 0 0 25px 0;
}

div#footer-bottom-bottom {
	width: 980px;
	height: 42px;
	margin: 0 auto;
	padding: 16px 0 0 0;
	background: url(../img/footer_bottom_bg.gif) repeat-x top center;
}
div#footer-bottom-bottom p {
	color: #fff;
	font-size: 11px;
}

/*====================================================================================================

 レイアウト

====================================================================================================*/


/*----------------------------共通定義
*/

div#content-wrap {
	width: 100%;
}
div#content {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

div.left-content-01 {
	float: left;
	width: 720px;
}
div.right-content-01 {
	float: right;
	width: 220x;
	padding: 23px 0 0 0;
}




/*----------------------------２カラム
*/



/*----------------------------h2内ボックス
*/



/*----------------------------h3内ボックス
*/



/*----------------------------h4内ボックス
*/



/*----------------------------バナー
*/




/*====================================================================================================

 テキスト

====================================================================================================*/


h1 {
	font-size: 1.5em;
	font-weight: normal;
}
h2 {
	font-size: 1.17em;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	font-weight: normal;
}
h4 {
	font-size: 1em;
	font-weight: normal;
}

p.pan {
	width: 700px;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	padding: 0 0 0 2px;
	letter-spacing: 0.1em;
}
p.pan a , p.pan2 a {
	color: #666666;
}
p.pan a:hover , p.pan2 a:hover {
	color: #666666;
	text-decoration: underline;
}
span.pan-line , span.pan2-line {
	margin: 0 5px;
}



/*--------------------------------------------------タイトル定義
*/
/*----------------------------h1共通定義 
*/
h1.h1-event01 , h1.h1-store01 , h1.h1-map01 , h1.h1-news01 , h1.h1-syuuhen01 , h1.h1-gaiyou01 , h1.h1-local-info01 , h1.h1-inquiry01 {
	margin: 0 0 10px 0;
}

/*----------------------------h2共通定義
*/ 
h2.h2-header {
	display: block;
	height: 23px;
	font-size: 11px;
	text-align: right;
	letter-spacing: 0.1em;
	color: #969696;
}

h2.h2-store01cate01 , h2.h2-store01cate02 , h2.h2-store01cate03 , h2.h2-store01cate04 , h2.h2-store01cate05 , h2.h2-store01cate06 {
	width: 670px;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	padding: 7px 0 10px 50px;
	margin: 0 0 20px 0;
}
h2.h2-store01cate01 {
	color: #f08200;
	background: url(../img/store_icon_cate01.gif) no-repeat top left;
	border-bottom: 1px dotted #f08200;
}
h2.h2-store01cate02 {
	color: #e8437e;
	background: url(../img/store_icon_cate02.gif) no-repeat top left;
	border-bottom: 1px dotted #e8437e;
}
h2.h2-store01cate03 {
	color: #14a83b;
	background: url(../img/store_icon_cate03.gif) no-repeat top left;
	border-bottom: 1px dotted #14a83b;
}
h2.h2-store01cate04 {
	color: #00b0ec;
	background: url(../img/store_icon_cate04.gif) no-repeat top left;
	border-bottom: 1px dotted #00b0ec;
}
h2.h2-store01cate05 {
	color: #0d6fb8;
	background: url(../img/store_icon_cate05.gif) no-repeat top left;
	border-bottom: 1px dotted #0d6fb8;
}
h2.h2-store01cate06 {
	color: #a74e6e;
	background: url(../img/store_icon_cate06.gif) no-repeat top left;
	border-bottom: 1px dotted #a74e6e;
}

h2.h2-store01cate-sanjyo {
	width: 710px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	padding: 7px 0 10px 10px;
	margin: 0 0 20px 0;
	color: #444444;
	border-bottom: 1px dotted #444444;
}


/*----------------------------h3共通定義
*/

h3.h3-store-01 {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5em;
	color: #f04646;
	margin: 0 0 5px 0;
}

h3.h3-store01cate06 {
	width: 710px;
	font-size: 1.38em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	padding: 7px 0 0 10px;
	margin: 0 0 0 0;
	color: #a74e6e;
}

/*----------------------------h4共通定義
*/

/*----------------------------h1個別定義
*/

/*----------------------------h2個別定義
*/
h2.h2-event01 {
	width: 515px;
	float: left;
	color: #ff6000;
	background: url(../img/event_h2_ten.gif) no-repeat top left;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}

h2.h2-news01 {
	width: 515px;
	float: left;
	color: #14aa32;
	background: url(../img/news_h2_ten.gif) no-repeat top left;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}

h2.h2-syuuhen01 {
	width: 690px;
	color: #9b9362;
	background: url(../img/syuuhen_h2_ten.gif) no-repeat top left;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}

h2.h2-local-info01 {
	width: 690px;
	color: #9b9362;
	background: url(../img/syuuhen_h2_ten02.gif) no-repeat top left;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0em;
}

h2.h2-gaiyou01 {
	width: 690px;
	color: #9b9362;
	background: url(../img/syuuhen_h2_ten.gif) no-repeat top left;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}

h2.h2-inquiry01 {
	width: 690px;
	color: #9b9362;
	background: url(../img/syuuhen_h2_ten.gif) no-repeat top left;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}

h2.h2-privacy-01 {
	line-height: 20px;
	font-size: 1.23em;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(../img/privacy_icon01.gif) no-repeat top left;
}

h2.h2-privacy-02 {
	margin: 0 0 5px 0;
}

h2.h2-map01 {
	width: 710px;
	color: #0395d9;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	padding: 7px 0 10px 10px;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #0395d9;
}
	
	




/*----------------------------h3個別定義
*/

h3.h3-gaiyou01 {
	width: 690px;
	color: #9b9362;
	font-size: 1.23em;
	font-weight: bold;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
}

h3.h3-event01 {
	font-size: 1.38em;
	margin: 0 0 5px 0;
	}


/*----------------------------h4個別定義
*/

	


/*----------------------------テキスト定義
*/





/*----------------------------リスト定義
*/




/*----------------------------カテゴリーからお店を探す
*/

div#shop-cate-nav-area {
	width: 720px;
	height: 155;
	padding-top: 15px;
	margin: 0 0 22px 0;
	background: url(../img/index_shop_nav_bg.gif) no-repeat bottom center;
}

ul.shop-cate-nav {
}

ul.shop-cate-nav li {
	float: left;
	margin: 0 0 12px 18px;
}