@charset "UTF-8";

/*
information{
	file name : /css/individual/company/index.css
	infomation : This CSS file define company styles.;
	site name : VSM Husqvarna Viking;
	copyrihgt : Copyright (C) JUKI Co.,Ltd. All Rights Reserved.;
}
*/

/* contents
--------------------------------------------------------------------------
1. mapNavigation
2. shopListBlock
	1. shopListBlock
	2. shopListBlock
	3. prefName
	4. shopList
--------------------------------------------------------------------------
*/

/* 1. mapNavigation
-----------------------------------------------	*/
div#bodySection #contentsArea div.mapNavigation {
	position: relative;
	width: 740px;
	height: 445px;
	margin-bottom: 20px;
	background-image: url("../../../shop/img/index_background.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}


div#bodySection #contentsArea div.mapNavigation div#btnList {
	position: absolute;
	top: 31px;
	left: 32px;
	width: 180px;
}

div#bodySection #contentsArea div.mapNavigation div#btnList ul {
	padding-bottom: 19px;
}

div#bodySection #contentsArea div.mapNavigation div#btnList ul li {
	margin-bottom: 5px;
}

div#bodySection #contentsArea div.mapNavigation div#btnList ul li img {
	vertical-align: bottom;
}

div#bodySection #contentsArea div.mapNavigation div#mapArea {
	position: absolute;
	top: 31px;
	left: 309px;
	width: 319px;
	height: 375px;
}

div#bodySection #contentsArea div.mapNavigation div#mess {
	position: absolute;
	top: 395px;
	left: 10px;
	width: 700px;
	text-align: right;
	
}

div#bodySection #contentsArea div.mapNavigation div#mess p {
	display: inline;
	padding-left: 13px;
	background-image: url("../../../img_common/icon_arrow_square_right.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.01em;
	text-decoration: underline;
}




/* 2. shopListBlock
-----------------------------------------------
-----------------------------------------------	*/




	/* 1. shopListBlock
	-----------------------------------------------	*/
	
	div#bodySection #contentsArea div.shopListBlock {
		margin-bottom: 20px;
		border: 1px solid #EDEDED;
	}
	
	
	
	/* 2. shopListBlock
	-----------------------------------------------	*/
	
	div#bodySection #contentsArea div.shopListBlock div.prefList {
		min-height: 1%;
		padding: 15px 10px;
		background-color: #EDEDED;
	}
	
	/* -- Hack WinIE & MacIE --*/
	* html div#bodySection #contentsArea div.shopListBlock div.prefList {
		/* Hides from IE5-Mac ¥*/ 
		height: 1%;
		/*end  Hides from IE5-Mac */
	}
	/* -- Hack WinIE & MacIE  end--*/
	
	div#bodySection #contentsArea div.shopListBlock div.prefList ul.triangleList {
		float: left;
		width:  520px;
		font-size: 80%;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.prefList ul.triangleList li {
		display: inline;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.prefList ul.triangleList li a {
		padding: 0px 5px 0px 10px;
		background-image: url("../../../img_common/icon_triangle_right_bg_glay.gif");
		background-repeat: no-repeat;
		background-position: 0em 0.01em;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.prefList ul.triangleList li em {
		padding: 0px 5px 0px 10px;
		background-image: url("../../../img_common/icon_triangle_right_green_bg_glay.gif");
		background-repeat: no-repeat;
		background-position: 0em 0.01em;
		color: #4DA518;
	}
	
	
	div#bodySection #contentsArea div.shopListBlock div.prefList p {
		float: right;
		width:  200px;
		text-align: right;
	}
	
	
	/* 3. prefName
	-----------------------------------------------	*/
	
	div#bodySection #contentsArea div.shopListBlock div.prefName {
		width: 735px;
		margin: 30px auto;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.prefName h3 {
		font-size: 1px;
		line-height: 100%;
	}
	
	
	/* 4. shopList
	-----------------------------------------------	*/
	div#bodySection #contentsArea div.shopListBlock div.shopList {
		width: 735px;
		margin: auto;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer {
		margin-bottom: 30px;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table {
		width: 735px;
		border-collapse: collapse;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table colgroup.name {
		width: 85px;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table colgroup.detail {
		width: 650px;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table th {
		padding: 5px 0px 5px 20px;
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		font-size: 80%;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table td {
		text-align: left;
		vertical-align: middle;
		font-size: 80%;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table thead th.shopName {
		padding: 5px 0px 5px 10px;
		font-size: 100%;
		font-weight: bold;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table thead th {
		border-bottom: 1px solid #CACACA;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table tbody th,
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table tbody td {
		background-image: url("../../../img_common/dotline_w_wide.gif");
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table tbody th span {
		display: block;
		background-image: url("../../../shop/img/shop_head_title_bg.gif");
		background-repeat: no-repeat;
		background-position: right center;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table tbody td {
		padding: 5px 0px 5px 10px;
	}
	
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table tbody td ul,
	div#bodySection #contentsArea div.shopListBlock div.shopList div.shopContainer table tbody td ul li {
		display: inline;
		white-space: nowrap;
	}