@charset "euc-jp";

/*-------------------------------------------------
　共通
-------------------------------------------------*/
img               { border-style: none; }

#contents         { width: 750px; margin: 0px auto; }
p                 { margin: 1em; }
p.title           { margin: 0px; padding: 0.5em; }
.button           { padding-left: 2em; padding-right: 2em; margin: 1em; }
.mypage_menu      { margin: 0.5em; }
.mypage_menu span { margin: 0.5em; }

.bukken_navi4     { padding-top: 5px; padding-left:10px; border-top:1px dotted #000099; border-left-width:1px; border-right-width:1px; border-top-width:1px}
.bukken_navi5     { text-align: right; padding-top: 5px; padding-right:10px; border-top:1px dotted #000099; border-left-width:1px; border-right-width:1px; border-top-width:1px}


div.box           { margin: 1em auto; width: 100%; border: 1px solid #000099; }
div.box h3        { font-size: 12px; margin: 0px; padding: 0.5em; border-bottom: 1px solid #000099; background-color: #000099; color: #FFFFFF; text-align: left; }

div.notice_box    { background-color: #F0F0FF; border: solid 1px #000099; width: 90%; margin: 1em auto; padding: 1em }

.theme_color_fg_dark      { color: #000099; }
.theme_color_fg_light     { color: #F0F0FF; }
.theme_color_bg_dark      { background-color: #000099; color: #FFFFFF; }
.theme_color_bg_light     { background-color: #F0F0FF; }
.theme_color_border_dark  { border: solid 1px #000099; }
.theme_color_border_light { border: solid 1px #F0F0FF; }

table.box { border-collapse: collapse; margin: 0px auto; width: 750px; border: 1px solid #000099; }
table.box th { font-size: 12px; border: 1px solid #000099; padding: 0.5em; }
table.box td { border: 1px solid #000099; padding: 0.5em; }
table.box th.title { text-align: left; padding: 0.5em; background-color: #000099; color: #FFFFFF; }
table.no_grid th { border-style: none; }
table.no_grid td { border-style: none; }

table.box th h3 { margin: 0.5em; padding: 0px; }

/* 表 */
table.data_sheet td { padding: 2px; }
table.data_sheet th { padding: 2px; }

/* 物件一覧 検索条件 */
table.box_light { border-collapse: collapse; }
table.box_light th { padding: 0.5em; border: 1px solid #000099; background-color: #F0F0FF; }
table.box_light td { padding: 0.5em; border: 1px solid #000099; }

/* 物件一覧 詳細 */
table.box_small { border-collapse: collapse; border: 1px solid #000099; }
table.box_small th {  text-align: left; padding: 0.2em; border: 1px solid #000099; background-color: #F0F0FF;  }
table.box_small td { padding: 0.2em; border: 1px solid #000099; }
table.box_small th.goukei { text-align: center; border-top:3px double #000099; border-left-width:1px; border-right-width:1px; border-bottom-width:1px }
table.box_small td.goukei { background-color: #F0F0FF; text-align: center; border-top:3px double #000099; border-left-width:1px; border-right-width:1px; border-bottom-width:1px }

/* カレンダー */
#dropin_calendar { border-collapse: collapse; border: 1px solid #000099; margin-left: 4em; }
#dropin_calendar table th { margin: 2px; padding: 2px; border-style: none; }
#dropin_calendar table td { margin: 2px; padding: 2px; border-style: none; }

/* ----- */

body              { margin-top: 2px; margin-bottom: 2px;
                    text-align:center;
                    font-size:13px;
                    color: #666666;
                    font-family: "ＭＳ Ｐゴシック";
                    }

td,th             { font-size: 12px; line-height: 150%; color: #666666; }

form         { margin: 0}

.b                { font-weight:bold}

a                 { color: #2C2CAF; }
a:hover           { color: #FF0000; }
a:visited         { color: #000088; }

.red              { color: #FF0000; font-weight:bold; }

.redbig           { font-size: 16px; color:#FF0000; font-weight:bold}

.a_right          { text-align: right;}

.a_rightsp        { text-align: right; padding-right: 17px}

.a_rightsp02      { text-align: right; padding-right: 3px; letter-spacing:1pt}

.a_center         { text-align: center;}

.space_tbl       { padding-left:17px; padding-top:5px; padding-bottom:5px;}

.space_tbl_02        { padding-left:10px; padding-top:2px; padding-bottom:2px;}

.space_tbl_03      { padding-left:3px}

.icon img           { margin-left: 5px; }

.mansion          { padding-left: 20px; padding-right: 20px; font-size: 16px; font-weight: bold; line-height:120%; padding-top:2px; padding-bottom:1px}

/*-------------------------------------------------
　テーマ４ 青　フラット
-------------------------------------------------*/

/*共通*/

.cell_l_01        { border-left: 1px solid #000099; border-top-width: 1px; border-bottom: 1px solid #000099; padding-left:17px; padding-top:5px; padding-bottom:5px; background-color:#F0F0FF}

.cell_r_01        { border-right:1px solid #000099; border-left:1px solid #000099; border-top-width: 1px; border-bottom: 1px solid #000099; padding-left:17px; padding-top:5px; padding-bottom:5px;}

.cell_l_02     { border-left: 1px solid #000099; border-top-width: 1px; border-bottom: 1px solid #000099; padding-left:17px; padding-top:5px; padding-bottom:5px;}

.cell_r_02     { border-right:1px solid #000099; border-left:1px solid #000099; border-top-width: 1px; border-bottom: 1px solid #000099; padding-left:17px; padding-top:5px; padding-bottom:5px; background-color:#F0F0FF}

.attention     { color: #FF0000; text-align: center}

/*都道府県選択*/

.cell_r_03     { border-right:1px solid #000099; border-left:1px solid #000099; border-top-width: 1px; border-bottom: 1px solid #000099; padding-left:17px; padding-top:10px; padding-bottom:10px;letter-spacing:1pt; line-height:200%}

/*物件一覧*/

.trline td    { padding-left:17px; padding-top:2px; padding-bottom:2px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #000099;}

.line_lr_01          { border-left: 1px solid #000099; border-right: 1px solid #000099; border-top-width: 1px; border-bottom-width: 1px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top:5px}

.search        { border-left:1px solid #000099; border-right:1px solid #000099; border-bottom:1px solid #000099; text-align: center; border-top-width:1px; padding-top:3px; padding-bottom:3px}

.line_lr_02          { border-bottom:1px dotted #000099; border-left:1px solid #000099; border-right:1px solid #000099; border-top-width: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top:5px}

.mansion_name    { background-image: url('images/bar06.gif'); background-repeat: no-repeat; background-attachment: scroll}

.line_tblr_01 td      { border: 1px solid #000099; padding-top:2px; padding-bottom:1px; padding-left:3px}

.a_center_01         { text-align: center; background-color:#F0F0FF}

/*グーグルマップ（各テーマ共通）*/

.map_01          { font-size: 11px; text-align: center}

.mapred          { text-align:center; color:#ACACAC}

.mapblue         { text-align:center}

.mapred table    { border: 1px solid #FF0000;}

.mapblue table   { border: 1px solid #0000FF;}

.mapfontred      { color: #FF0000; font-weight:bold}

/*グーグルマップ（各テーマごと）*/

.mapctrl01    { border-left: 1px solid #000099; border-right: 1px solid #000099; border-top-width: 1px; text-align:center}

.mapctrl02    { border-left: 1px solid #000099; border-right: 1px solid #000099; border-top-width: 1px; border-bottom: 1px solid #000099; }


/*物件詳細*/

.tel             { color: #FF0000; font-size: 18px; font-family: Verdana; font-weight: bold}

.line_tlr td     { text-align: center; border-left: 1px solid #000099;
               border-right: 1px solid #000099; border-top: 1px solid #000099;
               border-bottom-width: 1px}

.bg_right        { background-color:#F0F0FF; padding-left:3px}

.line_tblr_02 td      { border: 1px solid #000099;}

/* Ethna */
span.ethna-error { color: #ff0000; }

/* WEB 予約 */
div.web_booking_outline { margin: 0px auto; padding: 0px; width: 820px; /* border: 1px solid red; */ }
div.web_booking_step { text-align: center; margin-bottom: 1em; }
div.web_booking_step div { float: left; text-align: left; border: 1px solid #000099; margin: 4px; padding: 0.5em; background-color: #F0F0FF; }
div.web_booking_step div.current { border-bottom-width: 2px; border-right-width: 2px; font-weight: bold; }
div.web_booking_mansion_info { float: left; margin: 0px; padding: 0.5em; width: 222px; /* border: 1px solid blue; */ }
div.web_booking_main { float: left; margin: 0px; padding: 1em; width: 540px; /* border: 1px solid blue; */ }
div.web_booking_main h3 { text-align: left; padding-left: 1em; }
div.web_booking_buttons { width: 100%; clear: both; text-align: center; }
input.web_booking_back_button { padding-left: 2em; padding-right: 2em; margin-left: 2em; margin-right: 2em; }
input.web_booking_next_button { padding-left: 2em; padding-right: 2em; margin-left: 2em; margin-right: 2em; }
table.web_booking_mansion_info { border: 1px solid #000099; }
div.web_booking_outline table.data_sheet th { text-align: left; padding: 2px; }
div.web_booking_outline table.data_sheet td { text-align: left; padding: 2px; }
div.web_booking_outline .caption { border: 1px solid #000099; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; background-color: #F0F0FF; }