@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object { margin:0; padding:0; }

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	line-height: 1.5;
	text-autospace:ideograph-alpha;
	background:url(../img/common/bg.jpg) repeat-x left top;
}

a img { border:0; }
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
th, caption{ text-align: left; font-weight: normal; }
th,td { empty-cells:show; }

input[type="text"],input[type="password"],input[type="text"] { padding:3px; margin-right:3px; }
input[type="submit"] { display:inline; margin:0; padding:2px; }
input[type="checkbox"] { margin-right:3px; vertical-align: middle; }
input[type="radio"] { margin-right:3px; }
textarea,select { padding:2px; font-size:100%; }
optgroup { font-style:normal; }
option { padding-right:10px; }

img { vertical-align:top; }
.hproduct { display:none; }

.clear{clear:both;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* -------------------------------
共通*/

.center_block{
	width:960px;
	margin:0 auto;
	padding:0 3px;
}

/*レイアウト左寄せ*/
.float_left{
	float:left;
}
/*レイアウト右寄せ*/
.float_right{
	float:right;
}

/*テキスト左寄せ*/
.text_left{
	text-align:left;
}
/*テキスト中央寄せ*/
.text_center{
	text-align:center;
}
/*テキスト右寄せ*/
.text_right{
	text-align:right;
}

/*リンク*/
a{color:#000;}
a:link{
	text-decoration:underline;	
}
a:visited{
	text-decoration:underline;	
}
a:hover{
	text-decoration:none;
}
a:active{
	text-decoration:none;	
}


/* -------------------------------
ヘッダー */

#header .center_block{
	position:relative;
	height:164px;
	background:url(../img/common/menu_bg.png) no-repeat left bottom;
}

#header #catchcopy{
	position:absolute;
	font-size:12px;
	top:25px;
	left:3px;
}
#header #logo{
	position:absolute;
	top:45px;
	left:3px;
}
#header #logo:hover{
	top:44px;
}
#header #rent-list{
	position:absolute;
	top:25px;
	right:223px;
}
#header #toplink{
	position:absolute;
	top:25px;
	right:3px;
}
#header #rent-list:hover,
#header #toplink:hover{
	top:24px;
}
#header #contact_tel{
	position:absolute;
	top:50px;
	right:3px;
}


/* -------------------------------
メニュー */

#menu{
	overflow:hidden;
	position:absolute;
	top:121px;
	margin-left:15px;
}
#menu li{
	display:inline;
	margin-right:3px;
}


/* -------------------------------
コンテンツ */

#content{
	width:940px;
	margin:0 auto 4px auto;
	padding:10px 13px 20px 13px;
	overflow:hidden;
	background:url(../img/common/border_bg.png) no-repeat left bottom;
}


/* -------------------------------
パンくず*/

#breadcrumb{
	padding-bottom:13px;
	font-size:90%;
}
#breadcrumb li,
#breadcrumb ul,
#breadcrumb ul li{
	display:inline;
	margin-right:8px;
}
#breadcrumb ul,
#breadcrumb ul li{
	margin-right:0;
}
#breadcrumb li a{
	margin-right:8px;
}
#breadcrumb li strong{
	color:#000;
	font-weight:normal;
}


/* -------------------------------
メイン */

#main{
	width:670px;
	float:left;
}

#main h1{
	padding-bottom:15px;
}

/*エラー*/
#error_page p{
	font-size:130%;
	font-weight:bold;
	color:#AC2E35;
}
#error_page ul{
	padding:5px 0 0 0;
}
#error_page ul li{
	line-height:1.8;
	list-style:disc;
	margin-left:20px;
}

.error{
	font-weight:bold;
	color:#AC2E35;
	padding-bottom:6px;
}

/*サンクスページ*/
.thanks p{
	margin-bottom:10px;
}


/* -------------------------------
サイドバー */

#sidebar{
	width:250px;
	float:right;
}

/*店舗案内*/
#store{
	margin-bottom:20px;
}
#store dd{
	border:1px solid #72615c;
	border-top:0;
}
#store dd div{
	border:3px solid #e9e8e7;
	padding:0 7px 7px 7px;
}
#store dd div div{
	border:0;
	padding:0;
}
#store dd .img{
	text-align:center;
	padding:12px 0;
}
#store dd .img img{
	padding:3px;
	border:1px solid #c9c5c6;
}
#store dd dt{
	font-weight:bold;
	font-size:110%;
	height:auto;
	padding-bottom:5px;
}
#store dd dl{
	padding:0 3px 7px 3px;
}
#store dd dd{
	border:0;
}
#store dd .link li{
	padding-top:3px;
}

#store #calendar-box{
	margin-top:10px;
	padding:10px 10px 8px 10px;
	background:#eee;
}
#store #calendar-box .note{
	font-size:90%;
	margin-top:5px;
	color:#6b5a53;
}


/*携帯サイトのご案内*/
#mobile{
	margin-bottom:20px;
	background:url(../img/common/mobile_bg.jpg) no-repeat left bottom;
}
#mobile dt{
	height:37px;
	line-height:100%;
}
#mobile dd{
	padding:10px 12px 12px 12px;
}
#mobile dd .txt{
	font-size:90%;
}
#mobile dd .img{
	text-align:center;
	padding:12px 0 10px 0;
}
#mobile dd .url{
	text-align:center;
	font-size:85%;
}

/*バナー*/
#banner{
	margin-bottom:20px;
}
#banner li.business{
	padding-bottom:7px;
}
#banner li.boshu{
	padding-bottom:5px;
	margin-left:-4px;
	position:relative;
}

/*運営会社*/
#company{
	margin-top:-5px;
	position:relative;
}
#company dt{
	height:13px;
}
#company dd{
	padding:9px 0;
	text-align:center;
	border:1px solid #d1d1d1;
	border-top:0;
}


/* -------------------------------
入居までの流れガイド */

#guide{
	overflow:hidden;
	background:url(../img/common/guide_bg.png) no-repeat left top;
	height:195px;
	width:966px;
	margin:0 auto;
	position:relative;
}
#guide .ti{
	position:absolute;
	top:23px;
	left:23px;
}
#guide .step dl{
	width:175px;
	position:absolute;
	top:60px;
}
#guide .step dt{
	font-weight:bold;
	font-size:14px;
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:3px;
	padding-left:28px;
}
#guide .step dd{
	font-size:12px;
}
#guide .step01{
	position:absolute;
	top:60px;
	left:33px;
}
#guide .step01 dt{
	background-image:url(../img/common/guide01_ti.jpg);
}
#guide .step02{
	left:275px;
}
#guide .step02 dt{
	background-image:url(../img/common/guide02_ti.jpg);
}
#guide .step03{
	left:511px;
}
#guide .step03 dt{
	background-image:url(../img/common/guide03_ti.jpg);
}
#guide .step04{
	left:745px;
	width:190px!important;
}
#guide .step04 dt{
	background-image:url(../img/common/guide04_ti.jpg);
}


/* -------------------------------
ページトップ */

#pagetop{
	position:relative;
	height:35px;
	width:960px;
	margin:0 auto;
}
#pagetop a{
	position:absolute;
	top:10px;
	right:0;
}
#pagetop a:hover{
	top:9px;
	right:0;
}


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

#footer #site_navi{
	background:#434c17;
}
#footer #site_navi a{
	color:#fff;
	text-decoration:none;
}
#footer #site_navi a:hover{
	text-decoration:underline;
}
#footer #site_navi ul{
	padding:8px 0;
	width:960px;
	margin:0 auto;
	font-size:90%;
}
#footer #site_navi li{
	display:inline;
	background:url(../img/common/footer_line.jpg) no-repeat center right;
	padding-right:12px;
	margin-right:11px;
}

#footer #sp_navi{
	background:#ebeddf;
	padding:15px 0 20px 0;
}
#footer #sp_navi dl{
	width:960px;
	margin:0 auto;
	font-size:90%;
	padding-bottom:7px;
}
#footer #sp_navi dt,
#footer #sp_navi dd,
#footer #sp_navi dd ul{
	display:inline;
	vertical-align:middle;
}
#footer #sp_navi dt img{
	vertical-align:middle;
	margin-right:15px;
}
#footer #sp_navi dl li{
	display:inline;
	padding:0 15px 0 12px;
	background:url(../img/common/arrow04.jpg) no-repeat left center;
}
#footer #sp_navi dl li a{
	text-decoration:none;
}
#footer #sp_navi dl li a:hover{
	text-decoration:underline;
}

#footer .copyright{
	width:960px;
	margin:0 auto;
	padding-top:7px;
}

