@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト[ 配置 + 書式設定その他 ]
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト[ 配置 + 書式設定その他 ]
*******************************************************************************/
/*==============================================================================
	配置　独自の設定
==============================================================================*/
body{
	color:#000000;
}
#wrap{
	margin:0px auto 0px auto;
	background:#FFFFFF;
}
#header{
	padding:16px 30px 71px 30px;
}
main{
	position:relative;
}
#topgnavibg{
	position:relative;
	z-index:2;
}
#toppagebody{
	position:relative;
	z-index:1;
}
#tpath{
	padding:5px 0px 5px 0px;
	width:950px;
}
#content3{
	width:100%;
}
#guide{
	padding:20px 0px 20px 0px;
}
/*==============================================================================
	書式設定その他
==============================================================================*/
#headerbg,#topheaderbg{
	background:
		url(images/header/header_bg2.png) no-repeat center bottom,
		url(images/header/header_bg1.png) repeat-x center bottom;
}
#header{
	background:url(images/header/tlogo_bg.png) no-repeat center top;
}
#content,#content2,#content3{
	background:#FFFFFF;
}
#content,#content2,#content3{
	background:#FFFFFF;
}
#footer{
	color:#333333;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	ヘッダ
==============================================================================*/
#tlogo{
	margin:6px 0px 0px 3px;
	width:200px;
	float:left;
}
#tlogo img{
	vertical-align:bottom;
}
#tlogo h1,#tlogo p{
	float:left;
}
#tlogo p.tlogo2{
	float:right;
}
#util{
	margin-left:47px;
	width:376px;
	float:left;
	font-size:95%;
}
#util img{
	vertical-align:middle;
}
#smputil3{
	display:none;
}
/*------------------------------------------------------------------------------
	util1
------------------------------------------------------------------------------*/
#util1{
	width:376px;
	float:left;
	margin:0px 0px 10px 0px;
}
#util1 ul{
	display:inline;
}
#util1 li{
	margin-left:10px;
	width:176px;
	display:block;
	float:left;
	text-align:left;
}
#util1 li a{
	padding:7px 9px 7px 41px;
	display:block;
	color:#333333;
	text-decoration:none;
	border-radius:5px;
	background:#d0eefb url(images/header/mark_language.png) no-repeat 6px center;
	border:1px solid #d0eefb;
}
#util1 li.utilm1 a{
	background:#fbd0d0 url(images/header/mark_emergency.png) no-repeat 6px center;
	border:1px solid #fbd0d0;
}
/*------------------------------------------------------------------------------
	検索
------------------------------------------------------------------------------*/
#sitesearch{
	margin-left:10px;
	margin-right:4px;
	width:362px;
	float:right;
	background:#d0eefb;
	border-radius:5px;
}
#sitesearch input{
	padding:2px 5px 2px 5px;
	vertical-align:middle;
	-webkit-appearance:none!important;
}
#key{
	margin:3px 0px 3px 0px!important;
	padding:2px 5px 2px 5px!important;
	width:304px!important;
	height:auto!important;
	font-size:100%;
	border:1px solid #ffffff!important;
	border-radius:3px 0px 0px 3px;
	box-sizing:border-box;
}
#sitesearch input.submit{
	padding:7px 14px 8px 15px;
	background:#1f5c91;
	border:1px solid #1f5c91;
	border-radius:0px 5px 5px 0px;
}
/*------------------------------------------------------------------------------
	SNS
------------------------------------------------------------------------------*/
#snsbanner{
	width:238px;
	float:right;
}
#snsbanner img{
	vertical-align:bottom;
}
#snsbanner a{
	padding:10px 0px;
	display:block;
	color:#333333;
	text-decoration:none;
	background:#ffffff;
	border:1px solid #003399;
	border-radius:5px;
	text-align:center;
}
#snsbanner a span{
	display:block;
}
/*==============================================================================
	グローバルナビ
==============================================================================*/
#gnavibg,#topgnavibg{
	border-top:2px solid #d0eefb;
	background:url(images/gnavi/gnavi_bg.png) repeat-x center bottom;
}
#topgnavibg{
	border-top:1px solid #ffffff;
}
#gnavi ul li{
	padding-left:13px;
	width:150px;
	font-size:125%;
	background:url(images/gnavi/gnavi_li.png) no-repeat left center;
	text-align:center;
	line-height:1.1;
}
#gnavi ul li:first-child{
	padding-left:0px;
	background:none;
}
#gnavi ul li.gnavi3{
	width:145px;
}
#gnavi ul li.gnavi4{
	width:160px;
}
#gnavi ul li.gnavi6{
	width:130px;
}
#gnavi ul li.choice a span{
	/*background:url(images/gnavi/gnavi_em.png) no-repeat center bottom 11px;
	background: linear-gradient(transparent 60%, #FEEC99 60%);*/
	display: inline-block;
	position: relative;
}
#gnavi ul li.choice a span::after{
	content:"";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 0px;
	border-top: 5px solid #FEEC99;
}
#gnavi ul li a{
	padding:26px 8px 23px 8px;
	display:block;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:bold;
	border-right:1px dotted #FFFFFF;
	text-decoration:none;
	box-sizing:border-box;
}
#topgnavibg ul li a{
	padding-top:24px;
	padding-bottom:24px;
}
#gnavi ul li.gnavi4 a{
	padding-left:10px;
	padding-right:6px;
}
#gnavi ul li a:hover,
#gnavi ul li.choice a{
}
/*--スマホワンソースの場合のメニュー非表示--*/
#gnavibg p.hnplus, #gnavibg p.hnminus{
	display:none;
}
/*==============================================================================
	左メニュー
==============================================================================*/
#lnavi p.hnplus, #lnavi p.hnminus {
    display: none;
}

#menu{
	padding-bottom:4px;
	width:198px;
	background:#FFFFFF;
	border:1px solid #9ddaa6;
	border-bottom:3px solid #79bf83;
}
/*------------------------------------------------------------------------------
	見出しh2
------------------------------------------------------------------------------*/
#menu h2 a,#menu h2 span{
	padding: 26px 12px 30px 15px;
	width:169px;
	display:block;
	color:#000000;
	background:url(images/lnavi/h2_lnavi_bg.png) repeat-x left bottom;
	border:1px solid #9ddaa6;
	border-bottom:2px solid #9ddaa6;
	text-align:left;
}
#menu h2.choice{
}
/*------------------------------------------------------------------------------
	リンクなし　セパレータ
------------------------------------------------------------------------------*/
#menu h3.separator{
	margin:0px;
	padding:10px 5px 8px 8px;
	width:185px;
	background:#EEEEEE;
/*	border-top:1px dotted #999;*/
}
#menu h4.separator,#menu h5.separator,#menu h6.separator{
	margin:0px 0px 0px 10px;
	padding:10px 5px 8px 6px;
	width:177px;
	background:#EEEEEE;
/*	border-top:1px dotted #999;*/
}
/*------------------------------------------------------------------------------
	詳細メニュー　h3 h4 ul 同じリスト風デザイン
------------------------------------------------------------------------------*/
#menu h3{
	margin:0px;
	background:#FFF;
	border-bottom:none;
}
#menu h4{
	margin:0px;
	font-weight:normal;
	background:#FFF;
	border-bottom:none;
}
#menu h5{
	margin-left:10px;
	font-weight:normal;
	background:#FFF;
	border-bottom:none;
}
#menu h3 a{
	padding:8px 5px 8px 23px;
	width:170px;
	position:relative;
	border-bottom:1px dotted #999;
}
#menu h3 a::before{
	width:14px;
	height:16px;
	position:absolute;
	top:13px;
	left:5px;
	content:"";
	background:#43c060;
	border-radius:3px;
}
#menu h3 a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:17px;
	left:6px;
	content:"";
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menu h3 a:hover{
	color:#000000;
	background:#d8f5ff;
}
#menu h4 a{
	padding:8px 5px 8px 23px;
	width:170px;
	position:relative;
	border-bottom:1px dotted #999;
}
#menu h4 a::after{
	width:7px;
	height:7px;
	position:absolute;
	top:16px;
	left:6px;
	content:"";
	border-top:2px solid #43c060;
	border-right:2px solid #43c060;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menu h4 a:hover{
	color:#000000;
	background:#d8f5ff;
}
#menu h5 a{
	padding:8px 5px 8px 23px;
	width:160px;
	position:relative;
/*	border-top:1px dotted #999;*/
}
#menu h5 a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:16px;
	left:6px;
	content:"";
	border-top:2px solid #43c060;
	border-right:2px solid #43c060;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menu h5 a:hover{
	color:#000000;
	background:#d8f5ff;
}
#menu ul{
	background:#FFF;
}
#menu ul li a{
	padding:8px 5px 8px 23px;
	width:170px;
	position:relative;
/*	border-top:1px dotted #CCC;*/
}
#menu ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:16px;
	left:6px;
	content:"";
	border-top:2px solid #43c060;
	border-right:2px solid #43c060;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menu ul li a:hover{
	color:#000000;
	background:#d8f5ff;
}
#menu ul li.choice{
	padding:8px 5px 8px 23px;
	width:170px;
	position:relative;
	display:block;
	color:#000000;
	background:#d8f5ff;
/*	border-top:1px dotted #CCC;*/
}
#menu ul li.choice::after{
	width:6px;
	height:6px;
	position:absolute;
	top:16px;
	left:6px;
	content:"";
	border-top:2px solid #43c060;
	border-right:2px solid #43c060;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/*  フォーカス　*/
#menu h2 a:focus{
	z-index: 1;
	position: relative;
}
#menu h3 a:focus,
#menu h4 a:focus,
#menu h5 a:focus{
	z-index: 1;
}
#menu ul li a:focus{
	z-index: 1;
}
/*------------------------------------------------------------------------------
	入れ子リスト
------------------------------------------------------------------------------*/
#menu ul.lmenu li{
	margin-left:10px;
}
#menu ul.lmenu li a{
	width:160px;
	position:relative;
/*	border-top:1px dotted #CCC;*/
	border-bottom:none;
}
#menu ul.lmenu li a::after,
#menu ul.lmenu li.choice::after{
	width:5px;
	height:5px;
	display:inline-block;
	position:absolute;
	top:17px;
	left:12px;
	content:"";
	background:#43c060;
	border:none;
	border-radius:4px;
}
#menu ul.lmenu li a:hover{
	color:#000000;
	background:#e0f6da;
}
#menu ul.lmenu li.choice{
	width:160px;
	display:block;
	color:#000000;
	background:#e0f6da;
/*	border-top:1px dotted #CCC;*/
	border-bottom:none;
}

/*------------------------------------------------------------------------------
	かみすトピックス
------------------------------------------------------------------------------*/
#lnavitopics{
    margin-bottom: 20px;
	background:#FFFFFF;
	border:1px solid #9ddaa6;
	border-bottom:3px solid #79bf83;
}
#lnavitopics h2{
	padding: 26px 12px 30px 15px;
	color:#000000;
	font-size: 110%;
	background:url(images/lnavi/h2_lnavi_bg.png) repeat-x left bottom;
	border:1px solid #9ddaa6;
	border-bottom:2px solid #9ddaa6;
	text-align:left;
}
#lnavitopics ul{
	list-style: none;
}
#lnavitopics ul li a {
    padding: 8px 5px 8px 23px;
    width: 170px;
    position: relative;
	display: block;
    /* border-top: 1px dotted #CCC; */
}
#lnavitopics ul li a:hover{
	color:#000000;
	background:#d8f5ff;
}
#lnavitopics ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:16px;
	left:6px;
	content:"";
	border-top:2px solid #43c060;
	border-right:2px solid #43c060;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/*==============================================================================
	ページ遷移
==============================================================================*/
#guide{
	margin:0px auto 0px auto;
	padding:20px 150px 20px 150px;
	width:650px;
	position:relative;
	text-align:center;
}
#guide ul,#guide ul li{
	display:inline;
}
/*------------------------------------------------------------------------------
	このページのトップへ
------------------------------------------------------------------------------*/
#guide p.pagetop{
	display:block;
	clear:both;
	position:absolute;
	right:0px;
	bottom:-95px;
	z-index:10000;
	text-align:right;
}
#guide p.pagetop a{
	padding-left:18px;
}
/*------------------------------------------------------------------------------
	ページ戻り
------------------------------------------------------------------------------*/
#guide p.pageback{
	margin-right:40px;
	display:inline;
	vertical-align:middle;
}
#guide p.pageback a{
	padding-left:14px;
	display:inline-block;
	position:relative;
	color:#333333;
}
#guide p.pageback a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:6px;
	left:0px;
	content:"";
	border-bottom:2px solid #1f5c91;
	border-left:2px solid #1f5c91;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/*------------------------------------------------------------------------------
	表示切替
------------------------------------------------------------------------------*/
#guide .viewmode{
	display:inline-block;
	font-size:95%;
	vertical-align:middle;
}
#guide .viewmode ul{
	display:table;
	list-style-type:none;
}
#guide .viewmode ul li{
	display:table-cell;
	text-align:center;
	white-space:nowrap;
}
#guide .viewmode a{
	padding:6px 16px 4px 43px;
	display:block;
	color:#333333;
	text-decoration:none;
	border:1px solid #95e0f9;
}
#guide .viewmode #viewmode_pc{
	border-right:1px solid #95e0f9;
	background:#EEEEEE url(images/page/mark_pc.png) no-repeat 10px center;
	border-radius:5px 0px 0px 5px;
}
#guide .viewmode #viewmode_smp{
	padding-left:33px;
	border-left:none;
	background:url(images/page/mark_smp.png) no-repeat 12px center;
	border-radius:0px 5px 5px 0px;
}
/*==============================================================================
	フッタ
==============================================================================*/
#footerbg,#topfooterbg{
	background:url(images/footer/footer_bg2.png) no-repeat center bottom,
		url(images/footer/footer_bg.png) repeat-x center bottom,
		#e2f9ff ;
}
#footernavi,#topfooternavi{
	padding:26px 0px 14px 0px;
	background:url(images/footer/footernavi_bg.png) repeat-x center top;
}
#footernavi ul,#topfooternavi ul{
	margin:0px auto 0px auto;
	padding:10px 5px 10px 5px;
	width:660px;
	text-align:center;
	list-style-type:none;
}
#footernavi ul li,#topfooternavi ul li{
	margin-right:8px;
	margin-left:8px;
	display:inline-block;
}
#footernavi ul li a,#topfooternavi ul li a{
	padding:6px 12px 4px 22px;
	position:relative;
	display:table-cell;
	color:#333333;
	text-decoration:none;
	border:1px solid #95e0f9;
	border-radius:5px;
	white-space:nowrap;
}
#footernavi ul li a::after,#topfooternavi ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:12px;
	left:7px;
	content:"";
	border-top:2px solid #1f5c91;
	border-right:2px solid #1f5c91;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#footer h2{
	font-size:120%;
	text-align:left;
}
#add{
	padding:26px 0px 42px 0px;
	width:644px;
}
#footer ul.cityinfo{
	margin-top:10px;
	list-style-type:none;
	display:inline-block;
}
#footer ul.cityinfo li{
	margin:0px 8px 4px 0px;
	display:inline-block;
}
#footer ul.cityinfo li a{
	padding:7px 12px 6px 44px;
	display:block;
	color:#333333;
	text-decoration:none;
	background:#ffffff url(images/footer/mark_chosha.png) no-repeat 8px center;
	border:1px solid  #9ccfe0;
	box-shadow:0px 2px 0px 0px #9ccfe0;
	border-radius:5px;
}
#footer ul.cityinfo li.cityinfom1 a{
	padding-left:30px;
	background:#ffffff url(images/footer/mark_mobile.png) no-repeat 12px center;
}
#footer ul.cityinfo li.cityinfom3 a{
	padding-left:34px;
	background:#ffffff url(images/footer/mark_ikikata.png) no-repeat 12px center;
}
#copy{
	margin:0px auto 0px auto;
	padding:0px 10px 14px 10px;
	clear:both;
	font-size:80%;
	color:#333333;
	text-align:center;
}

/*==============================================================================
	ハイコントラストモード時
==============================================================================*/
@media (-ms-high-contrast:active) {
	
	#guide .viewmode #viewmode_smp {
		text-decoration: underline;
	}

}