@charset "utf-8";
/* CSS Document v1.3 */

@media screen and (max-width:640px){
	body{font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana,sans-serif;}
}

.spNone{display:block;}
.pcNone{display:none;}

.mb20{margin-bottom:20px;}


/* スライダー
--------------------------------------------------------------- */

.mainSliderArea{
	position:relative;
	width:950px;
	height:330px;
	margin:0 auto 20px;
	overflow:hidden;
	border-radius:5px;

	box-shadow:0px 1px 3px 1px #ccc;
	-moz-box-shadow:0px 1px 3px 1px #ccc;
	-webkit-box-shadow:0px 1px 3px 1px #ccc;
}

.mainSliderArea .keySliderSlick{
	overflow:hidden;
	border-radius:5px;
}

.mainSliderArea .keySliderThum{
	box-sizing:border-box;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:5px;
	text-align:center;
	font-size:0;
	background:rgba(0,0,0,0.2);
}

.mainSliderArea .keySliderThum li{
	display:inline-block;
	font-size:12px;
	margin:0 1px;
	cursor:pointer;
}

.mainSliderArea #pageflip{
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
}


/* SPメニュー・SPガスくさいときは
--------------------------------------------------------------- */

@media screen and (min-width:641px){

	#spMenuBtn,
	#gMenuSp{display:none !important;}

	.spTopBnr,
	.spHowto{display:none;}

}

@media screen and (max-width:640px){

	.spNone{display:none !important;}
	.pcNone{display:block;}

	/* スライダー
	--------------------------------------------------------------- */

	.mainSliderArea{
		position:relative;
		width:auto;
		height:auto;
		margin:0 auto 4.4%;
		overflow:hidden;
		border-radius:0;

		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}

	.mainSliderArea .keySliderSlick{
		overflow:hidden;
		border-radius:0;
	}

	.mainSliderArea .keySliderThum{
		display:none;
	}

	.mainSliderArea #pageflip{
		display:none;
	}

	.mainSliderArea:before{
		background:#fff;
		content:"";
		position: absolute;
		width: 100%;
		height: 18%;
		left: 0;
		bottom: 0;
		z-index: 10000;
	}


	/* SPメニュー
	--------------------------------------------------------------- */

	#spMenuBtn {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		top: 0;
		width: 22px;
		cursor: pointer;
		font-size: 22px;
		height: 22px;
		line-height: 1;
		margin: auto;
		padding: 10px 15px 10px 10px;
		text-align: center;
	}

	#gMenuSp{
		display:none;
		background:#FFF;
	}

	#gMenuSp .spmHead{padding:0 3px;}

	#gMenuSp .spmHead li{
		box-sizing:border-box;
		float:left;
		width:33.3%;
		padding:0 3px 0 3px;
	}

	#gMenuSp .spmHead li img{box-sizing:border-box; width:100%; height:auto; border:1px solid #CCC; border-bottom:0; border-radius:5px 5px 0 0;}

	#gMenuSp .spmHead li.on img{border:1px solid #fff; border-bottom:0;}

	#gMenuSp .spmLocal li a{
		display:block;
		font-size:13px;
		padding:10px;
		color:#FFF;
		border-bottom:1px solid #FFF;
		text-decoration:none;
	}

	#gMenuSp .spmLocal li a:hover{opacity:.7;}

	#gMenuSp .spmLocal li a:before{
		content:"・";
		margin:0 5px 0 0;
		font-size:12px;
	}

	#gMenuSp .spmLocal li.help a{background:#CF4F41;}

	#gMenuSp .globalBg a{background:#4B8AB3;}
	#gMenuSp .bizBg a{background:#8CB23E;}
	#gMenuSp .familyBg a{background:#ED947A;}


	/* SPガスくさいときは
	--------------------------------------------------------------- */

	.spHowto{
		display:block;
		background:none;
		padding:6px 3px;
		margin:-5px 0 5px;
	}

	.spHowto li{
		box-sizing:border-box;
		display:block;
		float:left;
		width:33.3%;
		text-align:center;
		margin:0;
		padding:0 3px;
	}

	.spHowto li img{width:100%; height:auto;}


	/* 3サイトリンク(総合トップのみ)
	--------------------------------------------------------------- */

	.spTopBnr{
		position:relative;
		background:#C4DAE7;
		padding:10px 3px;
		text-align:center;
		margin:0;
		z-index:10001;
	}

	.spTopBnr li{
		box-sizing:border-box;
		float:left;
		width:33.3%;
		padding:0 3px;
	}

	.spTopBnr li:last-child{margin-bottom:0;}

	.spTopBnr a{
		display:block;
		line-height:1.4;
		padding:0 5px 5px;
		border-radius:3px;
		background:#FFF;
		background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		background:-webkit-linear-gradient(top, #fff, #eee);
		background:linear-gradient(to bottom, #fff, #eee);
		font-weight:bold;
		letter-spacing:-.05em;

		box-shadow:0px 1px 3px 1px #ccc;
		-moz-box-shadow:0px 1px 3px 1px #ccc;
		-webkit-box-shadow:0px 1px 3px 1px #ccc;
	}

	.spTopBnr .sFamily a{color:#EC9379;}
	.spTopBnr .sBiz a{color:#8CB23E;}
	.spTopBnr .sGas a{color:#9B67C1;}


	/* SPのみ 強制リスト数削減
	--------------------------------------------------------------- */

	/* リスト型 */
	.spListAdj li{display:none;}
	.spListAdj li:nth-of-type(1),
	.spListAdj li:nth-of-type(2){display:block;}

	/* DL型 */
	.spDlAdj dt,
	.spDlAdj dd{display:none !important;}
	.spDlAdj dt:nth-of-type(1),
	.spDlAdj dt:nth-of-type(2),
	.spDlAdj dd:nth-of-type(1),
	.spDlAdj dd:nth-of-type(2){display:block !important;}

	/* DL型かつピクト付き3段構成 */
	.spDl3Adj dt,
	.spDl3Adj dd{display:none !important;}

	.spDl3Adj dt:nth-of-type(1),
	.spDl3Adj dt:nth-of-type(2),
	.spDl3Adj dt:nth-of-type(3),
	.spDl3Adj dt:nth-of-type(4),
	.spDl3Adj dd:nth-of-type(1),
	.spDl3Adj dd:nth-of-type(2){display:block !important;}

}





/* 緊急時表示エリア
--------------------------------------------------------------- */

.emergencyWrap{width:950px;	margin:0 auto 20px; border-radius:8px; border: 1px solid #999; padding: 20px; -webkit-box-sizing: border-box;
box-sizing: border-box; background: #FFF;}
.emergencyWrap h2{padding: 5px 10px;  font-weight: bold; border-radius:3px; color: #FFF; background: rgb(224,58,58);
background: -moz-linear-gradient(top, rgba(224,58,58,1) 0%, rgba(150,52,52,1) 99%);
background: -webkit-linear-gradient(top, rgba(224,58,58,1) 0%,rgba(150,52,52,1) 99%);
background: linear-gradient(to bottom, rgba(224,58,58,1) 0%,rgba(150,52,52,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03a3a', endColorstr='#963434',GradientType=0 );}
.emergencyBnr{height: 1%;}
.emergencyBnr:after{
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;}
.emergencyBnr li{float: left; margin-top: 20px; width: 445px;}
.emergencyBnr li img{max-width: 100%;}
.emergencyBnr li .blankAfter{display: none;}
.emergencyBnr li:nth-child(even){float: right;}
.emergencyBnr li a:hover img{opacity:0.7; filter: alpha(opacity=70);}


.emergencyWrapInr{line-height: 1.4; padding: 30px 10px 0;}
/* リスト */
.emergencyWrapInr ul ,.emergencyWrapInr ol {margin-bottom:20px;}
.emergencyWrapInr ol {list-style-type:decimal;margin-left:1.5em;}
.emergencyWrapInr .entrycolumn .plan-txt ul {margin-bottom:0px;}
.emergencyWrapInr .entrycolumn {padding-top:10px;padding-bottom:1px;}

.emergencyWrapInr .datecolumn dd {width:500px;_width:515px;}
.emergencyWrapInr h3,.emergencyWrapInr p,.emergencyWrapInr dl,.emergencyWrapInr h3,.emergencyWrapInr table {margin-bottom:30px;}
.emergencyWrapInr h3,.emergencyWrapInr table caption{font-size:16px;font-weight:bold;}
.emergencyWrapInr .entrycolumn h4 {color:#333;}
.emergencyWrapInr table,.emergencyWrapInr th,.emergencyWrapInr td {border:1px solid #C7C8C8;}
.emergencyWrapInr table caption {padding:10px;text-align:center;}
.emergencyWrapInr th,.emergencyWrapInr td {padding:5px;}
.emergencyWrapInr th {text-align:center;font-weight:bold;}
.emergencyWrapInr .day {position:relative;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.emergencyWrapInr .day #print {position:absolute;top:0;right:0;padding-right:28px;}
.emergencyWrapInr .column {margin:10px;padding:10px;background-color:#fff;}
.emergencyWrapInr .column li {width:270px;_width:240px;float:left;display:inline;}
.emergencyWrapInr .entrycolumn h4 {margin:0/*15px*/ 10px 15px;line-height:1.2;}
.emergencyWrapInr .entrycolumn .datecolumn {margin-left:0;}
.emergencyWrapInr .entrycolumn .datecolumn {margin:10px;padding:10px;background-color:#fff;}
.emergencyWrapInr .entrycolumn h4 {margin:0/*15px*/ 10px 15px;line-height:1.2;}
.emergencyWrapInr .entrycolumn .datecolumn dd {width:480px;margin-left:100px;_margin-left:90px;}
.emergencyWrapInr .ptop {margin-top:10px;}
.emergencyWrapInr .ptop a {float:right;display:inline;padding-left:1.563em;color:#000;font-size:11px;}
.emergencyWrapInr .banner {margin-top:15px;}
.emergencyWrapInr .banner li {float:left;display:inline;margin-right:29px;}
.emergencyWrapInr .pnavi {margin-bottom:20px;padding-top:10px;text-align:center;border-top:1px solid #ddd;}
.emergencyWrapInr .pnavi li { display:inline;padding:1px 10px;}
.emergencyWrapInr .prev a ,.emergencyWrapInr .next a { color:#fff; padding:0 0.9em}
.emergencyWrapInr .prev a { background: url(/common/img/h_arrow2.png) no-repeat left center;}
.emergencyWrapInr .next a { background: url(/common/img/h_arrow.png) no-repeat right center;}
.emergencyWrapInr .left {float:left;}
.emergencyWrapInr .left img {margin-right:10px;}
.emergencyWrapInr .right {float:right;}
.emergencyWrapInr .right img {margin-left:10px;}

/* pdf要素 ----------------------------------------------------------- */
.emergencyWrapInr span.pdfAfter {padding: 0.1em 16px 0.1em 0;background: url(/common/img/icon_pdf.gif) no-repeat right center;}
.emergencyWrapInr a.pdf { padding: 0.1em 18px 0.1em 0; background: url(/common/img/icon_pdf.gif) no-repeat right center; }
/* doc要素----------------------------------------------------------- */
.emergencyWrapInr span.docAfter {padding: 0.1em 16px 0.1em 0;background: url(/common/img/icon_docs.gif) no-repeat right center;}
.emergencyWrapInr a.doc { padding: 0.1em 18px 0.1em 0; background: url(/common/img/icon_docs.gif) no-repeat right center; }
/* xls要素----------------------------------------------------------- */
.emergencyWrapInr span.xlsAfter {padding: 0.1em 16px 0.1em 0;background: url(/common/img/icon_xls.gif) no-repeat right center;}
.emergencyWrapInr a.xls { padding: 0.1em 18px 0.1em 0; background: url(/common/img/icon_xls.gif) no-repeat right center; }
/* link要素 ----------------------------------------------------------- */
.emergencyWrapInr span.blankAfter {padding: 0.1em 16px 0.1em 0;background: url(/common/img/icon_blank.gif) no-repeat right center;}
.emergencyWrapInr a.blank { padding: 0.1em 18px 0.1em 0; background: url(/common/img/icon_blank.gif) no-repeat right center; }


@media screen and (max-width:640px){
.emergencyWrap{width:auto;	margin:0 15px 15px; padding: 15px;}
.emergencyWrap h2{padding: 5px 15px; border-radius:3px;}
.emergencyBnr li{float: none; margin-top: 15px; width: auto;}
.emergencyBnr li img{max-width: 100%;}
.emergencyBnr li:nth-child(even){float: none;}
.emergencyWrapInr{line-height: 1.4; padding: 20px 5px 0;}
.emergencyWrapInr h3,.emergencyWrapInr p,.emergencyWrapInr dl,.emergencyWrapInr h3,.emergencyWrapInr table {margin-bottom:15px;}
}