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

/* ---------------------------------------------------------
English
--------------------------------------------------------- */
#sub_visual_area {
	margin: 10px 0 20px;
}
.english_block {
	overflow:hidden;
	margin: 0 8px 25px 14px;
	width:683px;
}
.english_block02 {
	overflow:hidden;
	width:705px;
}
.english_block_bottom30 {
	margin:0 0 30px;
}
.english_item {
	overflow:hidden;
}
.english_text {
	line-height:1.6em;
}
.english_text_bottom {
	margin-bottom:20px;
}
.english_text_bottom02 {
	margin-bottom:10px;
}
h2.english_h2 {
	margin: 0 0 10px;
}
.english_left {
	float: left;
	margin:0 15px 10px 0;
}
.english_right {
	float:right;
	margin:0 0 10px 30px;
}
.english_btn {
	margin: 15px 0;
}
.english_img01 {
	overflow:hidden;
	margin: 5px 0 40px;
	width:683px;
}
.english_img01 li {
	float:left;
	padding: 0 5px 0 0;
}
.english_img02 {
	overflow:hidden;
	margin: 15px 0 40px;
}
.english_img02 li {
	float:left;
	padding: 0 4px 0 0;
}
li.li_last {
	padding-right:0px;
}
.english_ul_bottom0 {
	margin-bottom: 0;
}
.english_ul_bottom30 {
	margin-bottom: 30px;
}
h3 {
	margin: 10px 0 15px;
}
.english_totop_on {
	margin-bottom: 15px;
}
.english_topagetop {
	text-align:right;
	margin-bottom: 30px;
}
.engliahs_blaukuste {
	background-image: url("../images/english/back_engliahs_blaukuste.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10px 0 10px;
	min-height: 21px;
	_height: 21px;
	padding: 7px 0;
}
.engliahs_perle {
	margin: 8px 0 6px;
}
.english_tbl {
	margin-bottom: 15px;
}
.english_tbl_01 {
	margin-bottom: 8px;
}
.english_tbl01 {
	background-color: #FFFFFF;
	border-left: 1px solid #38332C;
	border-top: 1px solid #38332C;
	margin: 10px 0;
}
.english_tbl01 td {
	border-bottom: 1px solid #38332C;
	border-right: 1px solid #38332C;
	padding:5px;
}
.english_td_center {
	text-align:center;
}
.english_block02 .english_text {
	background-color: #FFFFFF;
	border: 1px solid #38332C;
	padding:10px;
	margin:0 0 10px;
}
.english_map {
	text-align:center;
}


@charset "utf-8";

/*----------------
 access
-----------------*/
.accessIconTtl01,
.accessIconTtl02,
.accessIconTtl03 {
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 0.5em;
	padding-left: 40px;
	font-size: 112.5%;
	margin-bottom: 0.8em;
}
.accessIconTtl01,
.accessIconTtl02 {
	color: #a58050;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #a58050;
}
.accessIconTtl03 {
	color: #e20e46;
}
.accessIconTtl01 {
	background-image: url("../img/access/icon01.png");
}
.accessIconTtl02 {
	background-image: url("../img/access/icon02.png");
}
.accessIconTtl03 {
	background-image: url("../img/access/icon03.png");
}

#contents .accessTxt01,
#contents .accessList01 li {
	line-height: 1.8;
}
.accessTxt01 {
	font-size: 81.3%;
	font-weight: bold;
	color: #a58050;
	line-height: 1.8;
	margin-bottom: 1.5em;
}
.accessTxt02 {
	color: #e20e46;
}

.accessList01 {
	margin-bottom: 1.5em;
}
.accessList01 li {
	text-indent: -1.3em;
	margin-left: 1.3em;
	font-size: 81.3%;
}
.accessList01 li .icon {
	width: 1.3em;
	display: inline-block;
	text-indent: 0;
}

#access01 {
	padding-bottom: 60px;
}
#access01 .mapArea {
	padding: 4px;
	border: 1px solid #dac378;
	height: 415px;
}
#access01 .mapArea iframe {
	width: 1070px;
	height: 415px;
}

#access02 .accessImgArea {
	border: 1px solid #e8e8e8;	
}
#access02 .columnLayout2 .columnTxtArea dl {
	margin-bottom: 1.2em;
}
#access02 .columnLayout2 .columnTxtArea dt,
#access02 .columnLayout2 .columnTxtArea dd {
	font-size: 93.3%;
}
#access02 .columnLayout2 .columnTxtArea dt {
	font-weight: bold;	
}

#access02 .columnLayout2 .columnTxtArea dd li {
	text-indent: -1em;
	margin-left: 1em;	
}
#access02 .columnLayout2 .columnTxtArea dd .btnAreaGo {
	margin-top: 0.3em;		
}
#access02 .columnLayout2 .columnTxtArea dd .btnAreaGo span {
	text-align: left;
	font-size: 93.8%;
}

#access03 p {
	/*font-size: 93.3%;*/
	margin-bottom: 1.0em;
}
#access03 table {
	border-collapse:collapse;
	width: 100%;
	table-layout: fixed;
}
#access03 th,
#access03 td {
	border: 1px solid #d7c7b3;
	padding: 10px 20px;
	vertical-align: middle;
	text-align: center;
}
#access03 th,
#access03 th span {
	background-color: #f7f7f7;
	font-weight: bold;
	color: #a58050;
	line-height: 1.5;
}
#access03 th {
	font-size: 87.5%;
}
#access03 td {
	font-size: 93.3%;
	background-color: #fff;
}
#access03 .accessImgArea {
	margin-bottom: 40px;	
}
#access03 .columnLayout2 .columnMainTxt {
	width: 550px;
}
#access03 .columnLayout2 .columnMainImg {
	width: 485px;
	float: right;
}

@media screen and (max-width:640px) {
#accessMainTtlArea {
	margin-bottom: 0;
}
#access01 {
	padding-bottom: 0;
}
#access01 .contentInner,
#access02 .contentInner {
	margin-right: 0;
	margin-left: 0;
}
#access02 h2,
#access02 .columnLayout2 {
	margin-right: 5%;
	margin-left: 5%;
}

#access01 .mapArea {
	padding: 0;
	border: none;
	height: 255px;
}
#access01 .mapArea iframe {
	width: 100%;
	height: 255px;
	pointer-events: none;
}
#access02 .accessImgArea {
	border-right: none;
	border-left: none;	
}
#access02 .columnLayout2 .columnTxtArea dl:last-child {
	margin-bottom: 0;
}
#access02 .columnLayout2 .columnTxtArea dd .btnAreaGo a {
	display: block;
}
#access02 .columnLayout2 .columnTxtArea dd .btnAreaGo span {
	text-align: center;
}

#access03 th,
#access03 td {
	padding: 2% 5%;
}
#access03 th {
	font-size: 93.8%;
}
#access03 .accessImgArea {
	margin-bottom: 8%;	
}
#access03 .columnLayout2 .columnMainTxt {
	width: auto;
}
#access03 .columnLayout2 .columnMainImg {
	width: auto;
	float: none;
}
}

@media screen and (max-width:400px) {
#access02 .columnLayout2 .columnTxtArea dd .btnAreaGo span {
	font-size: 100%;
}
#access03 th {
	font-size: 81.3%;
}
#access03 td {
	font-size: 87.5%;
}
}


/*----------------
 accecemap
-----------------*/
.mapTxt01 {
	color: #e20e46;
	text-decoration: underline;
}
#accecemap01 .mapArea {
	padding: 4px;
	border: 1px solid #dac378;
	width: 970px;
	margin: 0 auto 22px;
}
#accecemap01 .mapAreaTxt {
	width: 980px;
	margin: 0 auto 20px;
	text-align: center;
}

#accecemap02 .mapTtl,
#accecemap03 .mapTtl {
	padding-bottom: 0.7em;
	margin-bottom: 1.8em;	
}
#accecemap02 .mapTtl img,
#accecemap03 .mapTtl img {
	max-width: 100%;
	width: auto;
}
#accecemap02 .mapTtl {
	border-bottom: 2px solid #cc145f;	
}
#accecemap03 .mapTtl {
	border-bottom: 2px solid #419fdb;
}

#accecemap02 .mapColumn {
	margin-left: -30px;
}
#accecemap02 .mapColumn li {
	float: left;
	width: 340px;
	margin-left: 30px;
	margin-bottom: 1.5em;
}
#accecemap02 .mapColumn .imgArea {
	margin-bottom: 1em;
}
#accecemap02 .mapColumn .txtArea,
#accecemap03 .mapColumn .txtArea {
	font-size: 81.3%;	
}

#accecemap03 .mapColumn li {
	margin-bottom: 1.8em;
	position: relative;
	min-height: 190px;
	padding-left: 370px;
}
#accecemap03 .mapColumn p {
	margin-bottom: 1.5em;
}
#accecemap03 .mapColumn .imgArea {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 340px;
}
#accecemap03 .btnAreaGo {
	width: 370px;
	margin: 0 auto;	
}
#accecemap03 .btnAreaGo a {
	font-size: 100%;
}

@media screen and (max-width:640px) {
#accecemap01 .mapArea {
	width: auto;
	margin: 0 auto 5%;
}
#accecemap01 .mapAreaTxt {
	width: auto;
	margin: 0 auto 5%;
}

#accecemap02 .mapColumn {
	margin-left: 0;
}
#accecemap02 .mapColumn li {
	float: none;
	width: auto;
	margin-left: 0;
}
#accecemap03 .mapColumn li {
	position: static;
	min-height: inherit;
	padding-left: 0;
}

#accecemap03 .mapColumn .imgArea {
	position: static;
	width: auto;
	margin-bottom: 1em;
}
#accecemap03 .btnAreaGo {
	width: auto;
}
}
@media screen and (max-width:400px) {
#accecemap03 .btnAreaGo a {
	font-size: 75.0%;
}
}