@charset 'UTF-8';

/* ========================================
OUTLINE
	小田原籠清オフィシャルサイト
	会社のご案内 CSS
	[/company/]

CONTENTS
	00：左メニュー
	10：トップメッセージ
	20：会社概要
	30：沿革
======================================== */



/* 00：左メニュー
======================================== */

div#lNav ul li#lmMessage a {
	background-image: url("../images/lm_message.gif");
	}

div#lNav ul li#lmProfile a {
	background-image: url("../images/lm_profile.gif");
	}

div#lNav ul li#lmHistory a {
	background-image: url("../images/lm_history.gif");
	}

body.bdIndex div#lNav ul li#lmMessage a,
body.bdProfile div#lNav ul li#lmProfile a,
body.bdHistory div#lNav ul li#lmHistory a {
	background-position: right top !important;
	}



/* 10：トップメッセージ [index.html]
======================================== */

body.bdIndex div#main div.msg {
	padding: 20px 0;
	background: url("../images/msg_bg.gif") no-repeat top right;
	}

body.bdIndex div#main div.msg dl {
	float: right;
	width: 136px;
	}

body.bdIndex div#main div.msg dl dt img {
	display: block;
	margin-bottom: 3px;
	}

body.bdIndex div#main div.msg dl dd {
	font-size: 0.84em;
	text-align: center;
	}

body.bdIndex div#main div.msg p {
	width: 430px;
	margin-bottom: 1.5em;
	line-height: 1.7;
	}

body.bdIndex div#main div.msg p img { /* 「籠清」文字画像 */
	margin-bottom: -0.1em;
	margin-right: 0.1em;
	vertical-align: baseline;
	}



/* 20：会社概要 [profile.html]
======================================== */

body.bdProfile div#main table {
	width: 606px;
	margin: 30px 0 0;
	border-top: 1px solid #e3e3e3;
	}

body.bdProfile div#main table th,
body.bdProfile div#main table td {
	padding: 0.5em 0 0.5em 0.5em;
	border-bottom: 1px solid #e3e3e3;
	vertical-align: top;
	}

body.bdProfile div#main table th {
	width: 9em;
	*width: 10em; /* IE6-7 */
	background-color: #f4f7fe;
	color: #283894;
	font-weight: bold;
	}

body.bdProfile div#main table td {
	padding-left: 1em;
	}


/* ----- 役員 ----- */

body.bdProfile div#main table td dl.officer dt {
	float: left;
	width: 8em;
	}


/* ----- 事業所 ----- */

body.bdProfile div#main table td dl.officeList dt {
	margin: 0.6em 0 0.3em;
	padding-top: 0.6em;
	border-top: 1px solid #e3e3e3;
	font-weight: bold;
	}

body.bdProfile div#main table td dl.officeList dt.first { /* 先頭の項目 */
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	}


/* ----- 取引銀行 ----- */

body.bdProfile div#main table td ul.bank li {
	_display: inline; /* IE6 */
	float: left;
	width: 13em;
	margin-right: 3em;
	}


/* ----- 仕入先 ----- */

body.bdProfile div#main table td ul.supplier li {
	_display: inline; /* IE6 */
	float: left;
	width: 7em;
	margin-right: 2em;
	}


/* ----- 販売先 ----- */

body.bdProfile div#main table td ul.sales li {
	_display: inline; /* IE6 */
	float: left;
	margin-right: 2em;
	*white-space: nowrap; /* IE6-7 */
	}

body.bdProfile div#main table td ul.sales li.short {
	width: 7em;
	}


/* ----- 生産品目別 ----- */

body.bdProfile div#main table td dl.items dt {
	float: left;
	width: 10em;
	}

body.bdProfile div#main table td dl.items dd {
	width: 15em;
	*width: 4em; /* IE6-7 */
	text-align: right;
	}


/* ----- 所属団体 ----- */

body.bdProfile div#main table td ul.organization li {
	float: left;
	width: 20em;
	*width: 17em; /* IE6-7 */
	}



/* 30：沿革 [history.html]
======================================== */

body.bdHistory div#main h3 {
	margin-bottom: 30px;
	}

body.bdHistory div#main h4 {
	margin-bottom: 5px;
	}


/* ----- 表組み共通 ----- */

body.bdHistory div#main table {
	border-top: 1px solid #e3e3e3;
	}

body.bdHistory div#main table th,
body.bdHistory div#main table td {
	border-bottom: 1px solid #e3e3e3;
	padding: 0.5em 0;
	vertical-align: top;
	}

body.bdHistory div#main table th {
	width: 10.2em;
	padding-left: 0.3em;
	font-weight: bold;
	}

body.bdHistory div#main table th span.wareki,
body.bdHistory div#main table td span.notes {
	font-size: 0.84em;
	}

body.bdHistory div#main table td img.kagotxt { /* 「籠清」文字画像 */
	margin-bottom: -0.1em;
	margin-right: 0.1em;
	vertical-align: baseline;
	}


/* ----- 沿革 ----- */

body.bdHistory div#main table.historyTbl {
	width: 606px;
	margin-bottom: 50px;
	}

body.bdHistory div#main table.historyTbl colgroup.photo {
	width: 150px;
	}

body.bdHistory div#main table.historyTbl td.photo {
	padding-left: 0;
	text-align: right;
	vertical-align: middle;
	}


/* ----- 受賞歴 ----- */

body.bdHistory div#main div.prizeList {
	position: relative;
	overflow: hidden;
	}

body.bdHistory div#main div.prizeList table {
	width: 425px;
	margin-top: 1px;
	}

body.bdHistory div#main div.prizeList table td ul {
	margin-top: -0.3em;
	}

body.bdHistory div#main div.prizeList table td li {
	margin-top: 0.5em;
	line-height: 1.1;
	}

body.bdHistory div#main div.prizeList dl {
	position: absolute;
	right: 0%;
	}

body.bdHistory div#main div.prizeList dl dt img {
	display: block;
	}

body.bdHistory div#main div.prizeList dl dd {
	font-size: 0.01em;
	text-align: right;
	}


/* 板付蒲鉾 */

body.bdHistory div#main div.prizeList dl.przIta {
	top: 14%;
	_top: 22em; /* IE6 */
	}

body.bdHistory div#main div.prizeList dl.przIta dd {
	margin-top: -7px;
	}


/* 角焼 */

body.bdHistory div#main div.prizeList dl.przKaku {
	top: 32%;
	_top: 48em; /* IE6 */
	}

body.bdHistory div#main div.prizeList dl.przKaku dd {
	margin-top: -8px;
	}


/* 鳳凰 */

body.bdHistory div#main div.prizeList dl.przHouou {
	top: 48%;
	_top: 75em; /* IE6 */
	}

body.bdHistory div#main div.prizeList dl.przHouou dd {
	margin-top: -12px;
	}


/* おだまき・磯の香 */

body.bdHistory div#main div.prizeList dl.przOda {
	top: 66%;
	_top: 103em; /* IE6 */
	}

body.bdHistory div#main div.prizeList dl.przOda dd {
	margin-top: -28px;
	}


/* 伊達巻 */

body.bdHistory div#main div.prizeList dl.przDate {
	top: 83%;
	_top: 130em; /* IE6 */
	}

body.bdHistory div#main div.prizeList dl.przDate dd {
	margin-top: -10px;
	}