@charset "shift_jis";

/* CSS Document */



/*************************************************/

/*common.cssはサイト個別で変更をかける時の       */
/*CSSになります。変更する際は気をつけてください  */

/* コメントアウト例（その他cssファイルでも活用してください） */
/* 制作を始める時にはtop.css、header.css、h_menu.cssの中身をを削除してください */
/* ナビメニューのプルダウンを使用したい場合にはh_menu.cssの記述を参考にしてみてください。 */

/* ----------------------------------------
　ディレクトリ名・ページ名等
---------------------------------------- */

/* 対象箇所
---------------------------------------- */

/*************************************************/


/* ----------------------------------------
　common
---------------------------------------- */

body {
    color: #333333;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
    padding: 0;
    font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
    background: #FAF9F4;
}

H1 {
    font-size: 12px;
    text-align: left;
    margin: 0px;
    color: #333;
    width: 95%;
    margin: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    font-weight: 500;
    font-family: var(--font-style-z);
}

.login_show {
    display: none;
}

.logout_show {
    display: none;
}

/* ----------------------------------------
　学区検索　表示・非表示
---------------------------------------- */

.gakku_comment,
.srch_school,
.s-school,
.sho_school,
.sho_school_text,
.list_map_school,
.sho_catalog_school {
    display: none;
}

/* ----------------------------------------
　来店予約システム
---------------------------------------- */

/* ----------------------------------------
　利用する場合はこちらを読み込む
---------------------------------------- */
/*
.on_raiten{
	display:none !important;
}
*/

/* ----------------------------------------
　利用しない場合はこちらを読み込む
---------------------------------------- */

.off_raiten {
    display: none !important;
}



/* ----------------------------------------
　header 固定
---------------------------------------- */

.new_header {
    background-color: #042455;
    width: 100%;
    height: 35px;
    position: fixed;
    top: 0;
    z-index: 100;
}

.new_header_inner {
    width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

.new_header_icon {
    float: left;
    margin: 8px 0 0 0;
}

.new_header_menu {
    float: right;
    margin-top: 6px;
}

.new_header_menu ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}

.new_header_menu li {
    width: 110px;
    list-style-type: none;
    background-color: #EEEEEE;
    float: left;
    padding: 0;
    margin-right: 6px;
    text-align: center;
}

.new_header_menu li:nth-child(5),
.new_header li:nth-child(6) {
    background-color: #D33F0E;
}

.new_header_menu li:nth-child(5) a,
.new_header li:nth-child(6) a {
    color: #ffffff;
}

.new_header_menu a {
    color: #303030;
    text-decoration: none;
    display: block;
    padding: 3px 10px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 1px;
}

.new_header_menu a i {
    margin: 0 5px 0 0;
}

.new_header_menu a img {
    float: left;
}

#header_home {
    width: 40px !important;
    background: none !important;
}

#header_home a {
    padding: 0px !important;
    height: 22px !important;
    width: 100% !important;
}

#header_home a img {
    margin: 0px auto;
    float: none;
}

.new_header_icon:hover,
.new_header_menu li:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.new_header_home {
    width: 75px !important;
}

.new_header_home a {
    padding: 3px 5px;
}


/* --　ここから下は削除してOK　-- */

/*　header
---------------------------------------- */
.h_wrap {
    width: 1000px;
    margin: auto;
}

.h_wrap a {
    color: #333;
    text-decoration: none;
}


.h_upper {
    overflow: hidden;
    margin: auto auto 10px auto;
}

.h_logo {
    float: left;
}

.h_logo {
    display: block;
}

.h_tel_box_wrap {
    width: 500px;
    float: right;
}

.h_tel_box {
    width: 237px;
    float: left;
}

.h_box {
    float: right;
    width: 420px;
}

.h_box_r {
    float: right;
    padding-top: 12px;
    margin-left: 15px;
}

.h_btn {
    overflow: hidden;
}

.h_btn ul {
    float: right;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.h_btn li {
    float: left;
    margin: auto auto auto 10px;
}

.h_btn li a {
    text-align: left;
    padding: 3px 0 3px 20px;
    display: block;
    line-height: 18px;
}

.h_btn li a:hover {
    text-align: left;
    padding: 3px 0 3px 20px;
    display: block;
    color: #E04D0F;
}

.h_fav a {
    background: url(/img/common/h_icon01.png) no-repeat 0% 50%;
}

.h_fav a:hover {
    background: url(/img/common/h_icon01_on.png) no-repeat 0% 50%;
}

.h_login a {
    background: url(/img/common/h_icon02.png) no-repeat 0% 50%;

}

.h_login a:hover {
    background: url(/img/common/h_icon02_on.png) no-repeat 0% 50%;

}

.h_inq a {
    background: url(/img/common/h_icon03.png) no-repeat 0% 50%;

}

.h_inq a:hover {
    background: url(/img/common/h_icon03_on.png) no-repeat 0% 50%;

}

.h_btn li.h_sogo a {
    border-radius: 8px;
    padding: 3px 15px;
    width: 105px;
    box-sizing: border-box;
    background-image: url(/img/common/arrow_n.png);
    background-position: 87% 50%;
    background-repeat: no-repeat;
    background-color: #EFEFE9;

}

.h_btn li.h_sogo a:hover {

    background-color: #CFCFBE;
    color: #333;
}

.h_tel {
    margin: 6px auto;
    text-align: right;
}

.h_menu {
    overflow: hidden;
    height: 70px;
    box-sizing: border-box;
    padding: 0;
    background: url(/img/common/line_dark.jpg) no-repeat 50% 0%, url(/img/common/line_light.jpg) no-repeat 50% 100%;

}

.h_box p {
    text-align: right;


}

.h_menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.h_menu li {
    float: left;
    padding: 0px;
}

.h_menu li a {
    display: block;
    width: 166px;
    height: 68px;
    box-sizing: border-box;
    padding: 38px 0 0 54px;
    text-align: left;
    font-size: 14px;
    background-position: 50% 67%;
    background-repeat: no-repeat;
}

.h_menu li a:hover {
    color: #E04D0F;
    background-position: 50% 67%;
    background-repeat: no-repeat;

}

.h_menu_01 a {
    background-image: url(/img/common/h_menu01_off.jpg);
}

.h_menu_01 a:hover {
    background: url(/img/common/h_menu01_on.jpg);
}

.h_menu_02 a {
    background: url(/img/common/h_menu02_off.jpg);
}

.h_menu_02 a:hover {
    background: url(/img/common/h_menu02_on.jpg);
}

.h_menu_03 a {
    background: url(/img/common/h_menu03_off.jpg);
}

.h_menu_03 a:hover {
    background: url(/img/common/h_menu03_on.jpg);
}

.h_menu_04 a {
    background: url(/img/common/h_menu04_off.jpg);
}

.h_menu_04 a:hover {
    background: url(/img/common/h_menu04_on.jpg);
}

.h_menu_05 a {
    background: url(/img/common/h_menu05_off.jpg);
}

.h_menu_05 a:hover {
    background: url(/img/common/h_menu05_on.jpg);
}

.h_menu_06 a {
    background: url(/img/common/h_menu06_off.jpg);
}

.h_menu_06 a:hover {
    background: url(/img/common/h_menu06_on.jpg);
}

/*　sidebar
---------------------------------------- */
.side_wrap {
    float: right;
    width: 200px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;

}

.side_wrap a {
    color: #333;
    text-decoration: none;
    padding: 0;
    display: block;
}

.s_box {
    margin: auto auto 15px auto;
}

.s_box ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.s_info {
    background: #FFFFFF;
    height: 342px;
    text-align: left;
    box-sizing: border-box;
    padding: 15px 10px;
}

.s_info_tl {
    background: url(/img/buy/se_line.png) no-repeat 0% 50%;
    padding: 0 0 0 13px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 14px;
    margin: auto;
}

.s_info_inner {
    height: 230px;
    margin: 10px auto 16px;
}

.s_info_inner iframe {

    display: block;
    width: 100%;
    height: 100%;
}

.s_info_more {
    width: 160px;
    margin: auto;
}

.s_info_more a {
    width: 160px;
    margin: auto;
    height: 38px;
    color: #FFF;
    display: block;
    box-sizing: border-box;
    background: url(/img/common/arrow_w.png) no-repeat 92% 50% #333;
    font-size: 14px;
    padding: 10px 0 10px 10px;

}

.s_info_more a:hover {
    background: url(/img/common/arrow_w.png) no-repeat 92% 50% #969290;

}

.s_satei_more a {
    padding: 10px 0 10px 40px;
    background-color: #E04D0F;
}

.s_satei_more a:hover {
    background-color: #ee6d37;
}

.s_member {}

.s_tokuten {}

.s_menu {}

.s_menu li {
    margin: auto auto 15px auto;
}

.s_sale {
    background: #FFFFFF;
    padding: 12px 0;
    height: 475px;
    box-sizing: border-box;
}

.s_sale h4 {

    margin: 16px auto 10px;
    font-size: 15px;
    border: none;
    text-align: center;
}

.s_sale_img {
    margin: auto;
}

.s_sale ul {
    margin: auto 12px;
    padding: 0;
    list-style-type: none;
}

.s_sale li {}

.s_sale li a {
    background: url(/img/common/s_sale_icon.png) no-repeat 0% 50%;
    font-size: 15px;
    text-align: left;
    display: block;
    padding: 0px 0 0 23px;
    line-height: 23px;
    font-weight: bold;
}

.s_sale li a:hover {
    color: #E04D0F;
}

.s_sale_more a {
    width: 175px;
    margin: 8px auto auto;
    background: #CCCC99;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.s_sale_more a:hover {
    background: #EAEAB7;
}

.s_rent {}

.s_reform {}

.s_company {
    height: 400px;
    overflow: hidden;
    position: relative;
    margin: auto auto 15px;
}

.s_company h4 {

    font-size: 18px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #333;
    border-top: 3px solid #333;
    padding: 12px 0 11px 10px;
    margin: 0 0 10px 0;

}

.s_co_inner {}

.s_co_inner img {}

.s_co_inner p {
    font-size: 12px;
    text-align: left;
    margin: 10px auto;
    line-height: 17px;
}

.s_co_inner p span {
    font-size: 13px;
    font-weight: bold;
    display: block;
    letter-spacing: -2px;
    margin: auto auto 5px;
}

.s_co_inner a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;


}

.s_co_inner a span {
    left: 50px;
    bottom: 0;
    position: absolute;
    width: 150px;
    height: 30px;
    color: #FFF;
    background: url(/img/common/arrow_n_w.png) no-repeat 90% 50% #000000;
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 0px 0 17px;
    box-sizing: border-box;
    text-align: left;

}

.s_co_inner a:hover span {
    background: url(/img/common/arrow_n_w.png) no-repeat 90% 50% #E04D0F;
}

.s_qr {}

.s_link {
    overflow: hidden;
    width: 200px;
}

.s_link li {
    text-align: left;
    padding: 4px 0px 0 19px;
}

.s_link li a {
    display: block;
    position: relative;
    font-size: 14px;
    padding: 0 0 0 4px;

}

.s_link li a:hover {

    color: #E04D0F;
}

.s_link li a:before {

    display: block;
    content: "";
    position: absolute;
    top: 60%;
    left: -12px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 4px solid transparent;
    border-left: 6px solid #333;
}



/*　footer
---------------------------------------- */
.footer_wrap {
    width: 1000px;
    margin: 100px auto auto;
    background: url(/img/common/line_dark.jpg) no-repeat 50% 0%;
    overflow: hidden;
    text-align: left;
    padding: 25px 0;
}

.footer_wrap a {
    color: #333;
    text-decoration: none;

}

.f_inner {
    overflow: hidden;
    background: url(/img/common/line_light.jpg) no-repeat 50% 100%;

}

.f_menu {
    width: 780px;
    float: left;
}

.f_box {
    overflow: hidden;
    margin: auto auto 30px;
}

.f_search {
    float: left;
    width: 530px;
}

.f_tl {
    border-bottom: 1px #9F9F9B solid;
    font-size: 15px;
    padding: 0 0 10px 0;
    font-weight: bold;
    margin: auto auto 22px auto;
}

.f_search ul {
    float: left;
    width: 176px;
    margin: 0px auto 20px;
    padding: 0;
    list-style-type: none;
}

.f_search li,
.f_conts li {
    background: url(/img/common/arrow.png) no-repeat 0% 50%;
    font-size: 13px;
    padding: 0 0px 0 18px;
    line-height: 22px;
}

.f_conts {
    float: right;
    width: 200px;

}

.f_conts ul {
    margin: 20px auto auto;
    padding: 0;
    list-style-type: none;
}

.f_company {}

.f_logo {
    float: left;
    width: 440px;
}

.f_logo p {

    font-size: 14px;
    margin: 11px auto auto;
    line-height: 21px;

}

.f_link {
    float: right;
    width: 310px;
}

.f_link_tl {
    font-size: 14px;
    font-weight: bold;
    width: 310px;
    clear: both;
}

.f_link_tl02 {
    font-size: 14px;
    font-weight: bold;
    width: 170px;
    float: left;
}

.f_link ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.f_link ul:last-child li {
    margin: 0;

}

.f_link li {
    float: left;
    height: 20px;
    font-size: 10px;
    margin: 11px 7px 20px auto;

}

.f_link li a {

    background: url(/img/common/f_link_icon.png) no-repeat 92% 50% #EFEFE9;
    box-sizing: border-box;
    padding: 2px 21px 2px 8px;
    font-size: 10px;
    height: 20px;
    text-align: left;
    display: block;
    border-radius: 4px;
    font-weight: bold;
}

.f_link li a:hover {

    background: url(/img/common/f_link_icon.png) no-repeat 92% 50% #CFCFBE;
    color: #333;
}

.f_btn {
    float: right;
    margin: 27px auto auto auto;
}

.f_btn_inq {
    margin: 16px auto auto auto;

}

.f_bottom {
    overflow: hidden;
    clear: both;
    background: url(/img/common/line_dark.jpg) no-repeat 50% 100%;
}

.f_bottom ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.f_bottom li {
    float: left;
    margin: auto 25px auto auto;
    font-size: 12px;
}

.f_bottom li a {
    height: 60px;
    box-sizing: border-box;
    padding: 21px 0;
    display: block;
}

.f_c21 {
    overflow: hidden;
    width: 589px;
    margin: 25px auto auto;
}

.f_c21_logo {
    float: left;
}

.f_c21_txt {
    float: right;
    border-left: 1px #9F9F9B solid;
    margin: auto auto auto 25px;
    padding: 0 0 0 22px;
    font-size: 12px;
    color: #8C8C8C;
}

.f_c21_txt p {

    font-size: 14px;
    color: #333;
    margin: auto auto 3px auto;
}


/*最下JSP紹介ページリンクのCSSここから*/
#jsp {
    font-size: 12px;
    height: 10px;
    text-align: right;
    margin: 0px auto 40px auto;
    width: 1000px;
    line-height: 25px;
}

#jsp a {
    color: #333;
}

/*JSPリンクのCSSここまで*/


.padding10 {
    padding-top: 10px;
}

.padding5 {
    padding-top: 5px;
}


.padding-l {
    padding-left: 5px;
}

/*会社概要*/
.bar-t {
    background-image: url(/cms_img/bar-t.jpg);
    background-repeat: no-repeat;
    height: 46px;
    font-size: 18px;
    padding: 17px 0 0 23px;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
    margin: auto auto 15px auto;
}

.font-c {
    font-size: 12px;
    line-height: 20px;
    color: #BC8B2E;
}

.font-s {
    font-size: 15px;
    line-height: 20px;
    color: #FF9226;
}

.p_b15 {
    padding-bottom: 15px;
}

.login2_text {
    margin-top: 40px;
    margin-bottom: 40px;
}

.login2_bg {
    background: url(/img/mymenu_login.jpg);
    background-repeat: no-repeat;
    padding-bottom: 53px;
}

/*マイページ*/
.mymenu {
    width: 200px;
    border: 1px solid #CCC;
    padding: 1px;
    background-color: #FFF;
    margin-bottom: 15px;
}

.mymenubg {
    background-color: #EEEEEE;
}

.mymenutitle {
    background-color: #F60;
}

/*カラー変え*/
.myside1 {
    font-size: 15px;
    background-color: #92C914;
    /*サイドメニューバー背景色（カラー変更可）*/
    color: #FFF;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*検索 共通*/
.s_search {
    width: 200px;
    margin: 15px 0;
    border: 1px solid #CCCCCC;
    text-align: left;
}

.s_search h2 {
    color: #FFFFFF;
    /*★見出し文字色*/
    margin: 2px;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    background: #FF5D26;
}

.s_search ul {
    margin: 8px 5px;
    padding: 0;
    list-style: none;

}

.s_search ul li {
    line-height: 35px;
    margin-bottom: 3px;
    background: #F0F0F0;
    /*★以下、背景色 #F5F5F5→#F0F0F0 を各ブラウザで指定*/
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F0F0F0));
    /* Webkit系 */
    background: -moz-linear-gradient(top, #F5F5F5, #F0F0F0);
    /* Mozilla系 */
    background: -ms-linear-gradient(top, #F5F5F5, #F0F0F0);
    /* IE10+ */
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F0F0F0', GradientType=0)";
    /* IE8-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F0F0F0', GradientType=0);
    /* IE5.5-7 */
}

.s_search ul li a {
    display: block;
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    text-indent: 30px;
    text-decoration: none;
    background: url(/tool/sample/side/img/s_search_icon.gif) 10px 50% no-repeat;
    /*★リストアイコン画像*/

}

.s_search ul li a:after {
    content: "";
    display: block;
    height: 10px;
    border-top: 3px solid #676765;
    border-right: 3px solid #676765;
    position: absolute;
    top: 16px;
    left: 8px;
    margin-top: -5px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.s_search ul li a:hover {
    color: #000000;
    background: #ddd;
}

.s_search_txt {
    margin: 5px;
    font-size: 10px;
    line-height: 14px;
}

/*20161212 会社概要修正*/

td.com_subtl,
.com_subtl {
    border-left: solid 7px #FFBE00;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 8px 15px;
    margin: 15px 0 5px 0;
}

.anker_wrap {
    width: 780px;
    overflow: hidden;
}

.anker_wrap ul {
    margin: 20px 0 30px 0;
    padding: 0;
    list-style-type: none;
}

.anker_wrap ul li {
    list-style: none;
    float: left;
    margin: 0 20px 0 0;
    width: 180px;
}

.anker_wrap ul li:last-child {
    margin: 0 0 0 0;
}

.anker_wrap ul li a {
    font-family: Meiryo;
    background: #333;
    color: #fff;
    line-height: 45px;
    display: block;
    text-decoration: none;
    padding: 0 0;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
    border: solid 1px #333;
    box-sizing: border-box;
    font-weight: bold;
}

.anker_wrap ul li a:hover {
    background: #fff;
    color: #333;
    border: solid 1px #333;
}

.map_subtl {
    color: #D90000;
    font-size: 20px;
    font-weight: bold;
}

.com_map_wrap {
    width: 780px;
    margin: 10px 0 0 0;
    overflow: hidden;
}

.map_l {
    width: 365px;
    float: left;
    padding: 10px 0 0 0;
}

.map_r {
    width: 365px;
    float: right;
    padding: 10px 0 0 0;
}




.infolist_txt p {
    line-height: 31px;
    font-weight: 500;
    padding: 0 0 0 15px;

}

.p_10 {

    width: 1000px;
    text-align: left;
    margin: auto auto 10px 8px;
}



.shosai_member_bnr {
    margin: 20px auto;

}

/*　会社概要追記
---------------------------------------- */

.container table.ka_company td {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;

}

/* ----------------------------------------
　side
---------------------------------------- */


/*サイドナビ左右入れ替え*/
.l-roomlist {
    width: 780px;
    float: left;
    margin-right: 20px;
}

.l-sidenavi {
    width: 200px;
    float: right;
}

.side {
    float: right;
}

.shosai_service {
    margin-bottom: 20px;
}

.user_left {
    background: #fff;
    padding: 10px !important;
    box-sizing: border-box;
}

.inquiry_form {
    background: #fff;
    padding: 20px;
}

.privacy_conts {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

.rental_inq a {
    box-sizing: border-box;
    border: 3px solid #ff7f00;
    background: #ff7f00;
    color: #fff;
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 18px;
    padding: 30px 0;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.rental_inq a:after {
    position: absolute;
    bottom: -5px;
    content: "";
    vertical-align: middle;
    right: -5px;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-left: 10px solid #FFF;
    transform: rotate(45deg);
}

.rental_inq a:hover {
    background: #fff;
    color: #ff7f00;
}

.rental_inq a:hover:after {
    border-left: 10px solid #ff7f00;
}

.favlist_block {
    text-align: left;
}

.sh_hukusuu table td img {
    width: 100%;
}

.side_fix {
    position: fixed;
    right: 0px;
    bottom: 105px;
    z-index: 9999;
}

.side_fix ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.side_fix ul li {
    margin: 0px 0px 10px 0px;

}