/**
 * e-sohko.com
 * /css/bukken/detail.css
 * @version 0.01
 */

@import "../global.css";
@import "../layout_left.css";


#layout_main {
	width: 716px;
}

h1 {
	width: 716px;
	height: 54px;
	background: url(../../images/bukken/bukken_head.gif) no-repeat;
	text-indent: -9999px;
}


a.lightbox,
a.recommendimage {
	text-decoration: none;
}
a.lightbox .scaleicon,
a.recommendimage .scaleicon {
	position: absolute;
	left: 3px;
	top: 0;
}

/** Local Header
-----------------------------------------*/
#localheader {
	margin-bottom: 5px;
}
#localheader p {
	padding: 5px 0 0 0;
	/*border-bottom: 1px solid #ddd;*/
	text-align: right;
}


#topcontainer {
	background:#F3F3F3;
	border:2px solid #B0B7C2;
	margin-bottom:25px;
	padding:10px 15px;
}

/** Summary
-----------------------------------------*/
#summary {
	float: left;
	width: 386px;
}
#summary p#labels {
	padding: 0 1px 5px 1px;
}
#summary p#labels span {
	margin-right: 5px;
}
#summary p#labels img {
	margin-right: 1px;
	vertical-align: middle;
}
#summary table {
	border-collapse: collapse;
	line-height: 1.5;
	font-size: 77%;
}
#summary table tr th {
	width: 6em;
	padding: 6px 0.5em 1em 10px;
	border-top: 1px solid #D8DBE1;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
#summary table tr td {
	padding: 6px 0.5em 1em 0.3em;
	border-top: 1px solid #D8DBE1;
	vertical-align: top;
}
#summary table tr.summary_head th,
#summary table tr.summary_head td {
	padding-bottom: 6px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background: #F8E4CF;
}
#summary table tr td#summary_location {
	font-size: 120%;
	font-weight: bold;
	color: #A25105;
}
#summary table tr td#summary_space,
#summary table tr td#summary_rent {
	font-size: 110%;
	font-weight: bold;
	color: #A25105;
}
#summary table tr td p#access_car {
	margin-bottom: 1em;
}
#summary table tr td span {
	display: block;
}


/** Main Image
-----------------------------------------*/
#sales {
	float: right;
	width: 280px;
	padding-top: 25px;
}
#sales h2 {
	margin-bottom: 1em;
	line-height: 1.5;
	font-size: 100%;
	color: #333B46;
}
#sales p#mainimage {
	position: relative;
	margin-bottom: 10px;
}
#sales p#mainimage_description {
	font-size: 77%;
	line-height: 1.5;
}


/** Details / Terms
-----------------------------------------*/
table.detaillist {
	width: 100%;
	margin-bottom: 25px;
	border-top: 1px solid #fff;
	border-collapse: collapse;
	font-size: 77%;
	line-height: 1.5;
}
table.detaillist tr th {
	width: 6em;
	border-bottom: 1px solid #fff;
	background: #E4E5E8;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 4px 1em 4px 10px;
}
* html table.detaillist tr th {
	width: 8em;
}
*+html table.detaillist tr th {
	width: 8em;
}
table.detaillist tr td {
	padding: 4px;
	border-bottom: 1px solid #fff;
	background: #F3F3F3;
	vertical-align: top;
}
table.detaillist tr td span {
	display: block;
}
table.detaillist tr td small {
	font-size: 90%;
}

#details {
	float: left;
	width: 355px;
}
#terms {
	float: right;
	width: 355px;
}

#details h3,
#terms h3 {
	padding: 0.2em 10px;
	border-top: 3px solid #8697B7;
	background: #ABB6CD;
	font-size: 90%;
	color: #fff;
}
#terms h3 small {
	padding-left: 1em;
	font-weight: normal;
}

/** Image Container
-----------------------------------------*/
#imagecontainer {
	margin-bottom:25px;
	padding: 15px 10px 15px 20px;
	background: #f3f3f3;
}


ul.imagebox li {
	float: left;
	padding-top: 0;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 11px;
}
ul.imagebox li h4 {
	margin-bottom: 0.2em;
	font-size: 77%;
}
ul.imagebox li p.imagedescript {
	font-size: 70%;
	line-height: 1.5;
}
ul.imagebox li p.photo {
	position: relative;
	margin-bottom: 5px;
}


/** 
-----------------------------------------*/
#inquiryinfo {
	border:3px solid #ff9966;
	margin: 0 0 10px 0;
	padding:10px 0 10px 20px;
}

#inquiryinfo h3 {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 1.5em 2.5em 0;
	border-right: 2px solid #FFDCCB;
	font-size: 100%;
	color: #A25205;
}

#inquiryinfo p span {
	display: block;
	margin-top: 0.5em;
	font-size: 80%;
}
#inquiryinfo p#info_detail {
	float: left;
	font-size: 90%;
}
#inquiryinfo p#info_navi {
	float: right;
	padding-right: 20px;
	font-size: 90%;
}
#inquiryinfo ul.imagebox li {
	padding: 0 9px;
}


/** Recommend
-----------------------------------------*/
#recommend {
	margin-bottom:25px;
	padding: 10px 10px 10px 10px;
	border:2px solid #B0B7C2;
	background: #f3f3f3;
}
#recommend h4 {
	margin-bottom: 0.5em;
	padding: 3px;
	background: #E4E5E8;
	font-size: 90%;
}
#recommend h5 {
	margin-bottom: 0.3em;
}
#recommend h5 span {
	font-size: 90%;
}
#recommend ul {
	padding-left: 10px;
}


/** 
-----------------------------------------*/
#bottomconsole {
	text-align: center;
}
#bottomconsole img {
	vertical-align: middle;
}


/** Bukken Company List
-----------------------------------------*/
#bukkencomlist {
	margin-bottom: 25px;
	background: #FFF7EF;
}
#bukkencomlist ul {
	padding: 5px;
	font-size: 77%;
}
#bukkencomlist ul li {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #F6DEC6;
}
#bukkencomlist ul li p {
	margin-bottom: 0.3em;
	line-height: 1.5;
}
#bukkencomlist ul li strong {
	display: block;
	margin-bottom: 0.3em;
	padding-left: 40px;
	background: left 2px no-repeat;
}
#bukkencomlist ul li.com_hudosan strong {
	background-image: url(../../images/global/label_com_hudosan.gif);
}
#bukkencomlist ul li.com_unso strong {
	background-image: url(../../images/global/label_com_unso.gif);
}
#bukkencomlist ul li.com_sohko strong {
	background-image: url(../../images/global/label_com_sohko.gif);
}
#bukkencomlist ul li.com_kensetsu strong {
	background-image: url(../../images/global/label_com_kensetsu.gif);
}
#bukkencomlist ul li.com_kinyu strong {
	background-image: url(../../images/global/label_com_kinyu.gif);
}
#bukkencomlist ul li.com_it strong {
	background-image: url(../../images/global/label_com_it.gif);
}
#bukkencomlist ul li.com_others strong {
	background-image: url(../../images/global/label_com_others.gif);
}

#trunk_detail {
	width: 386px;
	clear: left;
}