@import "/file/js/lib/reset.css"; 
@import "/file/js/lib/fonts.css"; 

/* INFO
--------------------------------------------------
   CSS File for "住友不動産"
   Date:     2007-12-05
==================================================

1.Global

2.Layout

3.Header
  3-1.globalMenu

4.Porta Contents
  4-1.Main Contents
  4-2.Side Contents

5.Area Contents
  5-1.header
  5-2.Main Contents
  5-3.Side Contents

6.Footer

7.随時更新

----------------------------------------------- */

/* -----------------------------------------------
  *1.Global
----------------------------------------------- */

body {
  margin: 0 auto;
  color: #666666;
  text-align: center;
  background: #FFFFFF url(/file/image/common/bg.gif) repeat-x 0 0;
}

h1, h2, h3, h4 {
  font-size: 10px;
}

hr {
  border : 0;
  color : #999999;
  background-color : #999999;
  height : 1px;
}

legend {
  display: none;
}

cite {
  font-weight: normal;
  font-style: normal;
}

img {
  background: none;
  border: none;
  text-decoration: none;
}

input,textarea {
  padding: 3px;
  border: 1px solid #cccccc;
  background: #eeeeee;
}

form {
  text-align: left;
}

label {
  display: block;
}

label.cookie {
  display: inline;
}

a:link {
  color: #0802FF;
  text-decoration: underline;
}

a:visited {
  color: #800080;
  text-decoration: underline;
}

a:hover {
  color: #7C9EE2;
  text-decoration: underline;
}

a:active {
  color: #7C9EE2;
  text-decoration: underline;
}

.clear,
.cl {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
}

.pageLink {
  padding-bottom: 10px;
  text-align: right;
  font-weight: bold;
  font-size: 77%;
}

.pageLink span {
  padding-bottom: 5px;
  background: url(/file/image/common/icon.gif) no-repeat 0 0;
}

.pageLink a:link,
.pageLink a:visited {
  padding: 0 0 3px 18px;
}

.pageLink a:hover,
.pageLink a:active {
  padding: 0 0 3px 18px;
  background: url(/file/image/common/icon.gif) no-repeat 0 -45px;
}


/* -----------------------------------------------
  *2.Layout
----------------------------------------------- */

#containerWrap {
  margin: 0 auto;
  width: 920px;
  text-align: left;
  background: #ffffff url(/file/image/common/container_wrap_bg.gif) repeat-y 0 0;
}

#container {
  margin: 0 auto; 
  width: 920px;
  text-align: left;
  background: url(/file/image/common/container_bg.gif) no-repeat 0 0;
}

#contents {
  width: 900px;
  margin-left: 10px;
}

#mainCont {
  width: 610px;
  padding: 18px 15px 0;
  float: right;
  background: url(/file/image/common/area/content_bg.gif) no-repeat 0 0;
}

.entry {
  padding-bottom: 5px;
}

#sideLeft {
  width: 260px;
  float: left;
  text-align: center;
}


/* -----------------------------------------------
  *3.Header
--------------------------------------------------
  *3-1.globalMenu
----------------------------------------------- */

#globalMenu {
  margin: 0 10px;
  padding: 6px 15px 10px;
  background: #ffffff;
  border-top: 3px solid #999999;
  border-bottom: 1px solid #E1E1E1;
}

#globalLogo {
  padding-top: 5px;
  width: 100px;
  float: left;
  background: url(/file/image/common/logo.gif) no-repeat 0 5px;
}

#globalLogo a {
  width: 73px;
  height: 13px;
  display: block;
  text-indent: -9999px;
}

.globalMenuCl {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
}


/* -----------------------------------------------
  *4.Porta Contents
--------------------------------------------------
  *4-1.Main Contents
----------------------------------------------- */

/* エリア別マンションBLOG情報 */

#entryT_area {
  padding-bottom: 15px;
  width: 610px;
  height: 50px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/top/title_area.gif) no-repeat 0 0;
}

.areaWrap {
  padding-bottom: 10px;
  background: url(/file/image/common/top/area_bg.gif) repeat-x 0 0;
}

.areaWrap dl {
  padding-top: 15px;
  width: 425px;
  float: right;
}

.areaWrap dt {
  padding: 0 0 3px 10px;
  font-weight: bold;
  background: url(/file/image/common/icon3.gif) no-repeat 0 5px;
  border-bottom: 1px dotted #CCCCCC;
}

.areaWrap dd {
  padding: 5px 0 0 10px;
  font-size: 77%;
}

.areaWrap dd a:link {
  color: #666666;
}

.areaWrap dd a:visited {
  color: #999999;
}

.areaWrap dd a:hover,
.areaWrap dd a:active {
  color: #7C9EE2;
}

.areaWrap h4 {
  width: 175px;
  float: left;
}

#areaShutoT {
  background: url(/file/image/common/top/area_shuto.gif) no-repeat 0 0;
}

#areaShutoT a {
  width: 175px;
  height: 55px;
  display: block;
  float: left;
  text-indent: -9999px;
}

#areaKansaiT {
  background: url(/file/image/common/top/area_kansai.gif) no-repeat 0 0;
}

#areaKansaiT a {
  width: 175px;
  height: 55px;
  display: block;
  float: left;
  text-indent: -9999px;
}

#areaHokkaidoT {
  background: url(/file/image/common/top/area_hokkaido.gif) no-repeat 0 0;
}

#areaHokkaidoT a {
  width: 175px;
  height: 55px;
  display: block;
  float: left;
  text-indent: -9999px;
}

#areaTohokuT {
  background: url(/file/image/common/top/area_tohoku.gif) no-repeat 0 0;
}

#areaTohokuT a {
  width: 175px;
  height: 55px;
  display: block;
  float: left;
  text-indent: -9999px;
}

#areaTokaiT {
  background: url(/file/image/common/top/area_tokai.gif) no-repeat 0 0;
}

#areaTokaiT a {
  width: 175px;
  height: 55px;
  display: block;
  float: left;
  text-indent: -9999px;
}

#areaKyushuT {
  background: url(/file/image/common/top/area_kyushu.gif) no-repeat 0 0;
}

#areaKyushuT a {
  width: 175px;
  height: 55px;
  display: block;
  float: left;
  text-indent: -9999px;
}


/* 北陸・新潟エリア */

#entryT_hokuriku {
  margin-top: 15px;
  width: 610px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/top/title_area_hokuriku.gif) no-repeat 0 0;
}


/* 四国エリア */

#entryT_shikoku {
  margin-top: 15px;
  width: 610px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/top/title_area_shikoku.gif) no-repeat 0 0;
}


/* 中国エリア */

#entryT_chugoku {
  margin-top: 15px;
  width: 610px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/top/title_area_cyugoku.gif) no-repeat 0 0;
}


/* ポータル　エリア別マンションBLOG情報 -広域- */

#areaOtherT {
  padding: 10px 0 5px;
  text-align: center;
}

#areaOtherT li {
  float: left;
  padding: 0 4px 5px;
  background-repeat: no-repeat;
  background-position: 4px 0;
}

#areaOtherT li a {
  width: 195px;
  height: 30px;
  display: block;
  text-indent: -9999px;
}


/* -----------------------------------------------
  *4-2.Side Contents
----------------------------------------------- */

#siteTitle {
  width: 260px;
  height: 245px;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#seasonPict {
  width: 260px;
  height: 390px;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 0;
}


/* -----------------------------------------------
  *5.Area Contents
--------------------------------------------------
  *5-1.header
----------------------------------------------- */

#header {
  width: 900px;
  height: 71px;
  margin-left: 10px;
  border-top: 4px solid #000000;
  background: #ffffff url(/file/image/common/area/header_bg.gif) repeat-x 0 0;
}

#headerMenu {
  margin-top: 38px;
  width: 295px;
  float: right;
}

#headerMenu li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

#headerMenu li a {
  width: 146px;
  height: 20px;
  padding-right: 10px;
  display: block;
  text-indent: -9999px;
}

#headerMenu li.menu_mansion {
  background: url(/file/image/common/head_blog.gif) no-repeat 0 0;
}

#headerMenu li.menu_mansion a {
  width: 124px;
}


/* エリア別ヘッダリンク */

#headerMenu li.menu_shuto {
  background: url(/file/image/common/area/head_area_shuto.gif) no-repeat 0 0;
}

#headerMenu li.menu_kansai {
  background: url(/file/image/common/area/head_area_kansai.gif) no-repeat 0 0;
}

#headerMenu li.menu_hokkaido {
  background: url(/file/image/common/area/head_area_hokkaido.gif) no-repeat 0 0;
}

#headerMenu li.menu_tohoku {
  background: url(/file/image/common/area/head_area_tohoku.gif) no-repeat 0 0;
}

#headerMenu li.menu_tokai {
  background: url(/file/image/common/area/head_area_tokai.gif) no-repeat 0 0;
}

#headerMenu li.menu_kyushu {
  background: url(/file/image/common/area/head_area_kyushu.gif) no-repeat 0 0;
}


/* エリア別ヘッダ画像 */

#header h2 {
  width: 475px;
  height: 71px;
  float: left;
  text-indent: -9999px;
}

#headerArea_shuto {
  background: url(/file/image/common/area/header_shuto.gif) no-repeat 0 0;
}

#headerArea_kansai {
  background: url(/file/image/common/area/header_kansai.gif) no-repeat 0 0;
}

#headerArea_hokkaido {
  background: url(/file/image/common/area/header_hokkaido.gif) no-repeat 0 0;
}

#headerArea_tohoku {
  background: url(/file/image/common/area/header_tohoku.gif) no-repeat 0 0;
}

#headerArea_tokai {
  background: url(/file/image/common/area/header_tokai.gif) no-repeat 0 0;
}

#headerArea_kyushu {
  background: url(/file/image/common/area/header_kyushu.gif) no-repeat 0 0;
}

/* -----------------------------------------------
  *5-2.Main Contents
----------------------------------------------- */

/* 最新記事 */

#entryT_entryList {
  padding-bottom: 5px;
  width: 610px;
  height: 50px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/title_entry.gif) no-repeat 0 0;
}

.entryListWrap {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
}

.mansionPhoto {
  width: 75px;
  float: left;
}

.mansionPhoto a img {
  width: 68px;
  padding: 3px;
  border: 1px solid #999999;
  background-color: #ffffff;
}

.mansionText {
  width: 523px;
  float: right;
}

.mansionName dt {
  font-weight: bold;
}

.mansionName dd {
  padding: 2px 0 10px;
  line-height: 1.3;
  font-size: 77%;
}

.mansionNewEntry {
  padding: 5px;
  border-top: 3px solid #B4B3B3;
  background-color: #eeeeee;
}

.mansionNewEntry dt {
  padding: 0 0 0 10px;
  font-size: 77%;
  background: url(/file/image/common/icon2.gif) no-repeat 0 3px;
}

.mansionNewEntry dd {
  padding: 3px 0 0 10px;
  font-size: 77%;
}

#formText {
  display: none;
}


/* 物件一覧 */

#entryT_mansionList {
  padding-bottom: 20px;
  width: 610px;
  height: 50px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/title_mansion.gif) no-repeat 0 0;
}

#listMansion li {
  width: 300px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-weight: bold;
  float: left;
  background: url(/file/image/common/icon.gif) no-repeat 0 2px;
  _background: url(/file/image/common/icon.gif) no-repeat 0 1px;
}

#listMansion li a:link,
#listMansion li a:visited {
  padding-left: 18px;
  background: url(/file/image/common/icon.gif) no-repeat 0 0;
}

#listMansion li a:hover,
#listMansion li a:active {
  padding-left: 18px;
  background: url(/file/image/common/icon.gif) no-repeat 0 -45px;
}

#listMansion li.listNon {
  font-weight: normal;
  background: none;
}



/* -----------------------------------------------
  *5-3.Side Contents
----------------------------------------------- */

/* エリアメニュー */

#areaMenu {
  padding-bottom: 30px;
}

#areaMenuT {
  width: 260px;
  height: 19px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/area_menu.gif) no-repeat 0 0;
}

#areaMenu li a {
  width: 260px;
  height: 39px;
  display: block;
  text-indent: -9999px;
}

#areaMenu li a:link,
#areaMenu li a:visited {
  background-repeat: no-repeat;
  background-position: 0 0;
}

#areaMenu li a:hover,
#areaMenu li a:active {
  background-repeat: no-repeat;
  background-position: 0 -39px;
}

/* エリア別メニューリンク */

#areaMenu li#areaShuto,
#areaMenu li#areaShuto a {
  background-image: url(/file/image/common/area/menu_shutoken.gif);
}

#areaMenu li#areaKansai,
#areaMenu li#areaKansai a {
  background-image: url(/file/image/common/area/menu_kansai.gif);
}

#areaMenu li#areaHokkaido,
#areaMenu li#areaHokkaido a {
  background-image: url(/file/image/common/area/menu_hokkaido.gif);
}

#areaMenu li#areaTohoku,
#areaMenu li#areaTohoku a {
  background-image: url(/file/image/common/area/menu_tohoku.gif);
}

#areaMenu li#areaTokai,
#areaMenu li#areaTokai a {
  background-image: url(/file/image/common/area/menu_tokai.gif);
}

#areaMenu li#areaKyushu,
#areaMenu li#areaKyushu a {
  background-image: url(/file/image/common/area/menu_kyushu.gif);
}


/* エリア別メニューON */

#areaMenu li#areaShuto_on {
  width: 260px;
  height: 39px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/menu_shutoken.gif) no-repeat 0 -39px;
}

#areaMenu li#areaKansai_on {
  width: 260px;
  height: 39px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/menu_kansai.gif) no-repeat 0 -39px;
}

#areaMenu li#areaHokkaido_on {
  width: 260px;
  height: 39px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/menu_hokkaido.gif) no-repeat 0 -39px;
}

#areaMenu li#areaTohoku_on {
  width: 260px;
  height: 39px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/menu_tohoku.gif) no-repeat 0 -39px;
}

#areaMenu li#areaTokai_on {
  width: 260px;
  height: 39px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/menu_tokai.gif) no-repeat 0 -39px;
}

#areaMenu li#areaKyushu_on {
  width: 260px;
  height: 39px;
  display: block;
  text-indent: -9999px;
  background: url(/file/image/common/area/menu_kyushu.gif) no-repeat 0 -39px;
}


/* バナー欄 */

#banner_shuto,
#banner_kansai,
#banner_hokkaido,
#banner_tohoku,
#banner_tokai,
#banner_kyushu {
  padding: 0 0 10px 13px;
  text-align: left;
}

#banner_shuto a,
#banner_kansai a,
#banner_hokkaido a,
#banner_tohoku a,
#banner_tokai a,
#banner_kyushu a {
  width: 234px;
  height: 60px;
  display: block;
  text-indent: -9999px;
}

#banner_shuto {
  background: url(/file/image/common/area/banner_shuto.gif) no-repeat 13px 0;
}

#banner_kansai {
  background: url(/file/image/common/area/banner_kansai.gif) no-repeat 13px 0;
}

#banner_hokkaido {
  background: url(/file/image/common/area/banner_hokkaido.gif) no-repeat 13px 0;
}

#banner_tohoku {
  background: url(/file/image/common/area/banner_tohoku.gif) no-repeat 13px 0;
}

#banner_tokai {
  background: url(/file/image/common/area/banner_tokai.gif) no-repeat 13px 0;
}

#banner_kyushu {
  background: url(/file/image/common/area/banner_kyushu.gif) no-repeat 13px 0;
}


/* -----------------------------------------------
  *6.Footer
----------------------------------------------- */

.footer {
  margin: 0 auto;
  padding: 0 10px 10px;
  width: 900px;
  font-size: 77%;
  text-align: left;
  background: url(/file/image/common/footer_bg.gif) no-repeat left bottom;
}

#copyright {
  padding: 5px 15px 20px;
  clear: both;
  text-align: right;
  background-color: #ffffff;
  border-top: 1px dotted #999999;
}

#footerMenu {
  margin: 0;
  padding: 3px 0;
  background-color: #ffffff;
  border-top: 3px solid #999999;
}

#footerMenu li {
  padding: 3px 0 8px 15px;
  float: left;
  background: #ffffff url(/file/image/common/icon.gif) no-repeat 15px 4px;
}

#footerMenu li a:link {
  padding: 0 0 2px 18px;
  color: #666666;
  text-decoration: none;
}

#footerMenu li a:visited {
  padding: 0 0 2px 18px;
  color: #999999;
  text-decoration: none;
}

#footerMenu li a:hover,
#footerMenu li a:active {
  padding: 0 0 2px 18px;
  color: #7C9EE2;
  text-decoration: underline;
  background: url(/file/image/common/icon.gif) no-repeat 0 -45px;
}


/* -----------------------------------------------
  *7.随時更新
----------------------------------------------- */


/* ポータル　メイン下　バナー欄 */

#bannerList {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #CCCCCC;
}

#bannerList li a {
  width: 150px;
  height: 60px;
  display: block;
  text-indent: -9999px;
}

#bannerList li#bannerMailT {
  padding-left: 30px;
  float: left;
  background: url(/file/image/common/top/b_mail.gif) no-repeat 30px 0;
}


#bannerList li#bannerPalT {
  padding-left: 50px;
  float: left;
  background: url(/file/image/common/top/b_pal.gif) no-repeat 50px 0;
}


#bannerList li#bannerMansionT {
  padding-left: 50px;
  float: left;
  background: url(/file/image/common/top/b_mansion.gif) no-repeat 50px 0;
}

#bannerList li#bannerSumaiT {
  padding-left: 30px;
  float: left;
  background: url(/file/image/common/top/b_sumyclub.gif) no-repeat 30px 0;
}


/* サブポータル　エリア別マンションBLOG情報 -広域- */

/*  シティタワー福島  */
#areaMenu li#areaOther1,
#areaMenu li#areaOther1 a:link,
#areaMenu li#areaOther1 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_fukushima.gif) no-repeat 0 0;
}

#areaMenu li#areaOther1 a:hover,
#areaMenu li#areaOther1 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}

/*  シティハウス金沢犀川  */
#areaMenu li#areaOther2,
#areaMenu li#areaOther2 a:link,
#areaMenu li#areaOther2 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_kanazawa.gif) no-repeat 0 0;
}

#areaMenu li#areaOther2 a:hover,
#areaMenu li#areaOther2 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}

/*  シティハウス富山西町  */
#areaMenu li#areaOther3,
#areaMenu li#areaOther3 a:link,
#areaMenu li#areaOther3 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_toyama.gif) no-repeat 0 0;
}

#areaMenu li#areaOther3 a:hover,
#areaMenu li#areaOther3 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}

/*  シティハウス川端町  */
#areaMenu li#areaOther4,
#areaMenu li#areaOther4 a:link,
#areaMenu li#areaOther4 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_kawabatacho.gif) no-repeat 0 0;
}

#areaMenu li#areaOther4 a:hover,
#areaMenu li#areaOther4 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}

/*  シティタワー新潟  */
#areaMenu li#areaOther5,
#areaMenu li#areaOther5 a:link,
#areaMenu li#areaOther5 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_niigata.gif) no-repeat 0 0;
}

#areaMenu li#areaOther5 a:hover,
#areaMenu li#areaOther5 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}

/*  シティタワー高知  */
#areaMenu li#areaOther6,
#areaMenu li#areaOther6 a:link,
#areaMenu li#areaOther6 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_kochi.gif) no-repeat 0 0;
}

#areaMenu li#areaOther6 a:hover,
#areaMenu li#areaOther6 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}

/*  シティタワー松山西堀端  */
#areaMenu li#areaOther7,
#areaMenu li#areaOther7 a:link,
#areaMenu li#areaOther7 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_matsuyama.gif) no-repeat 0 0;
}

#areaMenu li#areaOther7 a:hover,
#areaMenu li#areaOther7 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}

/*  シティハウス海老園マリーナコート  */
#areaMenu li#areaOther8,
#areaMenu li#areaOther8 a:link,
#areaMenu li#areaOther8 a:visited {
  width: 260px;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
  background: url(/file/image/common/area/menu_o_ebien.gif) no-repeat 0 0;
}

#areaMenu li#areaOther8 a:hover,
#areaMenu li#areaOther8 a:active {
  background-repeat: no-repeat;
  background-position: 0 -24px;
}


/* サブポータル　サイドバー　バナー欄 */

#bannerSumai {
  padding: 0 0 10px 13px;
  text-align: left;
  background: url(/file/image/common/area/banner_sumyclub.gif) no-repeat 13px 0;
}

#bannerSumai a {
  width: 234px;
  height: 60px;
  display: block;
  text-indent: -9999px;
}

#bannerPal {
  padding: 0 0 10px 13px;
  text-align: left;
  background: url(/file/image/common/area/banner_pal.gif) no-repeat 13px 0;
}

#bannerPal a {
  width: 234px;
  height: 60px;
  display: block;
  text-indent: -9999px;
}

#bannerMansion {
  padding: 0 0 20px 13px;
  text-align: left;
  background: url(/file/image/common/area/banner_mansion.gif) no-repeat 13px 0;
}

#bannerMansion a {
  width: 234px;
  height: 60px;
  display: block;
  text-indent: -9999px;
}
