@charset "utf-8";


/*
--------------------------------------------------------
Since: 2009-11-15
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */



body {
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
line-height: 1.5;
font-size: 12px;
*font-size: 75%; /*for IE6,IE7*/
color:#333;
}

p,dl,dt,dd,div,ol,ul,li{ 
margin:0px;padding:0px;
}

ul,li {
list-style:none;
}

a{outline:none;}
a img { border:0; }

img { vertical-align: bottom; }

hr { display: none; }

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

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

textarea { font-size: 100%; }


h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}

a:link{
color:#336633;
text-decoration:underline;
}
a:hover{
color:#66CC66;
text-decoration:none;
}
a:visited{
color:#336633;
text-decoration:underline;
}
a:active{
color:#66CC66;
text-decoration:underline;
}

label:hover {
background-color:#DDEFF1;
}


/*-----------------------------------------------
spacer
-----------------------------------------------*/
.mt05{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt15{
margin-top:15px;
}

.mt20{
margin-top:20px;
}

.mt25{
margin-top:25px;
}

.mt30{
margin-top:30px;
}

.mt40{
margin-top:40px;
}

.mb30{
margin-bottom:30px;
}

.cen{
text-align:center;
}




/*wrap*/
.wrap{
}

/*header*/
.head{
background:url(../img/head_bk.gif) repeat-x;
height:224px;
z-index:1;
}

.headArea{
position:relative;
width:820px;
margin:0 auto;
text-align:left;
}

.headArea h1{
margin:0;
padding:0;
font-size:12px;
margin:3px 0 0 15px;
color:#666;
}

.headArea #logo{
margin:0 0 0 15px;
}

.headArea #menu01{
position:absolute;
top:35px;
left:360px;
}

.headArea #menu02{
position:absolute;
top:35px;
left:420px;
}

.headArea #tel{
position:absolute;
top:10px;
left:500px;
}

.headArea #mast{
position:absolute;
top:10px;
left:695px;
}


/*contents*/
.contents{
width:820px;
margin:-80px auto 0 auto;
z-index:2;
}


/*left*/
#left{
width:180px;
margin:0px;
padding:0px;
float:left;
}

/*menu*/

.menu{
font-size:14px;
text-indent:15px;
line-height:3.0em;
margin:10px 0 0 0;
}

.menu li{
overflow:hidden;/*for IE6*/
}

.menu01{
background:url(../img/menu_01.jpg) no-repeat 0 0;
width:180px;
height:39px;
}

.menu02{
background:url(../img/menu_02.jpg) no-repeat 0 0;
width:180px;
height:40px;
}

.menu03{
background:url(../img/menu_03.jpg) no-repeat 0 0;
width:180px;
height:40px;
}

.menu04{
background:url(../img/menu_04.jpg) no-repeat 0 0;
width:180px;
height:39px;
}

.menu05{
background:url(../img/menu_05.jpg) no-repeat 0 0;
width:180px;
height:40px;
}

.menu06{
background:url(../img/menu_06.jpg) no-repeat 0 0;
width:180px;
height:41px;
}

.menu_02{
margin:-7px 0 0 0;
}

/*right*/
#right{
width:610px;
margin:0;
padding:0px;
float:right;
}


#right h2{
margin:0px;
padding:0px;
}

#right h3{
margin:30px 0 10px 0;
padding:0px;
}

#right h4{
padding:5px 0 5px 10px;
background:#F5F5F5;
border-left:#009900 8px solid;
font-weight: bold;
color:#333;
font-size:12px;
}

#right .area01{
padding:0 10px;
}


/*footer*/
.foot{
background:#F4F4F4;
border-top:#D7D7D7 solid 1px;
border-bottom:#D7D7D7 solid 1px;
padding:25px 0;

}

#footArea{
margin:0 auto;
width:820px;
}

#footArea01{
float:left;
width:170px;
}

#footArea02{
float:left;
width:390px;
}

.footArea03{
float:left;
width:130px;
}

.footArea03 li{
background:url(../img/foot_icon.gif) no-repeat left center;
text-indent:12px;
}

.footArea03 a:link{
color:#333;
text-decoration:none;
}
.footArea03 a:hover{
color:#999;
text-decoration:underline
}
.footArea03 a:visited{
color:#333;
text-decoration:none;
}
.footArea03 a:active{
color:#999;
text-decoration:underline;
}


/*copyright*/
#copy{
color:#3B3B3B;
margin:5px auto;
width:820px;
text-align:right;
font-size:10px;
}


/*top_back*/

#top_back{
width:820px;
text-align:right;
margin:35px auto 15px auto;
}



/*-----------------------------------------------
TOP
-----------------------------------------------*/

/* route */
#route{
width:610px;
margin:0px;
padding:0px;
}

#route_l{
width:463px;
margin:0px;
padding:0px;
float:left;
}

#route_r{
width:147px;
margin:0px;
padding:0px;
float:right;
}

/* 駐車場 */
.top_park{
width:610px;
height:100px;
background:url(../img/parking_bk.jpg) no-repeat;
margin:15px 0 0 0;
position:relative;
}

#top_park01{
position:absolute;
top:30px;
right:20px;
}



/* オーナー様 */
.top_own{
width:610px;
height:100px;
background:url(../img/owner_bk.gif) no-repeat;
margin:15px 0 0 0;
}

#top_own01{
position:relative;
top:45px;
left:130px;
}

#top_own02{
position:relative;
top:45px;
left:140px;
}

#top_own03{
position:relative;
top:45px;
left:150px;
}



/* picup */
.top_picup{
width:610px;
margin:7px 0 0 0;
padding:0px;
}

.top_picup img{
margin:0 2px 0 0;
}

/* れん三郎くん */
#top_ren{
background:url(../img/ren_bk.gif) no-repeat 0 0;
width:610px;
height:140px;
position:relative;
}

#top_ren #btn{
position:relative;
top:100px;
left:460px;
width:115px;
height:auto;
}



/*-----------------------------------------------
 　下層
-----------------------------------------------*/

#pan{
text-align:right;
margin:5px 0 0 0;
font-size:10px;
}

.hissu{
color:#FF0000;
}

.r12{
color:#336600;
font-weight:bold;
}

/* 会社概要 */

.table01 {
border-collapse: collapse;
border: solid 1px #bbb;
padding:10px;
margin:15px 0 0 0
}

.table01 td{
padding:7px;
border-right: solid 1px #bbb;
}

.table01 tr.tr01 {
background: #C3EAB9;
}

.table01 td.td01 {
width:120px;
}

.table01 tr.tr02 {
background: #DEF7D8;
}

.table01 td.td02 {
width:120px;
}

/*印刷用ページ*/
#companyArea01{
width:600px;
margin:15px auto 0 auto;
}


/*スタッフ紹介*/

.staff {
width:590px;
height:auto;
padding:10px 0;
border-bottom:#CCCCCC solid 1px;

}

.staff_l{
float:left;
width:215px;
}

.staff_l p{
font-weight:bold;

}

.staff_r{
float:right;
width:375px;
}

.staff02 {
width:590px;
height:auto;
padding:10px 0;
border-bottom:#CCCCCC solid 1px;

}

.staff02_l{
float:left;
width:355px;
}

.staff02_r{
float:right;
width:225px;
}


/* 個人情報の取扱い */


.privacy01{
width:590px;
margin:10px 0 0 0;
}

.privacy01 dt{
float:left;
width:20px;
}

.privacy01 dd{
float:right;
width:560px;
}

.privacy02{
width:560px;
margin:10px 0 0 0;
}

.privacy02 dt{
float:left;
width:20px;
}

.privacy02 dd{
float:right;
width:530px;
}

.privacy03{
width:520px;
margin:10px 0 0 0;
}

.privacy03 dt{
float:left;
width:20px;
}

.privacy03 dd{
float:right;
width:500px;
}


/* 街情報 */

#town01{
text-align:center;
margin:20px 0 0 0;
}

#town01 img{
margin:0 10px 0 0;
}

.town02{
margin:10px 0 0 0;
width:590px;
}

.town02_l{
float:left;
width:360px;
}

.town02_r{
float:right;
width:200px;
}

.town02_r .list {
border-top: 1px solid #ccc;
line-height: 1.6;
margin:0;
width: 200px;
}

.town02_r .list dt {
width: 50px;
float: left;
padding-bottom: 1px;
}

.town02_r .list dd {
padding-left: 5em;
border-bottom: 1px solid #ccc;
}

.town_link{
background:url(../img/link_ar.gif) left center no-repeat;
padding:1px 0 0 17px;
}

.town03{
margin:10px 0 0 0;
width:590px;
}

.town03_l{
float:left;
width:285px;
}

.town03_r{
float:right;
width:285px;
}

.town04{
padding:0 10px;
}

.town04 li{
background:url(../img/link_ar.gif) left center no-repeat;
padding:1px 0 0 17px;
}


/*　レンタル倉庫 */

.rental01{
margin:20px 0 0 0;
width:590px;
}

.rental01_l{
float:left;
width:285px;
}

.rental01_r{
float:right;
width:285px;
}

table.rental02 {
margin:0 auto;
width: 590px;
border-collapse: separate;
border-spacing: 2px;
}

table.rental02 th,
table.rental02 td {
padding: 4px 6px;
}

table.rental02 th {
background: #336633;
text-align: center;
white-space: nowrap;
color: #FFF;
}

table.rental02 td {
white-space: nowrap;
}

table.rental02 col.ren01 {
background: #D6F0D6;
}

table.rental02 col.ren02 {
background: #D6F0D6;
}

table.rental02 col.ren03 {
background: #D6F0D6;
}

table.rental02 col.ren04 {
background: #D6F0D6;
}

table.rental02 .rental01 {
text-align:center;
background: #CCFF66;
width:50px;
}

table.rental02 .rental02 {
text-align:center;
background: #D6F0D6;
width:50px;
}


/*　ご契約の流れ */

.flow_title01{
padding:5px 0 5px 10px;
background:#F5F5F5;
border-left:#009900 8px solid;
font-weight: bold;
color:#333;
}

.flow01{
margin:0px 0 0 0;
width:590px;
}

.flow01_l{
float:left;
width:350px;
background:#EFFFDB;
padding:10px;
}

.flow01_r{
float:right;
width:200px;
}

.flow02{
margin:20px 0 0 0;
width:590px;
}

.flow02_l{
float:left;
width:350px;
}

.flow02_p{
padding:10px;
background:#EFFFDB;
margin:10px 0 0 0;
}

.flow02_r{
float:right;
width:200px;
}

.flow_arrow{
margin:10px 0 0 0;
text-align:center;
}

.flow03{
margin:15px 0 0 0;
width:590px;
}

.flow03_l{
float:left;
width:285px;
}

.flow03_r{
float:right;
width:285px;
}


/*　オーナー様へ */

.owner01{
margin:15px 0 0 0;
width:590px;
}

.owner01_l{
float:left;
width:200px;
}

.owner01_r{
float:right;
width:375px;
}

.owner02{
padding:0 10px;
}

.owner02 li{
background:url(../../owner/img/icon01.gif) left top no-repeat;
padding:1px 0 0 25px;
margin:0 0 5px 0;
}


.owner03{
padding:0 10px;
margin:30px 0 0 0;
}

.owner03 li{
background:url(../../owner/img/icon01.gif) left top no-repeat;
padding:1px 0 0 25px;
margin:0 0 5px 0;
}

table.owner04 {
margin:0 auto;
width: 590px;
border-collapse: separate;
border-spacing: 2px;
}

table.owner04 th,
table.owner04 td {
padding: 4px 6px;
}

table.owner04 th {
background: #336633;
text-align: center;
white-space: nowrap;
color: #FFF;
}

table.owner04 td {
background: #FBF7DF;
}

table.owner04 .no00 {
width:415px;
}

table.owner04 .no01 {
text-align:center;
background: #82D782;
width:75px;
}

table.owner04 .no02 {
text-align:center;
background: #A4F5A4;
width:50px;
}

table.owner04 .no03 {
text-align:center;
background: #C5FFC5;
width:50px;
}

.owner05{
margin:15px 0 0 0;
width:590px;
}

.owner05_l{
float:left;
width:250px;
}

.owner05_l p{
margin:10px 0 0 0;
}


.owner05_m{
float:left;
width:90px;
text-align:center;
padding:80px 0 0 0;
}

.owner05_r{
float:right;
width:250px;
}

.owner05_r p{
margin:10px 0 0 0;
}

div.column  {  
width: 590px;  
background: url(../img/bottom.jpg) no-repeat bottom;  
padding-bottom: 25px;  
margin-bottom: 40px;
margin-top:10px;
}  

div.column .inner   {  
background: url(../img/top.jpg) no-repeat;  
padding-top: 25px;  
}  
div.column .inner div   {  
background: url(../img/center.jpg) repeat-y;  
padding: 0 20px;  
}

.hedge{
text-indent:-1em;
padding-left:1em;
}


div.column02  {  
width: 590px;  
background: url(../img/bottom02.jpg) no-repeat bottom;  
padding-bottom: 25px;  
margin-bottom: 40px;
margin-top:10px;
}  

div.column02 .inner02   {  
background: url(../img/top02.jpg) no-repeat;  
padding-top: 25px;  
}  
div.column02 .inner02 div   {  
background: url(../img/center02.jpg) repeat-y;  
padding: 0 20px;
font-weight:bold;
font-size:1.2em;
}

/*　れん太三郎について */
.renArea01{
width:590px;
margin:20px 0 0 0;
}

.renArea01_l{
width:145px;
float:left;
height:auto;
}

.renArea01_r{
width:430px;
float:right;
height:auto;
}

.renArea02{
font-size:10px;
font-weight:bold;
margin:30px 0 0 0;
text-align:right;
}


/*駐車場のご案内*/

.park_t {
margin:0;
}

.park_t th {
font-weight: bold;
background-color: #E4E4E4;
padding: 0px;
}

.park_t img{
margin:0 !important;
padding:0 !important;
}

.park_t .td_01{
background-color: #F7F7F7;
padding:3px 5px;
vertical-align: center;
}

.park_t .td_01-1{
background-color: #F7F7F7;
padding:3px 5px;
vertical-align: center;
text-align:left;
}

.park_t .td_02{
background-color: #fff;
padding:3px 5px;
vertical-align: center;
}

.park_t .td_02-1{
background-color: #fff;
padding:3px 5px;
vertical-align: center;
text-align:left;
}

.parking_01{
background:url(../../parking/img/map_01.jpg) no-repeat;
position: relative;
width:610px;
height:334px;
margin:15px 0 0 0;
}
#parking_b01{
position:absolute;
top:121px;
left:52px;
}
#parking_b02{
position:absolute;
top:132px;
left:270px;
}
#parking_b03{
position:absolute;
top:132px;
right:6px;
}

.park_mail{
background:url(../../parking/img/tel_02.jpg) no-repeat;
position: relative;

height:147px;
margin:35px 0 0 30px;
}
#park_mail02{
position:absolute;
bottom:10px;
left:40px;
}

.parking_02{
background:url(../../parking/img/nishitachikawa_01.gif) no-repeat;
position: relative;
width:610px;
height:480px;
margin:15px 0 0 0;
}
#parking_02-1{
position:absolute;
top:25px;
left:201px;
}
#parking_02-2{
position:absolute;
top:155px;
left:201px;
}
#parking_02-3{
position:absolute;
top:302px;
left:201px;
}

#pagetop{
text-align:right;
margin:20px 5px 0 0;
}