@charset "UTF-8";

/* ************************

	01.Reset
	02.Common Class
	03.Header
	04.Global Navi
	05.Main Area
	06.Contents (Main Area)
	07.Side Menu (Main Area)
	08.Page Top Button
	09.Footer
	10.Others

*************************** */

/* ************************
	01.Reset
*************************** */
* {
	margin:0;
	padding:0;
	font-size:100%;
}
p , h1 , h2 , h3 , h4 , h5 , h6 ,
dt , dd , th , td {
	font-weight:normal;
}
body {
	color:#333;
	line-height:1.5;
	background-color:#f0f2ef;
	font-family:sans-serif;
}
strong , em {
	font-style:normal;
	font-weight:bold;
}
img {border:none;}
a:link , a:visited { color:#33c;}
a:hover , a:active { color:#f00;}


/* ************************
	02.Common Class
*************************** */
.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix { display:inline-block;}
/* exlude MacIE5 \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* end MacIE5 */

.m0 {margin:0;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}

.mb05em {margin-bottom:0.5em;}
.mb1em {margin-bottom:1em;}
.mb2em {margin-bottom:2em;}

.mr1 {margin-right:1em;}

/* /// 矢印アイコン付きリンク /// */
a.arrow-link {
	padding-left:11px;
	background:url(../img/icon_arrow.gif) 0 0.3em no-repeat;
}
a.link-arrow {
	padding-right:11px;
	background:url(../img/icon_arrow.gif) right 0.3em no-repeat;
}

/* /// 別ウィンドウアイコン付きリンク /// */
a.link-window , span.link-window {
	padding-right:14px;
	background:url(../img/icon_window.gif) right 0.15em no-repeat;
}
a.window-link {
	padding-left:14px;
	background:url(../img/icon_window.gif) left 0.15em no-repeat;
}

/* /// 駐車場アイコン付きリンク /// */
a.parking-link {
	padding:0.2em 0 0.2em 23px;
	background:url(../img/icon_parking.gif) 0 0.1em no-repeat;
}

/* /// 納戸アイコン付きリンク /// */
a.closet-link {
	padding:0.2em 0 0.2em 23px;
	background:url(../img/icon_closet.gif) 0 0.1em no-repeat;
}

ul.kome {
	list-style-type:none;
	margin-left:1em;
}
p.kome {margin-left:1em;}
ul.kome li , p.kome {text-indent:-1em;}

.indent01 {margin-left:1em;}
.indent02 {margin-left:11px;}
.ind01 {text-indent:1em;}


/* ************************
	03.Header
*************************** */
#header-area {
	background:url(../img/shadow_top.gif) top repeat-x;
}
#header-deco {
	padding-bottom:4px;
	background:url(../img/shadow_bottom.gif) bottom repeat-x;
}
#header {
	position:relative;
	width:900px;
	margin:0 auto;
}
#header-box {
	width:567px;
	float:left;
}
#logo {
	height:18px;
	margin:35px 0 19px 12px;
}
#header-txt {
	color:#000;
	line-height:1.3;
	position:absolute;
	top:19px;
	left:12px;
}

/* /// Search Box /// */
#search-box {
	position:absolute;
	top:0;
	right:3px;
	width:313px;
	height:66px;
	background:url(../img/bg_header_search.gif) top no-repeat;
}
#search-box-innner {
	position: relative;
}
#search-box h2 {
	position:absolute;
	top:7px;
	left:25px;
	width:79px;
	height:16px;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
	background:url(../img/header_search_title.gif) top left no-repeat;
}

/* ※IEは ie-common.css */
#p-search-box {
	display:block;
	position:absolute;
	top:9px;
	left:118px;
}
#p-search-box label img {
	margin-left:4px;
	vertical-align:1px;
}
#c-search-box label img {
	margin-left:5px;
	vertical-align:1px;
}
#c-search-box {
	display:block;
	position:absolute;
	top:9px;
	left:209px;
}

#s-box {
	position:absolute;
	top:30px;
	left:25px;
}

/* ※IEは ie-common.css */
#s-box input {
	width:176px;
	height:12px;
	border:solid 1px #00833e;
	padding:3px 2px 3px;
	color:#999;
	font-size:11px;
}
#s-box span {
	position:absolute;
	top:7px;
	left:185px;
	display:block;
	width:12px;
	height:12px;
	background:url(../img/header_search_txt.gif) left center no-repeat;
	text-indent:-9999px;
}
#btn-box {
	position:absolute;
	top:29px;
	left:230px;
}


/* ************************
	04.Global Navi
*************************** */
#globalnavi-area {
	height:51px;
	background:url(../img/bg_global_menu.gif) center center no-repeat;
}

#globalnavi-area ul {
	display:block;
	width:900px;
	margin:auto;
	position:relative;
	height:51px;
	list-style:none;
}
#globalnavi-area li { position:absolute;}
#globalnavi-area li a {
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}

/* /// ホーム /// */
#g-home {
	width:226px;
	height:51px;
	top:0;
	left:0;
}
#g-home a {
	width:226px;
	height:51px;
	background:url(../img/menu_home.jpg) left top no-repeat;
}
#g-home a:hover {
	background:url(../img/menu_home.jpg) left bottom no-repeat;
}
#home #g-home a , #home #g-home a:hover {
	background:url(../img/menu_home.jpg) left bottom no-repeat;
}

/* /// 月極駐車場 /// */
#g-p-search {
	width:225px;
	height:51px;
	top:0;
	left:226px;
}
#g-p-search a {
	width:225px;
	height:51px;
	background:url(../img/menu_p_search.jpg) left top no-repeat;
}
#g-p-search a:hover {
	background:url(../img/menu_p_search.jpg) left bottom no-repeat;
}
#p-search #g-p-search a , #p-search #g-p-search a:hover {
	background:url(../img/menu_p_search.jpg) left bottom no-repeat;
}

/* /// レンタル納戸 /// */
#g-c-search {
	width:225px;
	height:51px;
	top:0;
	left:451px;
}
#g-c-search a {
	width:225px;
	height:51px;
	background:url(../img/menu_c_search.jpg) left top no-repeat;
}
#g-c-search a:hover {
	background:url(../img/menu_c_search.jpg) left bottom no-repeat;
}
#c-search #g-c-search a , #c-search #g-c-search a:hover {
	background:url(../img/menu_c_search.jpg) left bottom no-repeat;
}

/* /// 会社案内 /// */
#g-company {
	width:224px;
	height:51px;
	top:0;
	left:676px;
}
#g-company a {
	width:224px;
	height:51px;
	background:url(../img/menu_company.jpg) left top no-repeat;
}
#g-company a:hover {
	background:url(../img/menu_company.jpg) left bottom no-repeat;
}
#company #g-company a , #company #g-company a:hover {
	background:url(../img/menu_company.jpg) left bottom no-repeat;
}


/* ************************
	05.Main Area
*************************** */
#main-area-bg {background-color:#fff;}
#main-area {
	width:880px;
	margin:0 auto;
	position:relative;
}

/* /// ホーム /// */
#image-box {
	padding-top:15px;
	margin-bottom:15px;
}

/* /// その他 /// */
#pankuzu {
	padding-top:1em;
	margin-bottom:1em;
}
#back-link {
	border-top:solid 1px #ccc;
	padding:0.4em 0;
}
#back-link a {
	padding-left:11px;
	background:url(../img/icon_arrow_back.gif) 0 0.3em no-repeat;
}
#c-search #back-link a {
	padding-left:11px;
	background:url(../search/img/icon_c_arrow_back.gif) 0 0.3em no-repeat;
}


/* ************************
	06.Contents (Main Area)
*************************** */
/* /// ホーム /// */
#home #contents {
	float:right;
	width:620px;
}

/* /// その他 /// */
#p-search #contents , #c-search #contents ,
#company #contents , #update #contents ,
#news #contents , #sitemap #contents ,
#privacy #contents , #policy #contents ,
#error #contents {
	float:left;
	width:694px;
}

/* /// 印刷用ページ /// */
#print #contents {}

/* /// ご契約の流れページ /// */
#flow #contents {padding-top:20px;}


/* ************************
	07.Side Menu (Main Area)
*************************** */
/* /// ホーム /// */
#sub-menu {
	float:left;
	width:240px;
}

/* /// その他 /// */
#side-menu {
	float:right;
	width:172px;
}
#side-menu dl {}
#side-menu dt {}
#side-menu dt img {display:block;}
#side-menu dd {display:block;}
#side-menu dd ul {list-style:none;}
#side-menu dd ul li {
	display:block;
	border:solid #ccc;
	border-width:0 1px 1px;
	width:170px;
}
#side-menu dd ul li a {
	display:block;
	padding:6px 4px 6px 23px;
	background:url(../img/icon_arrow.gif) 11px 1em no-repeat #fff;
	width:143px;
}
#side-menu dd ul li a:hover {
	background:url(../img/icon_arrow.gif) 11px 1em no-repeat #f1f7e5;
}
#side-menu dd ul li a.here {
	background:url(../img/icon_arrow.gif) 11px 1em no-repeat #f1f7e5;
}

/* 月極駐車場検索 */
#p-search #side-menu dd ul li a {
	background:url(../img/icon_window.gif) 8px 0.8em no-repeat #fff;
}
#p-search #side-menu dd ul li a:hover {
	background:url(../img/icon_window.gif) 8px 0.8em no-repeat #f1f7e5;
}
#p-search #side-menu dd ul li a.here {
	background:url(../img/icon_window.gif) 8px 0.8em no-repeat #f1f7e5;
}

/* レンタル納戸検索 */
#c-search #side-menu dd ul li a {
	background:url(../img/icon_window.gif) 8px 0.8em no-repeat #fff;
}
#c-search #side-menu dd ul li a:hover {
	background:url(../img/icon_window.gif) 8px 0.8em no-repeat #f9f5e3;
}
#c-search #side-menu dd ul li a.here {
	background:url(../img/icon_window.gif) 8px 0.8em no-repeat #f9f5e3;
}


/* ************************
	08.Page Top Button
*************************** */
#page-top-box {
	clear:both;
	width:880px;
	height:60px;
	position:relative;
}
p#jump {
	position:absolute;
	right:0;
	bottom:0;
	width:105px;
	height:26px;
}
#jump a {
	width:105px;
	height:26px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/btn_jump.gif) center top no-repeat; 
}
#jump a:hover {
	background:url(../img/btn_jump.gif) center bottom no-repeat; 
}


/* ************************
	09.Footer
*************************** */
#footer-area {
	clear:both;
	padding:6px 0 4px;
	background:url(../img/shadow_top.gif) top repeat-x;
}
#footer {
	width:880px;
	margin:0 auto;
	position:relative;
}

#group-logo {
	position:absolute;
	top:13px;
	left:16px;
	width:46px;
	height:33px; 
}
#footer ul {
	width:810px;
	padding:9px 0 2px;
	margin-left:81px;
	list-style:none;
}
#footer li {
	display:inline;
	margin-right:1.5em;
}
#footer li.m0 { margin:0;}
#footer li a {
	padding-left:10px; 
	background:url(../img/icon_arrow_footer.gif) left center no-repeat;
}
#footer li a:link , #footer li a:visited {
	color:#333;
	text-decoration:none;
}
#footer li a:hover , #footer li a:active {
	color:#00833e;
	text-decoration:underline;
}
#copyright {
	width:539px;
	margin-left:81px;
	padding:2px 0 11px;
	font-family:"verdana" , sans-serif;
	color:#999;
	background:url(../img/footer_line.gif) left top no-repeat;
}


/* ************************
	10.Others
*************************** */
/* **** No Script **** */
p#js-off {
	width:858px;
	padding:10px;
	font-size:90%;
	color:#f00;
	font-weight:bold;
	background-color:#fff;
	border:solid 1px #f00;
	margin:10px auto;
}