@charset "utf-8";

/****************************************
		0. 全体の設定
*****************************************/
/* IE7でpadding指定 */
*:first-child+html body {padding-left: 1px;}
/* IE6以下でpadding指定 */
*html body {padding-left: 1px;}
/*--clearfix--*/
.clearfix:after {	visibility: hidden;display: block;font-size: 0;clear: both;height: 0;}
.clearfix{zoom:100%;	overflow:hidden; /* for dreamweaver */}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{display: block;clear:both;font-size: 0;margin:0px;	padding:0px;border:0px;height:0px;line-height:0px;visibility: hidden;content: " ";}
html,body {text-align:left;	color:#333333;}
h1,h2,h3,h4,h5{font-weight: normal;	margin:0;padding:0;}

html{font-size: 62.5%;}
body{
	font-size: 1.4em ;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important; 
	background-color: #E7F2F9;
	/*background-size: cover;*/
	/*background-repeat: no-repeat;*/
}
a img {
	border-style:none;
}

#header #header_Right #accountMenu {
	height: 24px;
}

/*全体設定
*****************************/
*{
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
}

#wrap{
	width: 1000px;
	margin: 20px auto;
	font-size: 16px;
	color: #333;
}
#loaderModal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(255,255,255,0.6);
	color: #004098;
}
#loaderBox{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -45px;
	margin-top: -45px;
	text-align: center;
	z-index: 1000;
}

#header div, #footer div{
  box-sizing:content-box;
}

/*    パンクズ
============================== */
#breadcrumbsList {
	width: 100%;
	font-size: 12px;
	background-image: none;
	margin: 0;
	box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
	background-color: #FFF;
	padding: 10px;
}

.breadcrumbs-box{
	width: 960px;
	margin: 0 auto;
	background-color: transparent;
}
.breadcrumbs-box li{
	float: left;
	padding: 5px;
}





/*    section
============================== */
.section{
	width: 100%;
	background-color: #FFF;
	font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
	padding: 20px;
}
.section-box{
	width: 100%;
}

.section-left{
	width: 700px;
	float: left;
}
.section-left.main-image {
	margin: 0 auto;
	width: 100%;
	max-width: 700px;/*使用画像の幅*/
}
.bx-wrapper {/*reset*/
	position: relative;
	margin: 0 0 50px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper .bx-viewport {
	border: none!important;
}
.bx-wrapper img {
	width: 100%;
	height: auto;/*auto又は100%に指定・縦横比を維持する*/
	display: block;
}
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -30px!important;
	width: 100%;
}
.section-right{
	width: 245px;
	float: right;
}






/*    イチオシ情報＆営業所からのお知らせ
============================== */
/*.section-box-topic{
	padding: 4px 10px 6px 18px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 5px;
	font-size: 13px;
	background: url(../img/list_mark.gif) no-repeat 0 7px;
}*/
.section-box-topic{
	padding: 4px 10px 6px 0px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 5px;
	font-size: 13px;
	/*background: url(../img/list_mark.gif) no-repeat 0 7px;*/
	display: table;
	width: 100%;
}
.section-box-topic:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 3px;
}
.section-box-topic a{
	text-decoration: underline;
}
.section-box-topic a:hover{
	text-decoration: none;
}
.section-box-topic span{
	display: table-cell;
	vertical-align: middle;
}
.topic-icon{
	margin: 0 10px 0 0;
	padding: 2px 10px;
	background-color: #F48F0C;
	text-align: center;
	font-size: 11px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 170px;
	height: 20px;
}
.topic-icon a {
	color: #FFF;
	text-decoration: none;
}
.topic-icon a:hover {
	text-decoration: underline;
}
.topic-txt{
	padding: 0 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 85%;
}

.topic-txt2 {
	width: 90%;
}

.topic-date{
	text-align: right;
}

.map-embed {
  max-width: 100%;
  height: 360px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

.map-embed > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 360px;
  margin: 0;
  padding: 0;
}

.map-embed img {
  max-width: none;
}