@charset "UTF-8";

/*====================================
RESET
======================================*/

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height:1; margin:0; font-family:arial,sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal; display:block;}
article,footer,header {display:block;}
ul,li {list-style:none; padding:0;margin:0;}
dl,dt,dd {padding:0; margin:0;}
table,tr,td {border:0;padding:0;margin:0;}
a {text-decoration:none;}
img {vertical-align:bottom; border:0; padding:0; margin:0;line-height:0;}
div {margin:0;padding:0;}
html{
    overflow-y: scroll;
}

caption, th{
    text-align: left;
    font-weight: normal;
}

a:focus {
	outline:none;
}



/*=============================================
共通の設定
=============================================*/

html {height:100%;}

body{
	margin:0px;
	padding:0px;
	color: #000;
	font-size: 16px;
	font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4em;
	letter-spacing: 0.05em;
	position: relative;
    left: 0;
    overflow-x: hidden;
}



a{
	color:#EC9900;
	text-decoration:underline;
}
img{width: 100%;}



/*============
clearfix
==============*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	overflow:hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.clear{
	clear:both;
}

/*----------------
HEADER
----------------*/	
header{
	background: #FFF;
	width: 100%;
	height: 47px;
	border-top:#2982e6 solid 3px;
	border-bottom: 1px solid #ccc;
	position: fixed;
    top: 0;
    left:0;
    z-index: 4;
}

	header h1{float: left;}
		header h1 img{max-width: 145px; margin: 8px 0 0 1px;}
		@media only screen and (min-width:350px) {
			header h1 img{max-width: 170px; margin: 6px 0 0 4px;}
		}
	header ul{
		float: right;
		text-align: left;
	}
		header li{float: left;}
		header li img {width: 57px;}
		header li#headMenu{width: 46px; height: 47px; display: block;}
			header li#headMenu img{width: 30px; margin:10px 0 0 8px;}




#sb-site{
	padding-top: 50px;
	background: #f7f4e6;
}


/*----SLIDE MENU----*/
#slide_menu{
		width: 260px;
		border-left: 1px solid #ddd;
}
.sb-slidebar {
	background: #2982e6 ;

}
	/*--btnClose--*/
	.sb-close{
		width: 90%;
		line-height: 30px;
		margin: 10px auto;
		display: block;
		background: #fff;
		color: #2982e6;
		font-size: 16px;
		text-align: center;
		border-radius: 5px;
	}
	.sb-close img{width: 14px; vertical-align: middle; margin-left: 4px; margin-top: -4px;}


	/*--links--*/
	#slide_menu ul{}
	#slide_menu li {
		border-bottom: 1px solid #ddd;
	}
	#slide_menu li:first-child {border-top: 1px solid #ddd;}
	/*--links*メニュー一覧--*/
	#slide_menu li.noLink{
		padding: 8px;
		color: #FFF;
		font-size: 16px;
		}
	#slide_menu li a{
		padding: 10px 14px 10px 8px;
		display: block;
		background: url(../img/common/arrow_yl.png)  right 8px  center no-repeat;
		background-size: 10px;
		color: #FFF;
		font-size: 16px;
		text-decoration: none;
		}
		/*----*/
		#slide_menu li.subLi a{
			padding: 6px 11px 6px 8px;
			display: block;
			background: #6faaed url(../img/common/arrow_yl.png)  right 8px  center no-repeat;
			background-size: 8px;
			font-size: 16px;
		}

	/*--links*accordion--*/
	#slide_menu li.pulldown a{
		background: url(../img/common/plus_yl.png)  right 10px  center no-repeat;
		background-size: 12px;
	}
	#slide_menu li.pulldown.open a{
		background: url(../img/common/minus_yl.png)  right 10px  center no-repeat;
		background-size: 12px;
	}
	/*--links*accordion料金--*/
	#slide_menu li.planPull.pulldown a{
		background: #6faaed url(../img/common/plus_yl.png)  right 10px  center no-repeat;
		background-size: 12px;
		padding: 6px 14px 6px 8px;
		font-size: 16px;
	}
	#slide_menu li.planPull.pulldown.open a{
		background: #6faaed  url(../img/common/minus_yl.png)  right 10px  center no-repeat;
		background-size: 12px;
	}

	/*--links*subMenu--*/
	#slide_menu li.subMenu {display: none;}
		#slide_menu .subMenu ul li{
			background: #f7f4e6;
		}
		#slide_menu .subMenu li {
			border-bottom: 1px solid #ddd;
		}		
		#slide_menu .subMenu li:first-child {border-top: none;}
		#slide_menu .subMenu ul li a{
			font-size: 16px;
			color: #000;
			padding: 10px 20px 10px 8px;
			background: url(../img/common/arrow_bl.png)  right 8px  center no-repeat;
			background-size: 6px;
		}


/*----------------
CONTENTS☆index/下層共通
----------------*/
/*--6つのリンク--*/
#tileLinks{
	background:#2982e6;
}
	#tileLinks li{
	}
	#tileLinks li a{
		float: left;
		width: 27%;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		padding: 2% 3%;
		margin-right: -1px;
	}
	#tileLinks li:nth-child(3n) a{
		border-right:none;
		margin-right: 0;
	}
	#tileLinks li:nth-child(-n+3) a{
		border-top: none;
	}

/*--コンタクト--*/
.contactBox{
	border-radius: 3px;
	border:#2982e6 solid 3px;
	background:#FFF;
	padding: 10px 14px 14px;
	margin:0 10px 20px;
	-webkit-box-shadow: 2px 2px #b7b7b7;
	-moz-box-shadow: 2px 2px #b7b7b7;
	box-shadow: 2px 2px #b7b7b7;
	letter-spacing: 0em;
}
	.contactBox ul{
		margin-top: 4px;
		padding-top: 10px;
		border-top: #999 1px dotted;
	}

	.contactBox ul li{
		float: left;
		width: 50%;
	}	
	.contactLead1{
		font-size: 17px;
		text-align: center;
		color: #2982e6;
		margin-bottom:6px;
	}
	.contactLead2{font-size: 14px; line-height: 14px; padding: 8px 0 2px;}
	.contactIcon{width: 14px; margin-right: 4px;}
	



/*----------------
CONTENTS☆下層用
----------------*/
/*----パンくず----*/
nav#breadcrumbs ol{
	margin: 0;
	padding: 4px 2px;
	color: #888;
	background-color: #dff3ff;
	font-size: 12px;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #ddd;
}
	nav#breadcrumbs ol li {
	  display: inline-block;
	  list-style-type: none;

}
	nav#breadcrumbs ol li a ,nav#breadcrumbs ol li span{
		color: #888;
		text-decoration: none;
	}
	nav#breadcrumbs ol li.longWord{
		font-size: 10px;
	}
	nav#breadcrumbs ol li:before {
	  content: "> "
	  ;
	}
	nav#breadcrumbs ol li:first-child:before {
	  content:"";
	}
	nav#breadcrumbs ol li:first-child a{
		background:url(../img/common/ico_home.gif) center no-repeat;
		background-size: 14px;
		width: 12px;
		display: inline-block;
		text-decoration: none;
	}
	nav#breadcrumbs ol li a{text-decoration: underline;}


/*----ページタイトル----*/
h1#pageTtl{
	font-size: 20px;
	padding: 10px 5px;
	margin-bottom: 10px;
	letter-spacing: 0;
	background:#fff;
	color: #2982e6;
	border-bottom: 2px solid #2982e6;

}
/*----ページタイトル 戻るボタン付----*/
	#pageTtl{
		padding: 6px;
		margin-bottom: 10px;
		letter-spacing: 0;
		background:#fff;
		color: #2982e6;
		border-bottom: 2px solid #2982e6;
	}
	#pageTtl a{
		float: left;
		display: block;
		background: #f9f8f1 url(../img/common/arrow_br.png)  left 5px  center no-repeat;
		background-size: 8px;
		border:1px solid #d1ccb2;border-radius: 5px;
		padding: 4px 6px 4px 16px;
		color: #000;
		text-decoration: none;
		font-size: 14px;
	}
	#pageTtl h1{
		float: left;
		font-size: 24px;
		margin: 4px 0 0 10px;
	}

/*----セクション☆リード----*/
.contentLead{
	margin:0 10px 14px;
}
	.contentLead img.leftImg{
		width: 30%;
		max-width: 150px;
		float: left;
		margin:0 0.5em 5px 0;
	}


/*----セクション----*/
.contentSec{
	background: #fff;
	border:1px solid #ccc;
	border-radius: 3px;
	margin:0 10px;
	padding-bottom: 10px;
}

.contentSec h2{
	background:#2982e6;
 	border-top: solid 1px #ccc;
 	outline: solid 1px #2982e6;
	color:#FFF;
	font-size: 18px;
	padding: 10px;
	margin-bottom: 10px;
 }

.contentSec + .contentSec{margin-top: 15px;}

.contentSec h3{
	color: #2982e6;
	font-size: 18px;
	margin-bottom: 10px;
}
.contentSec h4{
	line-height: 1em;
	border-left: 3px solid #ee9c01;
	margin-bottom: 3px;
	padding-left: 4px;
	font-size: 18px;
}
.contentInner + h2{margin-top: 15px;}
.contentSec p + h4{margin-top: 1em;}

 	/*--アコーディオンの場合--*/
	.contentSec h2.pulldown{
		background: #2982e6 url(../img/common/arrow_yl_open.png)  right 10px  center no-repeat;
		background-size: 15px;
		padding: 14px 20px 14px 10px;
		margin-bottom: 1px;
 		border-top: solid 1px #ccc;
	 }
 	.contentSec h2.pulldown.open{
		background: #2982e6 url(../img/common/arrow_yl_close.png)  right 10px  center no-repeat;
		background-size: 15px;
	}
	.contentInner + h2.pulldown{margin-top: 0px;}	 
	.contentInner.pullContent{margin: 10px 0 15px;}

/*----セクション内のボックス----*/
	.contentInner{padding:0 10px;}
	.contentInner + .contentInner{margin-top: 15px;}
	.columnBox{
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dotted #999;
	}
	.lineBox{
		border:3px solid #d2cdb4;
		padding: 10px;
	}

/*----------------
セクション内パーツ
----------------*/
/*--表 dl--*/
dl.contentDl{
	background: #f9f8f1;
	width: 100%;
	border:1px solid #d1ccb2;
	margin-bottom: 0;
	border-bottom: none;
	line-height: 1.2em;
}
	.contentDl dt{
		padding: 6px 14px 4px;
		color: #2982e6;
	}
	.contentDl dd{
		border-bottom:1px solid #d1ccb2;
		padding: 0px 14px 6px;
	}

/*--表 table--*/
table.contentTbl{
	border:1px solid #2982e6;
	width: 100%;
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom: 5px;
}
	.contentTbl th, .contentTbl td{
		margin: 0;
		padding: 6px;
	}
		.contentTbl th{
			text-align: center;
			vertical-align: middle;
			background: #2982e6;
			color: #fff;
		}
		.contentTbl td{
			border:1px solid #2982e6;
		}
/*--表 table保障期間など--*/
table.contentTbl2{
	width: 100%;
    border-collapse:collapse;
    border-spacing:0;
}
	.contentTbl2 th, .contentTbl2 td{
		margin: 0;
		padding: 3px;
		border:1px solid #d1ccb2;
		/*font-size: 12px;*/
	}
		.contentTbl2 th{
			background: #f9f8f1;	
		}
		.contentTbl2 td{
			text-align: center;
		}
		.contentTbl2 td.noWrap{white-space: nowrap;}


/*--注意文のリスト--*/
.noticeList{
	font-size: 14px;
	line-height: 1.2em;
}
	.noticeList li{
		margin: 0; 
		padding: 7px 0 0; 
		padding-left: 1em; 
		text-indent: -1em; 
	}
	.noticeList span{
		color: #db128d;
	}

/*--チェックリスト--*/
.checkList{}
	.checkList li{
		background: url(../img/common/checkmark.png)  left top no-repeat;
		background-size: 18px;
		line-height: 1.2em;
		padding: 0px 0 6px 22px;
		margin-bottom: 5px;
		font-size: 18px;
		color:#2982e6;
		border-bottom: 1px dotted #999;
	}
	.checkList li:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 3px;}

.checkListS{}
	.checkListS li{
		background: url(../img/common/checkmark.png)  left top  6px no-repeat;
		background-size: 14px;
		padding: 4px 0 6px 18px;
		/*font-size: 14px;*/
		color:#2982e6;
		border-bottom: 1px dotted #999;
	}
	.checkListS li:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 3px;}



/*--アテンション--*/
.attentionMarkS{
	background: #ffdfea  url(../img/common/attentionmark.png)  left 8px  center no-repeat;
	background-size: 22px;
	color: #000;
	padding: 6px 6px 6px 34px;
	margin-bottom: 5px;
}

/*--アラート--*/
.alertMarkS{
	background: #fffbbf  url(../img/common/alertmark.png)  left 6px  center no-repeat;
	background-size: 22px;
	color: #000;
	padding: 6px 6px 6px 34px;
	margin-bottom: 5px;
}

.alertMark{
	background: #feffc6  url(../img/common/alertmark.png)  left 10px  center no-repeat;
	background-size: 34px;
	color: #000;
	padding: 6px 6px 6px 54px;
	margin-bottom: 5px;
}


/*--プルダウン--*/
.pullDl{}
	.pullDl dt{
		padding: 10px 15px 10px 6px;
		margin-bottom: 2px;
		color: #fff;
		border-radius: 5px;
		background: #2982e6  url(../img/common/arrow_yl_open.png)  right 6px  center no-repeat;
		background-size: 10px;
	}
	.pullDl dt.open{
		background: #2982e6  url(../img/common/arrow_yl_close.png)  right 6px  center no-repeat;
		background-size: 10px;
	}

	.pullDl dd{
		padding: 4px 0 10px 0;
		display: none;
	}

.pullContent{display: none}

/*--リンクボタン風--*/
a.linkBox{
	margin: 0 auto;
	display: block;
	padding: 10px 20px 10px 10px;
	border-radius: 5px;
	background:#2982e6 url(../img/common/arrow_yl.png)  right 8px  center no-repeat;
	background-size: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}



/*--地域選択--*/
.choiceList{
	text-align: center;
	z-index: 5;
}
	.choiceList li{
		width: 48%;
		display: inline-block;
		margin-bottom: 5px;
	}
	.choiceList li a{
	display: block;
	padding: 8px 14px 8px 2px;
	border-radius: 5px;
	background:#2982e6 url(../img/common/arrow_yl_open.png)  right 5px  center no-repeat;
	background-size: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	}

/*--ページ内アンカーのズレ対策--*/
.pAnchor {
	padding-top: 56px; /*--headerと同じ--*/
	margin-top: -56px; /*--headerと同じ--*/
}

/*--クリッカブルマップ--*/
#mapImg{
	width: auto;
	max-width: 100%;
	height: auto;
}

/*----------------
FOOTER
----------------*/


/*-----バナー群-----*/
#footBnr{padding-top: 30px;	margin:0 10px -8px;}
	#footBnr li{
		background:#fff;
		margin-bottom: 8px;
		-webkit-box-shadow: 2px 2px #b7b7b7;
		-moz-box-shadow: 2px 2px #b7b7b7;
		box-shadow: 2px 2px #b7b7b7;		
	}
		#footBnr li a{
			display: block;
			text-decoration: none;
			background:url(../img/common/bnr_arrow.gif) right center no-repeat;;
			background-size: 10px;
		}
		#footBnr li a p{
			width: 43%;
			float: right;
			padding: 8px 5% 6px 2%;
			font-size: 20px;
			color: #2982e6;
			line-height: 1.1em;
			}
		#footBnr li a span{font-size: 16px;}
		#footBnr li a span.bnrDetail{
			border-top: 1px dotted #ccc;
			display: block;
			color:#333;
			font-size: 11px;
			margin-top: 4px;
			padding-top: 6px;
			line-height: 1.1em;
			letter-spacing: 0;
		}
			#footBnr li a span.bnrDetail span{
				background: #ee9c01;
				padding: 2px 5px;
				color: #fff;
				font-size: 14px;
				display: block;
				margin-bottom: 3px;
			}
		#footBnr li img{width: 48.5%;}
	
	/*--縦の場合--*/
	#footBnr li.bnrT{width: 48.3%; display: inline-block; vertical-align: top;}
	#footBnr li.bnrT:nth-child(odd){margin-left: 1%;}
		#footBnr li.bnrT a{
			background: none;
			position: relative;
		}
		#footBnr li.bnrT img{width: 100%; }
		#footBnr li.bnrT a p{
			width: 86%;
			padding: 6px 10% 8px 4%;
			float: none;
			background: #FFF url(../img/common/bnr_arrow.gif) right center no-repeat;
			background-size: 10px;
			margin-top: -20px;
			z-index: 998;
			position: relative;
		}

	/*--画像のみの場合--*/
	#footBnr li.imgBnr{

	}
	#footBnr li.imgBnr a{background:none;}
	#footBnr li.imgBnr img{width: 100%;}



footer{
	background: #2982e6;
}

	footer ul{
		background:#FFF;
		margin-bottom: 40px;	
	}

		footer ul li{
			width:50%;
			float: left;
		
		}
		footer ul li a{
			display: block;
			padding: 12px 20px 12px 2px;
			border-bottom: 1px solid #ccc;
			font-size: 13px;
			line-height: 1.4em;
			color:#000;
			letter-spacing: 0em;
			text-decoration: none;
			background:url(../img/common/arrow_circle.png)  right 6px  center no-repeat;
			background-size: 12px;
		}
		footer ul li a:nth-child(odd){border-left: 1px solid #ccc;}


		#pageTop {
			width: 100%;
			background: #2982e6;;
			border-top: 1px solid #ccc;
			/*position: fixed;
			bottom: 0px;
			z-index: 999;*/
		}
			#pageTop.fixedPosition {
			position: absolute;
			bottom: 45px;
			}

		#pageTop a{
			width: 100%;
			display: block;
			padding: 16px 0 6px 0;
			text-align: center;
			background: url(../img/common/arrow_foot.gif) center 10px no-repeat;
			background-size:8px auto;
			color: #FFF;
			font-size: 15px;
			text-decoration: none;
		}
	#copy{
		border-top:1px dotted #fff;
		padding-top: 4px;
		color: #FFF;
		text-align: center;
		font-size:10px;
		height: 40px;
	}
	#copy a{color: #FFF;}
	#copy span{/*font-size: 8px;*/ letter-spacing: 0em;}



/*=============================================
共通で使用するクラス
=============================================*/
/*----------------
layout
----------------*/
.padLRBox{padding: 0 5px;}
.btmLine{border-bottom: 1px solid #dcdcdc;}
.boxLine{border: 3px solid #dcdcdc; padding: 5px!important;}
.btmDotLine{border-bottom: 1px dotted #999;}
.noLine{border:none!important;}

.flR{float:right;}
.flL{float:left;}
.flBlock{display:block; overflow: auto;}

.taC{text-align: center;}
.taR{text-align: right;}
.taL{text-align: left;}


.mT0{margin-top: 0px!important;}
.mT10{margin-top: 10px!important;}
.mT15{margin-top: 15px!important;}
.mT20{margin-top: 20px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}


.mB0{margin-bottom: 0px!important;}
.mB05{margin-bottom: 5px!important;}
.mB10{margin-bottom: 10px!important;}
.mB15{margin-bottom: 15px!important;}
.mB20{margin-bottom: 20px!important;}
.mB25{margin-bottom: 25px;}
.mB35{margin-bottom: 35px;}

.mL05{margin-left: 5px;}

.mR05{margin-right: 5px;}

.mLR10{margin: 0 10px;}

.pad0{padding:0px!important; }
.pad5{padding: 5px!important;}

.padT05{padding-top:5px!important; }
.padT15{padding-top:15px!important; }
.padT30{padding-top:30px!important; }

.padB10{padding-bottom: 10px;}
.padB20{padding-bottom: 20px!important;}

.padL5px{padding-left: 5px;}


/*--size of images--*/
.phS{width: 260px;}
.phLS{width: 220px;}
.phMS{width: 180px;}
.phSS{width: 120px;}
.phMin{width: 40px;}
img.flowImg30{width: 30%; max-width: 110px; float: left; margin:0 0.5em 0 0; }


/*----------------
txt
----------------*/
.arrowYlTop{
	background: url(../img/common/arrow_ylgra.png) top center no-repeat;
	background-size: 180px;
	padding-top:46px!important; 
}
.arrowYlBtm{
	background: url(../img/common/arrow_ylgra.png) bottom center no-repeat;
	background-size: 150px;
	padding-bottom:32px!important;
	margin-bottom: 5px;
}
.txtStrong{
	background: #d1e3ff;
	text-shadow: 1px 1px 0px #FFF;
	padding: 0 0.3em;
}

.fs10{font-size: 10px!important;}
.fs12{font-size: 12px!important; line-height: 1.2em;}
.fs14{font-size: 14px!important; line-height: 1.2em;}
.fs16{font-size: 16px!important;}
.fs18{font-size: 18px!important; line-height: 1.4em;}
.fs20{font-size: 20px!important; line-height: 1.2em;}
.fs22{font-size: 22px!important; line-height: 1.2em;}

.lHeightM{line-height: 1.2em;}

.fcBlk{color:#333;}
.fcRed{color:#db128d;}
.fcBlue{color:#2982e6;}
.fcOrange{color:#ee9c01;}
.fcWhite{color:#FFF;}

.fbgWhite{
	background: #fff;
}
.fbgRed{
	background: #ff15c5;
	padding: 1px 3px;
	color: #FFF;
}
.fbgPnk{
	background: #ffdfea ;
	padding: 1px 3px;
}
.fbgBl{
	background: #2982e6;
	padding: 1px 3px;
	color: #FFF;
	text-shadow:none;
}
.fbgWBl{
	background: #dff3ff;
	padding: 1px 3px;
}
.fbgGr{
	background: #25c500;
	padding: 1px 3px;
	color: #FFF;
}
.fbgGl{
	background: #999;
	padding: 1px 3px;
	color: #FFF;	
}
.fbgOr{
	background: #ee9c01;
	padding: 1px 3px;
	color: #FFF;
}
.fbgBe{
	background: #f9f8f1;
	padding: 1px 3px;
}
.lineGl{border:#999 1px solid;}
.lineOr{border:#ee9c01 1px solid;}
.lineBe{border:#d2cdb4 1px solid;}


/*--indent--*/
.hang1{
	margin: 0; 
	padding: 0; 
	padding-left: 1em; 
	text-indent: -1em; 
}
.hang2{
	padding-left: 2em; 
	text-indent: -2em; 
}

.hang3{
	margin: 0; 
	padding: 0; 
	padding-left: 3em; 
	text-indent: -3em; 
}

/*
-------------------------*/
.contentSec2{
	background: #fff;
	margin:10px 10px 0;
}

.myopin_tit{
	background-color: #00A598 !important;
	font-size: 0.95em !important;
}

.myopin_tit span{
	font-size: 1.5em;
}

.myopin_txt01 img{
	float: right;
	width: 43%;
	margin: 0 0 10px 10px;
}

.green2{
	color: #00A598;
}