@charset 'utf-8';
/* CSS Document */

/* !top
---------------------------------------------------------- */
.topimg {
  background: url(../img/bg_gray.gif);
  min-width: 960px;
}
.topimg img {
  width: 100%;
}
.topimg ul {
  margin: 0 auto;
  padding: 30px 0;
  width: 940px;
}
.topimg li {
  float: left;
  margin-right: 20px;
}
.topimg li.last {
  margin-right: 0;
}
#topIntroduction {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 940px;
}
#topIntroduction li {
  border-bottom: #ccc 1px dotted;
  padding: 30px 0;
}
#topIntroduction .photo {
  float: left;
  margin-right: 20px;
}
#topIntroduction dl {
  float: right;
  width: 620px;
}
#topIntroduction dt {
  background: url(../img/bg_navy_w5.png) left repeat-y #f2f2f2;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-size: 16px;
  padding: 8px 0 10px 20px;
}
#topIntroduction dt {
  font-size: 24px;
}
#topIntroduction dt span {
  display: block;
  font-size: 16px;
}
#topIntroduction dd {
  margin: 10px 0 12px 0;
}
#information {
  background: url(../img/bg_gray.gif);
  min-height: 200px;
  padding: 30px 0;
  width: 100%;
}
#informationIn {
  margin: 0 auto;
  width: 940px;
}
#informationIn .info {
  float: left;
  margin-right: 30px;
  width: 470px;
}
#informationIn .info ul {
  margin-bottom: 30px;
}
#informationIn .info li {
  border-bottom: #fff 1px solid;
  padding: 15px 0 10px 0;
}
#informationIn .btn {
  float: left;
  width: 440px;
}
/* !nav
---------------------------------------------------------- */
.nav {
  margin: 0;
  padding: 0;
  width: 100%;
}
#gnav {
  background-color: #fff;
  border-bottom: #000 1px solid;
  height: 69px;
  width: 100%;
}
#gnavIn {
  margin: 0 auto;
  width: 940px;
}
#gnavIn li {
  float: left;
  height: 69px;
}
#gnavIn a:hover img {
  -ms-filter: 'alpha(opacity=0)'; /* IE 8 */
  filter: alpha(opacity=0);	/* IE lt 8 */
  -webkit-opacity: .0;
  -moz-opacity: .0;
  opacity: .0;
}
#gnavIn a img {
  -webkit-transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -ms-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}
#gnavIn li.top {
  background: url(../img/gnav_top2_on.png) no-repeat;
}
#gnavIn li.detail {
  background: url(../img/gnav_detail_on.png) no-repeat;
}
#gnavIn li.peripheral {
  background: url(../img/gnav_peripheral_on.png) no-repeat;
}
#gnavIn li.vacancy {
  background: url(../img/gnav_vacancy_on.png) no-repeat;
}
#gnavIn li.info {
  background: url(../img/gnav_info_on.png) no-repeat;
}
#gnavIn li.site-top {
  background: url(../img/gnav_site-top_on.png) no-repeat;
}
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
#fnav {
  border-top: #000 1px solid;
  width: 100%;
}
#fnavIn {
  margin: 0 auto;
  width: 940px;
}
#fnavIn li {
  float: left;
  height: 69px;
  width: 116px;
}
#fnavIn a:hover img {
  -ms-filter: 'alpha(opacity=0)'; /* IE 8 */
  filter: alpha(opacity=0);	/* IE lt 8 */
  -webkit-opacity: .0;
  -moz-opacity: .0;
  opacity: .0;
}
#fnavIn a img {
  -webkit-transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -ms-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}
#fnavIn li.top {
  background: url(../img/fnav_top2_on.png) no-repeat;
}
#fnavIn li.detail {
  background: url(../img/fnav_detail_on.png) no-repeat;
}
#fnavIn li.peripheral {
  background: url(../img/fnav_peripheral_on.png) no-repeat;
}
#fnavIn li.vacancy {
  background: url(../img/fnav_vacancy_on.png) no-repeat;
}
#fnavIn li.info {
  background: url(../img/fnav_info_on.png) no-repeat;
}
#fnavIn li.site-top {
  background: url(../img/fnav_site-top_on.png) no-repeat;
}
#cat01 {
  margin-bottom: 10px;
  padding-top: 90px;
}
#cat02 {
  margin-bottom: 10px;
  padding-top: 90px;
}
#cat03 {
  margin-bottom: 80px;
  padding-top: 90px;
}
/* !s-top
---------------------------------------------------------- */
.main_img {
  margin: 0 auto;
  width: 940px;
}
#point {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 940px;
}
#point li {
  border-bottom: #ccc 1px dotted;
  padding: 30px 0;
}
#point .photo {
  float: left;
  margin-right: 20px;
}
#point .pointR {
  float: right;
  width: 620px;
}
#point h2 {
  background: url(../img/bg_navy_w5.png) left repeat-y #f2f2f2;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-size: 24px;
  padding: 8px 0 10px 20px;
}
#point p {
  font-size: 14px;
  padding-top: 10px;
}
#appearance {
  margin: 0 auto;
  width: 940px;
}
#appearance img {
  margin-bottom: 30px;
}
#appearance img.last {
  margin: 0;
}
#appearance li {
  float: left;
  margin-right: 35px;
}
#appearance li.last {
  float: left;
  margin-right: 0 !important;
}
#map {
  height: 450px;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  width: 940px;
}
#map .title {
  margin: 0 0 0 830px;
  position: absolute;
}
/* !detail
---------------------------------------------------------- */
h2.under {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 940px;
}
#floorplan {
  margin: 0 auto;
  width: 940px;
}
#floorplan .floorplan_in {
  margin-bottom: 30px;
}
#floorplan h3 {
  color: #2d4a7e;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 0 3px 0;
}
table.type01 {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  margin: 0 auto;
  padding-bottom: 50px;
  width: 940px;
}
table.type01 th, table.type01 td {
  padding: 10px;
}
table.type01 th {
  background-color: #899;
  border-bottom: #ccc 1px solid;
  border-top: #ccc 1px solid;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
table.type01 th.r1 {
  border-right: #fff 1px dotted;
  width: 220px;
}
table.type01 th.r2 {
  border-right: #fff 1px dotted;
  width: 220px;
}

.page_id_artis table.type01 th.r1 {
  width: 330px;
}

.page_id_artis table.type01 th.r2 {
  width: 330px;
}

table.type01 th.r3 {
  border-right: #ccc 1px solid;
  width: 220px;
}
table.type01 th.none {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid;
  border-top: none;
}
table.type01 td {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px dotted;
  text-align: center;
}
table.type01 td:last-child {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid;
}
table.type01 td.r4 {
  border-left: #ccc 1px solid;
  color: #899;
  font-weight: bold;
}
#detail {
  margin: 0 auto;
  width: 940px;
}
#gallery {
  float: left;
  width: 460px;
}
#gallery ul {
  height: 460px;
}
#gallery ul li {
  float: left;
  margin: 0 20px 20px 0;
  width: 100px;
}
#gallery ul li.last {
  float: left;
  margin: 0 0 20px 0;
  width: 100px;
}
#gallery_main {
  float: left;
  margin-right: 20px;
  width: 460px;
}
.mod_thumlist01 h3 {
  color: #2d4a7e;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 0 3px 0;
}
.mod_thumlist02 h3 {
  color: #2d4a7e;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 0 3px 0;
}
.mod_thumlist03 h3 {
  color: #2d4a7e;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 0 3px 0;
}

.mod_thumlist03 h3, .mod_thumlist04 h3 {
  color: #2d4a7e;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 0 3px 0;
}

.mod_thumlist01 {
  margin: 0 auto 30px;
  overflow: hidden;
  width: 940px;
}
.mod_thumlist_photo {
  float: left;
  height: 360px;
  margin: 0 20px 0 0;
  position: relative;
  width: 460px;
}
.mod_thumlist_photo_entry01 {
  height: 360px;
  left: 0;
  position: absolute;
  top: 0;
  width: 460px;
}
.mod_thumlist_photo_entry01 p {
  background: rgba(0,0,0,.6);
  bottom: 0;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  width: 440px;
}
.mod_thumlist01 ul {
  float: right;
  width: 460px;
}
.mod_thumlist01 li {
  background: none;
  float: left;
  margin: 0 20px 20px 0;
}
.mod_thumlist01 li.last {
  background: none;
  float: left;
  margin: 0 0 20px 0;
}
.mod_thumlist01 li a {
  display: block;
}


.mod_thumlist01 li a:hover {
  opacity: .8;
}
.mod_thumlist01 li a:active {
  opacity: .8;
}
/* IE用 ↓*/
.mod_thumlist01 li a:hover img {
  filter: alpha(opacity=80);
}
.mod_thumlist02 {
  margin: 0 auto 30px;
  overflow: hidden;
  width: 940px;
}
.mod_thumlist_photo02 {
  float: left;
  height: 360px;
  margin: 0 20px 0 0;
  position: relative;
  width: 460px;
}
.mod_thumlist_photo_entry02 {
  height: 360px;
  left: 0;
  position: absolute;
  top: 0;
  width: 460px;
}
.mod_thumlist_photo_entry02 p {
  background: rgba(0,0,0,.6);
  bottom: 0;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  width: 440px;
}
.mod_thumlist02 ul {
  float: right;
  width: 460px;
}
.mod_thumlist02 li {
  background: none;
  float: left;
  margin: 0 20px 20px 0;
}
.mod_thumlist02 li.last {
  background: none;
  float: left;
  margin: 0 0 20px 0;
}
.mod_thumlist02 li a {
  display: block;
}


.mod_thumlist02 li a:hover {
  opacity: .8;
}
.mod_thumlist02 li a:active {
  opacity: .8;
}
.panorama {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 940px;
}
.panorama p {
  margin-top: 10px;
}
.panorama .txt {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
/* IE用 ↓*/
.mod_thumlist02 li a:hover img {
  filter: alpha(opacity=80);
}
.mod_thumlist03, .mod_thumlist04 {
  margin: 0 auto 30px;
  overflow: hidden;
  width: 940px;
}
.mod_thumlist_photo03, .mod_thumlist_photo04 {
  float: left;
  height: 360px;
  margin: 0 20px 0 0;
  position: relative;
  width: 460px;
}
.mod_thumlist_photo_entry03, .mod_thumlist_photo_entry04 {
  height: 360px;
  left: 0;
  position: absolute;
  top: 0;
  width: 460px;
}
.mod_thumlist_photo_entry03 p, .mod_thumlist_photo_entry04 p {
  background: rgba(0,0,0,.6);
  bottom: 0;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  width: 440px;
}
.mod_thumlist03 ul, .mod_thumlist04 ul {
  float: right;
  width: 460px;
}
.mod_thumlist03 li, .mod_thumlist04 li {
  background: none;
  float: left;
  margin: 0 20px 20px 0;
}
.mod_thumlist03 li.last, .mod_thumlist04 li.last {
  background: none;
  float: left;
  margin: 0 0 20px 0;
}
.mod_thumlist03 li a, .mod_thumlist04 li a {
  display: block;
}


.mod_thumlist03 li a:hover, .mod_thumlist04 li a:hover {
  opacity: .8;
}
.mod_thumlist03 li a:active, .mod_thumlist04 li a:active {
  opacity: .8;
}
/* IE用 ↓*/
.mod_thumlist03 li a:hover img, .mod_thumlist04 li a:hover img {
  filter: alpha(opacity=80);
}
#floorplan .floorplan_block {
  display: table-cell;
  padding: 20px;
  width: 274px;
}
#floorplan .floorplan_block img {
  margin-bottom: 8px;
}
/* !peripheral
---------------------------------------------------------- */
.content_block {
  margin: 0 auto;
  width: 940px;
}
.content_block dl {
  float: left;
  margin: 0 20px 30px 0;
  width: 300px;
}
.content_block dl.last {
  float: left;
  margin: 0 0 30px 0;
  width: 300px;
}
.content_block dt {
  margin-bottom: 5px;
}
.content_block dt a {
  display: block;
  text-decoration: none;
}
.content_block dt span {
  background: #899;
  color: #fff;
  display: block;
  padding: 5px 0 5px 8px;
  text-align: left;
}
.content_block dd {
  line-height: 20px;
  text-align: left;
}
.content_block dd span {
  border-bottom: #879999 1px solid;
  color: #879999;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
/*table.type02 {
	width:940px;
	margin:0 auto;
	font-size:14px;
	border-collapse:separate;
	border-spacing:0;
}
table.type02 th,
table.type02 td {
	padding:10px;
}
table.type02 th{
	color:#ffffff;
	background-color:#889999;
	font-weight:bold;
	text-align:center;
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
}
table.type02 th.r1{
	border-right:#ffffff 1px dotted;
}
table.type02 th.r2{
	border-right:#ffffff 1px dotted;
}
table.type02 th.r3{
	border-right:#cccccc 1px solid;
}

table.type02 td{
	background-color:#ffffff;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px dotted;
	text-align:center;
}
table.type02 td:last-child{
	background-color:#ffffff;
	text-align:left;
	padding-left:10px;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
}

table.type02 td.r4{
	font-weight:bold;
	color:#889999;
	border-left:#cccccc 1px solid;
} */

.se_list01 {
  margin: 0 auto;
  width: 940px;
}
.se_list01 li {
  float: left;
  margin: 0 20px 30px 0;
}
.se_list01 li.last {
  margin-right: 0;
}
.table01 {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 300px;
}
.table01 th {
  background-color: #899;
  border-bottom: 1px solid #ccc;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}
.table01 td {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.table01 .about01 {
  background-color: #2d4a7e;
}
.table01 .place01 {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
}
.table01 .time01 {
  font-size: 12px;
  padding: 5px 10px;
}
.margin_b {
  margin-bottom: 1.5rem;
}
/* !vacancy
---------------------------------------------------------- */
table.type03 {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  margin: 0 auto;
  padding-bottom: 50px;
  width: 940px;
}
table.type03 th, table.type03 td {
  padding: 15px;
}
table.type03 th {
  background-color: #899;
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px dotted;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 50%;
}
table.type03 th.r1 {
  border-top: #ccc 1px solid;
}
table.type03 td {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid;
  text-align: center;
}
table.type03 td.r2 {
  border-top: #ccc 1px solid;
}
.info_bnr {
  margin: 0 auto;
  text-align: center;
  width: 940px;
}
/* !information
---------------------------------------------------------- */
#form {
  margin: 0 auto;
  width: 940px;
}
table.type04 {
  border-left: 1px #ccc solid;
  border-top: 1px #ccc solid;
  width: 100%;
}
table.type04 th {
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
table.type04 td {
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: middle;
}
table.type04 td input[type=text] {
  border: 1px #ccc solid;
  height: 20px;
  width: 95%;
}
table.type04 td input[type=checkbox] {
  margin-right: 10px;
}
table.type04 td textarea {
  border: 1px #ccc solid;
  height: 170px;
  width: 95%;
}
.colorRed {
  color: #fe0000;
}
input[type='submit'] {
  background: url(../img/btn_form.png) no-repeat;
  border: none;
  cursor: pointer;
  height: 0;
  margin-bottom: 100px;
  overflow: hidden;
  padding-top: 100px;
  width: 440px;
}
input[type='submit']:hover {
  opacity: .8;
}
.formErrorContent {
  border: #f00 1px solid;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #f00;
  margin-top: 10px;
  padding: 5px;
}
.submit input[type='submit'] {
  background: url(../img/btn_form_submit.png) no-repeat;
  margin-bottom: 20px;
}