@charset "utf-8";

/*
-----------------------------------------------------------------------------*/
/* リセットスタイルシート
-----------------------------------------------------------------------------*/
html, body, header, footer, nav, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
	border: 0;
    outline: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1;
    vertical-align: baseline;
}

a img {
    border: 0;
}

ol, ul, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
	font-weight: lighter;
}

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

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

:focus {
    outline: 0;
}

/*
-----------------------------------------------------------------------------------------------------------------------------------------*/
/* デバイス共通
-----------------------------------------------------------------------------------------------------------------------------------------*/
html {
	font-size: 1em;
	font-family:"メイリオ","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	letter-spacing: 0.05em;
}

body{
	min-height: 100%;
}


html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

/*Opera Fix*/
body:before {
	/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top: -32767px;/* thank you Erik J - negate effect of float*/
}

/* ヘッダ
-----------------------------------------------------------------------------*/
#header {
	padding: 1.5em 0;
}

h1 {
	float: left;
	width: 5.5em;
	font-size: 2.14em;
	letter-spacing: 0.1em;
	line-height: 50px;
}

h1 img {
	float: left;
	margin-right: 0.25em;
}

h1 a {
	color: inherit;
	text-decoration: none;
}

h1:after {
	content: "";
	display: block;
	clear: both; 
}

/* フォントサイズの変更
-----------------------------------------------------------------------------*/
.hd_fontsize {
	float: right;
	width: 12em;
	margin-top: 0.5em;
	font-size: 0.86em;
}

.hd_fontsize:after {
	content: "";
	display: block;
	clear: both; 
}

.hd_fontsize p {
	float: left;
	width: 6em;
	padding: 3px 0;
}

ul.fontsize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 10px;
}

ul.fontsize:after {
	content: "";
	display: block;
	clear: both; 
}

ul.fontsize li {
	float: left;
	margin-right: 5px;
	padding: 3px;
	cursor: pointer;
	color: #fff;
	background-color: #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

ul.fontsize li:hover {
	color: #222;
	background-color: #eee;
}

ul.fontsize li.active {
	background-color: #096;
}

ul.fontsize li.active:hover {
	background-color: #096;
}

/* 背景色と文字色の変更
-----------------------------------------------------------------------------*/
.hd_bgcolor {
	float: right;
	width: 13em;
	margin-top: 0.5em;
	font-size: 0.86em;
}

.hd_bgcolor:after {
	content: "";
	display: block;
	clear: both; 
}

.hd_bgcolor p {
	float: left;
	width: 4em;
	padding: 3px 0;
}

ul.bgcolor li {
	float: left;
	margin-right: 5px;
	padding: 3px;
	cursor: pointer;
	border: 1px solid #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.bgcolor_white {
	color: black;
    background-color: white;
}

.bgcolor_blue {
	color: yellow;
    background-color: blue;
}

.bgcolor_black {
	color: white;
    background-color: black;
}

.bgcolor_yellow {
	color: black;
    background-color: yellow;
}

/* 翻訳機能
-----------------------------------------------------------------------------*/
.hd_translate {
	float: right;
	width: 154px;
	margin-top: 0.5em;
	margin-right: 20px;
	font-size: 0.86em;
}

/* サイトマップ
-----------------------------------------------------------------------------*/
.hd_sitemap {
	float: right;
	width: 8em;
	margin-top: 0.5em;
	font-size: 0.86em;
}

.hd_sitemap p {
	padding: 3px 0 3px 15px;
	background: url(../images/hd_sitemap.png) no-repeat left center;
}

.hd_sitemap p a {
	color: inherit;
	text-decoration: none;
}

.hd_sitemap p a:hover {
	text-decoration: underline;
}


/* グローバルナビ
-----------------------------------------------------------------------------*/
.gnavi {
	clear: both;
	padding-top: 1.5em;
}

.gnavi h2 {
	display: none;
}

.gnavi ul {}

.gnavi ul li {
	display: inline;
	font-size: 1.21em;
	letter-spacing: 0.1em;
}

.gnavi ul li:before {
	content: " / ";
}

.gnavi ul li:first-child:before {
	content: none;
}

.gnavi ul li a {
	color: inherit;
	text-decoration: none;
}

.gnavi ul li a:hover {
	text-decoration: underline;
}

.gnavi ul li.sp_only {
	display: none;
}

/* パンくずリスト・サイト内検索エリア
-----------------------------------------------------------------------------*/
#share {
	padding: 7px 0;
	background: #096 url(../images/share_bg.png) repeat-x top left;
}

#share:after {
	content: "";
	display: block;
	clear: both; 
}

/* パンくずリスト
-----------------------------------------------------------------------------*/
ol.topicpath {
	padding: 0 1em 0 0;
	color: #fff;
	font-size: 0.79em;
}

ol.topicpath li {
	display: inline;
	line-height: 26px;
}

ol.topicpath li a {
	color: #fff;
}

ol.topicpath li:before {
	content: " > ";
}


ol.topicpath li:first-child:before {
	content: none;
}

/* サイト内検索
-----------------------------------------------------------------------------*/
.searchform {
	float: right;
	width: 320px;
	font-size: 0.86em;
	/*20171226:googleカスタム検索コード更新のため*/
	/*background: #fff;*/
	/*border: 1px solid #999;*/
    /*border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;*/
	/**/
}

.searchform:after {
	content: "";
	display: block;
	clear: both; 
}

.searchform dl:after {
	content: "";
	display: block;
	clear: both; 
}

.searchform dt{
	float: left;
	width: 278px;
    padding: 2px 0 2px 2px;
}

.searchform dt input{
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: none;
    border: none;
}

.searchform dd{
	float: right;
	width: 40px;
}

.searchform dd button{
    display: block;
    padding: 0 10px;
    background: none;
    border: none;
}

.searchform dd button span{
    display: block;
    width: 20px;
    height: 24px;
    background: url('../images/searchform.png') no-repeat center center;
}

/* 各種一覧
-----------------------------------------------------------------------------*/
#list_navi {
	padding: 7px 0;
	background: #cc6;
}

#list_navi ul {
	margin: 5px 0;
	text-align: right;
}

#list_navi li {
	display: inline;
	margin-left: 5px;
	background: #fff;
	border: 1px solid #999;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#list_navi li a {
	padding: 2px 5px;
	color: inherit;
	font-size: 0.93em;
	text-align: center;
	text-decoration: none;
}

/* コンテンツ
-----------------------------------------------------------------------------*/
#contents {
	padding: 40px 0 480px 0;
}

#contents p,
#contents dl dt,
#contents dl dd,
#contents ul li,
#contents ol li,
#contents table th,
#contents table td {
	line-height: 1.4em;
}

/* ページトップ
-----------------------------------------------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 410px;
    right: 10px;
	width: 110px;
	height: 200px;
	cursor: pointer;
	font-size: 0;
	text-indent: -9999px;
	background: url(../images/pagetop.png) no-repeat 0 0;
}

/* フッタ固定
-----------------------------------------------------------------------------*/
#footerfix {
	position: relative;
	margin-top: -440px;
	height: 440px;
	clear: both;
}

/* バナー
-----------------------------------------------------------------------------*/
#banner {
	padding: 5px 0;
	background: #096 url(../images/banner_bg.png) repeat-x bottom left;
}

#banner ul {}

#banner ul li {
/* 	float: left;*/
	width: 180px;
	margin: 5px;
}

#banner ul li a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #000;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #fff;
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #000;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* フッタ
-----------------------------------------------------------------------------*/
#footer {}

.ft_info {
	margin-top: 40px;
}

.ft_info h3 {
	font-size: 1.14em;
	font-weight: bold;
	line-height: 2em;
}

.ft_info p {
	line-height: 1.5em;
}

.ft_navi {
	margin-top: 20px;
}

.ft_navi ul li {
	display: inline;
	font-size: 0.79em;
	margin-right: 5px;
}

.ft_navi ul li:before {
	content: "> ";
}

.copyright {
	margin-top: 40px;
	text-align: center;
	font-size: 0.71em;
}

/* トップページ
-----------------------------------------------------------------------------*/
#visual {
	padding: 30px 0;
}

/* 重要なメニュー */
.home_topmenu {
	display: inline-block;
	padding: 15px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.home_topmenu:after {
	content: "";
	display: block;
	clear: both; 
}

.home_topmenu table {
	float: left;
	width: 220px;
	font-size: 1.07em;
	text-indent: inherit;
}

.home_topmenu table td {
	height: 41px;
	text-indent: inherit;
	vertical-align: middle;
}

.home_topmenu table td a {
	display: block;
	padding-left: 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.home_topmenu table td.medical,
.home_topmenu table td.revival,
.home_topmenu table td.refuge,
.home_topmenu table td.disaster,
.home_topmenu table td.mayor {
	border-bottom: 5px solid #fff;
}

.home_topmenu table td.medical {
	background: #c00 url(../images/home_topmenu_medical.png) no-repeat 10px center;
}

.home_topmenu table td.revival {
	background: #c00 url(../images/home_topmenu_revival.png) no-repeat 10px center;
}

.home_topmenu table td.refuge {
	background: #f60 url(../images/home_topmenu_refuge.png) no-repeat 10px center;
}

.home_topmenu table td.disaster {
	background: #f60 url(../images/home_topmenu_disaster.png) no-repeat 10px center;
}

.home_topmenu table td.mayor {
	background: #096 url(../images/home_topmenu_mayor.png) no-repeat 10px center;
}

.home_topmenu table td.koho_koya {
	background: #096 url(../images/home_topmenu_koho.png) no-repeat 10px center;
}

.home_topbn {
	float: left;
	width: 220px;
	margin-left: 15px;
	text-align: center;
}

.home_topbn img {
	margin-bottom: 6px;
	vertical-align: text-bottom;
}

/* お知らせ／新着情報／イベント・観光 */
.home_notice {
	margin-top: 30px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.home_notice:after {
	content: "";
	display: block;
	clear: both; 
}

.home_notice_tab {
	float: left;
	width: 599px;
	border-right: 1px solid #999;
}

.home_notice_tab #tab {
	border-bottom: 4px solid #096;
}

.home_notice_tab #tab li {
	float: left;
	width: 180px;
	height: 44px;
	margin: 0 15px 0 0;
	cursor: pointer;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #999 url(../images/home_notice_tab.png) no-repeat 10px center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.home_notice_tab #tab li.select {
	background: #096 url(../images/home_notice_tab.png) no-repeat 10px center;
}

.home_notice_tab #tab:after {
	content: "";
	display: block;
	clear: both;
}

.home_notice_tab .disnon {
	display: none;
}

.home_notice_tab .content_wrap {
	margin: 5px 20px;
	font-size: 0.93em;
}

.home_notice_tab .content_wrap ul {
	margin-bottom: 5px;
	/*border-bottom: 1px dotted #999;*/
}

.home_notice_tab .content_wrap ul li {
	/*padding: 8px 10px;*/
	padding: 5px 10px 4px 22px;
	/*line-height: 1.3em;*/
	line-height: 1.4em;
	text-indent: -1.2em;	
	border-bottom: 1px dotted #999;
}

.home_notice_tab .content_wrap ul li.attention {
	border: 1px solid #c00;
}

.home_notice_tab .content_wrap ul li:before {
	content: "> ";
}

.home_notice_tab .content_wrap ul li:after {
	content: "";
	display: block;
	clear: both;
}

.home_notice_tab .content_wrap ul li span.date {
	float: right;
	width: 8em;
	padding-top: 5px;
	text-align: right;
}

.home_notice_tab .content_wrap p.archive {
	padding: 10px 5px;
	text-align: right;
}

.home_notice_tab .content_wrap p.archive:before {
	content: "> ";
}

.home_notice_fb {
	float: left;
	width: 320px;
	padding: 5px 20px;
}

/* こんな時どうする？ */
.home_scene {
	color: #fff;
}

.home_scene:after {
	content: "";
	display: block;
	clear: both;
}

.home_scene h2 {
	float: left;
	width: 314px;
	color: #fff;
	font-size: 1.15em;
	text-align: center;
	line-height: 205px;
	background: #096;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.home_scene ul {
	float: right;
	width: 646px;
}

.home_scene ul:after {
	content: "";
	display: block;
	clear: both;
}

.home_scene ul li {
	float:left;
	width: 161px;
}

.home_scene ul li a {
	display: block;
	height: 85px;
	padding-top: 15px;
	margin-left: 4px;
	margin-bottom: 4px;
	color: #fff;
	font-size: 1.15em;
	text-align: center;
	text-decoration: none;
	background-color: #096;
	background-repeat: no-repeat;
	background-position: center 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.home_scene ul li.marriage a {
	background-image: url(../images/home_scene_marriage.png);
}

.home_scene ul li.maternity a {
	background-image: url(../images/home_scene_maternity.png);
}

.home_scene ul li.delivery a {
	background-image: url(../images/home_scene_delivery.png);
}

.home_scene ul li.death a {
	background-image: url(../images/home_scene_death.png);
}

.home_scene ul li.nenkin a {
	background-image: url(../images/home_scene_nenkin.png);
}

.home_scene ul li.pet a {
	background-image: url(../images/home_scene_pet.png);
}

.home_scene ul li.suido a {
	background-image: url(../images/home_scene_suido.png);
}

.home_scene ul li.shisetsu a {
	background-image: url(../images/home_scene_shisetsu.png);
}

/* こうやくん */
.home_koyakun {
	margin-top: 20px;
}

.home_koyakun h3 {
	margin-top: 40px;
	padding: 10px 15px;
	font-size: 1.29em;
	border-top: 2px solid #096;
	border-left: 15px solid #096;
	border-right: 15px solid #096;
	border-bottom: 2px solid #096;
}

.home_koyakun p {
	margin-top: 20px;
}

.home_koyakun dl dt {
	margin-top: 20px;
	font-weight: bold;
}

.home_koyakun dl dd {
	margin-top: 5px;
	margin-left: 1em;
}

.home_themesong {
	margin-top: 20px;
	padding: 20px 30px 10px 30px;
	background: #fcc url(../images/home_koyakun_bg.png) no-repeat top right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.home_themesong dl dt {
	font-size: 1.29em;
	font-weight: bold;
}

.home_themesong dl dd {
	font-size: 0.85em;
}

/*
-----------------------------------------------------------------------------*/
/* アーカイブページ
-----------------------------------------------------------------------------*/
.archive h2 {
	padding: 15px;
	font-size: 1.57em;
	border-top: 4px solid #096;
	border-left: 15px solid #006;
	border-right: 15px solid #006;
	border-bottom: 4px solid #096;
}

.archive h3 {
	margin-top: 40px;
	padding: 10px 15px;
	font-size: 1.29em;
	border-top: 2px solid #096;
	border-left: 15px solid #096;
	border-right: 15px solid #096;
	border-bottom: 2px solid #096;
}

.archive h4 {
	margin-top: 40px;
	padding: 10px 15px;
	font-size: 1.21em;
	border-left: 15px solid #096;
	border-bottom: 1px dotted #999;
}

.archive ul {
	margin-top: 10px;
	margin-left: 1em;
}

.archive ul li {
	padding-top: 10px;
}

.archive ul li a {
	/*color: inherit;*/
}

.archive ul li:before {
	content: "> ";
}

.archive ul li ul {
	margin-top: 0;
}

/*
-----------------------------------------------------------------------------*/
/* エントリーページ
-----------------------------------------------------------------------------*/
.entry h2 {
	padding: 15px;
	font-size: 1.57em;
	border-top: 4px solid #096;
	border-left: 15px solid #f60;
	border-right: 15px solid #f60;
	border-bottom: 4px solid #096;
}

.entry h3 {
	margin-top: 40px;
	padding: 10px 15px;
	font-size: 1.29em;
	border-top: 2px solid #096;
	border-left: 15px solid #096;
	border-right: 15px solid #096;
	border-bottom: 2px solid #096;
}

.entry h4 {
	margin-top: 40px;
	padding: 10px 15px;
	font-size: 1.21em;
	border-left: 15px solid #096;
	border-bottom: 1px dotted #999;
}

.entry h5 {
	margin-top: 40px;
	padding: 5px 10px;
	font-size: 1.21em;
	border-left: 10px solid #096;
}

.entry p {
	margin-top: 20px;
}

.entry ul {
	margin-top: 15px;
	margin-left: 2em;
}

.entry ul li {
	margin-top: 5px;
	list-style-type: disc;
}

.entry ol {
	margin-top: 15px;
	margin-left: 2em;
}

.entry ol li {
	margin-top: 5px;
	list-style-type: decimal;
}

.entry table {
	margin-top: 20px;
	width: 100%;
}

.entry table th,
.entry table td {
	padding: 0.5em;
	vertical-align: top;
	border: 1px solid #999;
}

.entry table th {
	text-align: center;
	background: #ffc;
	white-space: nowrap;
}

.entry table td.nowrap {
	white-space: nowrap;
}

.entry dl {}

.entry dl dt {
	margin-top: 20px;
	font-weight: bold;
}

.entry dl dd {
	margin-top: 5px;
	margin-left: 1em;
}

.entry ul li ul,
.entry ul li ol,
.entry ul li table,
.entry ul li dl dt,
.entry ul li p,
.entry ol li ul,
.entry ol li ol,
.entry ol li table,
.entry ol li dl dt,
.entry ol li p,
.entry table td ul,
.entry table td ol,
.entry table td table,
.entry table td dl dt,
.entry table td p,
.entry dl dd ul,
.entry dl dd ol,
.entry dl dd table,
.entry dl dd dl dt,
.entry dl dd p {
	margin-top: 5px;
}

.entry ul li ol li {
	list-style-type: decimal;
}

.entry ol li ul li {
	list-style-type: disc;
}

.entry table td ul,
.entry table td ol {
	margin-left: 1em;
}

.entry span.txt_indent { /*dlタグの代替用*/
	display: block;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 1em;
}

/* 外部リンク */
.home_koyakun a[href^="http"] ,
.entry a[href^="http"] {
    padding: 4px 32px 4px 0;
	background: url(../images/a_external.png) no-repeat 100% 50%;
}
* html .home_koyakun  a.external,
* html .entry a.external {
    padding: 4px 32px 4px 0;
	background: url(../images/a_external.png) no-repeat 100% 50%;
}

.home_koyakun a[href^="http://www.town.koya.wakayama.jp/"],
.entry a[href^="http://www.town.koya.wakayama.jp/"] {
	padding: inherit;
	background: transparent;
}

/* PDF */  
/*.entry a[href$=".pdf"] {*/
.entry a[href$=".pdf"],
.archive a[href$=".pdf"],
.home_notice a[href$=".pdf"] {
    padding: 4px 32px 4px 0;
    background: url(../images/a_pdf.png) no-repeat 100% 50%;
}

/** html .entry a.pdf {*/
* html .entry a.pdf,
* html .archive a.pdf,
* html .home_notice a.pdf {
    padding: 4px 32px 4px 0;
    background: url(../images/a_pdf.png) no-repeat 100% 50%;
}

/* Excel */  
/*.entry a[href$=".xls"],
.entry a[href$=".xlsx"] {*/
.entry a[href$=".xls"],
.entry a[href$=".xlsx"],
.archive a[href$=".xls"],
.archive a[href$=".xlsx"],
.home_notice a[href$=".xls"],
.home_notice a[href$=".xlsx"] {
    padding: 4px 32px 4px 0;
    background: url(../images/a_xls.png) no-repeat 100% 50%;
}

/** html .entry a.xls {*/
* html .entry a.xls,
* html .archive a.xls,
* html .home_notice a.xls {
    padding: 4px 32px 4px 0;
    background: url(../images/a_xls.png) no-repeat 100% 50%;
}

/* Word */  
/*.entry a[href$=".doc"],
.entry a[href$=".docx"] {*/
.entry a[href$=".doc"],
.entry a[href$=".docx"],
.archive a[href$=".doc"],
.archive a[href$=".docx"],
.home_notice a[href$=".doc"],
.home_notice a[href$=".docx"] {
    padding: 4px 32px 4px 0;
    background: url(../images/a_doc.png) no-repeat 100% 50%;
}

/** html .entry a.doc {*/
* html .entry a.doc,
* html .archive a.doc,
* html .home_notice a.doc {
    padding: 4px 32px 4px 0;
    background: url(../images/a_doc.png) no-repeat 100% 50%;
}

/* 広報 */
.thumb_list:after {
	content: "";
	display: block;
	clear: both;
}

.thumb {
	float: left;
	width: 210px;;
	padding: 20px 55px;
	text-align: center;
}

.thumb img {
	/*width: 210px;*/
	max-width: 210px;
	max-height: 297px;
	-ms-interpolation-mode: bicubic;
	/*margin-bottom: 10px;*/
	border: 1px solid #999;
}
.thumb div:not(.thumb_size) {
	/*width: 210px;*/
	max-width: 210px;
	max-height: 297px;
	margin-bottom: 10px;
}

.thumb_size {
	margin-top: 10px;
	font-size: 0.85em;
}

/* 担当部署 */
.charge {
	margin-top: 40px;
	border-top: 4px solid #999;
	border-left: 15px solid #999;
	border-right: 15px solid #999;
	border-bottom: 4px solid #999;
}

.charge h3 {
	padding: 10px 15px 10px 45px;
	font-size: 1.21em;
	background: url(../images/charge_bg.png) no-repeat 15px center;
	border-bottom: 1px solid #999;
}

.charge dl {}

.charge dl dt {
	padding: 10px 15px 5px 15px;
}

.charge dl dd {
	padding: 0 15px 10px 15px;
}

/* お問い合わせ */
.contact {
	margin: 20px 0 0 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.contact dl {
	width: 938px;
	margin-top: 1px;
	padding: 10px;
	border-top: 1px solid #999;
}

.contact dl:after {
	content: "";
	display: block;
	clear: both;
}

.contact dl dt {
	float: left;
	width: 235px;
	padding: 0 20px 0 0;
	font-weight: lighter;
}

.contact dl dt span {
	color: #f00;
}


.contact dl dd {
	float: left;
	width: 625px;
	padding: 0 0 0 20px;
	border-left: 3px solid #096;
}

.contact dl dd .example {
	margin-top: 5px;
}
.contact input,
.contact textarea {
	width: 100%;
	padding: 3px;
}

.contact dl dd label input {
	width: inherit;
}

.contact textarea , x:-moz-any-link { font-size: 0.85em; } /* Firefox */

.contact_btn {
	margin: 1px 0 0 0;
	padding: 10px 0;
	text-align: center;
	background: #999;
}

.contact_btn input {
	width: inherit;
	margin: 0 10px;
}

/* お知らせ／新着情報／イベント・観光 */
dl.notice {
	margin-top: 20px;
}

dl.notice dt {
	margin-top: 1em;
	color: #999;
	font-weight: lighter;
}

dl.notice dd {
	margin-top: 5px;
	margin-left: 0;
	padding: 0.5em 0 1em 1em;
	border-bottom: 1px dotted #999;
}

/*
-----------------------------------------------------------------------------*/
/* フロート解除
-----------------------------------------------------------------------------*/
.cf {
	zoom: 1;
}

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/*
-----------------------------------------------------------------------------*/
/* カテゴリ共通
-----------------------------------------------------------------------------*/
.pc_only {
	display: block;
}

.sp_only {
	display: none;
}

.inner {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

.inner:after {
	content: "";
	display: block;
	clear: both; 
}

.lt {
	float: left;
}

.rt {
	float: right;
}

.pc_lt {
	float: left;
}

.pc_rt {
	float: right;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.ml20 {
	margin-left: 20px;
}

.mr20 {
	margin-right: 20px;
}

.tx_ct {
	text-align: center;
}

.tx_rt {
	text-align: right;
}

.tx_btm {
	vertical-align: bottom;
}

.black {
	color: #000;
}

.gray {
	color: #999;
}

.red {
	color: #f00;
}

.small {
	font-size: 0.86em;
}

.large {
	font-size: 1.21em;
}

.self {
	padding-left: 14px;
	background: url(../images/a_self.gif) no-repeat center left;
}

.blank {
	padding-left: 14px;
	background: url(../images/a_blank.gif) no-repeat center left;
}

.flow {
	margin-left: 5%;
	margin-right: 5%;
	padding: 10px;
	font-size: 1.21em;
	text-align: center;
	border: 3px solid #999;
}

.box {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #999;
}

/*
-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Media Queries による切り替え（スマートフォン最適化）
-----------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	
html, body {
	background-image: none;
}

/* ヘッダ
-----------------------------------------------------------------------------*/
#header {
	margin: 50px 0 0 0;
}

.hd_fontsize,
.hd_bgcolor {
	display: none;
}

/* グローバルナビ
-----------------------------------------------------------------------------*/
.gnavi {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: auto;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #039781;
	background: #096;
	z-index: 2;
}

.gnavi h2 {
	display: block;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	background: url(../images/gnavi_sp.png) no-repeat center right 15px;
}

.gnavi ul {
	display: none;
	width: 100%;
}

.gnavi ul li {
	float: none;
	width: 100%;
	height: 50px;
	font-size: 100%;
	text-indent: inherit;
}

.gnavi ul li.sp_only {
	display: inherit;
}

.gnavi ul li a {
	display: block;
	height: 50px;
	color: #fff !important;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #039781;
	background: #096;
}

.gnavi ul li:before {
	content: none;
}

/* 翻訳機能
-----------------------------------------------------------------------------*/
.hd_translate {
	margin-right: 0;
}

/* コンテンツ
-----------------------------------------------------------------------------*/
#contents {
	padding: 2em 0;
}

/* パンくずリスト
-----------------------------------------------------------------------------*/
ol.topicpath {
	display: none;
}

/* 各種一覧
-----------------------------------------------------------------------------*/
#list_navi {
	display: none;
}

/* ページトップ
-----------------------------------------------------------------------------*/
#pagetop {
    position: inherit;
    bottom: 0;
    right: 0;
	width: 100%;
	height: 40px;
	background: #096 url(../images/pagetop_sp.png) no-repeat center center;
}

#pagetop a {
	display: block;
	height: 40px;
}

/* フッタ固定
-----------------------------------------------------------------------------*/
#footerfix {
	position: inherit;
	margin-top: 25px;
	height: auto;
}

/* フッタ
-----------------------------------------------------------------------------*/
.ft_info {
	margin-top: 20px;
}

.copyright {
	margin: 30px 0;
}


/* トップページ
-----------------------------------------------------------------------------*/
#visual {
	padding: 15px 0;
}

.home_topmenu {
	display: inherit;
	margin-top: 15px;
	padding: 0;
	background: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.home_topmenu table {
	float: none;
	width: 100%;
}

.home_topbn {
	float: none;
	width: 100%;
	margin-top: 15px;
	margin-left: 0;
	text-align: center;
}

.home_notice_tab {
	width: 100%;
	border-right: none;
}

.home_notice_tab #tab li {
	width: auto;
	height: auto;
	margin: 2px;
	padding: 5px 2px;
	line-height: normal;
	font-size: 0.93em;
	background-image: none;
	border: 1px solid #999;
}

.home_notice_tab #tab li.select {
	background-image: none;
}

.home_notice_tab .content_wrap {
	margin: 2px 0;
}

.home_notice_fb {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;  
	margin-right: auto;  
}
.home_notice_tab {
	float: none;
	width: 100%;
}

.home_scene h2 {
	float: none;
	width: 100%;
	height: auto;
	line-height: 50px;
}

.home_scene ul {
	float: none;
	width: 100%;
}

.home_scene ul li {
	float: none;
	width: 100%;
}

.home_scene ul li a {
	display: block;
	height: auto;
	line-height: 50px;
	padding-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 2px;
}

.home_scene ul li.marriage a,
.home_scene ul li.maternity a,
.home_scene ul li.delivery a,
.home_scene ul li.death a,
.home_scene ul li.nenkin a,
.home_scene ul li.pet a,
.home_scene ul li.suido a,
.home_scene ul li.shisetsu a {
	background-image: none;
}

.home_koyakun {
	width: 100%;
}

/*
-----------------------------------------------------------------------------*/
/* エントリーページ
-----------------------------------------------------------------------------*/
.entry table th {
	white-space: normal;
}

.entry table td.nowrap {
	white-space: normal;
}

/* お問い合わせ */
.contact {
	margin: 20px 0 0 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.contact dl {
	width: auto;
	border-top: none;
}

.contact dl dt {
	float: none;
	width: auto;
}

.contact dl dd {
	float: none;
	width: 100%;
	padding: 0;
	border-left: none;
}

.contact_btn {
	margin: 1px 0 0 0;
	padding: 10px 0;
	text-align: center;
	background: #999;
}

.contact_btn input {
	margin: 0 10px;
}

/*
-----------------------------------------------------------------------------*/
/* カテゴリ共通
-----------------------------------------------------------------------------*/
.pc_only {
	display: none;
}

.sp_only {
	display: block;
}

.fit {
	width: 100%;
	max_width: 100%;
	height: auto;	
}

.inner {
	margin: 0 auto;
	width: 90%;
	text-align: left;
}

.pc_lt {
	float: none;
	display: block;
}

.pc_rt {
	float: none;
	display: block;
}

.alignleft {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tel-link {
    color: #06F;
	text-decoration: underline;
}

.gmap iframe {
	width: 100%;
	max_width: 100%;
}

div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}

#fb-root {
    display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

}

