﻿@charset "UTF-8";

/* テンプレートの不具合調整 */
#wrapper { width:948px; } 
#contents { padding:15px 14px; }

/* 汎用 */
br.clear { clear:both; }
.w70 { width:70px!important; }
.w90 { width:90px!important; }
.w132 { width:132px!important; }
.w150 { width:150px!important; }
.w162 { width:162px!important; }
.w166 { width:166px!important; }
.w174 { width:174px!important; }
.w196 { width:196px!important; }
.w200 { width:200px!important; }
.FR { float:right!important; margin-left:20px; margin-bottom:20px; margin-top:5px; }
.FRNM { float:right!important;}
.FL { float:left!important; margin-right:20px; margin-bottom:20px; }
.FLNM { float:left!important; }
.marginT10 { margin-top:10px;}
.marginB10 { margin-bottom:10px; }

/* clearfix */
#contentsArea .navi,
#contentsArea .columnContainer,
.topic dd,
.basicText dd,
.mimiyoriArea dd,
.clearfix { position:relative;/* for DW */ }
#contentsArea .navi:after,
#contentsArea .columnContainer:after,
.topic dd:after,
.basicText dd:after,
.mimiyoriArea dd:after,
.clearfix:after { clear:both; height:0; visibility:hidden; display:block; content:"."; }

/* ヘッダー部分 */
#rosenSelector { margin-bottom:40px; background:url(../img/bg_rosen_title.gif) no-repeat left top; width:920px; height:133px; position:relative; }
#rosenSelector .title { padding:8px 10px; }
#rosenSelector .backToAreaSelect { position:absolute; left:794px; top:12px; }
#rosenSelector .subTitle { position:absolute; left:437px; top:46px; }
#rosenSelector .navi { position:absolute; left:530px; top:32px; }
#rosenSelector .navi li { position:absolute; }
#rosenSelector .navi .navi01 { left:0; top:4px; }
#rosenSelector .navi .navi02 { left:79px; top:2px; }
#rosenSelector .navi .navi03 { left:183px; top:0; }
#rosenSelector .navi .navi04 { left:260px; top:0; }
#rosenSelector .navi .navi05 { left:5px; top:37px; }
#rosenSelector .navi .navi06 { left:103px; top:36px; }
#rosenSelector .navi .navi07 { left:250px; top:36px; }

/* コンテンツ部分 */
#contentsArea {}
#contentsArea .navi { width:920px; margin-left:46px; }
#contentsArea .navi li { float:left; }
#contentsArea .navi .navi01 {}
#contentsArea .navi .navi02 { margin-left:113px; }
#contentsArea .navi .navi03 { margin-left:5px; }
#contentsArea .navi .navi04 { margin-left:5px; }
#contentsArea .navi .navi05 { margin-left:5px; }
#contentsArea .navi .navi06 { margin-left:5px; }
#contentsInner { background:url(../../img/bg_content_bottom.gif) no-repeat left bottom; padding-bottom:20px; }
#contentsInner2 { background:url(../../img/bg_content.gif) no-repeat left top; padding-left:2px; padding-top:20px; }
#contentsInner3 { background:url(../../img/bg_side_hole.gif) repeat-y left top; padding-left:52px; padding-bottom:182px; }
#contentsArea .title { margin-bottom:15px; }

/* 路線図（Flash部分） */
.rosenzu { margin-bottom:20px; }

/* コンテナ */
.columnContainer { width:831px; }
.mainColumn { width:521px; float:left; }
.subColumn { width:309px; float:right; }

/* どんな路線？ページ トピックス */
.topicArea { margin-bottom:30px; }
.topic { margin-bottom:20px; }
.topic dd { width:503px; margin-left:18px; margin-top:6px; }
.topic .thumb { float:left; margin-right:12px; }
.topic .caption { float:left; width:370px; font-size:14px; line-height:170%; background:url(../../img/bg_border_line.gif) no-repeat 0 20px; }

/* どんな路線？ページ インデックス */
.indexArea li { margin-bottom:10px; }

/* 住んでいる人の声 */
.voiceArea { margin-bottom:30px; }
.voiceArea h2 { margin-bottom:5px; }
.voiceArea .voice { background:url(../../img/bg_balloon_a_bottom.gif) no-repeat left bottom; margin-bottom:10px; }
.voiceArea .voice p { padding:10px 5px 10px 102px; min-height:68px; _height:68px; background:url(../../img/bg_balloon01.gif) no-repeat left top; }

/*住んでいる人　キャラクター*/
.voiceArea .voice p.case01 { background:url(../../img/bg_balloon01a.gif) no-repeat left top; }
.voiceArea .voice p.case02 { background:url(../../img/bg_balloon02a.gif) no-repeat left top; }
.voiceArea .voice p.case03 { background:url(../../img/bg_balloon03a.gif) no-repeat left top; }
.voiceArea .voice p.case04 { background:url(../../img/bg_balloon04a.gif) no-repeat left top; }
.voiceArea .voice p.case05 { background:url(../../img/bg_balloon05a.gif) no-repeat left top; }
.voiceArea .voice p.case06 { background:url(../../img/bg_balloon06a.gif) no-repeat left top; }
.voiceArea .voice p.case07 { background:url(../../img/bg_balloon07a.gif) no-repeat left top; }
.voiceArea .voice p.case08 { background:url(../../img/bg_balloon08a.gif) no-repeat left top; }
.voiceArea .voice p.case09 { background:url(../../img/bg_balloon09a.gif) no-repeat left top; }
.voiceArea .voice p.case10 { background:url(../../img/bg_balloon10a.gif) no-repeat left top; }
.voiceArea .voice p.case11 { background:url(../../img/bg_balloon11a.gif) no-repeat left top; }
.voiceArea .voice p.case12 { background:url(../../img/bg_balloon12a.gif) no-repeat left top; }
.voiceArea .voice p.case13 { background:url(../../img/bg_balloon13a.gif) no-repeat left top; }
.voiceArea .voice p.case14 { background:url(../../img/bg_balloon14a.gif) no-repeat left top; }

.mainColumn .voiceArea { margin-bottom:30px; }
.mainColumn .voiceArea h2 { margin-bottom:5px; }
.mainColumn .voiceArea .voice { background:url(../../img/bg_balloon_b_bottom.gif) no-repeat left bottom; margin-bottom:10px; }
.mainColumn .voiceArea .voice p { padding:10px 50px 10px 110px; min-height:64px; _height:64px; }

/*住んでいる人　キャラクター*/
.mainColumn .voiceArea .voice p.case01 { background:url(../../img/bg_balloon01b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case02 { background:url(../../img/bg_balloon02b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case03 { background:url(../../img/bg_balloon03b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case04 { background:url(../../img/bg_balloon04b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case05 { background:url(../../img/bg_balloon05b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case06 { background:url(../../img/bg_balloon06b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case07 { background:url(../../img/bg_balloon07b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case08 { background:url(../../img/bg_balloon08b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case09 { background:url(../../img/bg_balloon09b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case10 { background:url(../../img/bg_balloon10b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case11 { background:url(../../img/bg_balloon11b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case12 { background:url(../../img/bg_balloon12b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case13 { background:url(../../img/bg_balloon13b.gif) no-repeat left top; }
.mainColumn .voiceArea .voice p.case14 { background:url(../../img/bg_balloon14b.gif) no-repeat left top; }


/* 検索ボックス */
.searchArea { margin-left:29px; width:280px; }
.favorite { text-align:center; margin-bottom:15px; }
.searchBox { border:2px solid #3D9973; background-color:#FDFFF4; padding:10px; }
.searchBox .caseButton { text-align:center; margin-bottom:10px; }
.searchBox .formParts { margin-bottom:10px; }
#searchCaseRent {}
#searchCaseBuy { display:none; }
.searchBox .submit { text-align:center; margin-top:10px; }

/* コラム（赤枠部分） */
.columnArea { margin-left:29px; background:url(../../img/bg_column_bottom.gif) no-repeat left bottom; margin-bottom:20px; width:280px; }
.columnArea .inner { background:url(../../img/bg_column.gif) no-repeat left top; }
.columnArea h2 { border-bottom:2px solid #a52020; padding:5px 10px; margin-bottom:8px; }
.columnArea .textBox { padding:0 10px 10px; }
.columnArea .textBox p { line-height:180%; }

/* ポイント */
.pointArea { margin-bottom:20px; }
.pointArea dl { background:url(../../img/bg_point.gif) no-repeat left top; padding-left:50px; margin-bottom:10px; }
.pointArea dt { margin-bottom:10px; }
.pointArea dd { font-size:14px; }

/* 標準テキストボックス */
.basicTextArea { margin-bottom:20px; }
.basicTextArea h2 { margin-bottom:18px; }
.basicText { margin-bottom:10px; }
.basicText dt { color:#589595; font-weight:bold; font-size:16px; border-left:5px solid #589595; background:url(../../img/bg_dot.gif) repeat-x left bottom; padding:2px 5px; margin-bottom:8px; }
.basicText dd { width:521px; }
.basicText dd .thumb {}
.basicText dd .caption { font-size:10px; }
.basicText dd p { font-size:14px; line-height:170%; }

/* 耳寄り情報 */
.mimiyoriArea { padding-bottom:10px; background:url(../../img/bg_mimiyori_bottom.gif) no-repeat left bottom; }
.mimiyoriArea .inner { _height:128px; min-height:138px; background:url(../../img/bg_mimiyori.gif) no-repeat left top; padding:29px 18px 10px; }
.mimiyoriArea h2 { margin-bottom:14px; }
.mimiyoriArea .caption { font-size:10px; }
.mimiyoriArea p { font-size:14px; line-height:170%; }

/* data */
.dataArea { position:relative; margin-left:29px; width:280px; background:url(../../img/bg_data_bottom.gif) no-repeat left bottom; margin-bottom:20px; }
.dataArea .inner { background:url(../../img/bg_data.gif) no-repeat left top; padding:20px 8px; }
.dataArea h2 { margin-bottom:5px; }
.dataArea h3 { margin-bottom:5px; }
.dataArea .data { width:264px; background:url(../../img/bg_dot2.gif) repeat-x left bottom; padding-bottom:8px; margin-bottom:8px; }
.dataArea .last { background:none; padding-bottom:0px;  }
.dataArea .hint { position:absolute; right:10px; top:22px; }
.dataArea .rollover { cursor:pointer; }

/* 相場ページ路線図 */
.sobaIchiranArea { width:831px; background:url(../../img/bg_content06_soba06.gif) no-repeat left bottom; margin-bottom:30px;}
.sobaIchiranArea .inner { width:831px; background:url(../../img/bg_content06_soba05.gif) no-repeat left top;}
.sobaIchiranArea .title { width:831px; background:url(../../img/bg_content06_soba04.gif) no-repeat left top; margin-bottom:10px; padding-bottom:20px;}

.sobaIchiranArea .leftArea { width:97px; padding-left:11px; padding-bottom:10px;}

/*.sobaIchiranArea .rightArea { width:702px; padding-bottom:10px;}*/
/*.sobaIchiranArea .rightArea ul { width:702px; line-height:100%;}*/
.sobaIchiranArea .rightArea li { width:34px; float:left; font-weight:bold; font-size:14px; }
.sobaIchiranArea .yachinArea li { background:url(../../img/img_content06_soba01.gif) no-repeat left bottom; padding:2px 0 0 2px; border-top:#589595 1px solid; _height:40px; min-height:40px; margin-bottom:20px; margin-right:5px}
.sobaIchiranArea .kounyuArea li { background:url(../../img/img_content06_soba02.gif) no-repeat left bottom; padding:2px 0 0 2px; border-top:#a86c77 1px solid; _height:40px; min-height:40px; margin-right:5px }

/*.sobaIchiranArea .stationArea { width:702px;}*/
.sobaIchiranArea .stationArea li { width:36px; background:url(../../img/bg_content06_soba02.gif) no-repeat left top; padding-top:20px; padding-right:5px}
.sobaIchiranArea .stationArea li img { margin-left:10px;}
.sobaIchiranArea .stationArea li.start { background:url(../../img/bg_content06_soba01.gif) no-repeat left top; padding-top:20px;}
.sobaIchiranArea .stationArea li.last { background:url(../../img/bg_content06_soba03.gif) no-repeat left top; padding-top:20px;}


/* ページ先頭へ */
#contentsArea .pagetop { margin:10px 0 0; width:831px; }
