@charset "UTF-8";


/* ------------------------
     Font-size Adjustment
---------------------------
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
---------------------------*/


/* ------- COMMON ------ */


a:link,
a:visited {
	text-decoration: none;
	color:#333333;
}

a:hover ,
a:active{
	text-decoration: underline;
	color:#3F6105;
}

a:focus,
textarea:focus,
input:focus {
	outline: none;
}

.sp05{margin-bottom:5px;}
.sp10{margin-bottom:10px;}
.sp15{margin-bottom:15px;}
.sp20{margin-bottom:20px;}
.sp25{margin-bottom:25px;}
.sp30{margin-bottom:30px;}
.sp35{margin-bottom:35px;}
.sp40{margin-bottom:40px;}
.sp45{margin-bottom:45px;}
.sp50{margin-bottom:50px;}

.pd05{padding-bottom:5px;}
.pd10{padding-bottom:10px;}
.pd15{padding-bottom:15px;}
.pd20{padding-bottom:20px;}
.pd25{padding-bottom:25px;}
.pd30{padding-bottom:30px;}

.w40{width:40px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}

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

body{
  color:#333333;
}

.tagline{
  color:#004030;
  font-size:85%;
  width:1000px;
  margin:5px auto;
 }

#header{
  width:100%;
  height:92px;
  background:#FFFFFF url(../img/bg_header.png) left top repeat-x;
 }

#header .inner{
  width:1000px;
  margin:0px auto;
  position:relative;
 }

#header h1{
  margin:0px 50px 0px 0px;
  padding:20px 0px 0px 0px;
  float:left;
 }
 
/*------- FONT SIZE -------*/ 

dl.fontsizeBlock{
  position: absolute;
  top: 20px;
  right: 240px;
  width: 135px;
 }

dl.fontsizeBlock dt{
  float:left;
  color:#FFF;
  padding:10px 0px 0px 0px
 }

dl.fontsizeBlock dd{
  float:right;
 }
 
dl.fontsizeBlock dd li{
  float:left;
  padding:0px 0px 0px 5px;
  cursor: pointer;
 }

/*------- HEADER CONTACT-------*/ 

.contact{
  position:absolute;
  top:7px;
  right:0px;
 }


/*------- メインイメージ -------*/ 

.mainimg{
  background:url(../img/mainimg.png) center top no-repeat;
  margin:-20px 0px 0px 0px;
  padding:370px 0px 30px 0px;

  }

.mainimg .catch{
 width:1000px;
 margin:0 auto;
 }

/*------- LAYOUT -------*/  

.wrapper{
  width:1000px;
  margin:0px auto;

 }
 
.contentsArea{
  width:670px;
  float:left;  
  padding:0px 0px 50px 0px;
 }
 
.sideArea{
  width:260px;
  float:right;
 }


/*------- MARK UP -------*/ 

.hl01{
   clear:both;
   color:#DE8326;
   font-size:138.5%;
   background:url(../img/bg_title.jpg) left bottom no-repeat;
   padding:0px 0px 5px 5px;
 }

.hl02{
   clear:both;
   font-size:123.1%;
   background:url(../img/bg_point.jpg);
   border-left:3px solid #E08C36;
   padding:8px 0px 8px 8px;
 }









/*------- TEXT -------*/ 

.mainTxt{
 line-height:1.6;
 }
 
.red{
 color:#CC0000;
 }

.redB{
 color:#CC0000;
 font-weight:bold;
 }
 
.listIndent{
 text-indent:-1em;
 padding-left:1em;
 } 

.cnt{
 text-align:center;
}
 

/*------- ポイント -------*/ 

.pointBlock{
  margin:0px 0px 50px 0px;
 }

.pointBlock dl{
  background:url(../img/bg_point.jpg);
  margin:0px 0px 20px 0px;
  padding:15px 11px 10px 11px;
 }

.pointBlock dt{
  margin:0px 0px 5px 0px;
 }

.pointBlock dd{
  margin:0px 0px 15px 0px;
  padding:0px 15px;
  font-size:108%;
  line-height:1.6;
 }


/*------- メッセージ -------*/ 

.messageBlock{
  overflow:hidden;
  margin:0px 0px 20px 0px;
 }

.messageBlock .txt{
  width:350px;
  float:left;
  line-height:1.6;
 }

.messageBlock .photo{
  width:300px;
  float:right;
 }


/*------- 入居条件 -------*/ 

ul.condition,
ul.otherPrice{
 margin:0px 10px 40px 10px;
 }

ul.condition li,
ul.otherPrice li{
 background:url(../img/ico_list.jpg) left 2px no-repeat;
 margin:0px 0px 8px 0px;
 padding:0px 0px 0px 15px;
 }



/*------- 料金案内 -------*/ 

.priceBlock{
 overflow:hidden;
 margin:0px 0px 50px 0px;
 }

.priceBlock .leftSide{
  width:310px;
  float:left;
 }

.priceBlock .rightSide{
  width:310px;
  float:right;
 }

dl.deposit{
 margin:0px 0px 40px 0px;
 border:1px solid #CCCCCC;
 }

dl.deposit dt{
 width:100px;
 float:left;
 padding:10px;
 background:#F5DDC5;
 text-align:center;
 }

dl.deposit dd{
 margin:0px 0px 0px 100px;
 padding:10px;
 text-align:center;
 }

.basicPrice{
   
}

.basicPrice ul{
   margin:0px 0px 20px;
}

.basicPrice dl{
 margin:0px 0px 5px 0px;
 border-left:1px solid #CCCCCC;
 border-right:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 background:#F5DDC5;
}

.basicPrice dt{
 width:100px;
 float:left;
 padding:10px;
 text-align:center;
 border-top:1px solid #CCCCCC;
}

.basicPrice dd{
 margin:0px 0px 0px 120px;
 padding:10px;
 background:#FFFFFF;
 text-align:center;
 border-top:1px solid #CCCCCC;
}

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



/*--------------------------
  	#gallery
--------------------------*/

#gallery {
	overflow: hidden;
  background:#EEEEEE;
  margin:0px 0px 50px 0px;
  padding:15px;
}

#gallery p {
	margin-top: 15px;
	line-height: 1.5em;
}


#gallery #images {
    overflow: hidden;
    height: 430px;
    width: 640px;
    position: relative;
}

/*
#gallery #images img {
	border-radius: 3px;
}
*/

#gallery #images ul {
    position: absolute;
	  width: 7680px;
    height: 430px;
}

#gallery #images li {
	float: left;
	width: 640px;
	line-height: 0;
}

/*
#gallery #images li img {
	border-radius: 3px 3px 0 0;
}


#gallery #images li p {
	height: 58px;
	margin-top: 0;
	font-size: 12px;
	padding: 10px 12px 3px 12px;
	background-color: #F3F2ED;
}

*/

#gallery #images li span {
	font-size: 13px;
	font-weight: bold;
}

#gallery #thumb {
	clear: both;
	overflow: hidden;
  margin:10px 0px 0px -8px;
}

#gallery #thumb li {
	float: left;
	width: 70px;
  cursor: pointer;
  margin:0px 0px 8px 10px;
}

/*
#gallery #thumb li img {
	border-radius: 1px;
}
*/











/*--------------------- 
       サイド
---------------------*/ 

.accessBlock{
  margin:0px 0px 40px 0px;
 }

.accessBlock .add{
  margin:0px 0px 10px 0px;
 }
 
.accessBlock .mapArea{
  border:1px solid #CCCCCC;
  margin:0px 0px 8px 0px;
 }
 
.accessBlock .add span{
  font-size:138.5%;
  display:block;
 }


/*--------------------- 
       フッター
---------------------*/ 

#footer{
  clear:both;
  width:100%;
  height:114px;
  background:url(../img/bg_footer.jpg) left top repeat-x;
  margin:0px 0px 5px 0px;
  padding:20px 0px;
}

#footer .inner{
  width:1000px;
  overflow:hidden;
  margin:0 auto;
  padding:0px 0px 0px 0px;
  position: relative;
}

#footer .copyright{
  position:absolute;
  top:100px;
  right: 0px;
  color: #FFFFFF;
  font-size: 85%;
  padding: 5px 0px;
 }
 
#footer .add{
  color:#FFFFFF;
  margin:5px 0px 0px 0px;
  line-height:1.2;
 }
 
 

/*pagetop*/

#page-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
}

#page-top a {
	text-decoration: none;
	display: block;
}

#page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}