@charset "shift_jis";
/*************************************************/
/* 制作を始める時にはtop.css、header.css、h_menu.cssの中身をを削除してください */
/* ナビメニューのプルダウンを使用したい場合にはh_menu.cssの記述を参考にしてみてください。 */
/* この下にあるコメントアウトを活用してください！ */
/*************************************************/
.sy_plan-detail {
 margin: 0 auto 60px;
 padding-top: 60px;
}
.sy_plan-detail table {
 border-collapse: collapse;
 width: 70%;
}
.sy_plan-detail th, .sy_plan-detail td {
 border: 1px solid #ccc;
 padding: 4px;
 font-weight: bold;
 font-size: 14px;
}
.sy_plan-detail th {
 width: 275px;
}
.sy_plan-detail td {
 width: 822px;
 height: 50px;
 padding: 10px 5px;
}
.sy_plan-detail .title {
 background: #065C40;
 color: #fff;
 line-height: 40px;
}
.sy_plan-detail tbody {}
.sy_plan-detail tbody th {
 text-align: left;
}
.sy_plan-detail tbody tr:nth-child(2n-1) th {
 background: #F5F5F5;
}
.sy_plan-detail tbody tr:nth-child(2n-1) td {
 background: #F4F9FF;
}
/*************************************************/
/********************************************
areamap
*********************************************/
.areamap-wrap {
 background: url(/img/index/map-bg.png) top center repeat-x;
 height: 400px;
 width: 100%;
}
.areamap-inner {
 width: 1000px;
 margin: 0 auto;
 position: relative;
}
.wan {
 position: absolute;
 top: 7px;
 left: -50px;
}
.no1 {
 position: absolute;
 top: 172px;
 left: 822px;
}
.mainmap {
 position: absolute;
 top: 30px;
 left: 295px;
}
.kensuu-bg {
 background: url(/img/index/main-kensuu.png) top center no-repeat;
 height: 144px;
 width: 174px;
 position: absolute;
 top: 12px;
 left: 829px;
}
.kou {
 position: absolute;
 top: 41px;
 left: -45px;
 color: #00506A;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 19px;
 width: 200px;
 text-align: right;
}
.hikou {
 position: absolute;
 top: 114px;
 left: -45px;
 color: #D80000;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 19px;
 width: 200px;
 text-align: right;
}
/********************************************
main-cont
*********************************************/
.t4_2 ul:hover {
 background: #D7E4EC;
 /*★マウスオーバー時の背景色*/
}
.cms-cont {
 width: 780px;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
 border-top: 3px #0089B7 solid;
}
.openhouse {
 width: 356px;
 float: left;
 padding: 0px 0 0 15px;
 position: relative;
}
.openhouse iframe {
 width: 365px;
 height: 330px;
}
.openhouse iframe:hover {
 background-color: #eee;
}
.open-img img {
 max-width: 320px;
 max-height: 200px;
}
.open-more {
 margin: 0;
 position: absolute;
 top: 26px;
 left: 300px;
}
.b-info p a {
 font-size: 12px;
 color: #0089B7;
 font-weight: bold;
 text-decoration: none;
}
.b-info p a:hover {
 text-decoration: underline;
}
.openhouse p a {
 font-size: 12px;
 color: #0089B7;
 font-weight: bold;
 text-decoration: none;
}
.openhouse p a:hover {
 text-decoration: underline;
}
.openhouse h2 {
 font-size: 20px;
 color: #0089B7;
 text-align: left;
 margin: 15px auto;
 line-height: 40px;
 letter-spacing: 2px;
 width: 320px;
}
.openhouse h2 span {
 background: #FF4D4D;
 color: #FFF;
 font-size: 18px;
 padding: 8px;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: 10px;
}
.day {
 background: #FF4D4D;
 width: 320px;
 margin: 0 auto;
 color: #FFF;
 font-size: 14px;
 font-weight: bold;
 line-height: 26px;
 padding: 5px 0px 5px 0;
 text-indent: 10px;
}
.open-com {
 width: 320px;
 margin: 0 auto;
 color: #2E1D08;
 text-align: left;
 font-size: 12px;
 line-height: 22px;
 letter-spacing: 2px;
 height: 65px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}
.all_click {
 text-decoration: none;
}
.b-info {
 width: 340px;
 height: 329px;
 float: right;
 padding: 0px 40px 0 10px;
 position: relative;
}
.b-info h2 {
 font-size: 18px;
 color: #0089B7;
 text-align: left;
 margin: 15px auto;
 line-height: 40px;
 letter-spacing: 2px;
}
.b-info h2 span {
 background: #005F7D;
 color: #FFF;
 font-size: 18px;
 padding: 8px;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: 10px;
}
.b-info iframe {
 display: block;
 height: 100%;
 width: 100%;
}
.b-info iframe body {
 margin: 0;
}
.info-ichiran {
 width: 340px;
 margin: 0 auto;
 background: #005F7D;
}
.info-ichiran a {
 background: #005F7D;
 color: #FFF !important;
 font-size: 14px !important;
 font-weight: bold !important;
 line-height: 26px;
 text-decoration: none !important;
 display: block;
 padding: 5px;
}
.info-ichiran a:hover {
 background: #005F7D;
 color: #FFFF00;
 font-size: 14px;
 font-weight: bold;
 line-height: 26px;
 text-decoration: underline;
}
.info-ichiran p a {
 font-size: 12px;
 color: #0089B7;
 font-weight: bold;
 text-decoration: none;
}
.info-ichiran p a:hover {
 text-decoration: underline;
}
.t_scroll {
 overflow: hidden;
 -webkit-overflow-scrolling: touch;
 width: 340px;
 height: 340px;
 margin: auto;
 overflow-y: auto;
}
/********info cms**********/
.top_open_01 {
 font-size: 12px;
 line-height: 31px;
}
.top_open_01 ul {
 margin-top: 0px;
 padding: 0;
}
.top_open_01 li {
 border-bottom: 1px dashed #999;
 padding: 10px 0;
 overflow: hidden;
 position: relative;
 height: 61px;
 text-indent: 10px;
}
.top_open_01 li:last-child {
 border: none;
}
.top_open_01 li span {
 font-weight: bold;
 display: block;
 line-height: 25px;
 font-size: 12px;
 color: #0000de;
}
.top_open_01 li a {
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.top_open_01 li:hover {
 background-color: #EEE;
}
.top_open_01 li a p {
 margin: 0;
 padding: 0;
 left: 0;
 font-size: 15px;
 top: 29px;
 position: absolute;
 font-weight: bold;
 color: #0000de;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
}
.top_open_01 li div {
 margin: 20px auto auto auto;
}
.main-cont {
 width: 780px;
 float: left;
}
.syubetsu-waku {
 background: #E7E7E7;
}
.syubetsu-waku ul {
 padding: 18px;
 list-style: none;
 overflow: hidden;
 margin: 0;
}
.syubetsu-waku ul li {
 width: 185px;
 float: left;
 margin-right: 1px;
}
.syubetsu-waku ul li:last-child {
 margin-right: 0px;
}
.syubetsu-waku_search {
 width: 743px;
 margin-top: 2px;
}
.b-school img {
 margin: 20px 0px 0px 0px;
 padding: 0px;
}
.b-town {
 background: url(/img/index/town-bg.jpg) top center no-repeat;
 width: 780px;
 margin: 20px 0px;
 padding-bottom: 20px;
}
.b-town h2 {
 margin: 0;
 line-height: 40px;
 text-align: left;
 text-indent: 75px;
}
.b-town ul {
 padding: 0px;
 list-style: none;
 width: 500px;
 margin-left: 20px;
}
.b-town ul li {
 float: left;
 margin-right: 10px;
 margin-bottom: 7px;
}
.b-town ul li a {
 background: #FFF;
 border-radius: 5px;
 padding: 8px 21px;
 display: block;
 color: #2C1900;
 font-weight: 500;
 box-shadow: 1px 1px 2px #AAA;
 border: 1px solid #DDD;
 font-weight: bold;
 font-size: 14px;
 text-decoration: none;
}
.b-town ul li a:hover {
 text-decoration: none;
 background: #D20000;
 color: #FFF;
}
.kitakyusyu {
 overflow: hidden;
 background: rgb(255, 172, 172, 0.6);
 width: 500px;
 margin: 16px 0 0 20px;
}
.sonota {
 overflow: hidden;
 background: rgb(255, 229, 168, 0.8);
 width: 500px;
 margin: 16px 0 0 20px;
}
.b-town h3 {
 text-align: left;
 margin: 11px 0 0 20px;
 font-size: 18px;
}
.joken {
 margin-bottom: 40px;
}
.joken h2 {
 background: url(/img/index/toku-icon.jpg) top left no-repeat;
 color: #0089B7;
 font-size: 24px;
 letter-spacing: 3px;
 margin: 0;
 text-align: left;
 text-indent: 46px;
 line-height: 33px;
}
.joken ul {
 padding: 0;
 list-style: none;
 overflow: hidden;
}
.joken ul li {
 width: 245px;
 float: left;
 margin-right: 20px;
}
.joken ul li:last-child {
 margin-right: 0px;
}
.baikyaku-waku {
 background: url(/img/index/baikyaku-waku.jpg) top center no-repeat;
 height: 560px;
 margin-bottom: 40px;
}
.baikyaku-waku ul.rental {
 list-style: none;
 padding-top: 335px;
 overflow: hidden;
 width: 720px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0;
 padding-right: 0;
}
.baikyaku-waku ul.rental li {
 width: 175px;
 float: left;
 margin-right: 5px;
}
.baikyaku-waku ul.rental li:last-child {
 margin-right: 0px;
}
.baikyaku-waku ul.rental li a {
 font-size: 16px;
 width: 175px;
 display: block;
 text-align: left;
 color: #000;
}
.baikyaku-waku ul.rental li a:hover {
 top: 1px;
 left: 1px;
 position: relative;
}
.baikyaku-waku ul.bai-cont {
 list-style: none;
 padding: 0px;
 overflow: hidden;
 width: 607px;
 margin-left: auto;
 margin-right: auto;
}
.baikyaku-waku ul li a {
 display: block;
 font-size: 18px;
 color: #FFF;
 text-decoration: none;
}
.baikyaku-waku ul.bai-cont li.box1 {
 background: url(/img/index/btn-baikyaku1.png) top center no-repeat;
 height: 60px;
 width: 300px;
 float: left;
 margin-right: 5px;
}
.baikyaku-waku ul.bai-cont li.box1 a {
 display: block;
 text-align: left;
 font-weight: bold;
 letter-spacing: 2px;
 line-height: 66px;
 text-indent: 77px;
}
.baikyaku-waku ul.bai-cont li.box1 a:hover {
 color: #FFFF00;
 background: url(/img/index/btn-baikyaku1_on.png) top center no-repeat;
 height: 60px;
}
.baikyaku-waku ul.bai-cont li.box2 {
 background: url(/img/index/btn-baikyaku2.png) top center no-repeat;
 height: 60px;
 width: 300px;
 float: left;
}
.baikyaku-waku ul.bai-cont li.box2 a {
 display: block;
 text-align: left;
 font-weight: bold;
 letter-spacing: 2px;
 line-height: 66px;
 text-indent: 77px;
}
.baikyaku-waku ul.bai-cont li.box2 a:hover {
 background: url(/img/index/btn-baikyaku2_on.png) top center no-repeat;
 height: 60px;
 color: #FFFF00;
}
.baikyaku-waku ul.bai-cont li.box3 {
 background: url(/img/index/btn-baikyaku3.png) top center no-repeat;
 height: 60px;
 width: 300px;
 float: left;
 margin-right: 5px;
}
.baikyaku-waku ul.bai-cont li.box3 a {
 display: block;
 text-align: left;
 font-weight: bold;
 letter-spacing: 2px;
 line-height: 66px;
 text-indent: 77px;
}
.baikyaku-waku ul.bai-cont li.box3 a:hover {
 background: url(/img/index/btn-baikyaku3_on.png) top center no-repeat;
 height: 60px;
 color: #FFFF00;
}
.baikyaku-waku ul.bai-cont li.box4 {
 background: url(/img/index/btn-baikyaku4.png) top center no-repeat;
 height: 60px;
 width: 300px;
 float: left;
}
.baikyaku-waku ul.bai-cont li.box4 a {
 display: block;
 text-align: left;
 font-weight: bold;
 letter-spacing: 2px;
 line-height: 66px;
 text-indent: 77px;
}
.baikyaku-waku ul.bai-cont li.box4 a:hover {
 background: url(/img/index/btn-baikyaku4_on.png) top center no-repeat;
 height: 60px;
 color: #FFFF00;
}
.b-inq {
 margin-bottom: 40px;
}
.b-inq ul {
 padding: 0;
 overflow: hidden;
 list-style: none;
}
.b-inq ul li {
 float: left;
 margin-right: 20px;
}
.b-inq ul li:last-child {
 margin-right: 0px;
}
/********************************************
tb3_2 特選
*********************************************/
.tb3_2 {
 background: url(/img/index/tokusen-waku.jpg) top center no-repeat;
 width: 792px;
 margin: 0px 1px 15px 0;
 font-size: 0;
 height: 573px;
 text-align: center;
}
.tb3_2 h2 {
 color: #FFF;
 font-size: 16px;
 line-height: 40px;
 text-align: left;
 text-indent: 188px;
}
.tb3_2 ul {
 display: inline-block;
 width: 250px;
 margin: 0px 1px 15px 0;
 padding: 0;
 font-size: 12px;
 list-style: none;
 vertical-align: top;
 position: relative;
}
.tb3_2 ul:hover {
 background: #F0F0F0;
 /*★マウスオーバー時の背景色*/
}
.tb3_2 ul li {
 text-align: left;
 margin: 5px 10px;
}
li.tb3_2_img {
 text-align: center !important;
 height: 165px;
 /* ★高さ保持(画像の高さ最大値に合わせること)*/
 margin: 10px 0 !important;
 display: inline-block;
}
li.tb3_2_img a {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}
li.tb3_2_img a img {
 margin: 10px !important;
 max-height: 165px;
}
li.tb3_2_shubetsu {
 color: #FFFFFF;
 /*★種別の文字色*/
 line-height: 20px;
 font-weight: bold;
 text-align: center !important;
 background: #76A6C5;
 /*★種別の背景色*/
}
li.tb3_2_kakaku div {
 color: #FFFFFF;
 padding: 3px 5px;
 float: left;
 font-weight: bold;
 margin-right: 5px;
 background: #333333;
}
li.tb3_2_kakaku span {
 color: #FF0000;
 font-size: 16px;
 font-weight: bold;
 line-height: 24px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 height: 25px;
 overflow: hidden;
}
li.tb3_2_madori {
 float: right;
 width: 90px;
 margin: 5px 10px 5px 0px !important;
}
li.tb3_2_madori img {
 max-width: 85px;
}
li.tb3_2_left {
 float: left;
 width: 130px;
 margin: 5px 0 5px 10px !important;
}
.tb3_2_access {
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 3;
 overflow: hidden;
}
.tb3_2_address span,
.tb3_2_access span,
.tb3_2_menseki span {
 color: #FF8300;
 /*★住所・交通・面積のタイトル文字色*/
 font-weight: bold;
}
li.tb3_2_com {
 clear: both;
 margin: 0 0 10px 0;
 padding: 5px;
}
li.tb3_2_com span {
 display: block;
 color: #70ACD0;
 /*★POINTの文字色*/
 font-weight: bold;
}
li.tb3_2_com p {
 margin: 0;
 padding: 0;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 height: 53px;
 overflow: hidden;
}
li.tb3_2_more {
 margin: 10px !important;
}
li.tb3_2_more a {
 display: block;
 color: #FFFFFF;
 line-height: 25px;
 text-align: center !important;
 text-decoration: none;
 background: #333333;
}
.tb3_2 ul:hover li.tb3_2_more a {
 background: #FF8300;
 /*★詳細ボタンのhover背景色*/
}
.open-img {
 text-align: center;
}
/*博士バナー*/
div.banner_hakase {
 width: 1000px;
 margin: 20px auto;
 overflow: hidden;
}
.banner_hakase ul {
 margin: 0px;
 padding: 0px;
}
.banner_hakase ul li {
 list-style: none;
 float: left;
 margin: 0px 30px 0px 0px;
 padding: 0px;
 text-align: center;
}
.voich_top ul li span {
 color: #0000de !important;
}