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


/*=============================
SPOT
=============================*/

/*common*/
div#mainBlock { margin-top:3px;}
div#content.typeDetail div#mainBlock,
div#content.typeDetail div#rightBlock  { margin-top:0px;}
div#spotBlock  	{ font-size:12px;}
h3#titleSpot { width:100%; padding-top:44px; background-image:url(/images/title_spot.gif);}


div#categoriesBlock 	{ width:670px; height:100px; background:url(../images/bg_category.gif) no-repeat left top; padding: 30px 10px 20px 10px;}
div#categoriesBlock ul  	{ margin:0; padding:0; list-style:none;}
div#categoriesBlock ul li 	{ display:inline; 	}
div#categoriesBlock ul li a	{ width:96px; padding-top:96px; float:left;}
	a#btnTsukuru 			{ background-image:url(../images/btn_tsukuru.gif);}
	a#btnKau 				{ background-image:url(../images/btn_kau.gif);}
	a#btnTaberu 			{ background-image:url(../images/btn_taberu.gif);}
	a#btnManabu				{ background-image:url(../images/btn_manabu.gif);}
	a#btnMiru 				{ background-image:url(../images/btn_miru.gif);}
	a#btnAll 				{ background-image:url(../images/btn_all.gif);}

/*list*/
div#spotList 			{ margin:10px 0;}
div#spotList h4 		{ width:690px; padding-top:36px; margin:10px 0;}
	h4#titleListTsukuru 	{ background-image:url(../images/title_list_tsukuru.gif);}
	h4#titleListKau 		{ background-image:url(../images/title_list_kau.gif);}
	h4#titleListTaberu 		{ background-image:url(../images/title_list_taberu.gif);}
	h4#titleListManabu 		{ background-image:url(../images/title_list_manabu.gif);}
	h4#titleListMiru 		{ background-image:url(../images/title_list_miru.gif);}
	h4#titleListAll 		{ background-image:url(../images/title_list_all.gif);}

table#spotListTable { border-collapse:collapse; width:690px; border-bottom:#4194D8 solid 2px; border-top:#4194D8 solid 2px; margin:10px 0 6px 0;}
table#spotListTable th,
table#spotListTable td { padding:10px 6px; text-align:left; font-weight:normal; background:url(/images/bdr_dot_blue.gif) repeat-x left top;}
table#spotListTable th {}
table#spotListTable td {}
table#spotListTable tr.nobdr th ,
table#spotListTable tr.nobdr td { background:none;}

/**/
table#spotListTable td h4 { margin:4px 0; display:inline; font-size:14px;}
table#spotListTable td p { font-size:11px; line-height:1.3em; margin:4px 0; ;}
table#spotListTable td.icon { width:160px!important; }
table#spotListTable td.icon a {width:33px; padding-top:33px; float:right; margin-left:2px;}
	a.iconTsukuru 	{ background-image:url(../images/ico_tsukuru.gif);}
	a.iconKau 		{ background-image:url(../images/ico_kau.gif);}
	a.iconTaberu 	{ background-image:url(../images/ico_taberu.gif);}
	a.iconManabu 	{ background-image:url(../images/ico_manabu.gif);}
	a.iconMiru 		{ background-image:url(../images/ico_miru.gif);}

/*detail*/

div#spotHeader 		{ width:670px; min-height:100px; padding:10px; height:auto!important; height:120px; margin-bottom:10px; background:url(../images/bg_detailheader.gif) no-repeat left top;}
div#spotHeader h2 	{ font-size:21px; color:#FFFFFF; margin:6px 0 10px 0;}
div#spotHeader p 	{ color:#FFFFFF; font-size:14px; margin:6px 0 8px 0; }
div#spotHeader ul 		{ margin:12px 0; padding:0; list-style:none;}
div#spotHeader ul li 	{ display:inline; margin-right:4px; color:#FFFFFF;}

div#spotImages 		{ width:100%; overflow:hidden; margin:0 0 10px 0;}
div#spotImage 		{ width:320px; float:left;}
div#spotImage p 	{ margin:0; background:#EFEFEF; font-size:10px; padding:2px 2px; line-height:1.2em; visibility:hidden;}

div#spotThumbs 		{ width:360px; float:right;}
div.thumbBtn { width:66px; height:50; float:left; margin-right:4px; }

div#spotThumbs p 	{ margin:0 0 10px 0;}

h3#titleOverview { width:690px; padding-top:40px; background:url(../images/title_overview.gif);}
	table#overviewData 		{ width:100%; border-collapse:collapse; margin:10px 0;}
	table#overviewData th,
	table#overviewData td		{ border:#CCCCCC solid 1px; padding:6px;  text-align:left; font-size:11px; font-weight:normal;}
	table#overviewData th		{ background:#E4EFF2; width:120px;}
	table#overviewData td		{}