/*-------------------------------------------
   手芸店をさがすページスタイル
---------------------------------------------*/

div#shop {
	padding: 10px 30px 20px 20px;
}

div#content h2.top {
	padding: 0 0 0 0;
}

/* 注意事項---------------*/
div#attention {
	padding: 4px 0 10px 0;
}

div#attention p.img {
	float:left;
	padding: 12px 0 0 30px;
}

div#attention p.txt {
	float:left;
	padding: 0 0 0 20px;
}


/*  手芸店をさがす
--------------------------------------------*/

/* 地域ボタン---------------*/
div.arealist {
	clear: both;
}

div.arealist ul li {
	float: left;
	display: inline;
	width: 210px;
	height: 50px;
	padding: 8px;
}

div.arealist ul li a {
	display: block;
	overflow: hidden;
	height: 0 !important;							/* 高さ ：優先 */
	width: 100%;
	padding-top: 50px;
}

/* 通常---------------*/
	#hokkaido	 a { background-image: url(../shop/img/btn-hokkaido.jpg); }
	#tohoku		 a { background-image: url(../shop/img/btn-tohoku.jpg); }
	#kosinetu	 a { background-image: url(../shop/img/btn-kosinetu.jpg); }
	#kanto		 a { background-image: url(../shop/img/btn-kanto.jpg); }
	#tokai		 a { background-image: url(../shop/img/btn-tokai.jpg); }
	#kansai		 a { background-image: url(../shop/img/btn-kansai.jpg); }
	#tyugoku	 a { background-image: url(../shop/img/btn-tyugoku.jpg); }
	#sikoku		 a { background-image: url(../shop/img/btn-sikoku.jpg); }
	#kyusyu		 a { background-image: url(../shop/img/btn-kyusyu.jpg); }
	#webshop	 a { background-image: url(../shop/img/btn-webshop.jpg); }

/* マウスオーバー-----*/
	#hokkaido	 a:hover { background-position:	0	-50px; }
	#tohoku		 a:hover { background-position:	0	-50px; }
	#kosinetu	 a:hover { background-position:	0	-50px; }
	#kanto		 a:hover { background-position:	0	-50px; }
	#tokai		 a:hover { background-position:	0	-50px; }
	#kansai		 a:hover { background-position:	0	-50px; }
	#tyugoku	 a:hover { background-position:	0	-50px; }
	#sikoku		 a:hover { background-position:	0	-50px; }
	#kyusyu		 a:hover { background-position:	0	-50px; }
	#webshop	 a:hover { background-position:	0	-50px; }


/* 日本地図---------------*/

div#japanmap {
	clear: both;
	padding: 10px 0 80px 0;
}

div#japanmap table td {
	border-spacing: 0;
	padding: 4px;
	text-align: center;
	font-size: 10px;
	width: 32px;
	height: 20px;
}

/*  地域カラー設定  */
div#japanmap .hokkaido 	{ background-color: #7CBDBB; }
div#japanmap .tohoku 	{ background-color: #7889B8; }
div#japanmap .kosinetu 	{ background-color: #866EAA; }
div#japanmap .kanto 	{ background-color: #AC6FA6; }
div#japanmap .tokai 	{ background-color: #B66F8D; }
div#japanmap .kansai 	{ background-color: #BE9179; }
div#japanmap .tyugoku 	{ background-color: #BFC37B; }
div#japanmap .sikoku 	{ background-color: #A7C279; }
div#japanmap .kyusyu 	{ background-color: #7ABD8F; }


/* WEB shop---------------*/

div.list-webshop {
	background-image: url(../shop/img/webshop-img.jpg);
	width: 150px;
	height: 50px;
	overflow: auto;
	padding: 20px 0 0 540px;
}

div.btn-webshop {
	float: left;
	height: 30px;
}

div.btn-webshop a{
    display: block;
    overflow: hidden;
    height: 0 !important;
    width: 140px;
    background-image: url(../shop/img/btn-webshop.jpg);
	padding-top: 30px;
}

div.btn-webshop a:hover {
    background-position: 0 -30px;
}


/* kf shop---------------*/

div.list-kf {
	background-image: url(../shop/img/kf-img.jpg);
	width: 150px;
	height: 50px;
	overflow: auto;
	padding: 20px 0 0 540px;
}

div.btn-kf {
	float: left;
	height: 30px;
}

div.btn-kf a{
    display: block;
    overflow: hidden;
    height: 0 !important;
    width: 140px;
    background-image: url(../shop/img/btn-kf.jpg);
	padding-top: 30px;
}

div.btn-kf a:hover {
    background-position: 0 -30px;
}


/*  各地方
--------------------------------------------*/

div#tab {
	padding: 20px 0 0 0;
}

div#tab ul {
	text-align: center;
	height: 22px;
}

div#tab ul li {
	display: inline;
	float: left;
	width: 90px;
	padding: 2px 0 0 0;
}

div#tab ul li a {
	width: 100%;
}

/* タブ背景---------------*/
div#tab ul.hokkaido 	{ border-bottom: #7CBDBB 2px solid; }
div#tab ul.hokkaido li 	{ background-image: url(../shop/img/tab_hokkaido.jpg); background-repeat: no-repeat; 	}
div#tab ul.tohoku 		{ border-bottom: #7889B8 2px solid; }
div#tab ul.tohoku li 	{ background-image: url(../shop/img/tab_tohoku.jpg); background-repeat: no-repeat; 	}
div#tab ul.kosinetu 	{ border-bottom: #866EAA 2px solid; }
div#tab ul.kosinetu li 	{ background-image: url(../shop/img/tab_kosinetu.jpg); background-repeat: no-repeat; 	}
div#tab ul.kanto 		{ border-bottom: #AC6FA6 2px solid; }
div#tab ul.kanto li 	{ background-image: url(../shop/img/tab_kanto.jpg); background-repeat: no-repeat; 	}
div#tab ul.tokai 		{ border-bottom: #B66F8D 2px solid; }
div#tab ul.tokai li 	{ background-image: url(../shop/img/tab_tokai.jpg); background-repeat: no-repeat; 	}
div#tab ul.kansai 		{ border-bottom: #BE9179 2px solid; }
div#tab ul.kansai li 	{ background-image: url(../shop/img/tab_kansai.jpg); background-repeat: no-repeat; 	}
div#tab ul.tyugoku 		{ border-bottom: #BFC37B 2px solid; }
div#tab ul.tyugoku li 	{ background-image: url(../shop/img/tab_tyugoku.jpg); background-repeat: no-repeat; 	}
div#tab ul.sikoku 		{ border-bottom: #A7C279 2px solid; }
div#tab ul.sikoku  li	{ background-image: url(../shop/img/tab_sikoku.jpg); background-repeat: no-repeat; 	}
div#tab ul.kyusyu 		{ border-bottom: #7ABD8F 2px solid; }
div#tab ul.kyusyu li 	{ background-image: url(../shop/img/tab_kyusyu.jpg); background-repeat: no-repeat; 	}

/* テーブル---------------*/
div.ken {
	clear: both;
	padding: 20px 0 0 0;
}

div.ken h3 {
	padding: 0 0 10px 0;
}

div.ken table {
	width: 730px;
}

div.ken table th {
	text-align: left;
	padding: 0 0 4px 0;
}

div.ken table th.name { width: 184px; } 
div.ken table th.post { width: 82px; } 
div.ken table th.address { width: 346px; } 
div.ken table th.tel { width: 98px; } 

div.ken table td.name {
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 4px 8px 4px 8px;
}

div.ken table td.post {
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 4px 8px 4px 8px;
}

div.ken table td.address {
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 4px 8px 4px 8px;
}

div.ken table td.tel {
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 4px 8px 4px 8px;
}


/*  通販サイト
--------------------------------------------*/


/* 注意事項---------------*/
div#attention2 {
	padding: 8px 0 10px 0;
}

div#attention2 p.img {
	float:left;
	padding: 4px 0 0 30px;
}

div#attention2 p.txt {
	float:left;
	padding: 0 0 0 20px;
}

/* テーブル---------------*/
div.web {
	clear: both;
	padding: 20px 0 0 0;
}

div.web h3 {
	padding: 0 0 10px 0;
}

div.web table {
	width: 730px;
}

div.web table th {
	text-align: left;
	padding: 0 0 4px 0;
}

div.web table th.site { width: 250px; } 
div.web table th.siteaddress { width: 470px; } 

div.web table td.site {
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 4px 8px 4px 8px;
}

div.web table td.siteaddress {
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	padding: 4px 8px 4px 8px;
}