@charset "UTF-8";

/*
*	/cnt/etc/festa/ style
*	
******************************************************/


/*  0. override/common style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

/* --------- override --------- */
body{
	-webkit-text-size-adjust:none;
}
/*
.contents * { text-align: left;}
*/

/* --------- common --------- */

/*追加金沢*/
.add_info{
	text-decoration: none;
	color: #176fba;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.add_info:hover{
	opacity: 0.6;
}
/*追加金沢*/

.contents #navBlock{
	background: url("../images/bg_gnav.png") repeat-x left top;
	width: 896px;
	margin: 10px 0;
	padding: 0 0 0 4px;
	overflow: hidden;
}
.contents #navBlock ul{
	width: 896px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.contents #navBlock li{
	background: url("../images/bg_gnavline.png") no-repeat left top;
	float: left;
	margin: 0 0 0 -2px;
	padding: 0 0 0 2px;
}
.contents #navBlock a{
	background-color: transparent !important;
	background-image: url("../images/nav.png");
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 45px;
	margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	outline: 0px solid #ffffff;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
.contents #navBlock #gnavTop a{
	background-position: 0 0;
}
.contents #navBlock #gnavTop.current a,
.contents #navBlock #gnavTop a:hover{
	background-position: 0 -45px;
}
.contents #navBlock #gnavSapporo a{
	background-position: -90px 0;
}
.contents #navBlock #gnavSapporo.current a,
.contents #navBlock #gnavSapporo a:hover{
	background-position: -90px -45px;
}
.contents #navBlock #gnavSendai a{
	background-position: -180px 0;
}
.contents #navBlock #gnavSendai.current a,
.contents #navBlock #gnavSendai a:hover{
	background-position: -180px -45px;
}
.contents #navBlock #gnavNigata a{
	background-position: -270px 0;
}
.contents #navBlock #gnavNigata.current a,
.contents #navBlock #gnavNigata a:hover{
	background-position: -270px -45px;
}
.contents #navBlock #gnavYokohama a{
	background-position: -360px 0;
}
.contents #navBlock #gnavYokohama.current a,
.contents #navBlock #gnavYokohama a:hover{
	background-position: -360px -45px;
}
.contents #navBlock #gnavShizuoka a{
	background-position: -450px 0;
}
.contents #navBlock #gnavShizuoka.current a,
.contents #navBlock #gnavShizuoka a:hover{
	background-position: -450px -45px;
}
.contents #navBlock #gnavNagoya a{
	background-position: -540px 0;
}
.contents #navBlock #gnavNagoya.current a,
.contents #navBlock #gnavNagoya a:hover{
	background-position: -540px -45px;
}
.contents #navBlock #gnavOsaka a{
	background-position: -630px 0;
}
.contents #navBlock #gnavOsaka.current a,
.contents #navBlock #gnavOsaka a:hover{
	background-position: -630px -45px;
}
.contents #navBlock #gnavJisseki a{
	background-position: -720px 0;
}
.contents #navBlock #gnavJisseki.current a,
.contents #navBlock #gnavJisseki a:hover{
	background-position: -720px -45px;
}
.contents #navBlock #gnavVoice a{
	background-position: -810px 0;
}
.contents #navBlock #gnavVoice.current a,
.contents #navBlock #gnavVoice a:hover{
	background-position: -810px -45px;
}







.contents .bgBox01{
	background: url("../images/com_bg01_b.png") no-repeat left bottom;
}
.contents .bgBox01 .bgBox01Inner{
	background: url("../images/com_bg01_t.png") no-repeat left top;
	width: 828px;
	margin: 0;
	padding: 36px 36px 46px 36px;
	position: relative;
}

.contents .bgBox02{
	background: url("../images/com_bg02_b.png") repeat-y left bottom;
}
.contents .bgBox02 .bgBox02Inner{
	background: url("../images/com_bg02_t.png") no-repeat left top;
	width: 757px;
	margin: 0;
	padding: 30px 35px;
	position: relative;
}


.contents h1{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
}
.contents p{
	margin: 1em 0;
}


.noBreak{
	white-space: nowrap;
}



/* jisseki */
.contents .jisseki .bgBox01 .bgBox01Inner{
	padding-top: 20px;
}
.contents .jisseki .bgBox02{
	margin-top: 30px;
}


.contents .jisseki .jissekiTag01{
	position: absolute;
	top: 35px;
	left: 40px;
}

.contents .jisseki .univBox{
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}
.contents .jisseki .univBox h2{
	margin: 10px 0 0 0 !important;
	float: left;
}
.contents .jisseki .univBox .txt{
	margin: 10px 0 0 0 !important;
	padding: 0;
}

.contents .jisseki .univBox .txt_list{
	float:left;
	margin: 10px 0 0 0 !important;
	padding: 0;
}

.contents .jisseki .univBox .txt_list h3{
	-webkit-margin-before: 0px !important;
	-webkit-margin-after:  0px !important;
	-webkit-margin-start: 0px !important;
	-webkit-margin-end: 0px !important;
	font-weight: bold;
	font-size:20px !important;
	color:#E52F81 !important;
}

.contents .jisseki .univBox .txt_list .li{
	font-size:9px !important;
	list-style-image: url(images/txt_list_icon.png);
}




.contents .jisseki .corpBox{
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}
.contents .jisseki .corpBox h2{
	margin: 0 0 10px 0 !important;
	padding: 0;
}
.contents .jisseki .corpBox p{
	margin: 0 !important;
	padding: 0;
}




/* voice */

.contents .voice .voiceTag01{
	position: absolute;
	top: 25px;
	left: 40px;
}

.contents .voice .voiceListBox01{
	width: 828px;
	margin: 20px 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	zoom: 1;
}
.contents .voice .voiceListBox01 .img{
	width: 200px;
	margin: 0;
	padding: 45px 0 0 0;
	float: left;
}

.contents .voice .voiceList01{
	width: 595px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
	float: right;
}
.contents .voice .voiceList01 li{
	margin: 0;
	padding: 0;
	float: left;
}


.contents .voice .voiceList02{
	width: 810px;
	margin: 20px -33px 0 25px;
	overflow: hidden;
	zoom: 1;
}
.contents .voice .voiceList02 li{
	margin: 0 33px 15px 0;
	padding: 0;
	float: left;
}


.contents .voice .voiceListBox02{
	background: url("../images/com_line_dotted01.png") repeat-x 0 0;
	width: 828px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	zoom: 1;
}

.contents .voice .voiceListBox02 .graph{
	width: 346px;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
}
.contents .voice .voiceListBox02 .img{
	width: 453px;
	margin: 25px 0 0 0;
	padding: 0;
	float: right;
}

/* index style */
/*-------------------------------------------------------------------------------------*/

.indexContents {
	margin-left:50px;
}
.indexContents #visualBlock{
	width: 1000px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
}

.indexContents #cityNav{
	width: 210px;
	height: 412px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.indexContents #cityNav li{
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	zoom: 1;
	border-bottom: 1px solid #9fa0a0;
}
.indexContents #cityNav li a,
.indexContents #cityNav li span{
	background-color: transparent !important;
	background-image: url("../images/idx_btn_city.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 210px;
	height: 58px;
	margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	zoom: 1;
}

.indexContents #cityNav li#citySapporo a,
.indexContents #cityNav li#citySapporo span{
	background-position: 0 0;
}
.indexContents #cityNav li#citySapporo a:hover{
	background-position: -210px 0;
}

.indexContents #cityNav li#citySendai a,
.indexContents #cityNav li#citySendai span{
	background-position: 0 -58px;
}
.indexContents #cityNav li#citySendai a:hover{
	background-position: -210px -58px;
}

.indexContents #cityNav li#cityNigata a,
.indexContents #cityNav li#cityNigata span{
	background-position: 0 -116px;
}
.indexContents #cityNav li#cityNigata a:hover{
	background-position: -210px -116px;
}

.indexContents #cityNav li#cityYokohama a,
.indexContents #cityNav li#cityYokohama span{
	background-position: 0 -174px;
}
.indexContents #cityNav li#cityYokohama a:hover{
	background-position: -210px -174px;
}

.indexContents #cityNav li#cityShizuoka a,
.indexContents #cityNav li#cityShizuoka span{
	background-position: 0 -232px;
}
.indexContents #cityNav li#cityShizuoka a:hover{
	background-position: -210px -232px;
}

.indexContents #cityNav li#cityNagoya a,
.indexContents #cityNav li#cityNagoya span{
	background-position: 0 -290px;
}
.indexContents #cityNav li#cityNagoya a:hover{
	background-position: -210px -290px;
}

.indexContents #cityNav li#cityOsaka a,
.indexContents #cityNav li#cityOsaka span{
	background-position: 0 -348px;
}
.indexContents #cityNav li#cityOsaka a:hover{
	background-position: -210px -348px;
}

#update-date {
	font-size: small;
	font-weight: bold;
}

#thanks-message {
	font-size: medium;
}

.indexContents #visualBlock .moteTxt{
	margin: 5px 0;
	padding: 0;
	text-align: right;
}

/* index navbtn */
.indexContents #indexNavBlock{
	width: 900px;
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
}
.indexContents #indexNavBlock li{
	float: left;
	margin: 0;
	padding: 0;
}
.indexContents #indexNavBlock a{
	background-color: transparent !important;
	background-image: url("../images/idx_nav.png");
	background-repeat: no-repeat;
	display: block;
	width: 450px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
.indexContents #indexNavBlock #nav01 a{
	background-position: 0 0;
}
.indexContents #indexNavBlock #nav01 a:hover{
	background-position: 0 -50px;
}
.indexContents #indexNavBlock #nav02 a{
	background-position: -450px 0;
}
.indexContents #indexNavBlock #nav02 a:hover{
	background-position: -450px -50px;
}


#contentsBlock{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#contentsBlock #mainBox{
	width: 575px;
	margin: 0;
	padding: 0 0 0 30px;
	float: left;
}
#contentsBlock #mainBox h2{
	margin: 1em 0;
	padding: 0;
}
#contentsBlock #mainBox p{
	margin: 1em 0;
}
#contentsBlock #subBox{
	width: 305px;
	margin: 0;
	padding: 0 50px 0 0;
	float: right;
}

#contentsBlock #subBox ul{
	margin: 0;
	padding: 0;
}

#contentsBlock #subBox ul li{
	margin: .5em 0;
	padding: 0;
}

#contentsBlock #PlaceButton{
	border-bottom: dashed 2px #e43280;
	margin-bottom: 5px;
	padding: 2px 0 0 0px;
	font-size: 1.5em;
    color: #4d4d4d;
}



/* place style */
/*-------------------------------------------------------------------------------------*/
.place a:link,
.place a:visited{
	background: transparent;
	color: #176fba;
	text-decoration: underline;
}
.place a:active,
.place a:hover{
	color: #176fba;
	text-decoration: none;
}

.place .alertBlock{
	border: solid 1px #ce005a;
	font-size: 16px;
	color:#ce005a;
	padding:9px 7px 7px 10px;
}
.place .contentsHead{
	background: #f4fdff url("../images/bg_ttl.png") repeat-x right top;
	margin: 15px 0;
	padding-top: 7px;
	line-height: 1;
	position: relative;
}
.place .contentsHead img{
	vertical-align: top;
}
.place .enterableBox{
	background: url("../images/bg_ttl.png") repeat-x right bottom;
	padding: 3px 20px 14px 20px;
	zoom: 1;
}
.place .enterableBox:after{
	background: url("../images/bg_ttl.png") repeat-x right bottom;
	content: ""; 
	display: block; 
	clear: both;
}
.place .ttlBox{
	background: url("../images/line_dashed_h01.png") repeat-x left bottom;
	padding: 22px 23px 13px 14px;
	zoom: 1;
}
.place .ttlBox:after{
	content: ""; 
	display: block; 
	clear: both;
}
.place .ttlBox h1{
	width: 183px;
	margin: 20px 15px 0 0 !important;
	padding: 0 !important;
	float: left;
	text-align: center !important;
}
.place .ttlBox .infoList{
	width: 280px;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}





.place .ttlBox .infoList li{
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
}

.place .pt02{
	padding: 14px 23px 8px 14px;
}
.place .pt02 h1{
	margin: 17px 15px 0 0 !important;
}
.place .pt02a{
	padding: 14px 23px 22px 14px;
}
.place .pt02a h1{
	margin: 15px 15px 0 0 !important;
}
.place .pt02a .infoList li{
	margin: 12px 0 0 0 !important;
}
.place .pt03{
	padding: 24px 23px 7px 14px;
}
.place .pt03 h1{
	margin: 25px 15px 0 0 !important;
}
.place .pt03 .infoList li{
	margin: 0 0 16px 0 !important;
}
.place .pt03a{
	padding: 24px 23px 20px 14px;
}
.place .pt03a h1{
	margin: 25px 15px 0 0 !important;
}
.place .pt03a .infoList li{
	margin: 20px 0 16px 0 !important;
}



.place .ttlBox .presentBox{
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
}

.place .enterableBox p{
	margin: 0 !important;
	padding: 0 !important;
}
.place .enterable01{
	width: 520px;
	float: left;
}
.place .enterable02{
	width: 325px;
	float: right;
}


#anchorNavBlock{
	width: 900px;
	margin: 20px 0;
	padding: 0;
	line-height: 1;
}
#anchorNavBlock ul{
	margin: 0;
	padding: 0 0 0 2px;
	overflow: hidden;
}
#anchorNavBlock li{
	float: left;
	margin: 0;
	padding: 0;
}
#anchorNavBlock a{
	background-color: transparent !important;
	background-image: url("../images/cmn_anchornav.png");
	background-repeat: no-repeat;
	display: block;
	width: 151px;
	height: 32px;
	margin: 0 0 0 -2px;
	padding: 0;
	text-indent: 110%;
	white-space: nowrap;
	outline: 0px solid #ffffff;
	overflow: hidden;
	position: relative;
	zoom: 1;
}

#anchorNavBlock .anavScool a{
	background-position: 0 0;
}
#anchorNavBlock .anavScool a:hover{
	background-position: 0 -32px;
}
#anchorNavBlock .anavCompany a{
	background-position: -150px 0;
}
#anchorNavBlock .anavCompany a:hover{
	background-position: -150px -32px;
}
#anchorNavBlock .anavSchedule a{
	background-position: -300px 0;
}
#anchorNavBlock .anavSchedule a:hover{
	background-position: -300px -32px;
}
#anchorNavBlock .anavAdviser01 a{
	background-position: -450px 0;
}
#anchorNavBlock .anavAdviser01 a:hover{
	background-position: -450px -32px;
}
#anchorNavBlock .anavAdviser02 a{
	background-position: -600px 0;
}
#anchorNavBlock .anavAdviser02 a:hover{
	background-position: -600px -32px;
}
#anchorNavBlock .anavAccess a{
	background-position: -750px 0;
}
#anchorNavBlock .anavAccess a:hover{
	background-position: -750px -32px;
}

.place .sectionBlock{
	margin: 20px 0;
	padding: 0 28px;
	line-height: 1.6;
}
.place .sectionBlock h2{
	margin: 0 -28px 17px -28px;
	line-height: 1;
}
.place .sectionBlock .sttl01{
	margin: 17px -20px 20px -20px;
	border-bottom: 3px double #e73082;
	line-height: 1;
}
.place .sectionBlock .sttl01 h3{
	margin: 3px 4px;
	padding: 0 0 0 8px;
	border-left: 3px solid #e73082;
	font-size: 1.2em;
}



.place .list01{
	margin: 0 -10px 0 0;
	padding: 0;
	letter-spacing: -0.4em;
	overflow: hidden;
	zoom: 1;
}
.place .list01 li{
	display: inline-block;
	min-width: 185px;
	background: url("../images/cmn_arrow_r_02.png") no-repeat left center;
	margin: 5px 10px 0 0;
	padding: 0 0 0 15px;
	letter-spacing: normal;
	zoom: 1;
}
*html .place .list01 li{
	width: 185px;
	display: inline;
	float: left;
}
*:first-child+html .place .list01 li{
	width: 185px;
	display: inline;
	float: left;
}
.place .list01 li a{
	display: inline-block;
	background: url("../images/cmn_arrow_r_01.png") no-repeat left center;
	margin: 0 0 0 -15px;
	padding: 0 0 0 15px;
}


.place .list01 li.col2{
	min-width: 395px;
}
*html .place .list01 li.col2{
	width: 395px;
}
*:first-child+html .place .list01 li.col2{
	width: 395px;
}
.place .list01 li.col3{
	min-width: 605px;
}
*html .place .list01 li.col3{
	width: 605px;
}
*:first-child+html .place .list01 li.col3{
	width: 605px;
}
.place .list01 li.col4{
	min-width: 815px;
}
*html .place .list01 li.col4{
	width: 815px;
}
*:first-child+html .place .list01 li.col4{
	width: 815px;
}



.place .scheduleBox{
	background: url("../images/cmn_bg_dotted.png");
	margin: 0;
	padding: 10px;
	border: 1px solid #999999;
}
.place .scheduleBox p{
	text-align: center !important;
}
.place .scheduleBox dl{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.place .scheduleBox dl dt{
	margin: 0;
	padding: 0;
	float: left;
}
.place .scheduleBox dl dd{
	margin: 0;
	padding: 0 0 0 8em;
}


.place .scheduleBox02{
	margin: 2em 0;
}
.place .scheduleBox02 .sttl01{
	margin: 0 0 1em 0;
}
.place .scheduleTable{
	background: #ffffff;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
}
.place .scheduleTable th,
.place .scheduleTable td{
	padding: 5px 10px;
}
.place .scheduleTable thead{
	background: #e1e1e1;
	color: #666666;
}
.place .scheduleTable thead th{
	font-weight: normal;
	padding: 0 10px;
	text-align: center !important;
	border-right: 1px solid #ffffff;
}
.place .scheduleTable thead th.reserveCol{
	border-right: 0px solid #ffffff;
}
.place .scheduleTable tbody tr{
}
.place .scheduleTable tbody td{
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}
.place .scheduleTable tbody .topCell td{
	background: transparent;
}
.place .scheduleTable td.reserveCol{
	text-align: center !important;
	vertical-align: middle;
}
.place .scheduleTable .btnReserve{
	background-image: url("../images/btn_reserve.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 115px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.place .scheduleTable .btnReserve:hover{
	background-position: 0 -30px;
}





.scheduleZBox{
	background: #f4fdff url("../images/bg_zbox.png") repeat right top;
	margin: 2em -20px;
	padding: 0;
}
.scheduleZBox .inner{
	background: url("../images/bg_ttl.png") repeat-x right top;
}
.scheduleZBox .inner02{
	background: url("../images/bg_ttl.png") repeat-x right bottom;
	padding: 25px 20px;
	position: relative;
}

.scheduleZBox .inner02 .sttl01{
	position: relative;
	margin: 0 0 2em 0;
}

.scheduleZBox .inner02 .sttl01 .icoAttention{
	position: absolute;
	top: -30px;
}





.place .adviserTableBox{
	background: url("../images/cmn_bg_dotted.png");
	margin: 0;
	padding: 10px;
	border: 1px solid #999999;
}
.place .adviserTableBox p{
	text-align: center !important;
}

.place .adviserTable{
	width: 100%;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
}
.place .adviserTable th,
.place .adviserTable td{
	padding: 5px 10px;
}
.place .adviserTable thead{
	background: #e1e1e1;
	color: #666666;
}
.place .adviserTable thead th{
	text-align: center !important;
	font-weight: normal;
	padding: 0 10px;
}
.place .adviserTable tbody tr{
}
.place .adviserTable tbody td{
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}
.place .adviserTable tbody .topCell td{
	background: transparent;
}
.place p.adviserTxt{
	margin: 5px 0 !important;
	padding: 0 !important;
	text-align: right !important;
}




.place .accessBox{
	width: 1000px;
	margin: 0 ;
	padding: 0;
	overflow: hidden;
}
.place .accessBox #googlemap{
	width: 370px;
	float: left;
	zoom: 1;
}
.place #googlemap iframe{
	width: 370px;
	height: 250px;
	margin: 0;
	padding: 0;
	border: 0px solid #ffffff;
}
.place #googlemap a{
	font-size: .8em;
}

.place .accessBox .accessDetailBox{
	width: 613px;
	float: right;
	zoom: 1;
}
.contents .place .accessDetailBox p{
	margin: .5em 0;
}
.place .noteTxt{
	padding-left: 1em;
	font-size: .8em;
}
.place .noteTxt span{
	margin-left: -1em;
}

.place .busList{
	margin: 1em 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}
.place .busList li{
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
}
.place .busList li a{
	background-color: transparent !important;
	background-image: url("../images/cmn_bustimetable_btn.png");
	background-repeat: no-repeat;
	display: block;
	width: 101px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	outline: 0px solid #ffffff;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
.place .busList li.busTimetable a{
	background-position: 0 0;
}
.place .busList li.busTimetable a:hover{
	background-position: 0 -20px;
}



.place .contactBox{
	background: #fef2f4;
	margin: 1em -20px;
	padding: 10px;
}
.place .contactBox h3{
	background: url("../images/line_dotted_h01.png") repeat-x left bottom;
	margin: 0 -10px;
	padding: 5px 10px;
	color: #e43280;
	font-size: 1.2em;
}
.TopMenuZone {
	width: 1000px;

}
.TopMenuZone .TopMessageZone{
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	background: #e43280;
	border-radius: 0.5em;
	line-height: 1;
    text-align:center;
}
.TopMenuZone .TopMessage p{
    padding: 0px 0px 15px 0px;
    font-size: 1.5em;
    letter-spacing: 2px;
    margin-bottom:0px;
    color: #ffffff;
}

.MainCont {
  position: relative;
}
.MainCont .mainImg1{
 float:right;
 width:70%;
}

.MainCont .mainImg2{
 position: absolute;
 width:10%;
 margin-top:100px;
 margin-left:500px;
}
.MainCont .mainImg3{
 position: absolute;
 width:7%;
 margin-top:100px;
 margin-left:900px;
}
.MainCont .mainImg4{
 position: absolute;
 width:10%;
 margin-left:700px;
}

.MainCont span {
  position: absolute;
  top: 0;
  margin-left:15px;
  margin-top:12px;
}

.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.5;
}

.breadcrumbs li {
  color: #666;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 8px;
  color: #aaa;
}

.breadcrumbs a {
  color: #0066cc;
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.pagetop {
  text-align: center;
  margin: 40px 0 20px;
}

.pagetop a {
  display: inline-block;
  padding: 12px 24px;
  color: #555;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: background-color 0.2s, color 0.2s;
}

.pagetop a::before {
  content: "▲";
  margin-right: 6px;
  font-size: 10px;
}

.pagetop a:hover {
  background-color: #f5f5f5;
  color: #333;
}

/* 固定ボタンにしたい場合

.pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
}

.pagetop a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #555;
  color: #fff;
  font-size: 0;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}

.pagetop a::before {
  content: "▲";
  font-size: 14px;
}

.pagetop a:hover {
  background-color: #333;
}




*/