@charset "UTF-8";
/* notice --------------------------------------------------*/

.notice {
	color: #fff;
	padding: 25px 45px 25px;
}

.notice h2 {
	font-size: 4.6em;
	margin: 0 auto 24px;
	width: 500px;
	border-bottom: dotted yellow 8px;
	padding-bottom: 0;
	white-space: nowrap;
}

.notice h3 {
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.5em;
}

.notice h3 em {
        font-weight: bold;
        color: deepskyblue;
}

.notice ul {
        font-weight: bold;
        font-size: 1.4em;
        color: deepskyblue;
        text-align: left;
        width: 640px;
}

.notice ul li span {
        color: white;
        line-height: 2em;
	margin-bottom: -10px;
}

.notice h4 {
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.5em;
}

.notice h4 a {
        color: deepskyblue;
        font-size: 1.1em;
        font-weight: normal;
}

.notice h4 strong {
	border-bottom: double yellow 4px;
	line-height: 2em;
	margin-bottom: -10px;
}

/* top */

/* base setting --------------------------------------------------*/

.head .inbox {
	height: 297px;
	position: relative;
	background: url("../media/mv.jpg") no-repeat center top;
	width: 1000px;
}

div.contents {
	width: 860px;
}

.head .inbox .logo {
	margin-left: 45px;
	width: 264px;
	height: 157px;
	background: url("../media/logo.png") no-repeat left top;
}

/* Language */

.head .lang_select {
	position: absolute;
	top: 20px;
	right: 45px;
	z-index: 10;
	overflow: hidden;
}

.head .lang_select button {
	border: solid 1px #b6b6b6;
	color: #221e1e;
	font-size: 11px;
	line-height: 1;
	text-align: left;
	padding: 8px 30px 8px 15px;
	position: relative;
	z-index: 100;
}

.head .lang_select .lang_ttl {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	border-radius: 0;
}

.head .lang_select .lang_ttl button:after {
	content: '';
	display: inline-block;
	border: 0;
	border-top: solid 1px #595858;
	border-right: solid 1px #595858;
	width: 5px;
	height: 5px;
	-webkit-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
	position: absolute;
	right: 10px;
	top: 50%;
}

.head .lang_select .lang_ttl.is-open button:after {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

.head .lang_select .lang_ttl.is-open+.lang_list {
	top: 0;
	position: relative;
}

.head .lang_select .lang_list {
	background: #fff;
	position: absolute;
	top: -160px;
	left: 0;
	right: 0;
	border: solid 1px #b6b6b6;
	font-size: 11px;
	color: #221e1e;
	text-align: left;
	padding: 8px 10px;
	background-color: #fff;
	transition: all 1s;
	box-sizing: border-box;
	overflow: hidden;
}

.head .lang_select .lang_list li {
	padding: .15rem 0;
}

.head .lang_select .lang_list a {
	text-decoration: none;
}

/* tax_bnr --------------------------------------------------*/

.head .con_bnr {
	position: absolute;
	top: 65px;
	right: 45px;
	z-index: 5;
	overflow: hidden;
}
.head .tax_bnr {
	position: absolute;
	top: 200px;
	right: 45px;
	z-index: 5;
	overflow: hidden;
}
.head .con_bnr a:hover,
.head .tax_bnr a:hover {
	opacity: 0.96;
}

/* mv --------------------------------------------------*/

.mv {
	z-index: 3;
}

#mv_back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
	overflow: hidden;
}

/* navi --------------------------------------------------*/

.navi {
	height: 145px;
	background: url("../media/bg_top_navi.gif") repeat-x center top;
	overflow: hidden;
}

div.navi ul.navis {
	width: 900px;
	margin: 0 auto;
	padding: 5px 0 5px 0;
	text-align: left;
}

* html div.navi ul.navis {
	margin: 0;
}

div.navi ul.navis li {
	float: left;
	width: 148px;
	height: 133px;
	margin-right: 3px;
}

div.navi ul.navis li a {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	color: #fff;
}

div.navi ul.navis li.naviRiyou {}

div.navi ul.navis li.naviPrice {}

div.navi ul.navis li.naviDownload {}

div.navi ul.navis li.naviFloorguide {}

div.navi ul.navis li.naviAccess {
	width: 168px;
	height: 65px;
	margin-bottom: 3px;
}

div.navi ul.navis li.naviPassport {
	width: 168px;
	height: 65px;
}

div.navi ul.navis li.naviInquiry {
	width: 125px;
	margin-right: 0;
	margin-top: -68px;
}

/* news --------------------------------------------------*/

.news {
	text-align: left;
	width: 898px;
	height: 145px;
	margin: 1px auto;
	background-color: #e2f4fc;
	color: #777;
	overflow: auto;
}

.news a {
	color: red;
	text-decoration: underline;
}

.news a:hover {
	text-decoration: none;
}

.news h2 {
	background: url("../media/h_news.gif") no-repeat left top;
	text-indent: -9999px;
	width: 62px;
	height: 34px;
	float: left;
}

.news ul {
	overflow: auto;
	padding: 7px 0;
}

.news ul li {
	color: red;
	/* margin-left: 3.5em;
	text-indent: -3.5em; */
	margin-left: 4rem;
	text-indent: -4rem;
	padding-bottom: 4px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-bottom: 2px;
}

.news ul li strong {
	background: #eb0000;
	padding: 2px 4px 3px 4px;
	margin-right: 5px;
	line-height: 1em;
	font-size: 0.85em;
	color: #fff;
	letter-spacing: 0;
	font-weight: normal;
}
/* acess space */
.blue {
  color: #1d66aa;
}
.orange {
  color: #e67e22;
}
.access_text_area {
  margin: 30px 0 20px;
}
.access_text_area .access_text {
  font-size: 20px;
  line-height: 1.8;
  font-weight: bold;
	width: 90%;
	margin: 0 auto;
	width: 880px;
}
.access_text_area .access_text span.marker {
  background: linear-gradient(transparent 50%, #f4f1be 60%);
}
.access_text_area .access_text span.blue {
  font-size: 30px;
  color: #1d66aa !important;
}
.space_word {
  border-bottom: 1px solid #1d66aa;
  border-top: 1px solid #1d66aa;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 15px 0;
  width: 860px;
}
.space_area {
  width: 860px;
  padding-bottom: 80px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.space_area .space_content {
  width: 50%;
}
.space_content .space_ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 10px;
}
.space_content .space_ttl span {
  font-size: 20px;
  background: linear-gradient(transparent 50%, #f4f1be 60%);
}
.space_content .space_ttl span.blue {
  color: #1d66a7 !important;
}
.space_content .space_ttl span.orange {
  color: #e67e22 !important;
}
.space_area .space_txt {
  font-size: 12px;
  line-height: 1.8;
  margin: 0 auto;
  width: 375px;
  text-align: left;
  padding-bottom: 35px;
}
.space_area .btn_area {
  border: 1px solid #1d66aa;
  background-color: #fff;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  max-width: 350px;
	margin: 0 auto;
  padding: 20px 70px 18px 90px;
  position: relative;
	display: block;
}
.space_area .btn_area::before {
  background-image: url("../media/glass_b.png");
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 15px;
  left: 60px;
}
.space_area .btn_area span {
  font-size: 16px;
  color: #1d66a7 !important;
}
.space_area .btn_area:hover {
  background-color: #1d66a7;
  color: #fff;
}
.space_area .btn_area:hover span {
  color: #fff !important;
}
.space_area .btn_area:hover::before {
  background-image: url("../media/glass_w.png");
}
.space_area .btn_area02 {
  border: 1px solid #e67e22;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  padding: 20px 15px 18px 45px;
  max-width: 350px;
	margin: 0 auto;
  text-decoration: none;
  position: relative;
	display: block;
}
.space_area .btn_area02::before {
  background-image: url("../media/glass_o.png");
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 15px;
  left: 16px;
}
.space_area .btn_area02 span {
  font-size: 16px;
  color: #e67e22 !important;
}
.space_area .btn_area02:hover {
  background-color: #e67e22;
  color: #fff;
}
.space_area .btn_area02:hover span {
  color: #fff !important;
}
.space_area .btn_area02:hover::before {
  background-image: url("../media/glass_w.png");
}
/* contents_left */

div.contents .contents_left {
	float: left;
	width: 584px;
}

.contents_left .shisetsu h2 {
	background: url("../media/h2_shisetsulist.png") no-repeat left top;
	text-indent: -9999px;
	width: 133px;
	height: 22px;
	margin-top: 24px;
	margin-bottom: 12px;
	padding-bottom: 0;
}

.shisetsuread {
	background: #e2f4fc;
	padding: 12px;
	letter-spacing: 0.05em;
}

.contents_left dl.shisetsuread dt {
	font-weight: bold !important;
}

.shisetsuread dd {
	padding-top: 4px;
}

.contents_left .boxshisetsu {
	margin-top: 13px;
}

.contents_left .boxshisetsu div.cube {
	float: left;
	width: 136px;
	margin-right: 13px;
}

.contents_left .boxshisetsu div.cube .title {
	margin-bottom: 7px;
}

.contents_left .boxshisetsu div.cube .title a {
	background: url("../media/arrow_01.gif") no-repeat 0 0.5em !important;
	padding-left: 6px;
	font-weight: bold;
	display: block;
}

.contents_left .boxshisetsu div.cube .title a .xss {
	font-size: 0.85em;
}

.contents_left .boxshisetsu div.cube ul {}

.contents_left .boxshisetsu div.cube ul li {}

.contents_left .boxshisetsu div.cube .read {
	font-size: 1.05em;
	color: #824a1d;
	letter-spacing: 0.01em;
	padding-top: 6px;
	margin-bottom: 6px;
}

.contents_left ul.cubelist li {
	font-size: 1.2em;
	padding-left: 6px;
	padding-bottom: 2px;
	letter-spacing: 0.05em;
	font-weight: bold;
}

div.contents .contents_left .bikou {
	background: #e6e6e6;
	padding: 6px 5px;
	color: #000000;
	font-size: 1.15em;
}

.contents_left p.link a {
	background: url("../media/arrow_01.gif") no-repeat 0 0.4em !important;
	padding-left: 8px;
	font-weight: bold;
}

/* contents_right */

div.contents .contents_right {
	float: right;
	width: 257px;
}

.contents_right .boxspaceview h2 {
	background: url("../media/h2_speceview.png") no-repeat left top;
	text-indent: -9999px;
	width: 239px;
	height: 22px;
	margin-top: 23px;
	margin-bottom: 12px;
	padding-bottom: 0;
}

.contents_right .boxspaceview h3 {
	color: #282828;
	font-size: 1.4em;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.contents_right .boxspaceview p.texts {
	color: #282828;
	line-height: 1.8em;
	font-size: 1.20em;
	letter-spacing: 0.05em;
	margin-bottom: 15px;
}

.contents_right .boxabout h2 {
	background: url("../media/h2_aboutopief.png") no-repeat left top;
	text-indent: -9999px;
	width: 230px;
	height: 20px;
	margin-top: 24px;
	margin-bottom: 12px;
	padding-bottom: 0;
}

.contents_right .boxabout li {
	float: left;
	margin-bottom: 3px;
	padding-bottom: 0;
}

.contents_right li:nth-child(odd) {
	margin-right: 5px;
}

.contents_right li:nth-child(5) {
	margin-top: 4px;
}

.contents_right li:nth-child(6) {
	margin-top: 6px;
}

.contents_right li.link a {
	background: url("../media/arrow_01.gif") no-repeat 0 0.3em !important;
	padding-left: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	display: block;
}

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

/* clear */

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

div.contents .contents_left .boxshisetsu:after, .cl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* WinIE7 MacIE5 */

div.contents dl.newsList, div.contents .contents_left .boxshisetsu {
	display: inline-table;
	zoom: 100%;
}

/* WinIE5-6 */

/* Hides from IE-mac \*/

* html div.contents dl.newsList, * html div.contents .contents_left .boxshisetsu {
	height: 1px;
}

.notice {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.notice_request {
    margin-left: auto;
    margin-right: auto;
    width: 640px;
}