@charset "utf-8"; 



/* --------------------------------------------------------------------------------
essential
-------------------------------------------------------------------------------- */

body {
	font-size: 90%;
	background-color: transparent;
}



/* --------------------------------------------------------------------------------
general
-------------------------------------------------------------------------------- */

div#general {
	width: auto;
}



/* --------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------- */

div#header {
	border-bottom: 1px solid #999999;
	margin: 20px 0px 0px 0px;
}
div#header div.section {
	position: relative;
	padding: 0px 20px;
}
div#header div.background {
	display: none;
}
div#header div.inner {
	position: static;
	width: 100%;
	height: auto;
	overflow: auto;
	margin-bottom: 0px;
	padding: 0px;
}
div#header h1 {
	float: none;
}
div#header h1 img {
	display: block;
}
div#header a.reading {
	display: none;
}

/* font
-------------------------------------------------------------------------------- */

div#header div#font {
	display: none;
}

/* misc
-------------------------------------------------------------------------------- */

div#header div.misc {
	float: none;
	margin-bottom: 10px;
}
div#header div.links {
	display: none;
}
div#header div.search {
	display: none;
}

/* cover
-------------------------------------------------------------------------------- */

div#header div#cover {
	display: none;
}

/* global-navi
-------------------------------------------------------------------------------- */

div#header div#global-navi {
	height: 0px;
	overflow-y: hidden;
	border-bottom: 0px;
}
div#header div#global-navi ul li {
	width: 50%;
	height: auto;
	line-height: 42px;
}
div#header div#global-navi ul li.kurashi {
	width: 50%;
}
div#header div#global-navi ul li.bunka {
	line-height: 42px;
}
div#header div#global-navi ul li a {
	color: #ffffff;
	margin-bottom: 1px;
	background: transparent url(../imgs/background-navi-smart.gif) repeat-x left top;
}
div#header div#global-navi ul li.kurashi a,
div#header div#global-navi ul li.bunka a,
div#header div#global-navi ul li.machi a,
div#header div#global-navi ul li.shisei a {
	margin-right: 1px;
}
div#header div#global-navi ul li.kurashi a {
	background-image: url(../imgs/background-navi-smart.gif);
}
div#header div#global-navi ul li.hover a,
div#header div#global-navi ul li a:hover,
div#header div#global-navi ul li.current a {
	background-color: transparent;
}
div#header div#global-navi ul li span {
	display: inline;
}



/* --------------------------------------------------------------------------------
header (home)
-------------------------------------------------------------------------------- */

div.home div#header {
	border-bottom: 0px;
}
div.home div#header div.inner {
	position: static;
}
div#header h1 {
	margin-bottom: 5px;
}

/* misc
-------------------------------------------------------------------------------- */

div.home div#header div.search {
	display: block;
	float: none;
	width: auto;
	margin-left: 0px;
}
div.home div#header div.search div.frame {
	float: none;
	width: auto;
	margin-right: 55px;
}
div.home div#header div.search input.text {
	width: 100%;
}

/* global-navi
-------------------------------------------------------------------------------- */

div.home div#header div#global-navi {
	height: auto;
	overflow-y: auto;
	margin: 0px -20px;
	padding: 20px;
	background-color: #d9d9d9;
}



/* --------------------------------------------------------------------------------
middle
-------------------------------------------------------------------------------- */

div#middle {
	width: auto;
}
div#middle div.breadcrumb {
	padding: 10px 20px 0px 20px;
}



/* --------------------------------------------------------------------------------
frame-emergency
-------------------------------------------------------------------------------- */

div#frame-emergency {
	border: 3px solid #de1d15;
	margin: 0px 20px 20px 20px;
	background-image: none;
}
div#frame-emergency ul {
	padding: 20px;
}
div#frame-emergency ul li {
	padding-left: 15px;
	background: url(../imgs/bullet-emergency.gif) no-repeat left 0.4em;
}
div#frame-emergency h3 {
	float: none;
	width: auto;
	padding: 10px 0px;
	background-color: #de1d15;
}



/* --------------------------------------------------------------------------------
content
-------------------------------------------------------------------------------- */

div#content {
	float: none;
	width: auto;
	margin-bottom: 20px;
	padding: 10px 0px 20px 0px;
}
div#content div.section {
	padding: 0px 20px;
}
div#content div.page-information a.button-print {
	display: none;
}
div#content div.frame-division ul li p.name {
	width: auto;
}
div#content div.frame-division ul li p.summary {
	display: none;
}
div#content div.search {
	float: none;
	width: auto;
	margin-left: 0px;
}
div#content div.search div.frame {
	float: none;
	width: auto;
	margin-right: 55px;
}
div#content div.search input.text {
	width: 100%;
}
div#content div.button-site,
div#content div.button-shisei {
	width: auto;
}
div#content div.button-shisei-pc,
div#content div.button-shisei-keitai {
	float: none;
}
div#content *.no-pc {
	display: block;
}
div#content *.no-smart {
	display: none;
}

/* column
-------------------------------------------------------------------------------- */

div#content div.column {
	float: none;
	width: auto;
}
div#content div.column-left {
	margin-right: 0px;
}
div#content div.column-right {
	float: none;
	width: auto;
}
div#content div.column-three ul li {
	float: none;
	width: auto;
}

/* column (no-sidebar)
-------------------------------------------------------------------------------- */

div.no-sidebar div#content div.column {
	width: auto;
}
div.no-sidebar div#content div.column-left,
div.no-sidebar div#content div.column-right {
	width: auto;
}
div.no-sidebar div#content div.column-three ul li {
	width: auto;
}

/* article
-------------------------------------------------------------------------------- */

div#content div.article table.list-smart {
	border: 0px;
}
div#content div.article table.list-smart caption {
	border-bottom: 1px solid #218ab1;
}
div#content div.article table.list-smart thead {
	display: none;
}
div#content div.article table.list-smart tbody td {
	display: none;
}
div#content div.article table.list-smart tbody th {
	border: 0px;
	border-bottom: 1px dashed #cccccc;
	padding: 5px 0px;
	background-color: transparent;
}
div#content div.article div.frame-map-mini {
	float: none;
	width: 100%;
	margin-left: 0px;
}
div#content div.article div.list-table dl dt {
	clear: none;
	float: none;
	width: auto;
}
div#content div.article div.list-table dl dd {
	float: none;
	width: auto;
}
div#content div.article div.list-left dl {
	float: none;
}



/* --------------------------------------------------------------------------------
content (home)
-------------------------------------------------------------------------------- */

div.home div#content {
	width: auto;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 20px 0px;
}

/* frame
-------------------------------------------------------------------------------- */

div.home div#content div.frame {
	border-width: 0px;
	margin-bottom: 40px;
}
div.home div#content div.frame div.inner {
	padding: 0px;
}
/* 20151106 DEL
div.home div#content div.frame-life {
	margin-bottom: 0px;
}
*/
div.home div#content div.frame-life div.navi div.button {
	width: 25%;
	margin-left: 0px;
}



/* --------------------------------------------------------------------------------
column-viewer
-------------------------------------------------------------------------------- */

div#column-viewer div.navi-category div.inner {
	float: none;
	width: 355px;
	margin: auto;
}
div#column-viewer div.navi-category div.inner a {
	width: 115px;
	height: 36px;
}
div#column-viewer div.navi-category div.inner a.shisetsu {
	margin-left: 0px;
	background-image: url(/share/imgs/column-viewer-button-category-shisetsu-smart.png);
}
div#column-viewer div.navi-category div.inner a.hinan {
	background-image: url(/share/imgs/column-viewer-button-category-hinan-smart.png);
}
div#column-viewer div.navi-category div.inner a.iryo {
	background-image: url(/share/imgs/column-viewer-button-category-iryo-smart.png);
}
div#column-viewer div.navi-category div.inner a:hover,
div#column-viewer div.navi-category div.inner a.current {
	background-position: 0px -36px;
}

/* column-smart
-------------------------------------------------------------------------------- */

div#column-smart {
	overflow-x: hidden;
	margin: 0px -20px;
}
div#column-smart div.header {
	width: 400%;
}
div#column-smart div.header div.first,
div#column-smart div.header div.second,
div#column-smart div.header div.detail {
	position: relative;
	float: left;
	width: 25%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
div#column-smart div.header div.first {
	background-image: url(/share/imgs/column-viewer-background-header-main-smart.png);
}
div#column-smart div.header div.second,
div#column-smart div.header div.detail {
	background-image: url(/share/imgs/column-viewer-background-header-sub-smart.png);
}
div#column-smart div.header div.first p,
div#column-smart div.header div.second p,
div#column-smart div.header div.detail p {
	font-size: 140%;
	color: #ffffff;
	text-shadow: -1px -1px 1px #4d4d4d;
}
div#column-smart div.header div.second a.back,
div#column-smart div.header div.detail a.back {
	position: absolute;
	width: 70px;
	height: 32px;
	left: 0px;
	margin: 14px 0px 0px 20px;
	background: url(/share/imgs/column-viewer-button-back.png) no-repeat 0px 0px;
}
div#column-smart div.body {
	width: 400%;
	overflow: hidden;
}
div#column-smart div.body div.first,
div#column-smart div.body div.second,
div#column-smart div.body div.detail {
	float: left;
	width: 25%;
}
div#column-smart div.body div.detail {
	border-bottom: 1px solid #cccccc;
}
div#column-smart div.body div.detail div.inner {
	margin-bottom: -1px;
	padding: 20px;
}
div#column-smart div.body div.detail h3 {
	font-weight: bold;
}
div#column-smart div.body div.detail p.tel-fax {
	font-weight: bold;
}
div#column-smart div.body div.detail p.body {
	margin-bottom: 10px;
}
div#column-smart div.body div.first a,
div#column-smart div.body div.second a {
	display: block;
	height: 60px;
	text-decoration: none;
	font-weight: bold;
	line-height: 60px;
	color: #4d4d4d;
	padding: 0px 20px;
	background: url(/share/imgs/column-viewer-background-list-smart.png);
}
div#column-smart div.body div.first a span,
div#column-smart div.body div.second a span {
	display: block;
	background: url(/share/imgs/column-viewer-button-next.png) no-repeat right center;
}
div#column-smart div.body div.first a:hover,
div#column-smart div.body div.second a:hover {
}
div#column-smart div.body div.first a.current,
div#column-smart div.body div.second a.current {
}



/* --------------------------------------------------------------------------------
sidebar
-------------------------------------------------------------------------------- */

div.sidebar {
	width: auto;
	margin-bottom: 0px;
}
div.sidebar div.section {
	padding: 0px 20px;
}

/* block
-------------------------------------------------------------------------------- */

div.sidebar div.title-syun img {
	margin: auto;
}

/* banner
-------------------------------------------------------------------------------- */

div.sidebar img.banner {
	margin: auto;
}
div.sidebar div.banner-kanko div.pc {
	display: none;
}
div.sidebar div.banner-kanko div.smart {
	display: block;
}
div.sidebar div.banner-kanko div.smart img {
	display: block;
	margin: auto;
}
div.sidebar div.banner-mayor,
div.sidebar div.banner-assembly {
	background-image: url(../imgs/sidebar-background-banner-smart.gif);
}
div.sidebar div.banner-mayor a {
	height: 52px;
	overflow-y: hidden;
	line-height: 62px;
	padding-left: 25px;
	background-image: url(../imgs/sidebar-icon-mayor-smart.gif);
}



/* --------------------------------------------------------------------------------
sidebar-left
-------------------------------------------------------------------------------- */

div#sidebar-left {
	display: none;
}



/* --------------------------------------------------------------------------------
sidebar-right
-------------------------------------------------------------------------------- */

div#sidebar-right {
	display: none;
}



/* --------------------------------------------------------------------------------
sidebar-right (home)
-------------------------------------------------------------------------------- */

div.home div#sidebar-right {
	display: block;
	float: none;
	margin-bottom: 40px;
}



/* --------------------------------------------------------------------------------
sidebar-alternate
-------------------------------------------------------------------------------- */

div#sidebar-alternate {
	display: block;
	border-bottom: 1px solid #999999;
	margin-bottom: 20px;
	padding-bottom: 10px;
}



/* --------------------------------------------------------------------------------
advertisement
-------------------------------------------------------------------------------- */

div#advertisement {
	padding: 0px 20px 10px 20px;
}
div#advertisement div.banner {
	padding-left: 0px;
}



/* --------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------- */

div#footer div.device-mode {
	margin: 0px 0px 10px 0px;
}
div#footer div.information {
	float: none;
}
div#footer address {
	float: none;
	text-align: center;
}
div#footer h4 {
	display: block;
}
div#footer p.address {
	display: block;
}
div#footer p.address span {
	display: block;
}
div#footer div.links {
	margin-bottom: 20px;
}
div#footer div.links ul li {
	display: inline;
}
/****************************************/
div.snsb {
	height: 30px;
	padding: 20px 0;
	width: auto;
}
div.snsb ul {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}
div.snsb ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
/******************************************/

/* MTN ADD 20160606 ***********************/
div.block-banner.block-jigyo1 {
	display: table;
	width: auto;
	margin: auto;
}
div.block-banner.block-jigyo1 a {
	margin-bottom: 3px;
	display: block;
	text-align: center;
}
div.block-banner.block-jigyo1 a img {
	width: auto;
}
/* MTN ADD 20180208 ***********************/
div.block-banner.block-center a {
	margin-bottom: 3px;
	display: block;
	text-align: center;
}
/******************************************/