@charset "utf-8";

/*
	=====================================================================
	REC住宅情報
	
	Style Info	:	物件詳細画面スタイル
	File Name	:	/common/css/sec/search/detail.css
	first Update:	2010.01.08
	Last Update	:	2011.01.17
	Auth		:	株式会社インタープロ
	=====================================================================
*/

/* a:hover(background-color解除) 
---------------------------------------------------------------------- */
#contents_1column .detail-utility-right a:hover,
#contents_1column .detail-middle-left a:hover,
#contents_1column .detail-lower a:hover,
#contents_1column .search-go a:hover {
	background: none;
	}

/* detail-utility
---------------------------------------------------------------------- */
#contents_1column .detail-utility {
	height: 28px;
	margin-bottom: 20px;
	}
	
	/* detail-utility-left
	------------------------------------------------------------ */
	#contents_1column .detail-utility-left {
		float: left;
		width: 282px;
		}
		
		/* h3
		-------------------------------------------------- */
		#contents_1column .detail-utility-left h3 {
			float: left;
			width: 52px;
			}
		
		/* update
		-------------------------------------------------- */
		#contents_1column .detail-utility-left .update {
			float: right;
			width: 225px;
			}
			
			/* h4
			---------------------------------------- */
			#contents_1column .detail-utility-left .update h4 {
				float: left;
				width: 103px;
				}
			
			/* date
			---------------------------------------- */
			#contents_1column .detail-utility-left .update .date {
				float: right;
				width: 122px;
				color: #333;
				font-size: 75%;
				line-height: 28px;
				text-align: center;
				background: url(../../../../search/img/detail/date_bg.gif) top left no-repeat;
				}
				
				/* date
				------------------------------ */
				#contents_1column .detail-utility-left .update .date em {
					font-style: normal;
					}
	
	/* detail-utility-right
	------------------------------------------------------------ */
	#contents_1column .detail-utility-right {
		float: right;
		}
		
		/* my-list
		-------------------------------------------------- */
		#contents_1column .detail-utility-right .my-list {
			float: left;
			margin-right: 5px;
			}
		
		/* back-list
		-------------------------------------------------- */
		#contents_1column .detail-utility-right .back-list {
			float: left;
			margin-right: 5px;
			}
		
		/* contact
		-------------------------------------------------- */
		#contents_1column .detail-utility-right .contact {
			float: left;
			width: 133px;
			margin-right: 5px;
			}
		
		/* print
		-------------------------------------------------- */
		#contents_1column .detail-utility-right .print {
			float: left;
			width: 120px;
			}

/* detail-upper
---------------------------------------------------------------------- */
#contents_1column .detail-upper {
	margin-bottom: 15px;
	}
	
	/* data
	------------------------------------------------------------ */
	#contents_1column .detail-upper .data {
		float: left;
		}
		
		/*
		-------------------------------------------------- */
		#contents_1column .detail-upper .category,
		#contents_1column .detail-upper .plan,
		#contents_1column .detail-upper .price,
		#contents_1column .detail-upper .area {
			float: left;
			padding-bottom: 1px;
			background: url(../../../../search/img/detail/bg.gif) top left repeat-x;
			}
		
		#contents_1column .detail-upper .category,
		#contents_1column .detail-upper .plan,
		#contents_1column .detail-upper .price {
			margin-right: 5px;
			}
			
			/* h3
			---------------------------------------- */
			#contents_1column .detail-upper h3 {
				color: #fff;
				font-size: 75%;
				font-weight: normal;
				padding: 0 10px;
				line-height: 24px;
				}
			
			/* value
			---------------------------------------- */
			#contents_1column .detail-upper .value {
				padding: 0 10px;
				text-align: center;
				}
				
				/* category
				------------------------------ */
				#contents_1column .detail-upper .category .value {
					color: #333;
					font-size: 112.5%;
					line-height: 61px;
					}
				
				/* plan
				------------------------------ */
				#contents_1column .detail-upper .plan .value {
					font-size: 150%;
					font-family: arial;
					line-height: 61px;
					}
					
					/* span
					-------------------- */
					#contents_1column .detail-upper .plan .value span {
						font-size: 50%;
						padding-bottom: 10px;
						}
				
				/* price
				------------------------------ */
				#contents_1column .detail-upper .price .value {
					color: #333;
					font-size: 75%;
					line-height: 61px;
					}
					
					/* strong
					-------------------- */
					#contents_1column .detail-upper .price .value strong {
						color: #f00;
						font-size: 200%;
						font-family: arial;
						}
				
				/* area
				------------------------------ */
				#contents_1column .detail-upper .area .value {
					color: #333;
					font-size: 112.5%;
					line-height: 61px;
					}
	
	/* qr
	------------------------------------------------------------ */
	#contents_1column .detail-upper .qr {
		float: right;
		width: 220px;
		height: 86px;
		background: url(../../../../search/img/detail/qr_frame.gif) top left no-repeat;
		}
		
		/* mobile
		-------------------------------------------------- */
		#contents_1column .detail-upper .mobile {
			float: left;
			padding: 14px 0 0 11px;
			}
		
		/* cord
		-------------------------------------------------- */
		#contents_1column .detail-upper .cord {
			float: right;
			padding: 12px 12px 0 0;
			}

/* detail-middle
---------------------------------------------------------------------- */
#contents_1column .detail-middle {
	margin-bottom: 20px;
	}
	
	/* detail-middle-left
	------------------------------------------------------------ */
	#contents_1column .detail-middle-left {
		float: left;
		width: 480px;
		}
		
		/* h3
		-------------------------------------------------- */
		#contents_1column .detail-middle-left h3 {
			margin-bottom: 10px;
			}
		
		/* image-map
		-------------------------------------------------- */
		#contents_1column .detail-middle-left .image-map {
			margin-bottom: 20px;
			padding: 3px;
			background-image: url(../../../img/union/bg_slash_gray.gif);
			}
			
			/* image-map-upper
			---------------------------------------- */
			#contents_1column .detail-middle-left .image-map-upper {
				padding-top: 3px;
				text-align: center;
				background-color: #fff;
				}
				
				/* image
				------------------------------ */
				#contents_1column .detail-middle-left .image-map-upper .image {
					height: 468px;
					text-align: center;
					background-color: #fff;
					}
					
					/* img
					-------------------- */
					#contents_1column .detail-middle-left .image-map-upper .image img {
						}
				
				/* detailMap
				------------------------------ */
				#contents_1column .detail-middle-left .image-map-upper #detailMap {
					width: 468px;
					height: 468px;
					margin: 0 3px 10px 3px;
					}
				
				/* caption
				------------------------------ */
				#contents_1column .detail-middle-left .image-map-upper .caption {
					color: #333;
					font-size: 75%;
					line-height: 30px;
					}
			
			/* image-map-middle
			---------------------------------------- */
			#contents_1column .image-map-middle {
				height: 25px;
				}
				
				/* click
				------------------------------ */
				#contents_1column .image-map-middle .click {
					float: left;
					padding-top: 5px;
					}
				
				/* attention
				------------------------------ */
				#contents_1column .detail-middle-left .image-map-middle .attention {
					float: right;
					color: #ccc;
					font-size: 62.5%;
					line-height: 25px;
					}
				
			/* image-map-bottom
			---------------------------------------- */
			#contents_1column .image-map-bottom {
				}
				
				
				/* fixed-four
				------------------------------ */
				#contents_1column .image-map-bottom .fixed-four {
					float: left;
					width: 309px;
					}
					
					/* photo
					-------------------- */
					#contents_1column .image-map-bottom .fixed-four .photo {
						float: left;
						width: 75px;
						height: 75px;
						top: 0;
						position: relative;
						margin-right: 3px;
						text-align: center;
						}
						
						/* outside
						---------- */
						#contents_1column .image-map-bottom .fixed-four .photo img.outside {
							z-index: 0;
							}
						
						/* frame
						---------- */
						#contents_1column .image-map-bottom .fixed-four .photo .frame {
							z-index: 1;
							position: absolute;
							top: 0;
							left: 0;
							}
					
					/* plan
					-------------------- */
					#contents_1column .image-map-bottom .fixed-four .plan {
						float: left;
						width: 75px;
						margin-right: 3px;
						}
					
					/* map
					-------------------- */
					#contents_1column .image-map-bottom .fixed-four .map {
						float: left;
						width: 75px;
						margin-right: 3px;
						}
					
					/* video
					-------------------- */
					#contents_1column .image-map-bottom .fixed-four .video {
						float: right;
						width: 75px;
						}
				
				/* fixed-three
				------------------------------ */
				#contents_1column .image-map-bottom .fixed-three {
					float: left;
					width: 231px;
					}
					
					/* photo
					-------------------- */
					#contents_1column .image-map-bottom .fixed-three .photo {
						float: left;
						width: 75px;
						height: 75px;
						top: 0;
						position: relative;
						margin-right: 3px;
						text-align: center;
						}
						
						/* outside
						---------- */
						#contents_1column .image-map-bottom .fixed-three .photo img.outside {
							z-index: 0;
							}
						
						/* frame
						---------- */
						#contents_1column .image-map-bottom .fixed-three .photo .frame {
							z-index: 1;
							position: absolute;
							top: 0;
							left: 0;
							}
					
					/* map
					-------------------- */
					#contents_1column .image-map-bottom .fixed-three .map {
						float: left;
						width: 75px;
						}
					
					/* video
					-------------------- */
					#contents_1column .image-map-bottom .fixed-three .video {
						float: right;
						width: 75px;
						}
				
				/* fixed-two
				------------------------------ */
				#contents_1column .image-map-bottom .fixed-two {
					float: left;
					width: 153px;
					}
					
					/* photo
					-------------------- */
					#contents_1column .image-map-bottom .fixed-two .photo {
						float: left;
						width: 75px;
						height: 75px;
						top: 0;
						position: relative;
						margin-right: 3px;
						text-align: center;
						}
						
						/* outside
						---------- */
						#contents_1column .image-map-bottom .fixed-two .photo img.outside {
							z-index: 0;
							}
						
						/* frame
						---------- */
						#contents_1column .image-map-bottom .fixed-two .photo .frame {
							z-index: 1;
							position: absolute;
							top: 0;
							left: 0;
							}
					
					/* map
					-------------------- */
					#contents_1column .image-map-bottom .fixed-two .map {
						float: right;
						width: 75px;
						}
				
				/* slide-two
				------------------------------ */
				#contents_1column .image-map-bottom .slide-two {
					float: right;
					width: 162px;
					}
					
					/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".
					-------------------- */
					.slide-two .jcarousel-container {
						position: relative;
						}
						
					.slide-two .jcarousel-clip {
						z-index: 2;
						padding: 0;
						margin: 0;
						overflow: hidden;
						position: relative;
						}
					
					.slide-two .jcarousel-list {
						z-index: 1;
						overflow: hidden;
						position: relative;
						top: 0;
						left: 0;
						margin: 0;
						padding: 0;
						}
						
						.slide-two .jcarousel-list li,
						.slide-two .jcarousel-item {
							float: left;
							list-style: none;
							/* We set the width/height explicitly. No width/height causes infinite loops. */
							width: 67px;
							height: 67px;
							}
					
					/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev".
					-------------------- */
					.slide-two .jcarousel-next {
						z-index: 3;
						display: none;
						}
					
					.slide-two .jcarousel-prev {
						z-index: 3;
						display: none;
						}
					
					/* jcarousel-skin-tango
					-------------------- */
					.slide-two .jcarousel-skin-tango .jcarousel-container {
						background-color: #fff;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-container-horizontal {
						position: relative;
						width: 162px;
						height: 75px;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-container-vertical {
						width: 67px;
						height: 245px;
						padding: 40px 20px;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-clip-horizontal {
						position: absolute;
						width:  136px;
						height: 75px;
						top: 4px;
						left: 13px;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-clip-vertical {
						width:  67px;
						height: 245px;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-item {
						width: 67px;
						height: 67px;
						margin-right: 2px;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-item-horizontal {
						margin-right: ;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-item-vertical {
						margin-bottom: 10px;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-item-placeholder {
						background: #fff;
						color: #000;
						}
					
					/* Horizontal Buttons
					-------------------- */
					.slide-two .jcarousel-skin-tango .jcarousel-next-horizontal {
						position: absolute;
						top: 0;
						right: 0;
						width: 11px;
						height: 75px;
						cursor: pointer;
						background: transparent url(../../../../search/img/detail/btn_slide_right.gif) no-repeat 0 0;
						}
						
						.slide-two .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
							background-position: -11px 0;
							}
						
						.slide-two .jcarousel-skin-tango .jcarousel-next-horizontal:active {
							background-position: -22px 0;
							}
					
					.slide-two .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
					.slide-two .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
					.slide-two .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
						cursor: default;
						background-position: -33px 0;
						}
					
					.slide-two .jcarousel-skin-tango .jcarousel-prev-horizontal {
						position: absolute;
						top: 0;
						left: 0;
						width: 11px;
						height: 75px;
						cursor: pointer;
						background: transparent url(../../../../search/img/detail/btn_slide_left.gif) no-repeat 0 0;
						}
						
						.slide-two .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
							background-position: -11px 0;
							}
						
						.slide-two .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
							background-position: -22px 0;
							}
					
					.slide-two .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
					.slide-two .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
					.slide-two .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
						cursor: default;
						background-position: -33px 0;
						}
						
						/* li
						---------- */
						#contents_1column .image-map-bottom .slide-two ul li {
							width: 67px;
							height: 67px;
							top: 0;
							position: relative;
							background-color: #f5f5f5;
							text-align: center;
							}
						
							/* photo */
							#contents_1column .image-map-bottom .slide-two ul li img.photo {
								
								}
							
							/* frame */
							#contents_1column .image-map-bottom .slide-two ul li .frame {
								z-index: 10;
								position: absolute;
								top: 0;
								left: 0;
								}
				
				/* slide-three
				------------------------------ */
				#contents_1column .image-map-bottom .slide-three {
					float: right;
					width: 240px;
					}
					
					/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".
					-------------------- */
					.slide-three .jcarousel-container {
						position: relative;
						}
						
					.slide-three .jcarousel-clip {
						z-index: 2;
						padding: 0;
						margin: 0;
						overflow: hidden;
						position: relative;
						}
					
					.slide-three .jcarousel-list {
						z-index: 1;
						overflow: hidden;
						position: relative;
						top: 0;
						left: 0;
						margin: 0;
						padding: 0;
						}
						
						.slide-three .jcarousel-list li,
						.slide-three .jcarousel-item {
							float: left;
							list-style: none;
							/* We set the width/height explicitly. No width/height causes infinite loops. */
							width: 67px;
							height: 67px;
							}
					
					/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev".
					-------------------- */
					.slide-three .jcarousel-next {
						z-index: 3;
						display: none;
						}
					
					.slide-three .jcarousel-prev {
						z-index: 3;
						display: none;
						}
					
					/* jcarousel-skin-tango
					-------------------- */
					.slide-three .jcarousel-skin-tango .jcarousel-container {
						background-color: #fff;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-container-horizontal {
						position: relative;
						width: 240px;
						height: 75px;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-container-vertical {
						width: 67px;
						height: 245px;
						padding: 40px 20px;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-clip-horizontal {
						position: absolute;
						width:  210px;
						height: 75px;
						top: 4px;
						left: 15px;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-clip-vertical {
						width:  67px;
						height: 245px;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-item {
						width: 67px;
						height: 67px;
						margin-right: 4px;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-item-horizontal {
						margin-right: ;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-item-vertical {
						margin-bottom: 10px;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-item-placeholder {
						background: #fff;
						color: #000;
						}
					
					/* Horizontal Buttons
					-------------------- */
					.slide-three .jcarousel-skin-tango .jcarousel-next-horizontal {
						position: absolute;
						top: 0;
						right: 0;
						width: 11px;
						height: 75px;
						cursor: pointer;
						background: transparent url(../../../../search/img/detail/btn_slide_right.gif) no-repeat 0 0;
						}
						
						.slide-three .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
							background-position: -11px 0;
							}
						
						.slide-three .jcarousel-skin-tango .jcarousel-next-horizontal:active {
							background-position: -22px 0;
							}
					
					.slide-three .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
					.slide-three .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
					.slide-three .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
						cursor: default;
						background-position: -33px 0;
						}
					
					.slide-three .jcarousel-skin-tango .jcarousel-prev-horizontal {
						position: absolute;
						top: 0;
						left: 0;
						width: 11px;
						height: 75px;
						cursor: pointer;
						background: transparent url(../../../../search/img/detail/btn_slide_left.gif) no-repeat 0 0;
						}
						
						.slide-three .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
							background-position: -11px 0;
							}
						
						.slide-three .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
							background-position: -22px 0;
							}
					
					.slide-three .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
					.slide-three .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
					.slide-three .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
						cursor: default;
						background-position: -33px 0;
						}
						
						/* li
						---------- */
						#contents_1column .image-map-bottom .slide-three ul li {
							width: 67px;
							height: 67px;
							top: 0;
							position: relative;
							background-color: #f5f5f5;
							text-align: center;
							}
						
							/* photo */
							#contents_1column .image-map-bottom .slide-three ul li img.photo {
								
								}
							
							/* frame */
							#contents_1column .image-map-bottom .slide-three ul li .frame {
								z-index: 10;
								position: absolute;
								top: 0;
								left: 0;
								}
				
				/* slide-four
				------------------------------ */
				#contents_1column .image-map-bottom .slide-four {
					float: right;
					width: 318px;
					}
					
					/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".
					-------------------- */
					.slide-four .jcarousel-container {
						position: relative;
						}
						
					.slide-four .jcarousel-clip {
						z-index: 2;
						padding: 0;
						margin: 0;
						overflow: hidden;
						position: relative;
						}
					
					.slide-four .jcarousel-list {
						z-index: 1;
						overflow: hidden;
						position: relative;
						top: 0;
						left: 0;
						margin: 0;
						padding: 0;
						}
						
						.slide-four .jcarousel-list li,
						.slide-four .jcarousel-item {
							float: left;
							list-style: none;
							/* We set the width/height explicitly. No width/height causes infinite loops. */
							width: 67px;
							height: 67px;
							}
					
					/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev".
					-------------------- */
					.slide-four .jcarousel-next {
						z-index: 3;
						display: none;
						}
					
					.slide-four .jcarousel-prev {
						z-index: 3;
						display: none;
						}
					
					/* jcarousel-skin-tango
					-------------------- */
					.slide-four .jcarousel-skin-tango .jcarousel-container {
						background-color: #fff;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-container-horizontal {
						position: relative;
						width: 318px;
						height: 75px;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-container-vertical {
						width: 67px;
						height: 245px;
						padding: 40px 20px;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-clip-horizontal {
						position: absolute;
						width:  286px;
						height: 75px;
						top: 4px;
						left: 16px;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-clip-vertical {
						width:  67px;
						height: 245px;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-item {
						width: 67px;
						height: 67px;
						margin-right: 6px;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-item-horizontal {
						margin-right: ;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-item-vertical {
						margin-bottom: 10px;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-item-placeholder {
						background: #fff;
						color: #000;
						}
					
					/* Horizontal Buttons
					-------------------- */
					.slide-four .jcarousel-skin-tango .jcarousel-next-horizontal {
						position: absolute;
						top: 0;
						right: 0;
						width: 11px;
						height: 75px;
						cursor: pointer;
						background: transparent url(../../../../search/img/detail/btn_slide_right.gif) no-repeat 0 0;
						}
						
						.slide-four .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
							background-position: -11px 0;
							}
						
						.slide-four .jcarousel-skin-tango .jcarousel-next-horizontal:active {
							background-position: -22px 0;
							}
					
					.slide-four .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
					.slide-four .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
					.slide-four .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
						cursor: default;
						background-position: -33px 0;
						}
					
					.slide-four .jcarousel-skin-tango .jcarousel-prev-horizontal {
						position: absolute;
						top: 0;
						left: 0;
						width: 11px;
						height: 75px;
						cursor: pointer;
						background: transparent url(../../../../search/img/detail/btn_slide_left.gif) no-repeat 0 0;
						}
						
						.slide-four .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
							background-position: -11px 0;
							}
						
						.slide-four .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
							background-position: -22px 0;
							}
					
					.slide-four .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
					.slide-four .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
					.slide-four .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
						cursor: default;
						background-position: -33px 0;
						}
						
						/* li
						---------- */
						#contents_1column .image-map-bottom .slide-four ul li {
							width: 67px;
							height: 67px;
							top: 0;
							position: relative;
							background-color: #f5f5f5;
							text-align: center;
							}
						
							/* photo */
							#contents_1column .image-map-bottom .slide-four ul li img.photo {
								
								}
							
							/* frame */
							#contents_1column .image-map-bottom .slide-four ul li .frame {
								z-index: 10;
								position: absolute;
								top: 0;
								left: 0;
								}
		
		/* contact
		-------------------------------------------------- */
		#contents_1column .detail-middle-left h3.contact {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #666;
			}
		
		/* license
		-------------------------------------------------- */
		#contents_1column .detail-middle-left .license {
			color: #666;
			font-size: 62.5%;
			margin-bottom: 5px;
			}
		
		/* h4
		-------------------------------------------------- */
		#contents_1column .detail-middle-left h4 {
			margin-bottom: 8px;
			padding-bottom: 8px;
			background: url(../../../img/union/line_dashed.jpg) bottom left repeat-x;
			}
			
			/* a:hover
			---------------------------------------- */
			#contents_1column .detail-middle-left h4 a:hover {
				background-color: #DE0005;
				}
		
		/* address
		-------------------------------------------------- */
		#contents_1column .detail-middle-left address {
			color: #333;
			font-size: 75%;
			font-style: normal;
			margin-bottom: 3px;
			}
		
		/* number
		-------------------------------------------------- */
		#contents_1column .detail-middle-left .number {
			color: #333;
			font-size: 75%;
			}
			
			/* em
			---------------------------------------- */
			#contents_1column .detail-middle-left .number em {
				color: #f00;
				font-size: 150%;
				font-family: arial;
				font-weight: bold;
				}
		
		/* pr
		-------------------------------------------------- */
		#contents_1column .detail-middle-left .pr {
			padding: 5px 0px 0px 0px;
			color: #333;
			font-size: 75%;
			line-height: 1.4;
			}
	
	/* detail-middle-right
	------------------------------------------------------------ */
	#contents_1column .detail-middle-right {
		float: right;
		width: 450px;
		}
		
		/* h3
		-------------------------------------------------- */
		#contents_1column .detail-middle-right h3 {
			padding-bottom: 10px;
			border-bottom: 1px solid #666;
			}
		
		/* table
		-------------------------------------------------- */
		#contents_1column .detail-middle-right table {
			width: 450px;
			border: 0;
			margin-bottom: 20px;
			}
			
			/* th td
			---------------------------------------- */
			#contents_1column .detail-middle-right table th,
			#contents_1column .detail-middle-right table td {
				padding: 8px 5px;
				text-align: left;
				line-height: 150%;
				vertical-align: top;
				border-top: 0;
				border-left: 0;
				border-right: 0;
				border-bottom: 1px solid #e4e4e4;
				}
			
			/* th
			---------------------------------------- */
			#contents_1column .detail-middle-right table th {
				color: #666;
				width: 20%;
				font-size: 75%;
				font-weight: normal;
				}
			
			/* td
			---------------------------------------- */
			#contents_1column .detail-middle-right table td {
				color: #333;
				font-size: 75%;
				}
			
			/* odd
			---------------------------------------- */
			#contents_1column .detail-middle-right table .odd {
				background-color: #f7f7f7;
				}
				
				/* equip
				------------------------------ */
				#contents_1column .detail-middle-right table td .equip {
					clear: both;
					}
					
					/* item
					-------------------- */
					#contents_1column .detail-middle-right table td span.item {
						display: block;
						float: left;
						white-space: nowrap;
						text-align: center;
						line-height: 100%;
						font-size: 87.5%;
						margin: 0 2px 2px 0;
						padding: 3px 3px;
						border: 1px solid #e4e4e4;
						background-color: #fff;
						}
				
				/* all
				------------------------------ */
				#contents_1column .detail-middle-right table td .all {
					float: right;
					padding: 3px 0 0 15px;
					background: url(../../../img/union/icon_red.gif) center left no-repeat;
					}
		
		/* qr
		-------------------------------------------------- */
		#contents_1column .detail-middle .qr {
			float: left;
			width: 220px;
			height: 86px;
			background: url(../../../../search/img/detail/qr_frame.gif) top left no-repeat;
			}
			
			/* mobile
			---------------------------------------- */
			#contents_1column .detail-middle .mobile {
				float: left;
				padding: 14px 0 0 11px;
				}
			
			/* cord
			---------------------------------------- */
			#contents_1column .detail-middle .cord {
				float: right;
				padding: 12px 12px 0 0;
				}
		
		/* number
		-------------------------------------------------- */
		#contents_1column .detail-middle-right .number {
			float: right;
			width: 220px;
			padding: 1px;
			background-image: url(../../../img/union/bg_slash_gray.gif);
			margin-bottom: 20px;
			}
			
			/* title
			---------------------------------------- */
			#contents_1column .detail-middle-right .number .title {
				width: 220px;
				line-height: 33px;
				text-align: center;
				}
				
				/* h4
				---------------------------------------- */
				#contents_1column .detail-middle-right .number .title h4 {
					color: #fff;
					font-size: 75%;
					font-weight: normal;
					}
			
			/* value
			---------------------------------------- */
			#contents_1column .detail-middle-right .number .value {
				color: #f00;
				line-height: 33px;
				text-align: center;
				background-color: #fff;
				font-size: 120%;
				font-family: arial;
				}

/* detail-lower
---------------------------------------------------------------------- */
#contents_1column .detail-lower {
	
	}
	
	/* my-list
	------------------------------------------------------------ */
	#contents_1column .detail-lower .my-list {
		float: left;
		}
		
	/* back-list
	------------------------------------------------------------ */
	#contents_1column .detail-lower .back-list {
		float: left;
		}
	
	/* detail-lower-right
	------------------------------------------------------------ */
	#contents_1column .detail-lower-right {
		float: right;

		}
		
		/* returnbt
		-------------------------------------------------- */
		#contents_1column .detail-lower-right .returnbt {
			margin-left: 5px;
			float: left;
			}
		
		/* contact
		-------------------------------------------------- */
		#contents_1column .detail-lower-right .contact {
			margin-left: 5px;
			float: left;
			}
		
		/* print
		-------------------------------------------------- */
		#contents_1column .detail-lower-right .print {
			margin-left: 5px;
			float: left;
			}

/* dtpageline
---------------------------------------------------------------------- */
#contents_1column .dtpageline {
	height: 1px;
	margin: 0px;
	background-color: #DCDCDC;
	margin-top: 10px;
	margin-bottom: 10px;
	}

/* search-go
---------------------------------------------------------------------- */
#contents_1column .search-go {
	margin-bottom: 20px;
	}

/* sns
---------------------------------------------------------------------- */
.snsarea {
	padding: 5px 0px;
	}
.snsarea li {
	float: left;
	list-style: none;
	width: 100px;
	}