@charset "utf-8";
/* 
    Document   : warehouse
    Created on : 2014/04/21, 14:09:08
    Author     : kurozumi
    Description:
        Purpose of the stylesheet follows.
*/

.warehouse .wrapper {
	width: 1220px;
}

.warehouse .container {
	margin: 0;
}

/* 倉庫検索TOP　#header
-------------------------------------------------------------- */
.warehouse #header {
	background-image:url(../../img/warehouse/warehouseHeader_back.jpg);
}
.warehouse #headerLeft {
	width:109px;
	background-image:url(../../img/warehouse/warehouseHead01.jpg);
}
.warehouse #headerLeft a {
	width:109px;
}
.warehouse #headerCenter {
	width:220px;
	background-image:url(../../img/warehouse/warehouseHead02.jpg);
}
.warehouse #headerCenter span {
	width:220px;
}
.warehouse #headerRight01 {
	width:101px;
	background-image:url(../../img/warehouse/warehouseHead03.jpg);
	margin:0px 0px 0px 187px;
}
.warehouse #headerRight01 a {
	width:101px;
}
.warehouse #headerRight02 {
	width:124px;
	background-image:url(../../img/warehouse/warehouseHead04.jpg);
}
.warehouse #headerRight02 a {
	width:124px;
}
.warehouse #headerRight03 {
	width:110px;
	background-image:url(../../img/warehouse/warehouseHead05.jpg);
}
.warehouse #headerRight03 a {
	width:110px;
}
.warehouse #headerRight04 {
	width:131px;
	background-image:url(../../img/warehouse/warehouseHead06.jpg);
}
.warehouse #header > div.container > div#headerRight04 > a {
	width:131px;
	height:43px;
	margin:0;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.warehouse #header > div.container > div#headerRight04 > a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* コピーライト
-------------------------------------------------------------- */
.warehouse .copyright {background-color:#3882b4;}

/* #gmap
-------------------------------------------------------------- */
#gmap {
	width: 900px;
}

#gmap #map_canvas{
	margin-bottom:15px;
}

#gmap .map_config ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#gmap .map_config ul li {
	margin-right:10px;
}

/* #panel
-------------------------------------------------------------- */
#panel {
	width: 300px;
	font-size:80%;
	margin-right:20px;
}

#panel h3 {
	color:#fff;
	font-weight:normal;
	padding:1px 5px;
	margin: 0 0 10px 0;
	background-color: #79191d;
}

#panel input[name="words"] {
	width: 200px;
}

#panel td.slider {
	padding-bottom:30px;
}

#panel td.slider .title {
	margin:0 0 10px 0;
	padding:0;
}


#panel .ui-slider-label {
	font-size:60%;
	position:static;
}

#panel-btn {
    position: absolute;
    z-index: 100;
}

/* エリア検索
-------------------------------------------------------------- */
#area .wrap{
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:10px;
	margin-bottom:20px;
}
#area ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#area ul.row {
	padding:5px 0;
}
#area ul.row li {
	position:relative;
	padding: 0 10px;;
	cursor:pointer;
	cursor:hand;
	border-radius: 3px;
}
#area ul.row li.on {
	background-color:red;
}
#area ul.row ul.city,
#area ul.row ul.station {
	position: absolute;
	top:120%;
	left:0;
	z-index: 99999;
	width:580px;
	padding:10px;
	background-color:#dcdcdc;
	border-radius: 3px;
}
#area ul.row ul.city li,
#area ul.row ul.station li {
	overflow: hidden;
	width:180px;
}
#area .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
#area .close:hover,
#area .close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#area button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}


/* 条件
-------------------------------------------------------------- */
#condition {
	border:1px solid #dcdcdc;
	padding:10px;
	margin-bottom:20px;
}
#condition ul {
	position:relative;
	list-style-type: none;
	margin:0;
	padding:0;
}
#condition ul li {
	padding: 0 10px;;
	cursor:pointer;
	cursor:hand;
	text-align: center;
}
#condition ul li.selected {
	color:#fff;
	background-color:red;
}

/* パンくず
-------------------------------------------------------------- */
#breadcrumb {
	border:1px solid #dcdcdc;
	padding:10px;
	margin-bottom:20px;
}

#breadcrumb span {
	margin-right: 10px;
}


/* 倉庫一覧
-------------------------------------------------------------- */
ul#lists {
	width: 906px;
	margin:0 0 0 -6px;
	padding:0;
	list-style-type: none;
}

ul#lists li.box {
	float:left;
	overflow : hidden;
	padding: 5px;
	margin: 0 0 6px 6px;
	width:145px;
	*width:132px;
	height: 200px;
	border:1px solid #dcdcdc;
}
ul#lists li.box p{
	font-size:77%;
	margin:0;
	padding:0;
}
ul#lists li.box .image {
	width:128px;
	height: 128px;
}
ul#lists li.box h5.name {
	height:30px;
}
ul#lists li.box p.address{
	color:#333;
}
ul#lists li.box p.more a{
	color:red;
}

ul#lists li.line {
	line-height: 180%;
	margin-left: 6px;
	border-bottom: 1px solid #dcdcdc;
}

ul#lists li.line .name {
	margin-right:10px;
}

/* ソート
-------------------------------------------------------------- */
#sort {
	margin-bottom:10px;
}

#sort ul,
#sort select {
	padding:0;
	margin:0;
}

#sort .left {
	width:700px;
}

#sort .right {
	width:200px;
	height:43px;
	height:40px\9; /* ie8 */
	*height:39px; /* ie7 */
	text-align: right;
	border-bottom: 1px solid #dddddd;
}



/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #sort .right {
        height:40px;
    }
}





/* サイドバー
-------------------------------------------------------------- */
.warehouse .sidebar {
	width:300px;
	margin-left:20px;
}
.warehouse .sidebar .list {
	margin-bottom:20px !important;
}
.warehouse .sidebar .list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.warehouse .sidebar .list li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	*zoom: 1;
	padding-left:15px;
	margin-bottom:5px;
	border-bottom: 1px solid #dcdcdc;
	background-image:url(../../img/sidebar/ico_linkArrow.gif);
	background-position: left 2.5px;
	background-repeat:no-repeat;
}
.warehouse .sidebar .list li:last-child{
	margin-bottom:0px;
}
.warehouse .sidebar .list li a {
	color:navy;
	font-weight:bold;
	text-decoration: none;
}
.warehouse .sidebar .list li a:hover {
	color:#666;
}

.warehouse .list li.rank-1 {background-image:url(../../img/ranking/warehouse1.gif);}
.warehouse .list li.rank-2 {background-image:url(../../img/ranking/warehouse2.gif);}
.warehouse .list li.rank-3 {background-image:url(../../img/ranking/warehouse3.gif);}
.warehouse .list li.rank-4 {background-image:url(../../img/ranking/warehouse4.gif);}
.warehouse .list li.rank-5 {background-image:url(../../img/ranking/warehouse5.gif);}


/* 個別ページ
-------------------------------------------------------------- */
.single-warehouse header {
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	*zoom: 1;
}
.single-warehouse header h1 {
	font-size:160%;
	padding-bottom:5px;
}

.single-warehouse dl {
	font-size:140%;
	width:100%;
	overflow:hidden;
}
.single-warehouse dl dt,
.single-warehouse dl dd {
	line-height:200%;
}
.single-warehouse dl dt{
	float: left;
	font-weight:bold;
	width:20%;
}
.single-warehouse dl dd{
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left:20%;
	width:80%;
}

.single-warehouse ul.contact_area {
	margin:0 0 30px 0;
	padding:0;
	list-style: none;
}
.single-warehouse ul.contact_area li {
	width:610px;
	text-align: center;
}

.single-warehouse .images {
	margin-bottom:30px;
}
.single-warehouse .images p,
.single-warehouse .images ul,
.single-warehouse .images li {
	margin:0;
	padding:0;
}
.single-warehouse .images h3 {
	border-left:5px solid #3882b4;
	padding-left:5px;
	margin-bottom:10px;
}
.single-warehouse .images img {
	width:100%;
	vertical-align: middle;
}
.single-warehouse .images .main_image {
	float: left;
	width:600px;
	border: 1px solid #aaaaaa;
	padding:4px;
	
}
.single-warehouse .images ul.thumbnails {
	margin:0 0 0 -10px;
	list-style: none;
	*zoom: 1;
}
.single-warehouse .images ul.thumbnails li {
	float: left;
	margin-left:10px;
	margin-bottom:10px;
	width:120px;
	height:120px;
	border: 1px solid #aaaaaa;
	padding:4px;
	vertical-align:middle;
    line-height:120px;

}

/* googlemapの吹き出しのデザイン
-------------------------------------------------------------- */
.warehouse .info_window {
	padding:10px 0;
	border-bottom:1px solid #dcdcdc;
}
.warehouse .info_window > h5 > a {
	font-weight: bold;
}

/* お問い合わせフォーム
-------------------------------------------------------------- */
.warehouse .contact {
	width:600px;
	margin:50px auto 0 auto;
	overflow:auto;
	position:relative;
}
.warehouse .contact header {
	margin-bottom:20px;
}

.warehouse .wpcf7-response-output {
	width:600px;
	margin:0 auto 0 auto;
	overflow:auto;
}

.warehouse .contact input,
.warehouse .contact textarea {
	width:100%;
}

.warehouse .contact table{
    border-collapse: collapse;
    border-spacing: 0;
}

.warehouse .contact th{
	font-weight:normal;
	font-size:14px;
	padding:10px;
	text-align:left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background:#DFDFDF;
	width:200px;
}

.warehouse .contact td{
	font-weight:normal;
	font-size:14px;
	padding:10px;
	text-align:left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background:#ffffff;
}

.map-loader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:100;
}