@charset "utf-8";

/*------------------------------------------------------------------------------
Nishio Rentall. - CSS Modules Import
http://www.rent-all.co.jp/
Copyright (C) Nishio Rentall. All Rights Reserved.
------------------------------------------------------------------------------*/

/* ----------------------------------------

p.Extra

---------------------------------------- */

p.Extra {
	padding: 20px;
	background-color: #f3f3f3;
}

/* ----------------------------------------

MAIN

---------------------------------------- */

div#Main {
	background: url(../images/main_bg03.jpg) repeat-y 0 0;
}

div#Map {
	position: relative;
	float: left;
	min-height: 460px;
	height: auto !important;
	height: 460px;
	width: 550px;
}

div#AreaMap {
	position: absolute;
	left:0;
	top:0;
	width: 550px;
	height: 428px;
	z-index: 1;
}

p#AreaBtn01,
p#AreaBtn02 {
	position: absolute;
	left: 120px;
	bottom: 0;
	width: 130px;
	height: 30px;
	z-index: 5;
} 

p#AreaBtn02 {
	left: 409px;
}

div#Prefecture {
	position: relative;
	width: 280px;
	padding-top: 55px;
	min-height: 290px;
	height: auto !important;
	height: 290px;
	margin-left: 15px;
	z-index: 2;
}

div#Prefecture dl {
	clear: both;
	background: url(../images/in_line.gif) repeat-y 0 0;
	padding-bottom: 18px;
}

div#Prefecture dl.Sub {
	padding-bottom: 40px;
}

div#Prefecture dt {
	float: left;
	width: 71px;
	font-size: 0;
	line-height: 0;
}

div#Prefecture dt img {
	width: 71px;
	height: 14px;
	behavior: expression(IEPNGFIX.fix(this));
}

div#Prefecture dd {
	float: right;
	width: 185px;
}

div#Prefecture dd p {
	font-size: 93%;
	color: #FFF;
}

div#Prefecture dd p a {
	margin: 0 8px 0 2px;
	color: #FFF;
}

div#MainCol {
	float: left;
	width: 250px;
	background: #005196 url(../images/main_bg.jpg) no-repeat 0 0;
}

div#MainCol h2 {
	width: 230px;
	height: 250px;
	margin: 10px;
	background: url(../images/about_rentall.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#MainCol h2#Camp30th {
	width: 230px;
	height: 293px;
	margin: 10px;
	background: url(../../img/banner_camp.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#MainCol h2 a {
	display: block;
	width: 230px;
	height: 293px;
	outline: 0;
}

/* 090716
div#MainCol h2 {
	width: 230px;
	height: 293px;
	margin: 10px;
}
*/

div#MainCol p {
	width: 230px;
	height: 150px;
	margin-left: 10px;
	background: url(../images/degital_catalog.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#MainCol p a {
	display: block;
	height: 100%;
}

div.UnderBg {
	clear: both;
	height: 10px;
	background: url(../images/main_bg02.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
}                   

/*---------------------------------------

SUB

---------------------------------------*/

div#Sub {
	float: left;
	width: 540px;
}

div#Sub * {
	text-align: left;
}

div#Welcome {
	width: 540px;
	margin: 10px 0;
	padding-bottom: 5px;
	background: #bdd6eb url(../images/in_bg03.png) no-repeat bottom;
}

div#Welcome p.Tit {
	height: 34px;
	background: url(../images/in_tit.png) no-repeat 0 0;
	text-indent: -9999px;	
}

div#Welcome .Wrap {
	width: 532px;
	margin-left: 4px;
	background: #fff url(../images/in_bg04.gif) no-repeat bottom;
}

div#Welcome .Wrap div {
	padding: 10px;
	text-align: left;
	background: url(../images/in_bg05.gif) no-repeat top;
}

div#Welcome .Wrap div ul {
	margin-left: 20px;
}

div#Welcome .Wrap div li {
	margin-top: 10px;
	list-style: circle;
}

div#Welcome .Wrap div li strong {
	display: block;
	font-weight: 700;
}

div#Recom {
	width: 540px;
	margin: 10px 0;
	padding-bottom: 5px;
	background: #ebbdbd url(../images/in_bg03_02.png) no-repeat bottom;
}

div#Recom p.Tit {
	height: 34px;
	background: url(../images/in_tit04.png) no-repeat 0 0;
	text-indent: -9999px;	
}

div#Recom .Wrap {
	width: 532px;
	margin-left: 4px;
	background: #fff url(../images/in_bg04.gif) no-repeat bottom;
}

div#Recom .Wrap div {
	padding: 10px;
	text-align: left;
}

div#Recom .Wrap div ul {
	width: 522px;
	margin-left: -10px;
}

div#Recom .Wrap div ul li {
	float: left;
	display: inline;
	width: 120px;
	margin-left: 10px;
	list-style: none;
	line-height: 1.2;
}

div#Recom .Wrap div ul li a {
	text-decoration: none;
}

div#Recom .Wrap div ul li a:hover {
	color: #4d90ca;
}

div#Recom .Wrap div ul li a:hover img {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */  
	filter: alpha(opacity=75); /* IE lt 8 */  
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */  
	-khtml-opacity: .75; /* Safari 1.x */  
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

div#Recom .Wrap div ul li img {
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

div#SearchBox {
	width: 540px;
	padding-bottom: 7px;
	background: url(../images/in_bg06.png) left bottom no-repeat;
}

div#SearchBox p.Tit {
	height: 34px;
	background: url(../images/in_tit02.png) no-repeat 0 0;
	text-indent: -9999px;	
}

div#SearchBox dl {
	position: relative;
	padding: 0 4px;
	background: #bdd6eb url(../images/in_bg07.png) repeat-y 4px 0;
}

div#SearchBox dt {
	min-height: 119px;
	height: auto !important;
	height: 119px;
	background: url(../images/in_tit03.png) no-repeat 0 0;
	text-indent: -9999em;
}

div#SearchBox dd {
	width: 357px;
	margin-top: -84px;
	padding-left: 174px;
}

div#SearchBox dd.Btn {
	position: absolute;
	top: 0;
	width: 171px;
	margin-top: 0;
	padding-left: 0;
}

div#SearchBox dd p {
	padding-left: 19px;
	line-height: 1.5;
}

div#SearchBox dd p span {
	display: block;
	margin-top: 5px;
	font-size: 77%;
	color: #999;
}

div#Category {
	height: 78px;
	background: #bdd6eb url(../images/in_bg05.png) no-repeat bottom;
}

div#Category ul {
	padding: 10px 0 5px 14px;
}

div#Category ul li {
	float: left;
	margin-right: 6px;
	font-size: 0;
	line-height: 0;
}

div#Category div {
	padding-top: 2px;
	padding-left: 112px;
}

div#Category div input {
	max-height: 21px;
	vertical-align: middle;
}

div#Category div input.Medium2 {
	width: 100px;
}

ul#RightNav {
	float: right;
	width: 250px;
	margin-top: 10px;
}

ul#RightNav li {
	margin-bottom: 10px;
	line-height: 0;
}

ul#RightNav li.BtnCat {
	position: relative;
}

ul#RightNav li.BtnCat a.BtnCat {
	position: absolute;
	top: 93px;
	left: 138px;
	display: block;
	width: 100px;
}

/* modern browsers */

div#Main:after,
div#Prefecture dl:after,
div#Recom .Wrap div ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}


/* IE7 */

div#Main,
div#Prefecture dl,
div#Recom .Wrap div ul {
	display: inline-block;
}


/* legacy IE */

* html div#Main,
* html div#Prefecture dl,
* html div#Recom .Wrap div ul {
	height: 1%;
}


div#Main,
div#Prefecture dl,
div#Recom .Wrap div ul {
	display: block;
}