@charset "utf-8";

/* 各ブラウザの設定初期化・差異吸収 ... reset.cssを参照 */

/****************************
	基本
****************************/
html { background:#fcfff4; }
body { font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; line-height:1.6; font-size:12px; color:#121212; }

p { margin:1em 0; text-align:justify; }


/****************************
	レイアウト
****************************/
/*** 大枠 ***/
#header, #nav, #pageContent { width:100%; text-align:center; }
#header_inner, #nav_inner, #pageContent_inner { width:900px; margin:0 auto; text-align:left; }

/*** ヘッダー（全ページ共通） ***/
#header { height:100px; }

/* [ヘッダー内]サイトロゴ */
#top { float:left; }
#top img { height:90px; margin:5px 120px 5px 0; }

/* [ヘッダー内]資料請求ボタン */
a#order { float:left; width:120px; height:40px; margin:30px 10px 30px 0; background:url(../img/btn_order.jpg) no-repeat 0 0; text-indent:-9999px; }
a:hover#order { background:#ccc url(../img/btn_order.jpg) no-repeat 0 -40px; text-indent:-9999px; }

/* [ヘッダー内]来場予約ボタン */
a#confirm { float:left; width:120px; height:40px; margin:30px 15px 30px 0;  background:url(../img/btn_confirm.jpg) no-repeat 0 0; text-indent:-9999px; }
a:hover#confirm { background:#ccc url(../img/btn_confirm.jpg) no-repeat 0 -40px; text-indent:-9999px; }

/* [ヘッダー内]お問い合わせ */
#inq { float:right; margin:15px 0 30px 0; }

/*** ナビゲーション(詳細設定は↓下のほう参照) ***/
#nav { height:54px; background:#2b6a00 url(../img/nav_bg.jpg) repeat-x 0 0; }

/*** ページコンテンツ（個別のページ内でスタイルを追加する場合はここに追加） ***/
#pageContent_inner { width:860px; background:#dddcae; padding:16px 20px 20px 20px; }
#eyeCatch { margin:0 -20px 20px -20px; padding0; }
.column00 { width:860px; margin-bottom:20px; }

#aceess_contents { width:860px; text-align:center;}
#aceess_contents2 { padding: 20px;}

#room_contents { width: 860px; float:left; margin:0 0 10px 0;} 
#room_left_back { width:421px; height: 360px; background: url(../../roomplan/img/room_fs.jpg) no-repeat top;}
#room_left_contents { width: 420px; float:left;}
#room_btn {padding:295px 0 0 20px; }
#room_right_back { width:421px; height: 360px; background: url(../../roomplan/img/room_js.jpg) no-repeat top;}
#room_right_contents { width: 420px; float:right;}

#pop_contents { width:500px;}
#pop_contents2 { width: 470px; }
#pop_left { width:35px; margin-top:290px; float:left;}
#pop_center { width:400px; height:627px; float:left;}
#pop_right { width:35px; margin-top:290px; float:right;}
#btn_position { clear:both; width:470px; vertical-align: top;}
#btn_position img { margin: 10px 0 0 10px;}


/*** ページコンテンツ下部（全ページ共通） ***/
.pageTop { width:860px; }
.pageTop a { display:block; float:right; width:80px; height:17px; background:url(../img/btn_pageTop.jpg) no-repeat 0 0; text-indent:-9999px; outline:none; }
#bnrArea { width:860px; margin:0 0 10px 0; *margin-top:-8px; padding:0; padding-top:5px; }
#bnrArea #inquiry { margin:0 0 15px 0; padding:0; }
#bnrArea a, #bnrArea img { margin:0; padding:0; }

/** フッター（全ページ共通） **/
#footer { font-size:10px; }
#footerLinks { float:left; width:430px; margin:0; padding:0; }
#footerCopyright { float:right; width:410px; margin:0; _margin-right:-16px; padding:0; text-align:right; }

/*** フロート解除用（サイト全体で使用） ***/
.clr00 { clear:both; height:0; margin:0; padding:0; }


 /****************************
	グローバルナビ（全ページ共通）
	※現在地のみclass名に"_current"をつけて反転 
	例: <a href="#" class="nav01_current">トップ</a>
*****************************/
ul#navContent { display:inline; width:900px; list-style:none; margin:0; padding:0; }
ul#navContent li { float:left; padding:0; text-align:center; }
ul#navContent a { display:block; height:54px; text-indent:-9999px; overflow:hidden; }

/* ホーム */
a.nav01 { width:50px; background:url(../img/nav.jpg) no-repeat 0 0; }
a:hover.nav01 { background-position:0 -54px; }
a.nav01_current { width:50px; background:url(../img/nav.jpg) no-repeat 0 -54px; }

/* コンセプト */
a.nav02 { width:80px; background:url(../img/nav.jpg) no-repeat -50px 0; }
a:hover.nav02 { background-position:-50px -54px; }
a.nav02_current { width:80px; background:url(../img/nav.jpg) no-repeat -50px -54px; }

/* 周辺環境 */
a.nav03 { width:90px; background:url(../img/nav.jpg) no-repeat -130px 0; }
a:hover.nav03 { background-position:-130px -54px; }
a.nav03_current { width:90px; background:url(../img/nav.jpg) no-repeat -130px -54px; }

/* 間取り */
a.nav04 { width:105px; background:url(../img/nav.jpg) no-repeat -220px 0; }
a:hover.nav04 { background-position:-220px -54px; }
a.nav04_current { width:105px; background:url(../img/nav.jpg) no-repeat -220px -54px; }

/* プロダクト／モデルルーム */
a.nav05 { width:195px; background:url(../img/nav.jpg) no-repeat -325px 0; }
a:hover.nav05 { background-position:-325px -54px; }
a.nav05_current { width:195px; background:url(../img/nav.jpg) no-repeat -325px -54px; }

/* コミュニティ */
a.nav06 { width:105px; background:url(../img/nav.jpg) no-repeat -520px 0; }
a:hover.nav06 { background-position:-520px -54px; }
a.nav06_current { width:105px; background:url(../img/nav.jpg) no-repeat -520px -54px; }

/* 設備・構造 */
a.nav07 { width:96px; background:url(../img/nav.jpg) no-repeat -625px 0; }
a:hover.nav07 { background-position:-625px -54px; }
a.nav07_current { width:96px; background:url(../img/nav.jpg) no-repeat -625px -54px; }

/* 案内図・アクセス */
a.nav08 { width:99px; background:url(../img/nav.jpg) no-repeat -721px 0; }
a:hover.nav08 { background-position:-721px -54px; }
a.nav08_current { width:99px; background:url(../img/nav.jpg) no-repeat -721px -54px; }

/* 物件概要 */
a.nav09 { width:80px; background:url(../img/nav.jpg) no-repeat -820px 0; }
a:hover.nav09 { background-position:-820px -54px; }
a.nav09_current { width:80px; background:url(../img/nav.jpg) no-repeat -820px -54px; }