@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.sugarland.co.jp/
File name:		layout_company.css
Summary:		base styles
Created:		2008-11-26
Last update:	2008-11-26 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2008 dabhand Inc.
--------------------------------------------------------------- */

/* Shop / Company */
/* ------------------------------------------------------------ */
.title_layout {
	clear: both;
	width: 760px;
	height: 32px;
	margin: 14px auto 0px;
	padding: 0px;
	display: block;
	position: relative;
	border: 0px #0f0 solid;
}

.title_layout h3 {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border: 0px #00f solid;
}

.title_layout ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px #00f solid;
}

.title_layout li {
	margin: 0px;
	padding: 0px;
	border: 0px #0ff solid;
}

.title_layout .button1 a {
	background: #fff url(../images/company_menu1.gif) left top no-repeat;
	width: 76px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	right: 120px;
	top: 0px;
	border: 0px #00f solid;
}

.title_layout .button1 a:hover {
	background: #fff url(../images/company_menu1.gif) left bottom no-repeat;
}

.title_layout .button2 a {
	background: #fff url(../images/company_menu2.gif) left top no-repeat;
	width: 107px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	border: 0px #00f solid;
}

.title_layout .button2 a:hover {
	background: #fff url(../images/company_menu2.gif) left bottom no-repeat;
}

.company_comment {
	width: 700px;
	margin: 10px auto 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.company_map {
	text-align: center;
	margin: 30px auto 0px;
	padding: 0px;
	border: 0px #f00 solid;
}

.company_map_layout {
	text-align: center;
	width: 706px;
	height: 590px;
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	position: relative;
	border: 0px #f00 solid;
}

.company_map_layout .map {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	border: 0px #f00 solid;
}

.company_map_layout .button {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	z-index: 1;
	right: 50px;
	top: 60px;
	border: 0px #f00 solid;
}

.company_details {
	width: 700px;
	margin: 25px auto 0px;
	padding: 0px;
	border: 0px #f00 solid;
}

.company_details .bg_color1 {
	clear: both;
	background-color: #fff3d4;
	margin: 5px 0px 0px;
	padding: 5px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.company_details .bg_color2 {
	clear: both;
	background-color: #fcf7f4;
	margin: 5px 0px 0px;
	padding: 5px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.company_details h4 {
	text-align: left;
	font-weight: normal;
	color: #ca8d46;
	width: 80px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display: block;
	float: left;
	border: 0px #f00 solid;
}

.company_details .text {
	text-align: left;
	white-space: nowrap; 
	margin: 0px;
	padding: 0px 0px 0px 20px;
	display: block;
	float: left;
	border-left: 2px #c7b6a8 solid;
}

.company_details .map {
	background: #fff3d4 url(../images/company_arrow.gif) left center no-repeat;
	white-space: nowrap; 
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 15px;
	display: block;
	float: right;
	border: 0px #f00 solid;
}

/* Map (Another window) */
/* ------------------------------------------------------------ */
#map_body {
	background-color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.close a {
	background: #fff url(../images/close.gif) left top no-repeat;
	width: 61px;
	height: 22px;
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

.close a:hover {
	background: #fff url(../images/close.gif) left bottom no-repeat;
}