@charset "utf-8";
/* 
2016-04-23 Add StyleSheet 
交通アクセス部分・交通アクセスページ用
*/

/* TOPページのセレクトボックスのスタイル */
.topSelectWrap {
	margin: 3em auto;
	text-align: center;
	width: auto;
}

.topSelectInner {
	display: inline-block;
	margin: 0 auto 10px auto;
	max-width: 304px;
	padding: 0 5px 0 5px;
	width: auto;
}

.topSelectImgBox {
	width: auto;
}

.topSelectImgBox img {
	display: block;
	width: 100%;
}

/* --- これまでのスタイルを上書き --- */
.new-section-h3 {
	font-size: 100% !important;
	padding: 8px 0 !important;
}

ul.access_box li {
	border: none !important; 
}

.acs_sub {
	color: #228b22 !important;
	font-size: 160% !important;
}

/* --- テキストのスタイル追加 --- */
.fwB {
	font-weight: bold;
}

.fsize120 {
	font-size: 120%;
}

.taC {
	text-align: center;
}

.taR {
	text-align: right;
}

.taL {
	text-align: left;
}

.tRed {
	color: #ff0000;
}

.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.cffffff {
	color:#ffffff;
	}

.maplink {
	color:#1891CA;
	}

.maplink:hover {
	color:#1891CA;
	text-decoration:none;
	}


.bdCCC {
	border:1px solid #CCCCCC;
	}

.bd3CCC {
	border:3px solid #CCCCCC;
	}

.bd1891CA {
	border:1px solid #1891CA;
	}

.bdt1891CA {
	border-top:1px solid #1891CA;
	}

.bdtnone {
	border-top:none!important;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	}

.bdbdot1891CA {
	border-bottom:1px dotted #1891CA;
	}

.bdbdot000 {
	border-bottom:1px dotted #000;
	}

.bdnone {
	border:none;
	}

.bdDDEEF7 {
	border:1px solid #DDEEF7;
	}

.bg1891CA {
	background: #1891CA;
	color:#fff;
	}

.bgF3F9FC {
	background: #F3F9FC;
}

.bgFAE4EA {
	background: #FAE4EA;
	}


.aisatsu_photo {
	width:250px;
}

.pb7 {
	padding-bottom:7px;
}


.mb7 {
	margin-bottom:7px;
}

.p1per {
	padding:1%;
}

.p2per {
	padding:2%;
}

.p3per {
	padding:3%;
}

.w50px {
	width:50px;
}

.w100 {
	width:100px;
}

.w248 {
	width:248px;
}

.w258 {
	width:258px;
}

.mapmini {
	width:100%;
	height:218px;
}

.w300px {
	width:300px;
}

.w400px {
	width:400px;
}

.w510px {
	width:510px;
}

.w520px {
	width:520px;
}

.w548 {
	width:548px;
}
.w810 {
	width:810px;
}

.w5per {
	width:5%;
}

.w8per {
	width:8%;
}

.w10per {
	width:10%;
}

.w15per {
	width:15%;
}

.w16per {
	width:16%;
}

.w18per {
	width:18%;
}

.w20per {
	width:20%;
}

.w25per {
	width:25%;
}

.w30per {
	width:30%;
}

.w48per {
	width:48%;
}

.w50per {
	width:50%;
}

.w65per {
	width:65%;
}

.w76per {
	width:76%;
}

.w78per {
	width:78%;
}

.w80per {
	width:80%;
}

.w85per {
	width:85%;
}

.w100per {
	width:100%;
}

.h150px {
	height:150px;
}

.wauto {
	width:auto;
}

.table_fix {
	table-layout:fixed;
}


.telinfoarea {
	width:810px;
	height:190px;
	margin:0 auto;
	position:relative;
	}

.telinfo {
	position:absolute;
	left :87px;
	top :104px;
	}

.btn_mailform {
	position:absolute;
	right :87px;
	top :113px;
	width:237px;
	height:41px;
	background:url(../common/img/btn_mailform.png) left top no-repeat;
	}



.btn_mailform:hover {
	background-position:left bottom;
	}

/* disc付きリスト */
ul.discList {
	margin: 0 auto;
	width: 100%;
}

ul.discList li {
	display: list-item;
	margin-left: 25px;
	list-style-type: disc;
}	

/* --- シャトルバス運行表部分 --- */
.busTableAllWrap {
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

.busTableInner {
	display: inline-block;
	margin: 0 auto 10px auto;
	min-width: 290px;
	text-align: left;
	width: 49%;
}

.busTableTitle {
	background-color: #fffaf0;
	border: 2px solid #F27D99;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 4px auto;
	padding: 0 0 5px 0;
}

table.freeBusTable {
	border: 2px solid #F27D99;
	width: 100%;
}

table.freeBusTable th {
	border-bottom: 4px double #F27D99;
	font-size: 12px;
	padding: 5px;
	text-align: center;
}

table.freeBusTable td {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}

table.freeBusTable td.wd1 {
	width: 1%;
	font-size: 10px;
	word-break: break-all;
}

table.freeBusTable td.wd2 {
	width: 26%;
	font-size: 18px;
	font-weight: bold;
	word-break: break-all;
}

ul.freeBusInList,
ul.accInList,
ul.accDiscInList {
	margin: 0 auto;
	width: 100%;
}

ul.freeBusInList li,
ul.accInList li,
ul.accDiscInList li {
	border:none;
}

ul.accDiscInList li {
	display: list-item;
	margin-left: 25px;
	list-style-type: disc;
}

.accessMapLink {
	margin: 30px auto;
    padding: 0;
}
.accessMapLink a {
    display: inline-block;
    width: 80%;
    position: relative;
    background-color: #FACFD9;
    border-radius: 7px;
    color: #F65776;
    line-height: 120%;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 2px 0 #F8B1C1;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding: 1em;
}
.accessMapLink a:hover {
    background-color: #FAE4EA;
    box-shadow: 0 2px 0 #F8B1C1;
}
.accessMapLink a:active {
    top: 2px;
    box-shadow: none;
}
.accessMapLink a::before,
.accessMapLink a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.accessMapLink a,
.accessMapLink a::before,
.accessMapLink a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/* -------------------------------------------------
アクセスマップページ用スタイル追加
-------------------------------------------------- */
.mapContentsWrap {
	margin: 0 auto 20px auto;
	width: auto;
}

.mapContentsWrap img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto; 
	width /***/:auto; /* for ie8 */
}

/* 2016-04-25 アクセスマップタブ切替　*/
/* タブ部分 */
ul#accessTab {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	display: table;
	margin: 20px auto 10px 0;
	table-layout: fixed;
	width: 100%;
}

ul#accessTab li {
	background-color: #fff;
	border-right: 1px solid #ccc;
	color: #333;
	cursor: pointer;
	display: table-cell;
	list-style-type: none;
	padding: 15px 0;
	text-align: center;	
}

ul#accessTab li.select {
	background-color: #F8B1C1;
	color: #fff;	
}

.accTriangle {
	display: inline-block;
	font-size: 10px;
	vertical-align: top;
	margin-left: 10px;
}

/* アクセスマップコンテンツ部 */
ul#accessCont {
	margin: 0 auto 20px auto;
	width: 100%;
}

ul#accessCont li {
	display: none;
	list-style-type: none;
	margin: 0 auto;
	width: 100%;
	min-height: 250px;
	max-height: 800px;
}

ul#accessCont li.selCont {
	display: block;
}