@charset "utf-8";

/*　基本レイアウト
-----------------------------------------------------------------------------*/
#outline {
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background-color:#FFFFFF;
	color: #000000;
}

/*　本文へ移動（非表示）
-----------------------------------------------------------------------------*/
#blockskip {
	display: none;
	
	background: #FFFFFF;
	color: #000000;
}

/*　スマホ非表示
-----------------------------------------------------------------------------*/
.spBlind {
	display: none;
}


/*　TOPレイアウト
-----------------------------------------------------------------------------*/
#topOutline {
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background-color:#FFFFFF;
	color: #000000;
}
#topContentOutline {
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background-color:#FFFFFF;
	color: #000000;
}
#topArea {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	float: none;
	background-color:#FFFFFF;
	color: #000000;
}
#adBnrArea {
	display: none;
}

/* 20170522

#topSearchBox{
	width: 165px;
	min-height: 120px;
	margin: 0;
	padding: 5px;

}
#topSearchBox .gsc-search-button-v2 {
    padding: 5px;
}
#topSearchBox .gsc-input {
	padding-right: 5px !important;
}
#topSearchBox .searchTitle {
	width: auto; 
	font-size: 120%;
	background:url("../images/base/bgHeadLine02.jpg") repeat left Top;
	color: #FFFFFF;
	margin: 0;
	padding: 0.5em 0.9em 0.5em 20px;
	border-bottom: 1px #CCCCCC solid; 
 

	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0px 0px 3px #CCC; 
	
	clear: both;
}
*/

/*　ヘッダ
-----------------------------------------------------------------------------*/
#header {
	display: none;
}

.header {
	display: none;
}

#spHeader {
	margin: 0;
	padding: 0;
}
.spHeader {
	height:85px;
	text-align:right;
	background: #D3E4EC url("../images/base/bgLogo01.gif")  no-repeat top right;
	color: #000000;

	marigin-top:0px;
	marigin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
.spHeader a {
	margin-left:0px;
}

/*　グローバルナビ設定
-----------------------------------------------------------------------------*/

#globalNavi {
	margin: 0;
	padding: 0;
}

.globalNavi{
	background: #234371 url("../images/base/bgWagara.gif")  repeat top center;
	color: #FFFFFF;
	border-bottom: 5px solid #B83821;	
	overflow: hidden;
}

.globalNavi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.globalNavi li{
	float: left;
	width: 177px;
	margin: 0;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.1em;

}

.globalNavi a{
	text-align: center;
	display:block;
	padding: 1em 0.5em;
	background: #234371 url("../images/base/bgWagara.gif")  repeat top center;
	color: #FFFFFF;
	text-decoration: none;
}

.globalNavi a:hover{
	background: #FFFFFF;
	color: #234371;
}
.globalNavi li a.bgGNaviOn{
	background: #FFFFFF !important;
	color: #234371;
}

/* グループトップ画像 設定
-----------------------------------------------------------------------------*/
#topImageArea { 
	display: none;
}


/* ネクスト見出しエリア 設定
-----------------------------------------------------------------------------*/
#nextImageArea { 
	width: auto;
	height: auto;
}


.nextImageBox {
	width: auto;
	height: auto;
	margin: 0 auto 5px;
	text-align: left;
}
/* コンテンツエリア 設定
-----------------------------------------------------------------------------*/
/* コンテナ枠 */
#containerArea{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}
.containerBox{
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 5px 0;
	clear: both;
}

/* サブメニューエリア 設定
-----------------------------------------------------------------------------*/
#subNaviArea {
	width: auto;
	margin:0;
	padding:0;
	higfht:auto;
	float: none;
}
.snTopTitle{
	width: 165px;
	margin: 10px 0;
	padding: 5px 0.5em 0.5em 30px;
	text-align: left;
	background:url("../../images/base/bgTopHL02.gif") no-repeat bottom left;
	border-bottom: 3px solid #3B4E8A;
	color: #3B4E8A;
	font-weight: bold;
	font-size:100%;
}
.snTitle{
	width: auto;
	font-size: 120% !important;
	background-color: #000000;
	color: #FFFFFF;
	margin: 10px 0 0px;
	padding: 0.2em 0.9em 0.2em 5px;
	clear: both;
}

.subNaviBox {
	width: auto;
	padding: 0;
	margin: 5px auto 0px auto;
}

.subNaviLink {
	width: auto;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0 2px 0; 
	text-decoration: none;
	font-size: 95%;
}


.subNaviLink ul { 
	width: auto;
	margin:0 auto; 
	padding:0; 
}
.subNaviLink a { text-decoration:none; }
.subNaviLink li {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#a6d1ec)); /* Safari,Google Chrome用グラデ */
	background: -moz-linear-gradient(top, #fff, #a6d1ec); /* Firefox用 */
	text-shadow: 1px 1px 0 #ffffff;
	box-sizing: border-box;
	border-bottom:1px solid #73a5c3;
}  
.subNaviLink li a {
	display: block;
	color: #000000;
	padding: 15px 30px 15px 10px;
	text-decoration: none;
	
	background: url("../images/base/listArrow01.gif") no-repeat 99% 50%;
}  
.subNaviLink li a:hover { 
	background: url("../images/base/listArrow04.gif") no-repeat 99% 50%;

 }
 
 
.subNaviLink li ul {
	width: auto;
	margin:0 auto; 
	padding:0; 
	background-color: #FFFFFF;
	color: #000000;
	border-top:1px solid #73a5c3;
}  
 
.subNaviLink li ul li a {
	display: block;
	color: #000000;
	padding: 12px 30px 12px 20px;
	text-decoration: none;
	background: url("../images/base/listArrow01.gif") no-repeat 99% 50%;
	border-left: 10px solid #73a5c3;

}  
.subNaviLink li ul li a:hover {
	background: url("../images/base/listArrow04.gif")  no-repeat 99% 50%;
}

.subNaviLink li .bgSubNaviOn {
	background: url("../images/base/listArrow04.gif")  no-repeat 99% 50%;
}
.subNaviLink li ul li .bgSubNaviOn {
	background: url("../images/base/listArrow04.gif")  no-repeat 99% 50%;
}




/* バナーエリア 設定
-----------------------------------------------------------------------------*/
.bnrBox{
	display: none;
}


/* コンテンツエリア 設定
-----------------------------------------------------------------------------*/
#contentArea{
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	float: none;
}

/* グループトップ用エリア 設定
-----------------------------------------------------------------------------*/
#topContentArea{
	width: auto;
	margin:0;
	padding:0;
	higfht:auto;
	float: left;
}


/* コンテンツ設定 ---------------------*/
.contentBox{
	width: auto;
	height: auto;
	padding: 5px;
	margin: 5px 10px 5px 0;
	clear: both;
}

.contentBox p{
	margin-bottom:0.5em;
	line-height: 1.5em;
}

.contentBox ul {
	margin: 0;
	padding: 0;
}


.contentBox li {
	height: auto;
	width: auto;
	list-style: none;
	margin: 0 0 0.5em 5px;
	padding: 0.1em 0 0.1em 25px;
	background: url(../images/base/imgSquare01.gif) no-repeat 5px 0.45em;
}

.contentBox hr {
	margin:20px auto;
	width: 98%;
	border: 1px dotted #CCCCCC;

}

.contentBox img{
	max-width: 100% !important;
	height: auto !important;
}

.conInnerBox{
	width: auto;
	height: auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #F7F7F7;
	color: #000000;
}


/* 20170519

.contentLink dt{
	width: auto; 
	font-size:110%;
	background:#FFFFFF url("../images/base/bgHeadLineLink.gif") no-repeat 5px 0.5em;
	padding: 0.2em 0.9em 0.2em 27px;
	margin: 0;
	color: #000000;
}
.contentLink dt a:link{	color: #1F8AC0;	font-weight: bold;}
.contentLink dt a:visited {	color: #880088; }
.contentLink dt a:hover { color: #60BCEC; }


.contentLink dd {
	padding: 0.2em 0.2em 0.2em 27px;
	margin: 0;
}
.contentLink li{
	width: auto; 
	font-size:110%;
	background:#FFFFFF url("../images/base/bgHeadLineLink.gif") no-repeat 5px 0.5em;
	padding: 0.2em 0.9em 0.2em 27px;
	margin: 0;
	color: #000000;
}
.contentLink li a:link{	color: #1F8AC0;	font-weight: bold;}
.contentLink li a:visited {	color: #880088; }
.contentLink li a:hover { color: #60BCEC; }

*/



/* テーブルをスライド式にする設定
.contentBox table{ 
			display: block; 
			position: relative; 
			width: 100% !important; 
}
.contentBox table thead{ 
				display: block; 
				float: left; 
}
.contentBox table tbody{ 
				display: block; 
				width: auto; 
				position: relative; 
				overflow-x: auto; 
				white-space: nowrap; 
}
.contentBox table thead tr{ 
				display: block; 
}
.contentBox table th{ 
				display: block; 
}
.contentBox table tbody tr{ 
				display: inline-block; 
				vertical-align: top; 
}
.contentBox table td{ 
				display: block; 
}
 */
 
 
/* borderの調整
.contentBox th{ 
			border-bottom: 0; 
}
.contentBox td{ 
			border-left: 0; 
			border-right: 0; 
			border-bottom: 0; 
}
.contentBox tbody tr{ 
			border-right: 1px solid #babcbf; 
}
.contentBox th:last-child,
.contentBox td:last-child { 
			border-bottom: 1px solid #babcbf; 
}
 */




/*　TOP下部リンクエリア
-----------------------------------------------------------------------------*/
#policy{
	width: auto;
}

.policy{
	width: 980px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	font-size: 90%;
	text-align:right;
}


/* ぱんくず設定
-----------------------------------------------------------------------------*/
#topicPathArea {
	display: none;
}



/* 下部リンク設定
-----------------------------------------------------------------------------*/
#btmLinkArea{
	width:auto;
	height:auto;
	padding:10px 0 0 0;
	clear: both;	
}
.btmLinkBox{
	width: auto;
	height:auto;
	margin: 0px auto;
	padding:5px 0.2em 1.0em 0.2em;
}

.btmLinkBox { 
	width: auto;
	padding: 0px 0 0.5em 10px;
	margin: 0px auto 8px;
}
.btmLinkBox ul {
	width: auto;
	margin: 0px;
	padding: 0.5em;
	list-style: none;
}
.btmLinkBox li {
	background: url("../images/base/listArrow01.gif")  no-repeat 0px 0.2em;
	margin: 0px;
	padding: 0 0 0 20px;
	text-align: left;
	line-height: 1.5em;
	text-decoration: none;

}

/* フッター 設定
-----------------------------------------------------------------------------*/
#footerArea{
	width:auto;
	height:auto;
	clear: both;
}
.footerArea{
	width:auto;
	height:auto;
	margin: 0px auto;
	padding:0.5em;
	border-top: 1px solid #CCCCCC;
}

.ftYakuba {
	width: auto;
	line-height: 1.3em;
	font-size: 95%;

}

.ftYakuba img{
	margin-right: 5px;
}
.ftQRcode {
	display: none;
}
.picYakuba {
	display: none;
}


/* スマホフッター 設定
-----------------------------------------------------------------------------*/
#spFooterButton{
	margin-top:10px;
}
.spfbTitle {
	width: auto;
	font-size: 120% !important;
	background-color: #000000;
	color: #FFFFFF;
	margin: 10px 0 0px;
	padding: 0.2em 0.9em 0.2em 5px;
	clear: both;
}

/* 各情報ページボタン */
.spfButton {
	margin: 0;
	padding: 0;
}
.spfButton ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.spfButton ul li {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cee3a2)); /* Safari,Google Chrome用グラデ */
	background: -moz-linear-gradient(top, #fff, #cee3a2); /* Firefox用 */
	text-shadow: 1px 1px 0 #ffffff;
	box-sizing: border-box;
	border-bottom:1px solid #55AA55;
}
.spfButton ul li a {
	display: block;
	color: #000000;
	padding: 15px 30px 15px 10px;
	text-decoration: none;
	background: url("../images/base/listArrow01.gif") no-repeat 99% 50%;

}

/* 各情報ページHOMEボタン */
.spfButtonHome {
	margin: 0;
	padding: 0;
}
.spfButtonHome ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.spfButtonHome ul li {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CCCCCC)); /* Safari,Google Chrome用グラデ */
	background: -moz-linear-gradient(top, #fff, #CCCCCC); /* Firefox用 */
	text-shadow: 1px 1px 0 #ffffff;
	box-sizing: border-box;
	border-bottom:1px solid #555555;
}
.spfButtonHome ul li a {
	display: block;
	color: #000000;
	padding: 15px 30px 15px 10px;
	text-decoration: none;
	background: url("../images/base/listArrow01.gif") no-repeat 99% 50%;

}



#spFooterArea{
	padding-top:21px;
	margin-top:20px;
	height:130px;
	background-color:#F7F7F7;
	color: #000000;
	border-top: 1px solid #DDD;
}
#btntop {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* Safari,Google Chrome用グラデ */
	background: -moz-linear-gradient(top, #fff, #ddd); /* Firefox用 */
	background-color: #D0F3F8;
	color: #000000;
	-webkit-border-radius: 8px; /* 角丸の設定 */
	-moz-border-radius: 8px; /* 角丸の設定 */
	border-radius: 8px; /* 角丸の設定 */
	border: 1px solid #999;
	font-size: 120%;
	text-align: center;
	margin:5px auto;
	padding: 0px 10px;
	width: 85%
}

#btntop a {
	text-shadow: 1px 1px 0 #ffffff;
	display: block;
	padding: 8px 0;
	background:#ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* Safari,Google Chrome用グラデ */
	background: -moz-linear-gradient(top, #fff, #ddd); /* Firefox用 */
	color: #000000;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	background-position:95% 50%
}





/*　TOPへ戻る
-----------------------------------------------------------------------------*/
.returnTop
{
	display: none;
	
}

/*見出し
-----------------------------------------------------------------------------*/
.headLine001{
	background:url("../images/base/bgNextTitle.jpg") no-repeat right bottom;
	color:#888888;
	font-size:140%;
	font-weight:bold;
	padding: 1em 5px 1em 1em;
	margin: 5px 0 0 0;
	text-align:right;
	border: 1px solid #F7F7F7;
		
 	/* CSS3 影 */ 
	-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0px 0px 5px #CCC; /* Opera 10.5+, IE */
	}
	
.headLine002{
	width: auto; 
	font-size: 120%;
	background:url("../images/base/bgHeadLine02.jpg") repeat left Top;
	color: #FFFFFF;
	margin: 0;
	padding: 0.5em 0.9em 0.5em 20px;
	border-bottom: 1px #CCCCCC solid; /* 下の枠線（太さ・色・スタイル） */ 
 
 	/* CSS3 影 */ 
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0px 0px 3px #CCC; /* Opera 10.5+, IE */
	
	clear: both;

	}

.headLine003{
	width: auto; 
	font-size:110%;
	background:#FFFFFF url("../images/base/bgHeadLine03.jpg") repeat left bottom;
	color: #000000;
	padding: 0.2em 0.9em 0.2em 15px;
	margin: 1em 0 0.8em 0;
	border: 1px solid #CCCCCC;
	border-bottom: 3px double #1F8AC0;
 	/* CSS3 角丸 */ 	
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    
	clear: both;
}
	
.headLine004{
	background: #FFFFFF;
	color:#00616f;
	font-size:100%;
	font-weight:bold;
	/* border-bottom: 1px dotted #0B5394; */
	padding: 0.2em 0px 0.2em 0em;
	margin: 1.2em 0.5em 0.5em 0;
	
	clear: both;
}

.headLine005{
	background: #FFFFFF;
	color:#800000;
	font-size:100%;
	font-weight:bold;
	padding: 0;
	margin: 1.2em 0em 0.5em 0;
	
	clear: both;
}
	
.scTitle{
	height:28px;
	background:url("../images/base/imgLNaviTitle01.gif") no-repeat left top;
	color:#555555;
	font-weight:bold;
	padding-top: 9px;
	text-align:center;
	margin: 5px 0 0 0;
}


/* 20170519

.notice01 {
	background: none;
	color: #9B3A3A;
	font-weight: bold;
	font-size: 110%;
}
.notice02 {
	background: none;
	color: #3A459B;
	font-weight: bold;
	font-size: 110%;
}
.notice03 {
	background: none;
	color: #92775D;
	font-weight: bold;
	font-size: 110%;
}
.notice04 {
	background: none;
	color: #B6A593;
	font-weight: bold;
	font-size: 110%;
}



.noticeBlue {
	background: none;
	color: #000088;
	font-weight: bold;
}
.noticeGreen {
	background: none;
	color: #008800;
	font-weight: bold;
}
.noticeRed {
	background: none;
	color: #EE0000;
	font-weight: bold;
}
*/

/*テーブルスタイル
-----------------------------------------------------------------------------*/

.table01 table{
	margin: 0 auto;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.table01 td{
	margin: 0;
	padding: 0.1em;
	border: 1px solid #CCCCCC;

}
.table01 td.cellColor{
	background-color: #EEEEFF;
	color: #000000;
}


.floatL {float:left;}
.floatR {float:right;}
.pfloatL {float:left; padding: 0 10px 5px 0;}
.pfloatR {float:right; padding: 0 0 5px 10px;}

.cl{ clear:both;}



/***************************　触らない　ここから　****************************/

/* フォントサイズ基本 */
.fs-m2	{
	font-size: 60%;
}
.fs-m1	{
	font-size: 80%;
}
.fs-p1	{
	font-size: 120%;
}
.fs-p2	{
	font-size: 140%;
}
.fs-p3	{
	font-size: 160%;
}
.fs-p4	{
	font-size: 180%;
}

.fs80	{
	font-size: 80%;
}
.fs85	{
	font-size: 85%;
}
.fs90	{
	font-size: 90%;
}
.fs93	{
	font-size: 93%;
}
.fs130{
	font-size: 130%;
}
.fs150{
	font-size: 150%;
}
/* フォントサイズ基本 */


/***************************　触らない　ここまで　****************************/
/*グーグルマップレスポンシブ用
-----------------------------------------------------------------------------*/
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*コンテンツ内画像縮小用
-----------------------------------------------------------------------------*/
.wcv-floatbox-right img{
	max-width: 100% !important;
	height: auto !important;
}
.wcvcenter img{
	max-width: 100% !important;
	height: auto !important;
}
.wcv-floatbox-left img{
	max-width: 100% !important;
	height: auto !important;
}