@charset "UTF-8";

/* ################################################################################ */
/*        　                                                                        */
/*        ●各ページ共通のスタイル                                                  */
/*       　 1.ページ全体のレイアウト等                                              */
/*        　2.ヘッダ                                                                */
/*        　3.グローバルナビゲーション                                              */
/*        　4.フッタ                                                                */
/*        　                                                                        */
/* ################################################################################ */




/* ================================================================================ */
/*      1.ページ全体のレイアウト等                                                  */
/* ================================================================================ */


/* リセット用CSSをインポート */
@import "reset.css";


/* body */
body {
	text-align: center;
}

/* container */
div.container {
	margin: 0 auto;
	border: solid 1px #555555;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 840px;
	text-align: left;
}


/* ================================================================================ */
/*      2.ヘッダ                                                                    */
/* ================================================================================ */


/* -------------------------------------------------------------------------------- */
/*      2-1.ヘッダ全体                                                              */
/* -------------------------------------------------------------------------------- */
div.container div.header {
	padding-top: 16px;
	border-top: solid 21px #4978C1;
}


/* -------------------------------------------------------------------------------- */
/*      2-2.サイトタイトル                                                          */
/* -------------------------------------------------------------------------------- */
div.container div.header h1 {
	background-image: url(../images/shared/header_title.gif);
	margin-left: 48px;
	display: inline;
	float: left;
	width: 383px;
}

div.container div.header h1 a {
	display: block;
	background-image: url(../images/shared/header_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 383px;
	height: 76px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}


/* -------------------------------------------------------------------------------- */
/*      2-2.ヘッダ コピー文                                                         */
/* -------------------------------------------------------------------------------- */
div.container div.header p {
	margin-top: 4px;
	float: left;
	width: 401px;
	height: 72px;
	background-image: url(../images/shared/header_copy.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}



/* ================================================================================ */
/*      3.グローバルナビゲーション                                                  */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      3-1.ナビゲーション全体                                                      */
/* -------------------------------------------------------------------------------- */
div.container div.header ul {
	clear: left;
}


/* -------------------------------------------------------------------------------- */
/*      3-2.ナビゲーション ボタン                                                   */
/* -------------------------------------------------------------------------------- */
div.container div.header ul {
	margin-left: 5px;
}

div.container div.header ul li {
	/*margin-right: 3px;*/
	margin-bottom: 10px;
	padding-right: 2px;
	display: inline;
	float: left;
	width: 164px;
	height: 36px;

}

div.container div.header ul li a {
	display: block;
	height: 36px;
	text-indent: -9999px;
	background-image: url(../images/shared/navi_bg2.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}

div.container div.header ul li.rent a {
	background-position: -164px 0;

}

div.container div.header ul li.buy a {
	background-position: -328px 0;
}

div.container div.header ul li.living a {
	background-position: -492px 0;
}

div.container div.header ul li.about a {
	background-position: -656px 0;
}

/* 現在アクティブなページのa要素、およびナビゲーションのロールオーバー */
div.container div.header ul li.home a.active,
div.container div.header ul li.home a:hover {
	background-position: 0 -36px;
}

div.container div.header ul li.rent a.active,
div.container div.header ul li.rent a:hover {
	background-position: -164px -36px;
}

div.container div.header ul li.buy a.active,
div.container div.header ul li.buy a:hover {
	background-position: -328px -36px;
}

div.container div.header ul li.living a.active,
div.container div.header ul li.living a:hover {
	background-position: -492px -36px;
}

div.container div.header ul li.about a.active,
div.container div.header ul li.about a:hover {
	background-position: -656px -36px;
}

/* ドロップダウンメニュー */
div.container div.header ul ul {
	margin: 0;
	padding: 0;
	border-top: solid 1px #999999;
	display: none;
	color: inherit;
	background-color: transparent;
	background-image: url(../images/shared/navi_bg_sub.gif);
	font-size: 80%;
}

div.container div.header ul li:hover > ul {
	display: block;
	position: absolute;
}

div.container div.header ul ul li {
	margin-bottom: 0px;
	padding: 0;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	height: 2em;
	display: block;
	clear: left;
}

div.container div.header ul ul li a {
	display: block;
	width: 100%;
	height: 2em;
	line-height:2em;
	background-image: none;
	text-indent: 0.7em;
}

/* 借りる */
div.container div.header ul li.rent ul {
	width: 14.15em;
}
div.container div.header ul li.rent ul li {
	width: 14em;
}

div.container div.header ul li.rent ul li a {
	color: #0033CC;
	background-color: #CDE1F5;
}

div.container div.header ul li.rent ul li a:hover {
	color: #FFFFFF;
	background-color: #2882C8;
	font-weight: bold;
}

/* 買う */
div.container div.header ul li.buy ul {
	width: 16.15em;
}
div.container div.header ul li.buy ul li {
	width: 16em;
}

div.container div.header ul li.buy ul li a {
	color: #FF3300;
	background-color: #FCDCB8;
}

div.container div.header ul li.buy ul li a:hover {
	color: #FFFFFF;
	background-color: #F78926;
	font-weight: bold;
}



/* ================================================================================ */
/*      4.フッタ                                                                    */
/* ================================================================================ */

div.footer {
	clear: left;
	width: 100%;
}

div.footer p {
	padding: 15px 0 15px 120px;
	margin: 0 20px 20px 20px;
	line-height: 1.5;
	background-color: #D6DAEF;
	font-size: 10px;
}

div.footer ul {
	padding: 5px 15px 5px 0;
	color: #FFFFFF;
	background-color: #4978C1;
	text-align: right;
}

div.footer ul li {
	display: inline;
	font-size: 10px;
}

div.footer ul li a {
	color: #FFFFFF;
	background-color: inherit;
	text-decoration: none;
}

div.footer ul li a:hover {
	text-decoration: underline;
}