@charset "utf-8";
@import url(default.css);
@import url(layout.css);
@import url(layout_header.css);
@import url(layout_footer.css);
@import url(layout_footer_detail.css);

.container {
	position: relative ;
	width: 980px ;
	margin: auto ;
	text-align: left ;
	background: url("/find/images/common/bg.gif") repeat-y;
}



.contentWrap {
	clear: both ;
	width: 730px ;
	margin: auto ;
}


/* bukkenPoint
==============================*/



.detailBox .bukkenPoint {
	width: 525px;
	float: left;
	text-align: left;
	padding: 5px 0px;
}





.detailBox .bukkenPoint  h3 {
	font-size: 16px;
	color: #333 ;
	letter-spacing: 2px ;
}



.detailBox .bukkenPoint  li {
	font-size: 13px;
	color: #333 ;
	letter-spacing: 2px;
	text-align: left ;
	list-style: url("../images/detail/balloon.png") ;
	list-style-position: inside;
}



.contactWrap {
	width: 205px ;
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
}


.contactWrap h4 {
    font-weight: bold;
    font-size: 17px;
    color: #ff3c00;
    text-align: right;
}




/* btnBox
============================*/


.btnBox {
    float: left;
    width: 730px;
}

.btnList li{
    float: right;
    margin-top:5px;
    margin-left: 7px;
}


/* tableWrap
==============================*/

.tableWrap {
	clear: both ;
	width: 730px ;
	padding-top: 10px;
}


.tableWrap table {
	clear: both ;
	width: 100% ;
	margin-bottom: 15px ;
	border: 1px solid #d5d5d5 ;
	line-height: 1.2 ;
	border-collapse: collapse ;
}


.tableWrap th {
	/*padding: 3px ;*/
	border-right: 1px solid #d5d5d5 ;
	border-bottom: 3px solid #8cca53 ;
	font-size: 12px ;
	font-weight: normal ;
	text-align: center ;
	background: #d8ecc7	 ;
}


.tableWrap td {
	padding: 3px ;
	border: 1px solid #d5d5d5 ;
	text-align: center ;
}

/*
.tableWrap td span{
   color: #333333;
   font-weight: bold;
}
*/

.fontStyle {
	color: #333333;
	font-weight: bold;
}


/* imageArea
==============================*/

.imagePoint {
     float: left;
     width: 330px;
     text-align: left;
     padding-left: 20px;
     padding-bottom: 20px;
}

.imagePoint p{
     font-size: 16px;
     font-weight: bold;
     color: #8cca53;
}





/* tab
==============================*/

.tab-box ul {  
    clear: both;
    width: 710px;  
    margin:0 10px;
    padding: 0;  
    list-style: none;
    border-bottom:4px solid #fbae2b;
}  

.tab-box ul li {  
    margin-right:3px;  
    float:left;  
    display:inline;  
    font-size:0;
}  

.tab-box ul li a img{  
    outline:none;  
    border:none;  
}  

.tab-box div.tabnav {  
    width: 710px;  
    margin-bottom: 10px;  
    padding: 10px;  
}  


.tab_none {
	display: none;
}

.tab_block {
	display: block;
}



.clearFix:after{  
    display:block;  
    clear:both;  
    height:0;  
    visibility:hidden;  
    content:".";  
    zoom:1;  
}  





/* tab Photoimage
==============================*/


.mouseClick {
     float: left;
     text-align: left;
     font-size: 12px;
     width: 730px;
     padding: 5px 0px 2px 10px;
}


.wrap{
   width: 710px;
   padding-left: 10px;
   padding-bottom: 20px;
}


.smallimage {
   width: 65px;
   height: 65px;
   padding: 1px;
   margin: 2px 2px 0 0;
   border: 1px solid #ccc;
}



.photoImg {
	width: 65px;
	height: 65px;
	float: left;
	margin: 6px 5px 10px 5px;
}




/* tab movieArea
==============================*/

.movieArea {
     padding-left:  135px;
}

.movieCom {
	padding-top: 10px;
	color: #555;
	font-size: 14px;
}



/* detail
==============================*/

.tableWrap table.detail th {
	white-space: nowrap ;
}

.tableWrap table.detail td {
	font-family: monospace ;
    text-align: left;
}



.detail_th {
	width: 11% ;
}


.detail_td {
	width: 19% ;
}


table.detail th {
	border-right: 1px solid #d5d5d5 ;
	border-bottom: 1px solid #d5d5d5 ;
	font-weight: bold ;
	background: #e7e7e7 ;
}



/* lifeInfo
==============================*/
.lifeInfo {
	text-align: left ;
	border: 1px solid #d5d5d5 ;
	width: 730px;
	height: auto;
}


.lifeInfo td {
	padding: 7px ;
	text-align: left ;
}


.dlShort {
	float: left ;
	width: 350px ;
	overflow: hidden ;
}


.dlLong {
	float: left ;
	width: 700px ;
	overflow: hidden ;
}


.dtShort {
	float: left ;
	width: 48px;
	margin-right: 5px ;
	color: #fff ;
	display: inline ;
	text-align: center ;
	background: #8cca53 ;
	height: 16px;
}


.dtLong {
	float: left ;
	width: 48px;
	margin-right: 5px ;
	color: #fff ;
	display: inline ;
	text-align: center ;
	background: #8cca53 ;
	height: 28px;
}


.ddShort {
	float: left ;
	width: 292px;
	margin-bottom: 5px ;
	display: inline ;
	height: 14px;
}


.ddLong01 {
	float: left ;
	width: 642px;
	margin-bottom: 5px ;
	display: inline ;
	height: 14px;
}
.ddLong02 {
	float: left ;
	width: 642px;
	margin-bottom: 5px ;
	display: inline ;
	height: 28px;
}


.compulsoryText {
	margin-bottom: 10px;
	font-size: 10px ;
	color: #666 ;
	background: #e7e7e7 ;
}


.shortLifeBar {
	width: 700px;
	height: 14px;
}


.longLifeBar {
	width: 700px;
	height: 28px;
}



/*　gaibuLink
 =========================*/
.gaibuLink {
    display: block;
    padding-bottom: 5px;
}

.code {
	margin-bottom: 20px ;
	font-size: 10px ;
	background: #e7e7e7 ;
	width: 730px;
	text-align: center;
}




/* shopInfoBox
==============================*/

.shopText {
   padding-top: 20px;
}

.shopText .shopName{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: left;
    width: 300px;
    float: left;
}



.shopText .shopRq{
    text-align: right;
    width: 230px;
    float: left;
}



.shopText .shopTel{
    font-weight: bold;
    font-size: 17px;
    color: #ff3c00;
    text-align: right;
    width:200px;
    float: left;
}


.shopArea {
    clear: both;
    padding-top: 10px;
    border-top: #6fba2c 3px solid;
    width: 730px;
}


.shopPhoto{
    float: left;
    width: 205px;
}

.shopInfo {
    float: left;
    width: 340px;
    margin-left: 5px;
    text-align: left;
}


.shopLink{
    font-weight: bold;
    font-size: 15px;
}

.qrInfo{
   float: right;
   text-align: center;
   width: 180px;
}

.bukkenQr {
   border: solid #ccc 1px;
}


.shopQr {
   border: solid #ccc 1px;
   margin-top: 5px;
   margin-bottom: 10px;
}



.qrimg img{
   width: 80px;
   height: 80px;
}





/* caution
==============================*/
.caution {
	clear: both ;
	font-size: 10px ;
	line-height: 1.2 ;
	text-align: left ;
	border-top: #ddd 1px dotted;
	padding-top: 10px;
	width: 730px;
}


.caution span.note {
	color: blue ;
}






/* pagetop
==============================*/
p.pageend {
    width: 730px;
}

p.pageend a {
    float: right;;
	padding-left: 10px ;
	font-size: 10px ;
	color: #777 ;
	line-height: 17px;
	text-decoration: none ;
	display: block ;
	text-align: center ;
	background: url("../images/detail/pagetop.gif") no-repeat left center;
	margin-bottom: 10px;
}


p.pagetop>a {
	width: 110px ;
}



/* TEXT OVERFLOW
==============================*/
.toiBox dl dt,
.renraku,
.shopInfoBox .shopDetail,
.shopInfoBox .shopInfoText,
.shopInfoBox h4 a,
dl.shopMenu li a,
.shopInfoBox .shopMenu dt,
table.imageArea td span a,
.checkBukken dd a {
	overflow: hidden ;
}

.toiBox dl > dt,
.shopInfoBox .toiawase dl>dd,
.shopInfoBox>.shopDetail,
.shopInfoBox>.shopInfoText,
.shopInfoBox h4>a,
dl.shopMenu li>a,
.shopInfoBox .shopMenu > dt,
table.imageArea td span>a,
.checkBukken dd>a {
	height: 0px ;
}



/* 複数 物件詳細表示時
==============================*/

.allchkBox {
    padding-bottom: 10px;
}

.allchkBox #chkText {
   float: left;
   width: 215px;
   font-weight: bold;
   font-size: 16px;
   color: #FF3C00;
   margin-left: 110px;
   padding-left: 10px;
   margin-bottom: 10px;
}

.allchkBox #chkList {
  float: left;
  width: 530px;
}

#chkList li{
   float: left;
   padding-left: 7px;
}


div.allchkBox p#chkText,ul#chkList{
 background-color: #FFF0F5;
 height: 35px;
 padding-top: 5px;
}




#chkBox{
 float: left;
 width: 230px;
 font-weight: bold;
 font-size: 15px;
}

#chkBox img {
vertical-align: middle;
}

p#chkTop {
 float: left;
 width: 508px;
 text-align: left;
 vertical-align: text-bottom;
 font-weight: bold;
}


.bukkenchkBox label#chkBox input { 
    vertical-align: middle;
}

.bukkenchkBox label#chkBox,p#chkTop{
   background-color: #FFE866;
   height: 35px;
   margin-left: -7px;
   margin-right: -7px;
   margin-top: -7px;
   padding: 5px;
}

.allchkWrap .contentWrap {
    border: 3px solid #FFD800;
    padding: 7px;
    margin-top: 10px;
}