@charset "utf-8";

/**********************************
//エコヴィレッジ朝霞台東弁財
ver1.4 [2010.04.14]

※ ブラウザ間の差異吸収 → ./reset.css

///もくじ////////////////////////////
[全ページ共通]
00. 基本
01. 共通モジュール (ヘッダー、フッター、ページコンテンツなど大枠と全ページ共有部分＆フローティングバナー)
02. グローバルナビ(ul#nav)

[個別ページ]
03. サイトトップ
04. コンセプト
05. 周辺環境
06. 間取り (※注: ポップアップで出てくるページ → ./room.css参照)
07. エコミックスデザイン
08. コミュニティ
09. 設備・構造
10. 案内図・アクセス
11. 物件概要
///////////////////////////////////
**********************************/

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

/*** リンクまわり ***/
a { color:#369; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; outline:none; }
a:focus { outline:none; } 

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

/*** 汎用フロート解除用 ***/
.clr00 { clear:both; height:0; margin:0; padding:0; line-height:0; }


/****************************
01. 共通モジュール
****************************/
#container { width:100%; background:url(../img/bg.jpg) repeat-x top center; text-align:center; }
#header, #navArea, #pageContents, .pageContents, #footer { width:1000px; margin:0 auto; text-align:left; }

/*** ヘッダー内(#header) ***/
#header { background:url(../img/header_bg.jpg) no-repeat top center; }
#top { float:left; margin-bottom:0px; }
#utility { float:right; margin-bottom:10px; padding-top:15px; }

/** ヘッダー右側ボタン×3(#utility) **/
#utility a { display:block; float:left; width:100px; height:54px; margin-right:14px; text-indent:-9999px; overflow:hidden; }

/* 資料請求 */
a.ut02 { width:54px; background:url(../img/btns_utility.jpg) no-repeat -100px 0; }
a:hover.ut02 { background-position:-100px -54px; }

/* 来場予約 */
a.ut03 { width:54px; background:url(../img/btns_utility.jpg) no-repeat -200px 0; }
a:hover.ut03 { background-position:-200px -54px; }

/*** ページコンテンツ内(#pageContents) ***/
#pageContents { margin-bottom:15px; _padding-top:20px; }
#pageContents { *margin-top:-5px; _margin-top:0; } /* IE6 & 7 */

/* 長いページ（途中に「ページトップ」が入ってる場合）用 */
.pageContents { width:1000px; margin-bottom:10px; padding-top:10px; }

/*** フッター内(#footer) ***/
#footer  {}
#footerL { float:left; margin-bottom:15px; }
#footerR { float:right; margin-bottom:15px; font-size:87%; }
html>/**/body #footerR  { font-size:80%; } /* IE8 */
#bnrArea { margin-bottom:5px; padding-top:15px; border-top:1px solid #000; }
#bnrArea img { margin-right:10px; }
#footer p { text-align:center; font-size:11px; }

/** ヘッダー右側ボタン×2 **/
a.btn_confirm01, a.btn_confirm02  { display:block; float:right; width:100px; height:29px; margin-right:10px; text-indent:-9999px; overflow:hidden; }

/* [フッター内] 資料請求 */
a.btn_confirm01 { width:100px; background:url(../img/btns_confirm.jpg) no-repeat 0 0; }
a:hover.btn_confirm01 { background-position:0 -29px; }

/* [フッター内] 来場予約 */
a.btn_confirm02 { width:100px; background:url(../img/btns_confirm.jpg) no-repeat -100px 0; }
a:hover.btn_confirm02 { background-position:-100px -29px; }

/* ページトップ(※注:サイトトップにはない) */
.pageTop { float:right; width:76px; height:20px; margin:4px 10px 0 10px; background:url(../img/pageTop.jpg) no-repeat top center; text-indent:-9999px; overflow:hidden; }


/*** floatingBnr(2010.04.13追加) ***/
#float, #floatArea { width:271px; height:190px; margin:0; }
#float { position:absolute; right:72px; _left:1200px; *left:810px; top:180px; *top:179px; }
#floatArea { position:absolute; left:-46px; top:40px; cursor:move; background:url(../img/floatbn.jpg) no-repeat left top; }
#floatBtn02 a { display:block; width:240px; height:40px; margin:64px 5px 3px 10px; text-indent:-9999px; }
#floatBtn03 a { display:block; width:240px; height:40px; margin:0 5px 0 10px; text-indent:-9999px; }
#floatClose a { display:block; width:60px; height:20px; margin:-10px 0 0 210px; font-size:6px; text-indent:-9999px; }
#floatBtn02 a, #floatBtn03 a, #floatClose a { outline:none; }


/*****************************
02. グローバルナビ(ul#nav)
*****************************/
#navArea { height:35px; *margin-top:-5px; }  /* IE6 & 7 */
html>/**/body #navArea { height:35px; margin-top /*\**/: -5px\9; } /* IE8 */
ul#nav { display:inline; width:1000px; list-style:none; margin:0; padding:0; }
ul#nav li { float:left; padding:0; text-align:center; }
ul#nav a { display:block; height:35px; text-indent:-9999px; overflow:hidden; }

/* トップ */
a.nav01 { width:60px; background:url(../img/nav.jpg) no-repeat 0 0; }
a:hover.nav01 { background-position:0 -35px; }
a.nav01_current { width:60px; background:url(../img/nav.jpg) no-repeat 0 -35px; }

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

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

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

/* エコミックスデザイン */
a.nav05 { width:150px; background:url(../img/nav.jpg) no-repeat -372px 0; }
a:hover.nav05 { background-position:-372px -35px; }
a.nav05_current { width:150px; background:url(../img/nav.jpg) no-repeat -372px -35px; }

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

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

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

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


/****************************
03. サイトトップ
****************************/
#pageContents.siteTop { width:1000px; margin-top:0; /*background:url(../img/siteTop_eyeCatch.jpg) no-repeat 0 0;*/ }

/* 100319～(flash追加後) */
#flashContents { width:1000px; height:540px; margin:0 0 30px 0; *margin-top:-4px; _margin-top:-20px; }
html>/**/body #flashContents  { margin-top:-4px; } /* IE8 */
#news,#information {width:450px; margin:15px 0; float:left;}
#information {width:450px; float:right; margin:15px 30px; _margin:15px 0 15px 0; }
#news h2, #information h2 {width:450px; margin:0 0 10px 0;}
#btline { border-top:1px solid #75a05b; clear:both; margin:20px 0;}


/****************************
04. コンセプト
****************************/
#pageContents.concept { width:1000px; padding-top:20px; }
#pageContents.concept h2 { margin-bottom:20px; }

.conceptPics img { margin-bottom:20px; }
.conceptPics img.box01 { margin-right:14px; }

/* 「都市と自然の...」 */
.conceptInner { margin:0 50px 20px 50px; }
.conceptInner h3.lead { margin-bottom:20px; }

.conceptInnerL { float:left; width:435px; margin:0 30px 20px 0; }
.conceptInnerR { float:left; width:435px; margin:0 0 20px 0; }
img.img01 { margin-bottom:16px; }
img.img02 { margin:0 10px 0 0; }
img.img03 {}

/* <p></p>の高さ調整 */
p.box02 { min-height:80px; height:auto !important; height:75px; }
p.box03 { min-height:65px; height:auto !important; height:60px; }

/* h2[CONECEPT]h3内リンク「詳細」(注: 普通にimgだとtinyscrollingが効かない) */
a.ttl_details { display:block; float:right; width:50px; height:25px; background:url(../../concept/img/ttl_details.jpg) no-repeat top center; text-indent:-9999px; overflow:hidden; }
a.ttl_details { *margin:-25px 0 0 0; }


/****************************
05. 周辺環境
****************************/
#pageContents.location { width:1000px; padding-top:20px; }
#locationInner { width:900px; margin:0 45px 10px 55px; text-align:center; }
#locationInner p { text-align:justify; }
#locationInner h3 { margin:15px 0; } 

/** 画像の回り込み **/
img.imgFloat1 { display:block; float:left; margin:0 0 10px 0; }
img.imgFloat2 { display:block; float:left; margin:0 30px 20px 0; _margin:0 15px 20px 0; }
img.imgFloat3 { display:block; float:left; margin:0 0 20px 0; }

/** まつり＆子育て **/
.locationInnerL { float:left; width:435px; margin:0 30px 10px 0; }
.locationInnerR { float:left; width:435px; margin:0 0 10px 0; }

/** Information **/
.locationInfoL { float:left; width:435px; margin:0 30px 10px 0; _margin:0 15px 10px 0; }
.locationInfoR { float:left; width:435px; margin:0 0 10px 0; }
.locationInfoL div, .locationInfoR div { padding:5px 0; border-right:1px solid #629b49; border-bottom:1px solid #629b49; border-left:1px solid #629b49; }
.locationInfoL h4, .locationInfoR h4 { display:block; }
#locationInner table {}
#locationInner table th { width:284px; padding:1px 6px; text-align:left; _line-height:1.6; }
#locationInner table td { width:135px; padding:1px 0; text-align:left; _line-height:1.6; }


/****************************
06. 間取り (※注: ポップアップで出てくるページ → ./room.css参照)
****************************/
#pageContents.roomplan { width:1000px; padding-top:20px; }

/* h2[ROOMPLAN]内リンク(注: 普通にimgだとtinyscrollingが効かない) */
a#RP_L { display:block; float:left; width:880px; height:45px; background:url(../../roomplan/img/ttl_roomplan.jpg) no-repeat top center; text-indent:-9999px; overflow:hidden;  }
a#ttl_roomplanBL { display:block; float:right; width:120px; height:45px; background:url(../../roomplan/img/ttl_roomplanBL.jpg) no-repeat top center; text-indent:-9999px; overflow:hidden; }
a#ttl_roomplanBL { /**margin:-45px 0 0 0;*/ }

#standardPlan { width:485px; margin:20px auto; _margin-left:250px; }
#premiumStage { float:left; width:485px; margin:10px 0 15px 0; }
#standardPlan .innerElements { padding:15px 20px; _padding:15px 19px; background:#edf5e4; border-right:1px solid #75a05b; border-bottom:1px solid #75a05b; border-left:1px solid #75a05b; }
#premiumStage .innerElements { padding:15px 20px; _padding:15px 19px; background:#5b8031; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; }
h2#BL { margin-bottom:15px; }

#fType { width:998px; height:892px; margin-bottom:20px; background:url(../../roomplan/img/bg_fType.jpg) no-repeat top center; border:1px solid #76a05c; }

/* alt代わりの透過gif on 背景画像 */
#fType h3 { float:left; }
#f01 { float:left; margin:30px 50px 0 0; }
#f02 { float:left; margin:30px 0 0 0; }
#f03 { float:left; margin:-80px 0 0 25px; _margin-left:12px; }
#f04 { float:left; margin:10px 0 0 434px; _margin-left:360px; }
#f05 { float:left; margin:-75px 0 0 25px; _margin-left:12px; }
#f06 { float:left; margin:15px 0 0 434px; _margin-left:360px; }
#f07 { float:left; margin:-110px 0 0 25px; _margin-left:12px; }
#f08 { float:left; margin:5px 0 0 434px; _margin-left:360px; }
#f09 { float:left; margin:-88px 0 0 25px; _margin-left:12px; }
#f10 { float:left; margin:12px 0 0 434px; _margin-left:360px; }
#f11 { float:left; margin:-106px 0 0 25px; _margin-left:12px; }
#f12 { float:left; margin:-104px 0 0 88px; _margin-left:85px; }
#f13 { float:left; margin:15px 0 0 25px; _margin-left:12px; }

/*** Ca/Ea/Ftype(100413) ***/
#standardPlan02 { clear:both; width:1000px; margin:0 auto; text-indent:-9999px;}
#type01, #type02, #type03 { text-align:center; margin:0 auto; width:495px; height:595px; display:block;}
#type01 { background:url(../../roomplan/img/atype.jpg) no-repeat 0 0; }
#type02 { width:495px; height:595px; display:block; text-align:center; margin:0 auto;}
#type03 { background:url(../../roomplan/img/Catype.jpg) no-repeat 0 0; }
a.btnDetails { display:block; width:295px; height:40px; margin:258px 0 0 12px; background:url(../../roomplan/img/btn_details.jpg) no-repeat bottom center; }

/*** ルームプラン切替スイッチ(Standard) ***/
ul#switchStandard { display:inline; width:444px; list-style:none; margin:0; padding:0; }
ul#switchStandard li { float:left; padding:0; text-align:center; margin-bottom:10px; }
ul#switchStandard a { display:block; height:40px; text-indent:-9999px; overflow:hidden; }

/* Btype */
a.switch01 { width:89px; background:url(../../roomplan/img/switch_standard.jpg) no-repeat 0 0; }
a:hover.switch01 { background-position:0 -40px; }
a.switch01_current { width:89px; background:url(../../roomplan/img/switch_standard.jpg) no-repeat 0 -40px; }

/* Ctype */
a.switch02 { width:88px; background:url(../../roomplan/img/switch_standard.jpg) no-repeat -89px 0; }
a:hover.switch02 { background-position:-89px -40px; }
a.switch02_current { width:88px; background:url(../../roomplan/img/switch_standard.jpg) no-repeat -89px -40px; }

/* Dtype */
a.switch03 { width:89px; background:url(../../roomplan/img/switch_standard.jpg) no-repeat -178px 0; }
a:hover.switch03 { background-position:-178px -40px; }

/* Etype */
a.switch04 { width:88px; background:url(../../roomplan/img/switch_standard.jpg) no-repeat -267px 0; }
a:hover.switch04 { background-position:-267px -40px; }

/* Ftype */
a.switch05 { width:89px; background:url(../../roomplan/img/switch_standard.jpg) no-repeat -355px 0; }
a:hover.switch05 { background-position:-355px -40px; }

/*** ルームプラン切替スイッチ(Standard) ***/
ul#switchPremium { display:inline; width:444px; list-style:none; margin:0; padding:0; }
ul#switchPremium li { float:left; padding:0; text-align:center; margin-bottom:10px; }
ul#switchPremium a { display:block; height:40px; text-indent:-9999px; overflow:hidden; }

/* (※TODO)Ktypeとかが登場したら以下一行は削除 */
a.switch07, a:hover.switch08, a:hover.switch09, a:hover.switch10 { cursor:default; }

/* Jtype */
a.switch06 { width:89px; background:url(../../roomplan/img/switch_premium.jpg) no-repeat 0 0; }
a:hover.switch06 { background-position:0 -40px; }

/* Ltype(売れたので削除) */
a.switch07 { width:88px; background:url(../../roomplan/img/switch_premium.jpg) no-repeat -178px 0; }
/*
a:hover.switch07 { background-position:-89px -40px; }
a.switch07_current { width:88px; background:url(../../roomplan/img/switch_premium.jpg) no-repeat -89px -40px; }
*/

/* Ktype */
a.switch08 { width:89px; background:url(../../roomplan/img/switch_premium.jpg) no-repeat -178px 0; }
/*a:hover.switch08 { background-position:-178px -40px; }*/

/* Mtype */
a.switch09 { width:88px; background:url(../../roomplan/img/switch_premium.jpg) no-repeat -267px 0; }
/*a:hover.switch09 { background-position:-267px -40px; }*/

/* Ntype */
a.switch10 { width:89px; background:url(../../roomplan/img/switch_premium.jpg) no-repeat -355px 0; }
/*a:hover.switch10 { background-position:-355px -40px; }*/


/****************************
07. エコミックスデザイン
****************************/
#pageContents.ecomix { width:1000px; padding-top:20px; }
#pageContents.ecomix h2 { margin-bottom:20px; }
#ecomixInner { width:900px; margin:20px 45px 10px 55px; text-align:center; }
#ecomixInner p { text-align:justify; }
#ecomixInner h3 { margin-bottom:8px; }

/* map */
#ecomixMap { width:900px; height:510px; margin:0 0 20px 0; }

.elements { float:left; width:200px; margin:10px 33px 10px 0; _margin:10px 24px 10px 0; }
.elements p { margin-top:0.2em; }

/* 住まい */
#sumai { width:900px; height:580px; margin:0 0 20px 0; }

/* ecovillage */
#ecovillage { width:900px; height:540px; margin:0 0 20px 0; }


/****************************
08. コミュニティ
****************************/
#pageContents.community { width:1000px; padding-top:20px; }
#pageContents.community h2 { margin-bottom:20px; }
#communityInner { width:900px; margin:0 45px 10px 55px; text-align:center; }
#communityInner p { text-align:justify; }
#communityInner h3 { margin-bottom:8px; }

.communityInnerL { float:left; width:465px; margin:0 0 15px 0; }
.communityInnerR { float:left; width:435px; margin:0 0 15px 0; }

/** 画像の回り込み(IE6がバグってたりバグってなかったりするので調整) **/
img.imgFloat4 { display:block; float:left; margin:0 15px 15px 0; _margin:0 8px 15px 0; }
img.imgFloat5 { display:block; float:left; margin:0 33px 15px 0; _margin:0 33px 15px 0; }
img.imgFloat6 { display:block; float:right; margin:0 0 15px 0; }


/****************************
09. 設備・構造
****************************/
/* h2[EQUIPMENT]内リンク(注: 普通にimgだとtinyscrollingが効かない) */
a#ttl_eqEL { display:block; float:right; width:140px; height:50px; background:url(../../equipment/img/ttl_eqEL.jpg) no-repeat top center; text-indent:-9999px; overflow:hidden; }
a#ttl_eqEL { *margin:-50px 0 0 0; }
a#ttl_eqSA { display:block; float:right; width:177px; height:50px; background:url(../../equipment/img/ttl_eqSA.jpg) no-repeat top center; text-indent:-9999px; overflow:hidden; }
a#ttl_eqSA { *margin:-50px 0 0 0; }
a#ttl_eqST { display:block; float:right; width:83px; height:50px; background:url(../../equipment/img/ttl_eqST.jpg) no-repeat top center; text-indent:-9999px; overflow:hidden; }
a#ttl_eqST { *margin:-50px 0 0 0; }

#pageContents.equipment { width:1000px; padding-top:20px; }
.equipmentInner { width:900px; margin:10px auto; _margin:10px 50px 10px 50px; text-align:center; }
.equipmentInner h3 { margin-bottom:16px; }
.equipmentInner h4 { margin-bottom:8px; }

.unitL, .unitR { float:left; width:418px; _width:438px; min-height:100px; height:auto !important; height:120px; margin:0 24px 20px 0; _margin:0 24px 20px 0; padding:8px; border:1px solid #629b49; text-align:left; }
.unitLR { _width:896px; text-align:left; }
.unitL p, .unitR p, .unitLR p  { margin:0.1em 0 0.4em 0; }
.unitR { margin:0 0 20px 0; }
.unitLR { float:left; width:878px; _width:898px; margin:0 0 10px 0; padding:8px; border:1px solid #629b49; }
img.utiLimg { display:block; float:left; margin: 0 20px 0 0; _margin: 0 10px 0 0; }
.equipmentInner h5 { margin-bottom:2px; }
.unitInner { float:left; width:428px; margin:0 16px 0 0; _margin:0 8px 0 0; }

/* ALSOKだけちょっとボックスの高さが大きい */
#boxL-L, #boxL-R { min-height:260px; height:auto !important; height:260px; }


/****************************
10. 案内図・アクセス
****************************/
#pageContents.access { width:1000px; padding-top:20px; }
#accessContents { margin:10px 20px; }
#accessContentsL { float:left; width:435px; margin-right:10px; }
#accessContentsL img { margin-bottom:10px; }
#accessContentsR { float:left; width:515px; background:#eee; }


/****************************
11. 物件概要
****************************/
#pageContents.outline { width:1000px; padding-top:20px; }

table#outlineContents { width:900px; margin:10px 30px 0 50px; background:#eee; border-top:1px solid #84a033; }
table#outlineContents th { width:200px; padding:3px 10px; _padding:5px 10px; background:#edf5e4; border-bottom:1px solid #84a033; }
table#outlineContents td { width:700px; padding:3px 10px; _padding:5px 10px; background:#fff; border-bottom:1px solid #84a033; }
p.lastUpdate { text-align:right; padding-right:50px; }