@charset "utf-8";

/*
 * HTML
 */
html {
    -webkit-text-size-adjust: none;
    overflow: scroll
}

/*
 * Body
 */
body {
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
    color: #222222;
    background-color: #FFFFFF;
    line-height: 1.2;
}

/*
 * 汎用ClearFix
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a,section {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

input[type="checkbox"] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

/*
 * フロート
 */
.fleft{
    float: left;
}
.fright{
    float: right;
}

/*
 * フロート解除
 */
.clear{
    clear: both;
}

/*
 * 文字サイズ
 */
.font-s{
  font-size: 10px;
}
.font-m{
  font-size: 15px;
}

/*
 * 中央配置 
 */
 .align-center{
   text-align: center;
 }

/* ----------------------------------------------------------------------*/
/* コンテンツ                                                            */
/* ----------------------------------------------------------------------*/
/*
 * 行間有り文言
 */
p.margin {
    line-height: 1.5;
}
.section-margin{
    margin: 10px;
}
.section-padding{
    padding: 10px;
}
ul.section-list{
    margin-left: 20px;  
}

/*
 * 赤色文字（注意書き等）
 */
.attention{
    color: #ff0000;
}
/*
 * 赤紫文字（強調等）
 */
.col-em{
    color: #FF0066;
}
/*
 * グレー領域（注意書き等）
 */

.gray-attention-section{
  background: #fafafa;
  padding: 10px;
}

.pwerr{
  background: #FFE1ED;
}

/*
 * ディスク、通し番号つきリスト
 */
ul.attention-ul{
  margin-left: 20px;
}
ol.attention-ol{
  margin-left: 20px;
}

/*
 * 静的ページ用コンテンツ
 */
section.contact-contents {
    padding: 0 10px;
    line-height: 1.5;
}

/* ----------------------------------------------------------------------*/
/* 共通ヘッダー                                                          */
/* ----------------------------------------------------------------------*/
/*
 * 共通ヘッダー - ベース
 */
header {
    border-top: 10px solid #009CBF;
}

/*
 * 共通ヘッダー - 画面
 */
header div.header-image {
    width: 46%;
    float: left;
    margin: 10px 2% 0 2%;
    display: table-cell;
    vertical-align: middle;
}

header div.header-image img {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

/*
 * 共通ヘッダー - テキストエリア
 */
header div.header-topic {
    width: 46%;
    float: left;
    margin: 5px 0 0 0;
    padding: 0 2%;
    text-align: center;
    line-height: 17px;
}

/*
 * 共通ヘッダー - テキスト
 */
header span.header-txt {
    color: #009CBF;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0;
}

/*
 * 共通ヘッダー - 楕円テキスト
 */
header ul.ellipse-grp {
    width: 100%;
    margin: 0 auto;
}

header ul.ellipse-grp li {
    list-style-type: none;
    width: 55px;
    background-color: #009CBF;
    border-radius: 8px;
    font-size: 10px;
    color: #FFFFFF;
    padding: 2px 6px;
    margin: 2px 2px;
    float: left;
    font-weight: 700;
}

header div.header-message {
    clear: both;
    color: #009CBF;
    font-size: 12px;
    padding: 5px;
}

/*
 * 共通ヘッダー - ユーザー登録ボタン等
 */
.header-buttons-wrap{
   background-color: #fafafa;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.header-buttons {
   display: table;
   margin: 0;
   float: right;
}
.header-buttons div{
   float: left;
}

.btn-to-mypage, .btn-logout{
  float: left;
}
/*
 * 共通ヘッダーリンクボタン極小 - 共通
 */
div.headbtn {
    width: 70px;
    height: 30px;
    margin: 10px 5px;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    border: 1px solid #6F7071;
    text-shadow: 0px -1px 0px #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AEAEAE), to(#797979));
    background: linear-gradient(#AEAEAE, #797979);
}

/*
 * 共通ヘッダーリンクボタン極小・リンク部 - 共通
 */
div.headbtn a {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}
div#shmenu {
  display: block;
  height: 55px;
}

/* SubHeaders */
div#shmenu div.headbtn {
    display:none;
}

/* ----------------------------------------------------------------------*/
/*  共通フッター                                                         */
/* ----------------------------------------------------------------------*/
footer {
    clear: both;
}

footer .information {
    text-align: center;
    color: #009CBF;
    border-bottom: 5px solid #009CBF;
    padding: 10px 0;
}

footer .copyright {
    margin: 5px 0 10px 0;
    text-align: center;
    font-size: 9px;
}

footer .copyright span.cryear:after {
    content: "2004--2018";
}

/* ----------------------------------------------------------------------*/
/*  サブフッター                                                         */
/* ----------------------------------------------------------------------*/
div.subfooter {
    background-color: #E8E8E8;
}

/* ----------------------------------------------------------------------*/
/*  パンくずリスト                                                       */
/* ----------------------------------------------------------------------*/
/*
 * パンくず - エリア
 */
div#breadcrumbs-base {
    position: relative;
    height: 50px;
    border: 1px solid #8B8B8B;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F4F4), to(#A7A9A9));
    background: linear-gradient(#F2F4F4, #A7A9A9);
}

/*
 * パンくず - 本体
 */
nav#breadcrumbs {
    width: 100%;
    height: 52px;
    position: absolute;
    top: -1px;
    right: 0;
    list-style: none;
    margin: 0;
    overflow: scroll;
}

/*
 * パンくずアイテム - エリア
 */
nav#breadcrumbs div {
    width: 3000px;
    font-size: 12px;
    font-weight: bold;
}

/*
 * パンくずアイテム - リンク
 */
nav#breadcrumbs div a {
    display: block;
    text-decoration: none;
    float: left;
    position: relative;
    height: 50px;
    line-height: 50px;
    margin: 0 -22px 0 0;
    padding: 0 22px 0 27px;
    -moz-border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 100px 0;
    border-radius: 0 25px 25px 0;
    border: 1px solid #8B8B8B;
    border-right: 2px solid #8B8B8B;
    border-left: none;
}

/*
 * パンくずアイテム - リンク（履歴）
 */
nav#breadcrumbs div a.history {
    color: #8B8B8B;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F4F4), to(#A7A9A9));
    background: linear-gradient(#F2F4F4, #A7A9A9);
}

/*
 * パンくずアイテム - リンク（現ページ）
 */
nav#breadcrumbs div a.current {
    color: #222;
    background-color: #F6F6F6;
}

/*
 * パンくずアイテム - リンク（押下時）
 */
nav#breadcrumbs div a:active {
    color: #222;
    background-image: none;
    background: none;
    background-color: #F6F6F6;
}

/*
 * 要素を左から覆い被せるための設定
 */
/*
 * パンくずアイテム - リンク（1番目）
 */
nav#breadcrumbs div a:nth-child(1) {
    z-index: 10;
    padding: 0 22px 0 10px;
}

/*
 * パンくずアイテム - リンク（2番目）
 */
nav#breadcrumbs div a:nth-child(2) {
    z-index: 9;
}

/*
 * パンくずアイテム - リンク（3番目）
 */
nav#breadcrumbs div a:nth-child(3) {
    z-index: 8;
}

/*
 * パンくずアイテム - リンク（4番目）
 */
nav#breadcrumbs div a:nth-child(4) {
    z-index: 7;
}

/*
 * パンくずアイテム - リンク（5番目）
 */
nav#breadcrumbs div a:nth-child(5) {
    z-index: 6;
}

/*
 * パンくずアイテム - リンク（6番目）
 */
nav#breadcrumbs div a:nth-child(6) {
    z-index: 5;
}

/*
 * パンくずアイテム - リンク（7番目）
 */
nav#breadcrumbs div a:last-child {
    border-right: none;
    border-radius: 0;
}

/* ----------------------------------------------------------------------*/
/*  PCサイトマーク                                                     */
/* ----------------------------------------------------------------------*/
div.to-pc {
    text-align: center;
    margin: 10px auto;
}

/* PCサイトマーク */
a.pc-site:after {
    content: "";
    display: inline-block;
    background: url("/chintai/sp/image/share/icon_topc.png") 100% 0 no-repeat;
    background-size: 20px 17px;
    padding-right: 22px;
    padding-bottom: 18px;
    vertical-align: top;
}

/* PCマーク小 */
a.pc-site-small:after {
    content: "";
    display: inline-block;
    background: url("/chintai/sp/image/share/icon_topc.png") 100% 0 no-repeat;
    background-size: 17px 14px;
    padding-right: 19px;
    padding-bottom: 14px;
    vertical-align: top;
}

/* PCマーク極小 */
a.pc-site-x-small:after {
    content: "";
    display: inline-block;
    background: url("/chintai/sp/image/share/icon_topc.png") 100% 0 no-repeat;
    background-size: 13px 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    vertical-align: top;
}

/* PCマーク・ボタン用 */
a.pc-site-btn {
    padding: 2px;
}
a.pc-site-btn:after {
    content: "";
    position: relative;
    top: 1px;
    background: url("/chintai/sp/image/share/icon_topc.png") 100% 0 no-repeat;
    background-size: 24px 18px;
    padding-right: 28px;
    vertical-align: top;
}

/* ----------------------------------------------------------------------*/
/*  見出しタイトル                                                       */
/* ----------------------------------------------------------------------*/
/*
 * 見出しタイトル - ベース
 */
h3 {
    clear: both;
    display: block;
    height: 30px;
    line-height: 32px;
    font-size: 13px;
    color: #FFFFFF;
    margin: 0;
}

/*
 * ワイド見出しタイトル - ベース
 */
h3.wide {
    clear: both;
    display: block;
    height: 50px;
    line-height: 52px;
    font-size: 17px;
    color: #FFFFFF;
    margin: 0;
}

/*
 * ワイド見出しタイトル - 通常（シアン）
 */
h3.wide-cyan {
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    background: url("/chintai/sp/image/share/icon_title_wide.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55C9CD), to(#31ACBC));
    background: url("/chintai/sp/image/share/icon_title_wide.png"), linear-gradient(#55C9CD, #31ACBC);
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 8px 13px, 0;
    background-size: 3px 26px, auto
}

/*
 * 見出しタイトル - 検索（青）
 */
h3.search {
    border-bottom: 1px solid #914F6D;
    background: url("/chintai/sp/image/share/icon_search.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D3A9F), to(#392B75));
    background: url("/chintai/sp/image/share/icon_search.png"), linear-gradient(#4D3A9F, #392B75);
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 4px 5px, 0;
    background-size: 20px 20px, auto;
}

/*
 * 見出しタイトル - 地域から探す（青）
 */
h3.area {
    border-bottom: 1px solid #914F6D;
    background: url("/chintai/sp/image/share/icon_map.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D3A9F), to(#392B75));
    background: url("/chintai/sp/image/share/icon_map.png"), linear-gradient(#4D3A9F, #392B75);
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 2px 3px, 0;
    background-size: 26px 26px, auto;
}

/*
 * 見出しタイトル - 新着情報（黄色）
 */
h3.news {
    border-bottom: 1px solid #CDBBA8;
    background: url("/chintai/sp/image/share/icon_info.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCAA4F), to(#ED9533));
    background: url("/chintai/sp/image/share/icon_info.png"), linear-gradient(#FCAA4F, #ED9533);
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 2px 2px, 0;
    background-size: 26px 26px, auto;
}

/*
 * 見出しタイトル - 特集（黄色）
 */
h3.topic {
    border-bottom: 1px solid #CDBBA8;
    background: url("/chintai/sp/image/share/icon_check.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCAA4F), to(#ED9533));
    background: url("/chintai/sp/image/share/icon_check.png"), linear-gradient(#FCAA4F, #ED9533);
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 2px 2px, 0;
    background-size: 26px 26px, auto;
}

/*
 * 見出しタイトル - フッター（紫）
 */
h3.info {
    border-bottom: 1px solid #914F6D;
    background: url("/chintai/sp/image/share/icon_home.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8D3466), to(#700133));
    background: url("/chintai/sp/image/share/icon_home.png"), linear-gradient(#8D3466, #700133);
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 2px 2px, 0;
    background-size: 26px 26px, auto;
}

/*
 * 見出しタイトルテキスト - 通常
 */
h3 span {
    padding: 0 0 0 15px;
}

/*
 * サブ見出しタイトル - ベース
 */
h4 {
    clear: both;
    display: block;
    height: 30px;
    line-height: 32px;
    font-size: 13px;
    color: #FFFFFF;
    margin: 0;
}

/*
 * サブ見出しタイトル - 通常（シアン）
 */
h4.cyan {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    background: url("/chintai/sp/image/share/icon_title.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55C9CD), to(#31ACBC));
    background: url("/chintai/sp/image/share/icon_title.png"), linear-gradient(#55C9CD, #31ACBC);
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 8px 9px, 0;
    background-size: 3px 12px, auto;
}

/*
 * サブ見出しタイトル - 通常（黄色）
 */
h4.yellow {
    border-bottom: 1px solid #CDBBA8;
    background: url("/chintai/sp/image/share/icon_title.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCAA4F), to(#ED9533));
    background: url("/chintai/sp/image/share/icon_title.png"), linear-gradient(#FCAA4F, #ED9533);
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 8px 9px, 0;
    background-size: 3px 12px, auto;
}

/*
 * サブ見出しタイトル - 通常（グレー）
 */
h4.gray {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: url("/chintai/sp/image/share/icon_title_gray.png") #e7e8e8;
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 8px 9px, 0;
    background-size: 3px 12px, auto;
    color: #000000;
}

/*
 * サブ見出しタイトルテキスト - 通常
 */
h4 span {
    padding: 0 0 0 15px;
}

/*
 * 静的ページ用見出し
 */
h3.static-title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 5%;
    background-image: url("/chintai/sp/image/share/ac_right.png");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 25px;
    /*border: 3px solid blue;*/
    -webkit-border-image: url("/chintai/sp/image/share/title_slash.png") 0 0 8 0 /0 0 8px 0 repeat;
    border-image: url("/chintai/sp/image/share/title_slash.png") 8px /0 0 8 0 repeat;
    color: #222222;
}

h3.small{
    font-size: 14px;
}

/* ----------------------------------------------------------------------*/
/*  ブロックリスト（1列）                                                */
/* ----------------------------------------------------------------------*/
/*
 * ブロックリスト - ベース
 */
section.block-list {
    margin: 0;
}

section.block-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
 * ブロックリスト - リスト
 */
section.block-list ul {
    margin: 0;
}

/*
 * ブロックリスト - リストアイテム
 */
section.block-list ul li {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E9E9E9));
    background: linear-gradient(#FFFFFF, #E9E9E9);
    border-bottom: 1px solid #D6D6D6;
    height: 50px;
    margin: 0px;
    display: table;
    width: 100%;
}

section.block-list ul li.title {
    font-size: 16px;
    font-weight: bold;
    background-image: url("/chintai/sp/image/share/arrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 12px 17px, auto;
}

section.block-list ul li.title img {
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 33px;
    height: 33px;
}

section.block-list ul li.title span {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

/*
 * ブロックリスト - リンク
 */
section.block-list ul li a {
    color: #222222;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    margin: 0px;
    padding: 0 50px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    background-image: url("/chintai/sp/image/share/arrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 12px 17px, auto;
}

/*
 * ブロックリスト - リンク（矢印・PCマークなし）
 */
section.block-list ul li a.no-link {
    padding: 6px 8px 6px 8px;
    height: 38px;
	background-image: none;
}

section.block-list ul li a.to-pc {
    background-image: url("/chintai/sp/image/share/arrow.png"), url("/chintai/sp/image/share/icon_topc.png");
    background-repeat: no-repeat;
    background-position: 97% 50%, 92% 50%;
    background-size: 12px 17px, 24px 21px;
}
/*
 * ブロックリスト - リンク（クリック）
 */
section.block-list ul li a:hover {
    /*    background-color: rgba(200,200,200,40);*/
}

/* ----------------------------------------------------------------------*/
/*  ブロックリスト（2列）                                                */
/* ----------------------------------------------------------------------*/
/*
 * ブロックリスト - ベース
 */
section.block-list-2 {
    margin: 0;
}

section.block-list-2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
 * ブロックリスト - リスト
 */
section.block-list-2 ul {
    border-top: 1px solid #ccc;
    margin: 0;
}

/*
 * ブロックリスト - リストアイテム
 */
section.block-list-2 ul li {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E9E9E9));
    background: linear-gradient(#FFFFFF, #E9E9E9);
    border-top: #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    height: 50px;
    margin: 0px;
    display: table;
    width: 50%;
    font-size: 14px;
}

section.block-list-2 ul li a{
    border-right: 1px solid #CBCBCB;
}


section.block-list-2 ul li.title {
    font-size: 16px;
    font-weight: bold;
}

/*
 * ブロックリスト - リストアイテム（奇数）
 */
section.block-list-2 ul li:nth-child(odd) {
    float: left;
}

/*
 * ブロックリスト - リンク
 */
section.block-list-2 ul li a {
    color: #222222;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    margin: 0px;
    padding: 0 20px 0 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    background-image: url("/chintai/sp/image/share/arrow.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 12px 17px, auto;
}

/*
 * ブロックリスト - リンク（クリック）
 */
section.block-list-2 ul li a:hover {
    /*    background-color: rgba(200,200,200,40);*/
}

/* ----------------------------------------------------------------------*/
/* アコーディオンリスト                                                  */
/* ----------------------------------------------------------------------*/
/*
 * ベース
 */
section.acordion-list dl {
    margin: 0;
}
/*
 * アコーディオン本体
 */
section.acordion-list dt.trigger {
    background: url("/chintai/sp/image/share/arrow_bottom.png"), linear-gradient(#55C9CD, #31ACBC);
    background: url("/chintai/sp/image/share/arrow_bottom.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55C9CD), to(#31ACBC));
    border-bottom: 1px solid #3F7177;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 10px;
    background-position: 97% 50%, 0;
    background-repeat: no-repeat;
    background-size: 20px 12px, auto;
}
/*
 * アコーディオン本体 - アクティブ化
 */
section.acordion-list dt.active {
    background: url("/chintai/sp/image/share/arrow_upper.png"), linear-gradient(#55C9CD, #31ACBC);
    background: url("/chintai/sp/image/share/arrow_upper.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55C9CD), to(#31ACBC));
    background-position: 97% 50%, 0;
    background-repeat: no-repeat;
    background-size: 20px 12px, auto;
}

/*
 * アコーディオンコンテンツ
 */
section.acordion-list dd.acordion-tree {
    display: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-top: none;
}

/*
 * アコーディオンコンテンツ（開いた状態で表示）
 */
section.acordion-list dd.acordion-tree-open {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-top: none;
}

/*
 * アコーディオン内リスト
 */
section.acordion-list dd ul {
    margin: 0;
    padding: 0;
}

/*
 * アコーディオン ツリー部ボタン
 */
section.acordion-list dd ul li.graybtn {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E9E9E9));
    background: linear-gradient(#FFFFFF, #E9E9E9);
}

/*
 * アコーディオン内リストエレメント
 */
section.acordion-list dd li {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    border-top: #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}

/*
 * アコーディオン内リストエレメント - チェックボックス
 */
section.acordion-list dd li div.cbx {
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 60px;
    float: left;
    background-color: #F3F3F3;
    border-right: 1px solid #E3E3E3;
}

/*
 * アコーディオン内リストエレメント - ライン
 */
section.acordion-list dd li div.line {
    width: 100%;
    height: 50px;
    float: right;
    margin-left: -61px;
}

section.acordion-list dd li a.line-contents {
    text-decoration: none;
    display: block;
    height: 50px;
    position: relative;
    margin: 0 0 0 61px;
    color: #222222;
    background-image: url("/chintai/sp/image/share/arrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 12px 17px, auto;
}

/* リンク文字 垂直中心寄せ */
section.acordion-list dd li a.line-contents span.middle{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    padding-top: 2px;
}

section.acordion-list dd li a.plain-contents {
    text-decoration: none;
    display: block;
    height: 50px;
    position: relative;
    margin: 0 0 0 10px;
    color: #222222;
    background-image: url("/chintai/sp/image/share/arrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 12px 17px, auto;
}

section.acordion-list dd li a.plain-contents span.middle{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    padding-top: 2px;
}

/*
 * アコーディオン内リストエレメント - アイテム
 */
section.acordion-list dd li span.item {
    display: block;
    height: 50px;
    width: 57%;
    float: left;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-left: 3%;
}

/*
 * アコーディオン内リストエレメント - 付加情報
 */
section.acordion-list dd li span.info {
    display: block;
    width: 27%;
    height: 50px;
    line-height: 50px;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding-right: 13%;
    text-align: right;
    position: relative;
}

/*
 * アコーディオン内ボタン領域
 */
section.acordion-list dd div.buttons {
    height: 65px;
    margin: 0 auto;
    text-align: center;
    background-color: #E8E8E8;
}

/*
 * アコーディオン内テーブル
 */
section.acordion-list dd table {
    font-size: 12px;
    margin: 10px 0;
}

/*
 * アコーディオン内テーブル - ヘッダー
 */
section.acordion-list dd table th {
    width: 30%;
    font-weight: bold;
    padding: 2px 5% 2px 0;
    text-align: right;
}

/*
 * アコーディオン内テーブル - セル
 */
section.acordion-list dd table td {
    width: 65%;
    color: #666666;
    padding: 2px 0;
}

/* ----------------------------------------------------------------------*/
/* ボタン                                                                */
/* ----------------------------------------------------------------------*/
/*
 * ボタン（極小） - 共通
 */
button.btn-min {
    min-width: 80px;
    border-radius: 6px;
    height: 44px;
    line-height: 15px;
	vertical-align:middle;
    text-decoration: none;
    color: #FFFFFF;
    margin: 10px 2px;
    padding: 0 4px;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
}

/*
 * ボタン極小 - ヘッダー用
 */
button.btn-x-small {
    display: table-cell;
    vertical-align: middle;
    min-width: 80px;
    border-radius: 6px;
    height: 30px;
    text-decoration: none;
    color: #FFFFFF;
    margin: 10px 5px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    padding: 0 10px;
}
button.btn-x-small span{
    line-height: 1em;
}

/*
 * ボタン小 - 共通
 */
button.btn-small {
    min-width: 90px;
    border-radius: 6px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    color: #FFFFFF;
    margin: 10px 5px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
}

/*
 * ボタン中 - 共通
 */
button.btn-mid {
    display: table-cell;
    vertical-align: center;
    line-height: 1;
    border-radius: 6px;
    height: 50px;
    text-decoration: none;
    color: #FFFFFF;
    margin: 5px 3px;
    padding: 0 7px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
}

/*
 * ボタン大 - 共通
 */
button.btn-large {
    display: table-cell;
    vertical-align: center;
    line-height: 1;
    border-radius: 6px;
    min-width: 140px;
    height: 50px;
    text-decoration: none;
    color: #FFFFFF;
    margin: 5px 5px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
}

/*
 * ボタン - グレー
 */
button.gray {
    border: 1px solid #6F7071;
    text-shadow: 0px -1px 0px #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AEAEAE), to(#797979));
    background: linear-gradient(#AEAEAE, #797979);
}

/*
 * ボタン - 青
 */
button.blue {
    border: 1px solid #018BDB;
    text-shadow: 0px -1px 0px #666666;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: linear-gradient(#03C0EB, #009CBF);
}

/*
 * ボタン - 橙
 */
button.orange {
    border: 1px solid #CDBBA8;
    text-shadow: 0px -1px 0px #999999;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCAA4F), to(#ED9533));
    background: linear-gradient(#FCAA4F, #ED9533);
}

/*
 * ボタン - ピンク
 */
button.pnk {
    border: 1px solid #CDBBA8;
    text-shadow: 0px -1px 0px #999999;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC570), to(#F0B662));
    background: linear-gradient(#FCAA4F, #ED9533);
}

/* ----------------------------------------------------------------------*/
/* リンクボタン                                                          */
/* ----------------------------------------------------------------------*/
/*
 * リンクボタン小 - 共通
 */
div.lkbtn-small {
    width: 70px;
    height: 44px;
    margin: 10px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
}

/*
 * リンクボタン小・リンク部 - 共通
 */
div.lkbtn-small a {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}

/*
 * リンクボタン大 - 共通
 */
div.lkbtn-large {
    width: 140px;
    height: 50px;
    margin: 5px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
}

/*
 * リンクボタン大・リンク部 - 共通
 */
div.lkbtn-large a {
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}

/*
 * リンクボタン - 青
 */
div.lkbtn-blue {
    border: 1px solid #018BDB;
    text-shadow: 0px -1px 0px #666666;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: linear-gradient(#03C0EB, #009CBF);
}

/*
 * リンクボタン - グレー
 */
div.lkbtn-gray {
    border: 1px solid #6F7071;
    text-shadow: 0px -1px 0px #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AEAEAE), to(#797979));
    background: linear-gradient(#AEAEAE, #797979);
}

/*
 * リンクボタン - オレンジ
 */
div.lkbtn-orange {
    border: 1px solid #CDBBA8;
    text-shadow: 0px -1px 0px #999999;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC570), to(#F0B662));
    background: linear-gradient(#FCAA4F, #ED9533);
}

/*
 * リンクボタン小 - 詳細
 */
div.lkbtn-detail {
    width: 95px;
    height: 42px;
    margin: 5px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    background: url("/chintai/sp/image/share/icon_memo.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_memo.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 8% 52%, 0;
    background-size: 24px 21px, auto;
}

/**
 * リンクボタン小 - 詳細
 */
div.lkbtn-detail a {
    display: table-cell;
    vertical-align: middle;
    width: 95px;
    height: 42px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px -1px 0px #666666;
    text-align: left;
    color: #FFFFFF;
}

/**
 * リンクボタン小 - 詳細 - 文字
 */
div.lkbtn-detail a span{
    padding-left: 40px;
}

/*
 * リンクボタン小 - PCサイト小（グレー）
 */
div.lkbtn-pcsmall {
    width: 110px;
    height: 42px;
    margin: 5px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    background: url("/chintai/sp/image/share/icon_topc.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AEAEAE), to(#797979));
    background: url("/chintai/sp/image/share/icon_topc.png"), linear-gradient(#AEAEAE, #797979);
    background-repeat: no-repeat;
    background-position: 92% 52%, 0;
    background-size: 24px 21px, auto;
}

/**
 * リンク小- PCサイトへ（グレー）
 */
div.lkbtn-pcsmall a {
    display: table-cell;
    vertical-align: middle;
    line-height: 44px;
    width: 110px;
    height: 42px;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px -1px 0px #666666;
    text-align: left;
    color: #FFFFFF;
}

/**
 * リンクボタン小 - PCサイト小 - 文字
 */
div.lkbtn-pcsmall a span{
    padding-left: 14px;
}

/*
 * リンクボタン極大 - PCサイトへ
 */
div.lkbtn-pc-x-large {
    width: 180px;
    height: 44px;
    margin: 5px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    background: url("/chintai/sp/image/share/btn_pc.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/btn_pc.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 25px 10px, 0;
    background-size: 21px 22px, auto;
}

/**
 * リンク極大- PCサイトへ
 */
div.lkbtn-pc-x-large a {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
    height: 44px;
    line-height: 46px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px -1px 0px #666666;
    text-align: center;
    color: #FFFFFF;
}

/**
 * リンクボタン極大 - PCサイト小 - 文字
 */
div.lkbtn-pc-x-large a span{
    padding-left: 26px;
}

/*
 * リンクボタン大 - お問い合わせ電話
 */
div.lkbtn-inquirytel {
    width: 210px;
    height: 50px;
    margin: 5px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    padding: 0;
    background: url("/chintai/sp/image/share/icon_phone.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_phone.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 18px 12px, 0;
    background-size: 26px 26px, auto;
}
/*
 * リンクボタン大・リンク部 - お問い合わせ電話
 */
div.lkbtn-inquirytel a {
    display: table-cell;
    vertical-align: middle;
    line-height: 52px;
    width: 210px;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}
/*
 * リンクボタン大・リンク部 - お問い合わせ電話 - 文字
 */
div.lkbtn-inquirytel a span {
    padding-left: 26px;
}

/*
 * リンクボタン大 - お問い合わせメール
 */
div.lkbtn-inquirymail {
    width: 210px;
    height: 50px;
    margin: 5px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    padding: 0;
    background: url("/chintai/sp/image/share/icon_mail.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_mail.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 18px 12px, 0;
    background-size: 26px 26px, auto;
}
/*
 * リンクボタン大・リンク部 - お問い合わせメール
 */
div.lkbtn-inquirymail a {
    display: table-cell;
    vertical-align: middle;
    line-height: 52px;
    width: 210px;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}

/*
 * リンクボタン大・リンク部 - お問い合わせメール - 文字
 */
div.lkbtn-inquirymail a span {
    padding-left: 26px;
}

/*
 * リンクボタン小 - 前の20件、次の20件
 */
div.lkbtn-searchsmall {
    width: 90px;
    height: 44px;
    line-height: 44px;
    margin: 10px auto;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
}

/*
 * リンクボタン小・リンク部 - 前の20件、次の20件
 */
div.lkbtn-searchsmall a {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    height: 44px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}

/* ----------------------------------------------------------------------*/
/* 個別ボタン設定                                                        */
/* ----------------------------------------------------------------------*/
/*
 * ボタン小 - 画面上部へ
 */
button.back-to-top {
    float: right;
}

/*
 * ボタン小 - PCサイトへ
 */
button.to-pc {
    font-size: 16px;
    padding: 0 35px 0 65px;
    border: 1px solid #018BDB;
    text-shadow: 0px -1px 0px #666666;
    background: url("/chintai/sp/image/share/btn_pc.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/btn_pc.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 35px 10px, 0;
    background-size: 21px 22px, auto;
}

/*
 * ボタン小 - 検索
 */
button.do-search-small {
    padding: 0 20px 0 40px;
    background: url("/chintai/sp/image/share/icon_search.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_search.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 15px 12px, 0;
    background-size: 20px 20px, auto;
}

/*
 * ボタン大 - 検索
 */
button.do-search-large {
    padding: 0 20px 0 40px;
    background: url("/chintai/sp/image/share/icon_search.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_search.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 35px 14px, 0;
    background-size: 20px 20px, auto;
}

/*
 * ボタン小 - 特記事項
 */
button.special {
    padding: 0 40px 0 20px;
    background: url("/chintai/sp/image/share/icon_topc.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AEAEAE), to(#797979));
    background: url("/chintai/sp/image/share/icon_topc.png"), linear-gradient(#AEAEAE, #797979);
    background-repeat: no-repeat;
    background-position: 92% 52%, 0;
    background-size: 24px 21px, auto;
}

/*
 * ボタン小 - 詳細を見る
 */
button.detail {
    padding: 0 40px 0 20px;
    background: url("/chintai/sp/image/share/icon_topc.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_topc.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 92% 52%, 0;
    background-size: 24px 21px, auto;
}

/*
 * ボタン大 - お問い合わせ
 */
button.inquiry {
    padding: 0 25px 0 45px;
    background: url("/chintai/sp/image/share/icon_phone.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_phone.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 18px 12px, 0;
    background-size: 26px 26px, auto;
}

/*
 * ボタン大 - このサイトについて
 */
button.about-site {
    padding: 0 40px 0 20px;
    background: url("/chintai/sp/image/share/icon_topc.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_topc.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 94% 52%, 0;
    background-size: 24px 21px, auto;
}

/*
 * ボタン小 - エリア別問い合わせ
 */
button.inquiry-area {
    padding: 0 40px 0 20px;
    background: url("/chintai/sp/image/share/icon_topc.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03C0EB), to(#009CBF));
    background: url("/chintai/sp/image/share/icon_topc.png"), linear-gradient(#03C0EB, #009CBF);
    background-repeat: no-repeat;
    background-position: 85% 52%, 0;
    background-size: 24px 21px, auto;
}

/* ----------------------------------------------------------------------*/
/* ボタンエリア                                                          */
/* ----------------------------------------------------------------------*/
/*
 * ボタンエリア - 中央配置
 */
div.center-button {
    margin: 0 auto;
    text-align: center;
}

/*
 * ボタンエリア - 横並び配置
 */
div.float-button {
    margin: 0 auto;
}

/*
 * ボタンエリア - 横並び配置ボタン
 */
div.float-button button {
    float: left;
}

/*
 * ボタンエリア - 右寄せ配置
 */
div.right-button {
    text-align: right;
}

/*
 * ボタンエリア - 画面上部へボタン
 */
div.upper-buttons {
    height: 65px;
    margin: 0 auto;
    text-align: center;
}

/*
 * ボタンエリア - 検索ボタン
 */
div.sch-buttons {
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    background-color: #E8E8E8;
}

/*
 * ボタンエリア - 検索ボタンフォーム
 */
div.sch-buttons form {
    display: inline;
    margin: 0;
    padding: 0;
}

/*
 * ボタンエリア - 虫眼鏡つきボタンエリア
 */
div.image-with-button {
    position: relative;
}

/*
 * ボタンエリア - 虫眼鏡つきボタン
 */
div.image-with-button a {
    position: absolute;
    bottom: -1px;
    right: 0px;
}

/*
 * ボタンエリア - 虫眼鏡つきボタン画像
 */
div.image-with-button a img.button {
    width: 35px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* 前後移動ボタン */
.move-buttons-wrap{
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    margin-top: -1px;
}

.move-buttons{
  display: table;
  margin: 0 auto;
}
.move-buttons div {
  float: left;
  margin: 5px;
}

/* ----------------------------------------------------------------------*/
/* 検索結果数                                                            */
/* ----------------------------------------------------------------------*/
div.result_num {
    padding: 5px 5px;
    color: #666666;
    border-bottom: 1px solid #E8E8E8;
}

/* ----------------------------------------------------------------------*/
/* ダイアログ                                                            */
/* ----------------------------------------------------------------------*/
/*
 * ダイアログ - マスク
 */
#mask {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: rgba(0,0,0,0.7);
    display: none;
}

/*
 * ダイアログ - ローディング画像
 */
#loaderImage {
    position: absolute;
    left: 45%;
    z-index: 101;
    display: none;
}

/*	
 * ダイアログ - ダイアログ本体
 */
#modal-dialog {
    position: absolute;
    border: 5px solid #F7A405;
    border-radius: 8px;
    z-index: 102;
    display: none;
    width: 70%;
    padding: 20px;
    background-color: #FFFFFF;
}

#modal-dialog span.title {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

#modal-dialog span.comment {
    padding: 5px;
    font-size: 12px;
}

/*
 * ダイアログ - ダイアログ内画像
 */
#modal-dialog img {
    width: 100%;
}

/*
 * ダイアログ - 閉じるボタン
 */
#modal-dialog-close {
    position: absolute;
    border: 5px solid #F7A405;
    border-radius: 40px;
    z-index: 103;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: -20px;
    right: -20px;
    cursor: pointer;
}

/* ----------------------------------------------------------------------*/
/* 画像スライダー                                                        */
/* ----------------------------------------------------------------------*/
/*
 * スライダー
 */
.flipsnap {
    display: -webkit-box;
    margin: 0 0 10px 0;
}

/*
 * スライダーアイテム
 */
.flipsnap div.item {
    width: 120px;
    height: 150px;
    border: 1px solid #797979;
    text-align: center;
    color: #999;
    margin: 0 10px;
    box-shadow: 2px 2px 4px #666666;
    overflow: hidden;
    background: #FFFFFF;
}

/*
 * スライダーアイテム - コンテンツ
 */
.flipsnap div.item div.flip-contents {
    position: relative;
    width: 120px;
    height: 150px;
    line-height: 150px;
    overflow: hidden;
}

/*
 * スライダーアイテム - コンテンツ画像
 */
.flipsnap div.item img {
    position: relative;
    width: 120px;
    vertical-align: middle;
}

.flip-contents img {
    position: relative;
    z-index: 1;
}

/*
 * スライダーアイテム - コンテンツ - ズーム
 */
.flip-contents a {
    position: absolute;
    z-index: 90;
    bottom: -57px;
    left: 85px;
}

.flip-contents a img.button {
    width: 35px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/*
 * ページポインター領域
 */
.flipsnap-pointer {
    clear: both;
    text-align: center;
    padding-bottom: 15px;
}

/*
 * ページポインター
 */
.flipsnap-pointer span {
    display: inline-block;
    width: 20px;
    height: 15px;
    color: #797979;
    background-color: #E8E8E8;
    margin: 0 5px;
}

/*
 * ページポインター（セレクト）
 */
.flipsnap-pointer span.flip-selected {
    background: #797979;
    color: #FFFFFF;
}

section.apt-picture .picture-exp {
    padding: 5px 10px;
    background-color: #FFFFFF;
    font-size: 11px;
}

/* ----------------------------------------------------------------------*/
/* form関連要素                                                          */
/* ----------------------------------------------------------------------*/
/*
 * セレクトボックス
 */
div.main-contents select {
    min-width: 100px;
    height: 40px;
    font-size: 16px;
}
select.margin{
  margin: 2px 0;
}

/*
 * 検索条件範囲（～）
 */
div.main-contents span.range {
    margin: 0 10px;
}

/*
 * チェックボックス
 */
div.main-contents input[type="checkbox"] {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}

/*
 * チェックボックスリスト
 */
div.main-contents ul.checkbox-list li {
    display: table-cell;
    min-width: 50%;
    float: left;
    margin: 10px 0;
}

div.main-contents ul.checkbox-list li span.annotation {
    font-size: 11px;
}

/*
 * チェックボックス - ラベル
 */
div.main-contents label {
    font-weight: bold;
}

div.buttons {
    width: 100%;
    height: 64px;
    background-color: #E8E8E8;
}

/*
 * 入力フォーム
 */
.input-form .normal-checkbox{
  margin: 7px 0px 8px 0;
}

.input-form .radio{
  margin: 7px 10px 8px 0;
}

.input-form select{
  margin: 5px 2px;
}

.input-form textarea {
   font-size: 14px;
   width: 92%;
   margin: 4px;
   height: 50px;
   padding: 0px;
}

.input-form textarea:focus, .input-form textarea:hover {
    height: 150px;
}

.input-form input[type="radio"]{
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-right: 10px;
}
.input-form .radiobtn-wrap{
    margin: 5px 10px 5px 0;
}

.input-form input[type="text"]{
   line-height: 20px;
   font-size: 14px;
   margin: 3px;
}

div.main-contents.input-form label{
    font-weight: normal;
}

.input-form .form-ss{
   width: 50px;
}
.input-form .form-s{
   width: 80px;
}
.input-form .form-m{
   width: 110px;
}
.input-form .form-l{
  width: 150px;
}
.input-form .form-ll{
  width: 180px;
}

/* 情報テーブル */
table.info {
    width: 100%;
}
table.info tr {
    padding: 5px 0;
}
table.info th {
    vertical-align: middle;
    padding: 10px 5px;
    border: 1px solid #FFFFFF;
    background-color: #E8E8E8;
    width: 25%;
    text-align: left;
    font-weight: normal;
}
table.info td {
    vertical-align: middle;
    border: 1px solid #FFFFFF;
    width: 71%;
    padding: 10px 5px;
    line-height: 1.3;
}

/* ----------------------------------------------------------------------*/
/* 静的ページ用テーブル                                                  */
/* ----------------------------------------------------------------------*/
/*
 * 静的ページ用テーブル - エリア
 */
div.static-table {
    margin: 5px 0;
}

/*
 * 静的ページ用テーブル - テーブル
 */
div.static-table table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    border: 1px solid #17A5B6;
    box-shadow: 2px 4px 4px #AAAAAA;
}

/*
 * 静的ページ用テーブル - レコード
 */
div.static-table tr {
    border: 1px solid #17A5B6;
    min-height: 40px;
    height: 40px;
}

/*
 * 静的ページ用テーブル - ヘッダー用レコード
 */
div.static-table tr.head {
    height: 30px;
}

/*
 * 静的ページ用テーブル - ヘッダー
 */
div.static-table th {
    color: #FFFFFF;
    border: 1px solid #17A5B6;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32BBC4), to(#0E9EB2));
    background: linear-gradient(#32BBC4, #0E9EB2);
    vertical-align: middle;
    padding: 0 5px;
}

/*
 * 静的ページ用テーブル - ヘッダー
 */
div.static-table td {
    border: 1px solid #17A5B6;
    background-color: #FFFFFF;
    vertical-align: middle;
    padding: 10px 5px;
}

/* ----------------------------------------------------------------------*/
/* エラーメッセージ関連要                                                */
/* ----------------------------------------------------------------------*/
/*共通エラー画面用*/
#msg_errors_screen{
    padding-top:20px;
    padding-bottom:30px;
    width:auto;
    padding-left:1%;    
    color:red;
}
/*検索エラー画面用*/
#msg_errors ul {
    padding: 10px;
    list-style-type: none;
}
#msg_errors ul li{
    color:#F00;
}
/*入力エラー画面用*/
#msg_errors_input ul{
    padding:20px;
    list-style-type: none;
}
#msg_errors_input ul li{
    color:#F00;
}
/*入力エラー項目反転*/
.entryForm th.err{
    background:#FFE1ED;
}

/* ----------------------------------------------------------------------*/
/* 静的ページ用コンテンツ                                                */
/* ----------------------------------------------------------------------*/
article.static-content{
    margin: 0 5%;
    line-height: 1.4;
}

article.static-content p.annotation{
    font-size: 10px;
    padding-bottom: 5px;
}

/* ----------------------------------------------------------------------*/
/* 凡例・設備アイコン説明                                                */
/* ----------------------------------------------------------------------*/
article.legend {
    margin: 10px 5% 5px 5%;
}

article.legend div.image {
    float: left;
    text-align: center;
    width: 20%;
    margin: 3px 5% 0 0;
}

article.legend div.image img{
    width: 90%;
}
article.legend div.explain {
    float: left;
    width: 74%;
    color: #009CBF;
    word-break: break-all;
    line-height: 1.4;
}

article.legend div.explain p.title{
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

article.legend div.explain p.title span.append{
    font-size: 11px;
}

/* ----------------------------------------------------------------------*/
/* 最近見た団地                                                          */
/* ----------------------------------------------------------------------*/
section.apt-picture {
    background-color: #FFFFFF;
    padding: 10px 0 0 0;
}
section.apt-picture a {
    color: #000000;
	text-decoration: none;
}

/* ----------------------------------------------------------------------*/
/* お問い合わせ                                                          */
/* ----------------------------------------------------------------------*/
.title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:20px;
}
.content{
	margin-left:30px;
}

/* ----------------------------------------------------------------------*/
/* 流れの説明ステップ                                                */
/* ----------------------------------------------------------------------*/
ul.step-flow{
  height: 52px;
}
ul.step-flow li{
  list-style-type: none;
  color: rgba(0, 156, 191, 0.5);
  font-weight: bold;
  float: left;
  margin: 10px 2px;
  font-size: 14px;
  position: relative;
  line-height: 30px;
}
ul.step-flow li.active{
  color: #000;
}
ul.step-flow li.flow-unit{
  padding: 0 7px;
  width: 45px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: #fafafa;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.5) inset;
}
ul.step-flow li.arw{
  line-height: 30px;
}
.flow-tooltip{
  position: absolute;
  top: 40px;
  left: -40px;
  width: 120px;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  padding: 15px 10px;
  box-shadow: 2px 2px 4px #666666;
  border: 1px solid #797979;
  font-size: 13px;
  font-weight: normal;
  display: none;
  line-height: 120%;
  z-index: 10;
  text-align: left;
}
.flow-tooltip.first{
  left: 0;
}
.flow-tooltip.last{
  left: auto;
  right: 0;
}
	

/* search addition -------------------*/
div.searchadditionfull {
    display: block;
    margin: 3px 2px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    width: 100%;
}
div.searchadditionfull .radiofilter {
   margin: 0px auto;
   width: 95%;
}
.radiofilter input {
    display: none;
}
.radiofilter label {
    display: block;
    float: left;
    cursor: pointer;
    width: 50%;
    margin: 0px;
    padding: 8px 0px 6px 0px;
    box-shadow: 0px 2px 2px #555555, 0px 1px 0 rgba(255, 255, 255, 0.6) inset;
    color: #869198 ;
    text-align: center;
    background: #d7d7d7;
}

.radiofilter label:first-of-type{
    border-radius: 3px 0 0 3px;
}
.radiofilter label:last-of-type{
    border-radius: 0 3px 3px 0;
}
.radiofilter label.switch-on {
    color: #fff ;
}
.radiofilter label.sw-p1, .radiofilter label.sw-p1:hover {
    background: #FF66CC;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF99CC), to(#FF66CC));
    background: linear-gradient(#FF99CC, #FF66CC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF99CC', endColorstr='#FF66CC', GradientType=0)";
    color: #fff;
}
.radiofilter label.sw-p2, .radiofilter label.sw-p2:hover {
    background: #FF66CC;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF99CC), to(#FF66CC));
    background: linear-gradient(#FF99CC, #FF66CC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF99CC', endColorstr='#FF66CC', GradientType=0)";
    color: #fff ;
}

.radiofilter label.switch-off {
    background: #d7d7d7;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a1a1a1), to(#d7d7d7));
    background: linear-gradient(#a1a1a1, #d7d7d7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#d7d7d7', GradientType=0)";
    color: #869198 ;
}
.radiofilter label.switch-off span {
    background-image: url("/chintai/sp/image/share/box_w_fade.gif");
}
.radiofilter label.switch-off:hover span {
    background-image: url("/chintai/sp/image/share/box_w_off.gif");
}
.radiofilter label.switch-on span {
    background-image: url("/chintai/sp/image/share/box_w_on.gif");
}

.radiofilter label span {
    float: left;
    display: block;
    margin-left: 12px;
    width: 14px;
    height: 14px;
    background-image: url("/chintai/sp/image/share/box_w_fade.gif");
    background-repeat:no-repeat;
    background-position:left center;
    content: '';
}