/**
 * ■Topページ専用CSS
 * --------------------------------------------------------------
 * 作成日：2006/11/10
 * 作成者：清水
 * 
 * --------------------------------------------------------------
 * 説明
 * Topページ専用CSS
 * 
 * --------------------------------------------------------------
 * 更新履歴
 * 2006/11/10	ver,0.1	作成。
 *
 */

/**
 * ■フレームの枠組み
 */
div#main
{
	float				: left;
	width				: 600px;
}
div#side
{
	float				: left;
	width				: 160px;
	padding				: 20px !important;
	padding-right		: 20px;
	padding-left		: 19px;
}
/**
 * ■基本形作成
 */
div#warrper
{
	background			: url("../images/side_background.jpg") repeat-y right top;
	border-left			: 1px solid #cccccc;
	border-right		: 1px solid #cccccc;
}
div#side a#mobile_link
{
	text-align			: left;
	text-indent			: -9999px;
	display				: block;
	width				: 161px;
	height				: 118px;
	margin				: 0;
	background			: url("../images/side_mobile.gif") no-repeat left top;
}
div#side div#side_adv{
	clear:both;
	width:150px;
}
div#side div#side_adv table{
	border-collapse:collapse;
	border:none;
}

div#side div#side_adv table tr{
}
div#side div#side_adv table tr td{
}

div#side div#side_adv table tr td div a{
	display:none;
}
div#side div#side_adv table tr td div a img{
	margin:0px;
	padding:0px;
}


/**
 * ■上部の地図
 */
/*	上部の地域リスト	*/
div#area_list
{
	float				: left;
	margin				: 20px auto auto 20px !important;
	margin				: 10px auto auto 10px;
}
div#area_list h3
{
	width				: 269px;
	height				: 23px;
	text-indent			: -9999px;
	background			: url("../images/top_area_search_title.gif") no-repeat left top;
	margin-bottom		: 20px;
}
div#area_list ul
{
	width				: 300px;
	height				: 250px;
	background			: url("../images/top_area_search_background.jpg") no-repeat left top;
}
div#area_list ul li
{
	width				: 80px;
	line-height			: 2em;
	float				: left;
	border				: 1px solid #777777;
	text-align			: right;
	vertical-align		: middle;
	font-size			: x-small;
	margin				: 0 10px 10px 0 !important;
	margin				: 0 5px 5px 0;
	background-color	: #ffffff;
}
div#area_list ul li a
{
	margin				: 0 0 0 10px;
	padding				: 0;
	font-size			: x-small;
	text-align			: center;
	line-height			: 2em;
	display				: block;
	border-left			: 1px solid #666666;
	background-color	: #ffffff;
}
div#area_list ul li a:hover
{
	background-color	: #CCCCFF;
}

div#area_list ul li.big_area
{
	width				: 264px;
	text-align			: left;
}
div#area_list ul li dl dt
{
	text-align			: center;
	font-weight			: bold;
}
div#area_list ul li dl dd
{
	border-top			: 1px solid #666666;
	background-color	: #ffffff;
	width				: 264px;
}
div#area_list ul li dl dd a
{
	float				: left;
	width				: 80px;
	line-height			: 1.5em;
	border				: 0;
	margin				: 0;
	padding				: 0;
}
div#area_list ul li.big_area dl dd
{
	width				: 264px;
	padding				: 2px 0 !important;
	padding				: 2px 0 0 0 !important;
}
div#area_list ul li.big_area dl dd a
{
	width				: 66px;
}

/*	上部の地域マップ	*/
div#area_map
{
	float				: left;
	width				: 271px;
	height				: 232px;
	margin				: 20px 0 0 0;
	position			: relative;
}
div#area_map p
{
	font-size			: x-small;
	text-align			: left;
	padding-left		: 10px;
}
div#area_map div.windows
{
	position			: absolute;
	top					: 40px;
	left				: 10px;
	border				: 1px solid #999999;
	width				: 230px;
	font-weight			: bold;
	padding-top			: 2px;
}
div#area_map div.windows p
{
	border-top			: 1px solid #999999;
	margin-top			: 2px;
	padding				: 2px;
	background-color	: #ffffff;
	font-weight			: normal;
	font-size			: small;
}
div#area_map div.windows a
{
	padding-right		: 10px;
	white-space			: nowrap;
}

/**
 * ■業種別検索
 */

div#category_list
{
	margin				: 20px !important;
	margin				: 10px;
	padding-bottom		: 10px !important;
	padding-bottom		: 20px;
}
div#category_list dl dd
{
	padding				: 10px 5px 10px 5px;
	background-color	: #ffffff;
}
div#category_list dl dd h3
{
	width				: 269px;
	height				: 23px;
	text-indent			: -9999px;
	background			: url("../images/top_category_search_title.gif") no-repeat left top;
	float				: left;
}
div#category_list dl dd p
{
	float				: right;
	width				: 275px;
	font-size			: x-small;
	text-align			: left;
	margin-left			: 5px;
}
div#category_list dl dd a
{
	display				: block;
	margin				: 20px 0 auto 10px !important;
	margin				: 20px 0 auto 5px;
	width				: 260px;
	height				: 30px;
	text-align			: right;
	float				: left;
	background-repeat	: no-repeat;
	background-position	: left center;
}
div#category_list dl dd a span
{
	display				: block;
	width				: 190px;
	line-height			: 30px;
	border				: 1px solid #666666;
	text-align			: center;
	vertical-align		: middle;
	margin				: 0 0 0 auto;
	cursor				: pointer;
}
div#category_list dl dd a:hover
{
	background-color	: #ffffff;
}
div#category_list dl dd a:hover span
{
	background-color	: #CCCCFF;
}
div#category_list dl dd a.cate01{ background-image:url("../images/category/icon01.jpg"); }
div#category_list dl dd a.cate02{ background-image:url("../images/category/icon02.jpg"); }
div#category_list dl dd a.cate03{ background-image:url("../images/category/icon03.jpg"); }
div#category_list dl dd a.cate04{ background-image:url("../images/category/icon04.jpg"); }
div#category_list dl dd a.cate05{ background-image:url("../images/category/icon05.jpg"); }
div#category_list dl dd a.cate06{ background-image:url("../images/category/icon06.jpg"); }
div#category_list dl dd a.cate07{ background-image:url("../images/category/icon07.jpg"); }
div#category_list dl dd a.cate08{ background-image:url("../images/category/icon08.jpg"); }
div#category_list dl dd a.cate09{ background-image:url("../images/category/icon09.jpg"); }
div#category_list dl dd a.cate10{ background-image:url("../images/category/icon10.jpg"); }
div#category_list dl dd a.cate11{ background-image:url("../images/category/icon11.jpg"); }
div#category_list dl dd a.cate12{ background-image:url("../images/category/icon12.jpg"); }
div#category_list dl dd a.cate13{ background-image:url("../images/category/icon13.jpg"); }
div#category_list dl dd a.cate14{ background-image:url("../images/category/icon14.jpg"); }
div#category_list dl dd a.cate15{ background-image:url("../images/category/icon15.jpg"); }
div#category_list dl dd a.cate16{ background-image:url("../images/category/icon16.jpg"); }
div#category_list dl dd a.cate17{ background-image:url("../images/category/icon17.jpg"); }
div#category_list dl dd a.cate18{ background-image:url("../images/category/icon18.jpg"); }
div#category_list dl dd a.cate19{ background-image:url("../images/category/icon19.jpg"); }
div#category_list dl dd a.cate20{ background-image:url("../images/category/icon20.jpg"); }
div#category_list dl dd a.cate21{ background-image:url("../images/category/icon21.jpg"); }
div#category_list dl dd a.cate28{ background-image:url("../images/category/icon28.jpg"); }
div#category_list dl dd a.cate27{ background-image:url("../images/category/icon27.jpg"); }
div#category_list dl dd a.cate30{ background-image:url("../images/category/icon30.jpg"); }

div#main div.windows
{
	display				: none;
	
}