@charset "utf-8"; 



/* --------------------------------------------------------------------------------
reset
-------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* MTN ADD 20160509 */
fieldset legend {
	display: none;
}
/********************/

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

* {
	word-break: break-all;
	-webkit-tap-highlight-color: rgba(255, 255, 0, 0.5);
	-webkit-text-size-adjust: 100%;
}
body {
	text-align: left;
	font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
	line-height: 1.8em;
	color: #333333;
	background-color: #ffffff;
}
a {
	text-decoration: underline;
	color: #1e3278;
}
a:visited {
	color: #609;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}
h1 {
	font-size: 130%;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 115%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 105%;
}
h6 {
	font-size: 100%;
}
strong {
	font-weight: bold;
}
i {
	font-style: italic;
}



/* --------------------------------------------------------------------------------
list
-------------------------------------------------------------------------------- */

ol {
	list-style-type: decimal;
	padding-left: 2em;
}



/* --------------------------------------------------------------------------------
table
-------------------------------------------------------------------------------- */

table.data {
	width: 100%;
	border: 1px solid #b3b3b3;
}
table.data caption {
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	background-color: #666666;
}
table.data td,
table.data th {
	border: 1px solid #b3b3b3;
}
table.data th {
	font-weight: bold;
}
table.data thead th {
	background-color: #d0cfe2;
}
table.data tbody td,
table.data tbody th {
	padding: 5px 10px;
}
table.data tbody th {
	background-color: #e7e7f0;
}



/* --------------------------------------------------------------------------------
form
-------------------------------------------------------------------------------- */

input.text,
textarea {
	font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
	background-color: transparent;
}



/* --------------------------------------------------------------------------------
scroll-panel
-------------------------------------------------------------------------------- */

div.jspContainer {
	position: relative;
	overflow: hidden;
}
div.jspPane {
	position: absolute;
}
div.jspVerticalBar {
	position: absolute;
	width: 15px;
	height: 100%;
	top: 0px;
	right: 0px;
	background: url(/share/imgs/global-navi-scroll-bar.png) repeat-y 0px 0px;
}
div.jspHorizontalBar {
	position: absolute;
	width: 100%;
	height: 15px;
	left: 0px;
	bottom: 0px;
}
div.jspVerticalBar *,
div.jspHorizontalBar * {
	margin: 0px;
	padding: 0px;
}
div.jspCap {
	display: none;
}
div.jspHorizontalBar div.jspCap {
	float: left;
}
div.jspTrack {
	position: relative;
}
div.jspDrag {
	position: relative;
	left: 0px;
	top: 0px;
	cursor: pointer;
	background: url(/share/imgs/global-navi-scroll-tab.png) repeat-y 0px 0px;
}
div.jspDrag div.jspDragTop {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/share/imgs/global-navi-scroll-tab-top.png) no-repeat left top;
}
div.jspDrag div.jspDragBottom {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/share/imgs/global-navi-scroll-tab-bottom.png) no-repeat left bottom;
}
div.jspHorizontalBar div.jspTrack,
div.jspHorizontalBar div.jspDrag {
	float: left;
	height: 100%;
}
a.jspArrow {
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-indent: -20000px;
}
a.jspArrowUp {
	background: url(/share/imgs/global-navi-scroll-button-up.png) no-repeat 0px 0px;
}
a.jspArrowDown {
	background: url(/share/imgs/global-navi-scroll-button-down.png) no-repeat 0px 0px;
}
a.jspArrow.jspDisabled {
	cursor: default;
}
div.jspVerticalBar a.jspArrow {
	height: 15px;
}
div.jspHorizontalBar a.jspArrow {
	float: left;
	width: 15px;
	height: 100%;
}
div.jspVerticalBar a.jspArrow:focus {
	outline: none;
}
div.jspCorner {
	float: left;
	height: 100%;
	background-color: #e6e6e6;
}
* html div.jspCorner {
	margin: 0px -3px 0px 0px;
}



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

hr {
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #b3b3b3;
	margin: 20px 0px;
}
br.clear {
	clear: both;
}
*.clearfix:before,
*.clearfix:after {
	content: "";
	display: table;
}
*.clearfix:after {
	clear: both;
}
*.clearfix {
	zoom: 1;
}
*.margin-bottom {
	margin-bottom: 20px;
}
*.margin-bottom-wide {
	margin-bottom: 40px;
}
*.margin-bottom-narrow {
	margin-bottom: 10px;
}
noscript p {
	margin: 20px;
	padding: 10px 15px;
	background-color: #e6e6e6;
}



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

div#general {
	position: relative;
	overflow-x: hidden;
	margin: auto;
	background-color: #ede7dc;
}
div#general.overflow-scroll {
	overflow-x: visible;
}
div#general span.label {
	font-weight: bold;
}
div#general br.sp {
	display: none;
}
div#general *.no-pc {
	display: none;
}
div#general *.shadow {
	width: 100%;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#b3b3b3, direction=135, strength=2, enabled=true);
	background-color: #ffffff;
}



/* --------------------------------------------------------------------------------
general (emergency)
-------------------------------------------------------------------------------- */

div#general.emergency {
	background-color: transparent;
}



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

div#header-wrapper {
	background-color: #ffffff;
}
div#header div.section {
	position: relative;
}
div#header a.reading {
	position: absolute;
}
div#header div.links ul li {
	display: inline;
}

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

div#header div.block div.inner {
	width: 960px;
	margin: auto;
}
div#header div.block-first {
	border-bottom: 1px solid #b3b3b3;
	padding: 5px 0px;
}
div#header div.block-first div.language,
div#header div.block-first div.voice,
div#header div.block-first div.font-color,
div#header div.block-first div.font-size {
	float: left;
	height: 24px;
	overflow-y: hidden;
	line-height: 24px;
	border-right: 1px solid #b3b3b3;
	margin-right: 8px;
	padding-right: 8px;
}
div#header div.block-first div.language p {
	display: inline;
	margin-right: 0.5em;
}
div#header div.block-first div.font-color p,
div#header div.block-first div.font-size p {
	float: left;
}
div#header div.block-first div.language ul,
div#header div.block-first div.voice ul {
	display: inline;
}
div#header div.block-first div.font-color ul,
div#header div.block-first div.font-size ul {
	float: left;
}
div#header div.block-first div.language ul li,
div#header div.block-first div.voice ul li {
	display: inline;
}
div#header div.block-first div.font-color ul li,
div#header div.block-first div.font-size ul li {
	float: left;
}
div#header div.block-first div.font-color ul li img,
div#header div.block-first div.font-size ul li img {
	display: block;
}
div#header div.block-first div.font-color ul li.black img,
div#header div.block-first div.font-size ul li img {
	margin-left: 4px;
}
div#header div.block-first div.voice ul li {
	margin-left: 0px;
}
div#header div.block-first div.font-size {
	margin-right: 0px;
}
div#header div.block-first div#header-sp {
	display: none;
}
div#header div.block-first div.search {
	float: right;
	line-height: 24px;
}
div#header div.block-first div.search form {
	display: block;
	float: left;
	width: 326px;
}
div#header div.block-first div.search div.frame {
	float: left;
}
div#header div.block-first div.search input.text {
	float: left;
	width: 270px;
	height: 20px;
	text-indent: 0.25em;
	font-size: 100%;
	border: 1px solid #b3b3b3;
	border-radius: 3px;
	padding: 0px;
}
div#header div.block-first div.search input.inactive {
	color: #808080;
}
div#header div.block-first div.search input.button {
	float: right;
}
div#header div.block-second {
	padding: 20px 0px;
}
div#header div.block-second h1#logo {
	width: 164px;
	height: 41px;
}
div#header div.block-second h1#logo img {
	display: block;
}



/* --------------------------------------------------------------------------------
header (emergency)
-------------------------------------------------------------------------------- */

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

div.emergency div#header {
	width: 960px;
	margin: auto;
}
div.emergency div#header div.block-first {
	border-bottom: none;
	padding: 20px 0px;
}
div.emergency div#header div.block-first h1 {
	font-size: 200%;
}
div.emergency div#header div.block-second {
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	padding: 10px 0px;
}
div.emergency div#header div.block-second h2,
div.emergency div#header div.block-second p.link {
	font-size: 115%;
	font-weight: normal;
}
div.emergency div#header div.block-second h2 {
	float: left;
}
div.emergency div#header div.block-second p.link {
	float: right;
}



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

div#emergency-wrapper {
	background-color: #ffffff;
}
div#emergency {
	width: 640px;
	margin: auto;
	padding: 20px 0px;
}
div#emergency div.inner {
	border: 2px solid #d70012;
}
div#emergency h2 {
	text-align: center;
	font-size: 115%;
	line-height: 200%;
	color: #ffffff;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
	background-color: #d70012;
}
div#emergency ul {
	padding: 20px 10px;
}
div#emergency ul li span.date {
	margin-right: 1em;
}
div#emergency ul li span.title {
	padding-left: 10px;
	background: url(/share/imgs/emergency-bullet.png) no-repeat 0em 0.4em;
}

/* MTN ADD 20141021 */
/* --------------------------------------------------------------------------------
earthquake
-------------------------------------------------------------------------------- */

div#earthquake-wrapper {
	background-color: #ffffff;
}
div#earthquake {
	width: 640px;
	margin: auto;
	padding: 20px 0px;
}
div#earthquake div.inner {
	border: 2px solid #d70012;
}
div#earthquake h2 {
	text-align: center;
	font-size: 115%;
	line-height: 200%;
	color: #ffffff;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
	background-color: #d70012;
}
div#earthquake ul {
	padding: 20px 10px;
}
div#earthquake ul li span.date {
	margin-right: 1em;
}
div#earthquake ul li span.title {
	padding-left: 10px;
	background: url(/share/imgs/emergency-bullet.png) no-repeat 0em 0.4em;
}

/* --------------------------------------------------------------------------------
emergency-info
-------------------------------------------------------------------------------- */

div#emergency-info-wrapper {
	background-color: #ffffff;
}
div#emergency-info {
	width: 640px;
	margin: auto;
	padding: 20px 0px;
}
div#emergency-info div.inner {
	border: 2px solid #d70012;
}
div#emergency-info h2 {
	text-align: center;
	font-size: 115%;
	line-height: 200%;
	color: #ffffff;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
	background-color: #d70012;
}
div#emergency-info p.emergency-info-text {
	margin: 5px 10px 0;
}
div#emergency-info ul {
	padding: 20px 10px;
}
div#emergency-info ul li.emergency-info-list a {
	padding-left: 10px;
	background: url(/share/imgs/emergency-bullet.png) no-repeat 0em 0.4em;
}

/***********************/

/* ADD 2019/3/7 */
/* ----------------------------------------
jalert
---------------------------------------- */
div#jalert-info-wrapper {
	background-color: #ffffff;
}
div#jalert-info-wrapper div#jalert-info {
	width: 640px;
	margin: auto;
	padding: 20px 0px;
}
div#jalert-info-wrapper div#jalert-info div.inner {
	border: 2px solid #d70012;
}
div#jalert-info-wrapper div#jalert-info h2 {
	text-align: center;
	font-size: 115%;
	line-height: 200%;
	color: #ffffff;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
	background-color: #d70012;
}
div#jalert-info-wrapper div#jalert-info div.bodyarea {
	padding: 5px;
}
/* ADD-END 2019/3/7 */

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

div#cover-wrapper {
	height: 520px;
	background: url(/share/imgs/cover-background.png) repeat-x 0px 0px;
}
div#cover {
	width: 960px;
	margin: auto;
	padding: 20px 0px;
}

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

div#cover div.block {
	float: left;
}
div#cover div#block-cover-title {
	width: 236px;
	margin-right: 8px;
}
div#cover div#block-cover-large {
	width: 472px;
	margin-right: 8px;
}
div#cover div#block-cover-small {
	width: 236px;
}
div#cover div.block div.row {
	overflow: hidden;
	border: 2px solid #ffffff;
	margin-bottom: 8px;
	background-color: #ffffff;
}
div#cover div#block-cover-title div.row {
	height: 476px;
}
div#cover div#block-cover-large div.row,
div#cover div#block-cover-small div.row {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
div#cover div#block-cover-large div.row {
	position: relative;
	height: 232px;
}
div#cover div#block-cover-small div.row {
	height: 110px;
}
div#cover div.block div.row img {
	display: block;
	margin: -2px 0px 0px -2px;
}
div#cover div.block div.row a {
	text-decoration: none;
	color: #000000;
}
div#cover div.block div.row h2 {
	font-size: 115%;
	line-height: 1.3em;
}
div#cover div#block-cover-large div.row div.headline {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: url(/share/imgs/cover-transparent.png) repeat 0px 0px;
}
div#cover div#block-cover-large div.row div.headline h2 {
	padding: 8px 8px 6px 8px;
}
div#cover div#block-cover-small div.row table {
	width: 100%;
	height: 100%;
}
div#cover div#block-cover-small div.row table td {
	/* MTN UPD 20141126
	text-align: center;
	*/
	text-align: left;
	/**********/
	vertical-align: middle;
}
div#cover div#block-cover-small div.row-image table td {
	text-align: left;
	vertical-align: top;
	padding-top: 0.5em;
}
div#cover div#block-cover-small div.row-image table td.image {
	width: 114px;
	padding-top: 0em;
}

/* slide
-------------------------------------------------------------------------------- */

div#cover div.slide {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
div#cover div#slide-cover-large div.outer {
	width: 300px;
}
div#cover div#slide-cover-small div.outer {
	width: 236px;
	margin: auto;
}



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

div#global-navi-wrapper {
	position: relative;
	width: 100%;
	overflow-y: hidden;
	background: #f3f3f3 url(/share/imgs/global-navi-background.png) repeat-x 0px 0px;
}
div#global-navi-shadow {
	position: absolute;
	width: 100%;
	height: 10px;
	left: 0px;
	top: 60px;
	overflow: hidden;
	background: url(/share/imgs/shadow.png) repeat-x 0px 0px;
}
div#global-navi-blind {
	position: absolute;
	width: 960px;
	height: 277px;
	left: 0px;
	top: 60px;
	z-index: 30;
	background-color: #ffffff;
}
div#global-navi-border {
	position: absolute;
	width: 0px;
	height: 277px;
	right: 0px;
	top: 60px;
	z-index: 30;
	border-right: 1px solid #b3b3b3;
}
div.current-02 div#global-navi-blind {
	width: 720px;
	left: 240px;
}
div.current-03 div#global-navi-blind {
	width: 480px;
	left: 480px;
}
div.current-04 div#global-navi-blind {
	width: 240px;
	left: 720px;
}
div.current-05 div#global-navi-blind {
	width: 0px;
	left: 960px;
}
div#global-navi-balloon {
	display: none;
	position: absolute;
	width: 190px;
	height: 66px;
	left: 245px;
	top: 155px;
	z-index: 40;
}
div#global-navi {
	position: relative;
	width: 960px;
	height: 60px;
	z-index: 20;
	overflow: hidden;
	margin: auto;
}
div#global-navi div.column {
	position: relative;
	float: left;
	width: 240px;
	background-color: #ffffff;
}
div#global-navi div.column-01 {
	float: none;
	width: auto;
	height: 60px;
	z-index: 10;
	overflow: hidden;
	border-right: none;
	margin-top: 0px;
	background-color: transparent;
}
div#global-navi div.column-02 div.inner {
	border-left: 1px solid #b3b3b3;
}
div#global-navi div.column div.enable {
	background-color: #ffffff;
}
div#global-navi div.column-03-detail div.inner,
div#global-navi div.column-04-detail div.inner,
div#global-navi div.column-05 div.inner {
	cursor: pointer;
}
div#global-navi div.column-05 div.inner {
	border-right: 1px solid #b3b3b3;
}
div#global-navi div.jspScrollable div.inner {
	border-right: none;
}
div#global-navi div.column div.detail {
	padding: 15px;
}
div#global-navi div.column div.detail h3 {
	margin-bottom: 15px;
}
div#global-navi div.column a.button-detail {
	display: block;
	float: right;
	width: 120px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	margin-top: 10px;
	background: url(/share/imgs/global-navi-background-detail.png) repeat-x 0px 0px;
	border-radius: 3px;
}
div#global-navi div.column div.border {
	position: absolute;
	width: 0px;
	height: 247px;
	left: 239px;
	top: 0px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}
div#global-navi div.column div.border-left {
	left: 0px;
}
div#global-navi div.column div.border-right {
	left: 239px;
}
div#global-navi div.column-03-detail div.border-right,
div#global-navi div.column-04-detail div.border-right {
	height: 277px;
}
div#global-navi div.column div.bar,
div#global-navi div.column div.bar a.button-back span {
	display: none;
}
div#global-navi div.column ul li {
	line-height: 20px;
}
div#global-navi div.column ul li a {
	display: block;
	border-bottom: 1px solid #b3b3b3;
	padding: 5px 25px 5px 10px;
}
div#global-navi div.column ul li.odd a {
	background-color: #ffffff;
}
div#global-navi div.column ul li.even a {
	background: #d9d9d9 url(/share/imgs/global-navi-background-sub.png) repeat-x 0px 0px;
}
div#global-navi div.column ul li a.active {
	color: #000000;
	background-color: #ffe200;
	background-image: none;
}
div#global-navi div.column-01 ul li {
	float: left;
	width: 160px;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	text-align: center;
}
div#global-navi div.column-01 ul li a {
	text-decoration: none;
	font-size: 140%;
	color: #ffffff;
	border-right: 1px solid #b3b3b3;
	border-bottom: none;
	padding: 0px;
	background-color: #16116d;
}
div#global-navi div.column-01 ul li.kurashi a {
	border-left: 1px solid #b3b3b3;
}
div#global-navi div.column-01 ul li a.active {
	color: #ffffff;
	background-color: #16116d;
}
div#global-navi div.column-01 ul li a:hover,
div#global-navi div.column-01 ul li a.active:hover {
	color: #16116d;
	background-color: #ffe200;
}
div#global-navi.open div.column-01 ul li a:hover {
	background-image: url(/share/imgs/shadow-reverse.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
div#global-navi.open div.column-01 ul li a.active {
	color: #16116d;
	background-color: #ffe200;
	background-image: url(/share/imgs/shadow-reverse.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
div#global-navi div.footer {
	position: absolute;
	width: 720px;
	height: 30px;
	bottom: 0px;
	overflow: hidden;
	z-index: 10;
}
div#global-navi div.footer-short {
	width: 480px;
	overflow-x: hidden;
}
div#global-navi div.footer-extra-short {
	width: 240px;
	overflow-x: hidden;
}
div#global-navi div.footer a {
	display: block;
	float: left;
	width: 239px;
	height: 29px;
	text-align: right;
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	border-right: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3;
	background: url(/share/imgs/global-navi-background-list.png) repeat-x 0px 0px;
}
div#global-navi div.footer a.list-02 {
	width: 238px;
	border-left: 1px solid #b3b3b3;
}
div#global-navi div.footer a:hover,
div#global-navi div.footer a.active {
	color: #0047a6;
	background: url(/share/imgs/global-navi-background-list-active.png) repeat-x 0px 0px;
}
div#global-navi div.footer a span {
	display: block;
	padding-right: 23px;
	background: url(/share/imgs/global-navi-bullet-list.png) no-repeat 220px center;
}
div#global-navi div.footer a:hover span,
div#global-navi div.footer a.active span {
	background-image: url(/share/imgs/global-navi-bullet-list-active.png);
}
div#global-navi.wide div#global-navi-blind {
	display: none;
}
div#global-navi.wide div.column-04,
div#global-navi.wide div.column-05 {
	display: none;
}
div#global-navi.wide div.column-03 {
	width: 720px;
	overflow-x: auto;
}
div#global-navi.wide div.column-03 div.border-right {
	left: 719px;
}
div#global-navi.wide div.footer {
	width: 960px;
}
div#global-navi.wide div.footer a.list-03 {
	width: 719px;
}
div#global-navi.wide div.footer a.list-03 span {
	background-position: 700px center;
}
div#global-navi.wide div.footer a.list-04 {
	display: none;
}



/* --------------------------------------------------------------------------------
breadcrumb
-------------------------------------------------------------------------------- */

div.breadcrumb div.inner {
	width: 960px;
	margin: auto;
}
div.breadcrumb div.inner p {
	float: left;
	width: 660px;
	padding: 10px 0px;
}
div#breadcrumb-header {
	min-height: 25px;
	margin-bottom: 40px;
	background: url(/share/imgs/shadow.png) repeat-x 0px 0px;
}
div#breadcrumb-header.open {
	border-top: 5px solid #16116d;
}
div#breadcrumb-header a#button-switch {
	display: block;
	float: right;
	width: 140px;
	height: 25px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	color: #ffffff;
	background: url(/share/imgs/global-navi-background-switch.png) no-repeat 0px 0px;
}
div#breadcrumb-header a#button-switch span {
	padding-left: 15px;
	background: url(/share/imgs/global-navi-button-switch-open.png) no-repeat 0px 3px;
}
div#breadcrumb-header.open a#button-switch span {
	background-image: url(/share/imgs/global-navi-button-switch-close.png);
}
div#breadcrumb-footer {
	border-bottom: 1px solid #ede7dc;
}
div#breadcrumb-footer a#button-page-top {
	display: block;
	float: right;
	padding: 10px 0px;
}



/* --------------------------------------------------------------------------------
breadcrumb (emergency)
-------------------------------------------------------------------------------- */

div.emergency div.breadcrumb {
	width: 960px;
	margin: auto;
}
div.emergency div#breadcrumb-footer {
	border-top: 1px solid #b3b3b3;
	border-bottom-color: #b3b3b3;
}



/* --------------------------------------------------------------------------------
title
-------------------------------------------------------------------------------- */

div#title div.inner {
	position: relative;
	width: 960px;
	border-bottom: 5px solid #16116d;
	margin: auto;
}
div#title div.inner div.corner-lt,
div#title div.inner div.corner-rt {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0px;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#title div.inner div.corner-lt {
	left: 0px;
	background-image: url(/share/imgs/corner-lt.png);
}
div#title div.inner div.corner-rt {
	right: 0px;
	background-image: url(/share/imgs/corner-rt.png);
}
div#title h1 {
	font-size: 170%;
	font-weight: normal;
	border: 1px solid #ffdc28;
	padding: 24px 19px 19px 19px;
	background-color: #ffdc28;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}



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

div#middle-wrapper {
	position: relative;
	width: 960px;
	margin: 0px auto 20px auto;
}
div#middle {
	border: 1px solid #ffffff;
	padding: 29px 19px 9px 19px;
	background-color: #ffffff;
}

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

div#middle div.block div.header a.button-rss img {
	display: block;
}



/* --------------------------------------------------------------------------------
middle (home)
-------------------------------------------------------------------------------- */

div.home div#middle-wrapper {
	margin-bottom: 0px;
}
div.home div#middle {
	border: none;
	padding: 0px;
	background-color: transparent;
}

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

div.home div#middle div.block {
	border: 1px solid #b3b3b3;
	margin-bottom: 20px;
}
div.home div#middle div.block div.header {
	line-height: 1.2em;
	color: #ffffff;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
div.home div#middle div.block-01 div.header {
	background-color: #2d373c;
	background-image: url(/share/imgs/home-header-background-01.png);
}
div.home div#middle div.block-02 div.header {
	background-color: #00426f;
	background-image: url(/share/imgs/home-header-background-02.png);
}
div.home div#middle div.block-03 div.header {
	background-color: #004e50;
	background-image: url(/share/imgs/home-header-background-03.png);
}
div.home div#middle div.block-04 div.header {
	background-color: #bd3722;
	background-image: url(/share/imgs/home-header-background-04.png);
}
div.home div#middle div.block div.header a {
	color: #ffffff;
}
div.home div#middle div.block div.header h2 {
	font-size: 115%;
	font-weight: normal;
	padding: 10px 0px 10px 40px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 5px 0.2em;
}
div.home div#middle div#block-life div.header h2 {
	background-image: url(/share/imgs/home-icon-life.png);
}
div.home div#middle div#block-menu-news div.header h2 {
	background-image: url(/share/imgs/home-icon-news.png);
}
div.home div#middle div#block-menu-event div.header h2 {
	background-image: url(/share/imgs/home-icon-event.png);
}
div.home div#middle div#block-disaster div.header h2 {
	background-image: url(/share/imgs/home-icon-disaster.png);
}
div.home div#middle div#block-useful div.header h2 {
	background-image: url(/share/imgs/home-icon-useful.png);
}
div.home div#middle div#block-ranking div.header h2 {
	background-image: url(/share/imgs/home-icon-ranking.png);
}
div.home div#middle div#block-business div.header h2 {
	background-image: url(/share/imgs/home-icon-business.png);
}
div.home div#middle div#block-voice div.header h2 {
	background-image: url(/share/imgs/home-icon-voice.png);
}
div.home div#middle div#block-city div.header h2 {
	background-image: url(/share/imgs/home-icon-city.png);
}
div.home div#middle div#block-committee div.header h2 {
	background-image: url(/share/imgs/home-icon-committee.png);
}
div.home div#middle div#block-soshiki div.header h2 {
	background-image: url(/share/imgs/home-icon-soshiki.png);
}
div.home div#middle div.block div.content {
	padding: 10px;
	background-color: #ffffff;
}
div.home div#middle div#block-life div.content {
	padding: 5px;
}
div.home div#middle div#block-life div.content ul li {
	position: relative;
	float: left;
	width: 25%;
	height: 77px;
}
div.home div#middle div#block-life div.content ul li a {
	display: block;
	border-right: 2px solid #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
}
div.home div#middle div#block-life div.content ul li.icon-04 a,
div.home div#middle div#block-life div.content ul li.icon-08 a {
	border-right: none;
}
div.home div#middle div#block-life div.content ul li.icon-05 a,
div.home div#middle div#block-life div.content ul li.icon-06 a,
div.home div#middle div#block-life div.content ul li.icon-07 a,
div.home div#middle div#block-life div.content ul li.icon-08 a {
	border-bottom: none;
}
div.home div#middle div#block-life div.content ul li img {
	display: block;
	margin: auto;
}
div.home div#middle div#block-life div.content ul li span.corner {
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	right: 0px;
	bottom: 0px;
	z-index: 10;
	margin: 0px -2px -2px 0px;
	background-color: #ffffff;
}
div.home div#middle div.block-menu div.menu {
	display: none;
	border-bottom: 1px solid #b3b3b3;
	padding: 10px;
}
div.home div#middle div.block-menu div.menu ul li {
	display: inline-block;
	cursor: pointer;
	margin-right: 1em;
	padding-left: 1em;
	background: url(/share/imgs/home-radio.png) no-repeat 0em 0.4em;
}
div.home div#middle div.block-menu div.menu ul li.active {
	background-image: url(/share/imgs/home-radio-active.png)
}
div.home div#middle div.block-menu div.content {
	padding: 0px;
}
div.home div#middle div.block-menu div.content h3 {
	font-size: 100%;
	color: #ffffff;
	padding: 5px 10px;
	background-color: #b3b3b3;
}
div.home div#middle div.block-menu div.content ul li {
	border-bottom: 1px solid #b3b3b3;
	padding: 10px;
}
div.home div#middle div.block-menu div.content ul li span {
	display: block;
}
div.home div#middle div.block-menu div.content ul li span.title {
	padding-left: 1em;
	background: url(/share/imgs/home-bullet-01.png) no-repeat 0.2em 0.5em;
}
div.home div#middle div.block-menu div.content div.footer {
	border-top: none;
	padding: 10px;
}
div.home div#middle div.block-menu div.content div.footer a.rss {
	float: left;
	padding-left: 20px;
	background: url(/share/imgs/home-button-rss.png) no-repeat 0em 0.3em;
}
div.home div#middle div.block-menu div.content div.footer a.list {
	float: right;
}
/* MTN 20150318 ADD */
div.home div#middle div.block-menu div.content div.eventlink {
	border-top: none;
	border-bottom: 1px solid #b3b3b3;
	padding: 10px;
}
div.home div#middle div.block-menu div.content div.eventlink a.list {
	float: right;
}
/********************/

div.home div#middle div.block-02 div.content ul li,
div.home div#middle div.block-03 div.content ul li {
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
}
div.home div#middle div.block-02 div.content ul li {
	background-image: url(/share/imgs/home-bullet-02.png);
}
div.home div#middle div.block-03 div.content ul li {
	background-image: url(/share/imgs/home-bullet-03.png);
}
div.home div#middle div#block-ranking div.content ul li {
	text-indent: -1em;
	padding-left: 1em;
	background-image: none;
}
div.home div#middle div#block-ranking div.content ul li span.num {
	color: #0050ce;
}
div.home div#middle div#block-ranking div.content ul li a {
	display: inline;
}
div.home div#middle div#block-warning div.content h2 img {
	display: block;
	margin: 0px auto 10px auto;
}
div.home div#middle div#block-warning div.content img.icon {
	/* MTN DEL 20141012
	display: block;
	*/
	margin: auto;
}
div.home div#middle div#navi-tab {
	display: none;
	position: relative;
	height: 35px;
	border-bottom: none;
}
div.home div#middle div#navi-tab div.border {
	position: absolute;
	width: 100%;
	height: 0px;
	overflow: hidden;
	left: 0px;
	bottom: 0px;
}
div.home div#middle div#navi-tab div.button {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div.home div#middle div#navi-tab.facebook div.button {
	background-image: url(/share/imgs/home-tab-facebook.png);
}
div.home div#middle div#navi-tab.twitter div.button {
	background-image: url(/share/imgs/home-tab-twitter.png);
}
div.home div#middle div#navi-tab.youtube div.button {
	background-image: url(/share/imgs/home-tab-youtube.png);
}
div.home div#middle div#navi-tab.line div.button {
	background-image: url(/share/imgs/home-tab-line.png);
}
div.home div#middle div#navi-tab div.button a {
	display: block;
	float: left;
	width: 115px;
	height: 100%;
	background: url(/share/imgs/transparent.png) no-repeat 0px 0px;
}
div.home div#middle div#block-tab {
	display: none;
	border: none;
}
div.home div#middle div#block-tab div.content {
	border: 1px solid #b3b3b3;
	border-top: none;
}
div.home div#middle div#block-tab div.fb_iframe_widget,
div.home div#middle div#block-tab div.fb_iframe_widget span,
div.home div#middle div#block-tab div.fb_iframe_widget iframe[style] {
	width: 100%!important;
}
div.home div#middle div#block-tab div.fb_iframe_widget {
	background-color: #ffffff;
}
div.home div#middle div#block-tab div.youtube {
	position: relative;
	width: 100%;
	/*padding-top: 56.25%;*/
}
div.home div#middle div#block-tab div.youtube a img,
div.home div#middle div#block-tab div.line a img {
	width: 100%;
}
div.home div#middle div#block-tab div.youtube iframe {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0px;
	right: 0px;
}


/* --------------------------------------------------------------------------------
middle (emergency)
-------------------------------------------------------------------------------- */

div.emergency div#middle-wrapper {
	margin-bottom: 20px;
}
div.emergency div#middle {
	border: none;
	padding: 40px 0px 0px 0px;
}

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

div.emergency div#middle div.block {
	width: 468px;
	border: 1px solid #b3b3b3;
	margin-bottom: 20px;
}
div.emergency div#middle div.block-left {
	clear: both;
	float: left;
}
div.emergency div#middle div.block-right {
	float: right;
}
div.emergency div#middle div.block-no-content {
	margin-bottom: 40px;
}
div.emergency div#middle div.block div.header {
	border-bottom: 1px solid #b3b3b3;
	padding: 15px;
	background-color: #f8f8f8;
}
div.emergency div#middle div.block-no-content div.header {
	border-bottom: none;
}
div.emergency div#middle div.block div.header h2 {
	float: left;
}
div.emergency div#middle div.block-no-content div.header a {
	display: block;
}
div.emergency div#middle div.block-no-content div.header h2 {
	float: none;
	text-align: center;
}
div.emergency div#middle div.block div.header a.list {
	float: right;
}
div.emergency div#middle div.block div.content {
	padding: 10px;
}
div.emergency div#middle div.block div.content ul li {
	margin-bottom: 10px;
}
div.emergency div#middle div.block div.content ul li span {
	display: block;
}
div.emergency div#middle div.block div.content ul li span.title {
	padding-left: 1em;
	background: url(/share/imgs/bullet-01.png) no-repeat 0.2em 0.5em;
}



/* --------------------------------------------------------------------------------
middle (no-title)
-------------------------------------------------------------------------------- */

div.no-title div#middle-wrapper div.corner-lt,
div.no-title div#middle-wrapper div.corner-rt {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0px;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div.no-title div#middle-wrapper div.corner-lt {
	left: 0px;
	background-image: url(/share/imgs/corner-lt-content.png);
}
div.no-title div#middle-wrapper div.corner-rt {
	right: 0px;
	background-image: url(/share/imgs/corner-rt-content.png);
}
div.no-title div#middle {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}



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

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

div#content-top div.block {
	margin-bottom: 40px;
}
div#content-top div.block-column-three div.column {
	float: left;
	width: 330px;
	margin-right: 20px;
}
div#content-top div.block-column-three div.column-right {
	float: right;
	width: 200px;
	margin-right: 0px;
}
div#content-top div.block-column-three div.column img {
	display: block;
	margin-bottom: 10px;
}
div#content-top div.block-column-three div.column p.topic {
	font-weight: bold;
	line-height: 1.5em;
	border: 3px solid #283296;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fff8d4;
}



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

div#content {
	position: relative;
	float: left;
	width: 680px;
	margin-right: 40px;
}
div#content h2.headline {
	font-size: 115%;
	border: 1px solid #ffea7e;
	margin-bottom: 30px;
	padding: 5px 10px;
	background-color: #ffea7e;
}
div#content span.icon-pdf,
div#content span.icon-word,
div#content span.icon-excel {
	padding: 0px 0px 5px 20px;
	background-repeat: no-repeat;
	background-position: 0.1em 0.2em;
}
div#content span.icon-pdf {
	background-image: url(/share/imgs/icon-pdf.png);
}
div#content span.icon-word {
	background-image: url(/share/imgs/icon-word.png);
}
div#content span.icon-excel {
	background-image: url(/share/imgs/icon-excel.png);
}
div#content div#page-social {
	margin-bottom: 10px;
}
div#content div#page-social ul {
	text-align: right;
}
div#content div#page-social ul li {
	display: inline-block;
}
div#content div#page-social ul li.facebook {
	margin-right: 3px;
}
div#content div#page-social ul li.facebook *.fb_iframe_widget {
	float: left;
}
div#content div#page-social ul li.twitter {
	width: 90px;
}
div#content div#page-social ul li.google {
	width: 61px;
	height: 20px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
div#content div#page-social ul li.mixi {
	width: 64px;
}
div#content div#page-social ul li.mixi iframe {
	width: 70px !important;
}
div#content div#page-social ul li.line {
	width: 90px;
}
div#content div#page-information {
	text-align: right;
	margin-bottom: 10px;
}
div#content div#page-information a.button-print img {
	vertical-align: -0.3em;
	cursor: pointer;
	padding-left: 5px;
}
div#content a#button-csv {
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.5em;
	color: #000000;
	border: 2px solid #000000;
	margin-bottom: 20px;
	padding: 5px 15px 5px 50px;
	background: url(/share/imgs/icon-csv.png) no-repeat 15px 8px;
	border-radius: 7px;
}
div#content div#logo-um {
	margin-bottom: 20px;
	margin-top: 20px;
}
div#content div#logo-um img {
	display: block;
	margin-bottom: 5px;
}
div#content div#logo-um h3 {
	font-size: 100%;
}

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

div#content div.block {
	margin-bottom: 40px;
}
div#content div.block div.block {
	margin-bottom: 0px;
}
div#content div.block div.header h2 {
	font-size: 100%;
}
div#content div.block-frame {
	border: 1px solid #b3b3b3;
	/* MTN ADD 20140918 */
	clear: both;
	/********************/
}
div#content div.block-frame div.header {
	border-bottom: 1px solid #b3b3b3;
	padding: 5px 10px;
	background-color: #e7e7f0;
}
div#content div.block-frame div.content {
	padding: 15px;
}
div#content div.block-topic ul {
	margin-bottom: 10px;
}
div#content div.block-topic ul li {
	padding-left: 1em;
	background: url(/share/imgs/bullet-02.png) no-repeat 0em 0.4em;
}
div#content div.block-latest ul li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 5em;
}
div#content div.block-latest ul li span.date {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
div#content div.block-latest ul li span.title {
	display: block;
	padding-left: 1em;
	background: url(/share/imgs/bullet-02.png) no-repeat 0em 0.5em;
}
div#content div.block div.footer {
	border-top: 1px solid #b3b3b3;
	padding-top: 5px;
}
div#content div.block div.footer a.rss {
	float: left;
	padding-right: 40px;
	background: url(/share/imgs/button-rss.png) no-repeat right 0.35em;
}
div#content div.block div.footer a.list {
	float: right;
}
div#content div.block-list ul li {
	margin-bottom: 5px;
	padding-left: 1.4em;
	background: url(/share/imgs/icon-folder.png) no-repeat 0px 0.5em;
}
div#content div.block-list ul li.article {
	background-image: url(/share/imgs/icon-article.png);
}
div#content div.block-list-detail ul li {
	margin-bottom: 20px;
}
div#content div.block-list-detail ul li h3 {
	font-size: 100%;
}
div#content div.block-list-detail ul li h3 span.date {
	font-size: 85%;
	font-weight: normal;
	padding-left: 0.5em;
}
div#content div.block-list-bullet ul li {
	background: url(/share/imgs/bullet-02.png) no-repeat 0px 0.5em;
}
div#content div.block-column-three,
div#content div.block-column-four {
	margin-bottom: 0px;
}
div#content div.block-column-two div.column,
div#content div.block-column-three div.column,
div#content div.block-column-four div.column {
	float: left;
	margin: 0px 20px 40px 0px;
}
div#content div.block-column-two div.column {
	width: 450px;
}
div#content div.block-column-three div.column {
	width: 213px;
}
div#content div.block-column-four div.column {
	width: 215px;
}
div#content div.block-column-two div.column-right,
div#content div.block-column-three div.column-right,
div#content div.block-column-four div.column-right {
	margin-right: 0px;
}
div#content div.block-column-three div.column-right {
	width: 214px;
}
div#content div.block-column-three div.column h2,
div#content div.block-column-four div.column h2 {
	font-size: 100%;
	line-height: 1.5em;
	border-bottom: 3px solid #16116d;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
div#content div#block-column-image div.column {
	float: left;
	width: 460px;
}
div#content div#block-column-image div.column-image {
	width: 200px;
	margin-right: 20px;
}
div#content div#block-column-image div.column-image img.image {
	display: block;
	margin-bottom: 10px;
}
div#content div.block div.category {
	border-bottom: 1px solid #b3b3b3;
	padding: 10px;
}
div#content div.block div.category-no-border {
	border-bottom: none;
	padding-bottom: 0px;
}
div#content div.block div.category ul {
	padding-left: 8.5em;
}
div#content div.block div.category ul li {
	float: left;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 0px;
	background-image: none;
}
div#content div.block div.category ul li.label {
	font-weight: normal;
	color: #ffffff;
	margin-left: -8.5em;
	padding: 0px 20px 0px 10px;
	background: #000000 url(/share/imgs/arrow-label.png) no-repeat right center;
	margin-right: 1em;
}
div#content div.block div.category ul li a {
	display: inline-block;
	font-weight: normal;
}
div#content div.block div.category-event ul li a {
	padding-left: 1.4em;
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
}
/* MTN UPD 20140924 
div#content div.block div.category-event ul li.icon-01 a {
	background-image: url(/share/imgs/icon-event-01.png);
}
div#content div.block div.category-event ul li.icon-02 a {
	background-image: url(/share/imgs/icon-event-02.png);
}
div#content div.block div.category-event ul li.icon-03 a {
	background-image: url(/share/imgs/icon-event-03.png);
}
div#content div.block div.category-event ul li.icon-04 a {
	background-image: url(/share/imgs/icon-event-04.png);
}
div#content div.block div.category-event ul li.icon-05 a {
	background-image: url(/share/imgs/icon-event-05.png);
}
div#content div.block div.category-event ul li.icon-06 a {
	background-image: url(/share/imgs/icon-event-06.png);
}
div#content div.block div.category-event ul li.icon-07 a {
	background-image: url(/share/imgs/icon-event-07.png);
}
*/
div#content div.block div.category-event ul li.icon-feast a {
	background-image: url(/share/imgs/icon-event-01.png);
}
div#content div.block div.category-event ul li.icon-children a {
	background-image: url(/share/imgs/icon-event-02.png);
}
div#content div.block div.category-event ul li.icon-culture a {
	background-image: url(/share/imgs/icon-event-03.png);
}
div#content div.block div.category-event ul li.icon-sport a {
	background-image: url(/share/imgs/icon-event-04.png);
}
div#content div.block div.category-event ul li.icon-health a {
	background-image: url(/share/imgs/icon-event-05.png);
}
div#content div.block div.category-event ul li.icon-course a {
	background-image: url(/share/imgs/icon-event-06.png);
}
div#content div.block div.category-event ul li.icon-other a {
	background-image: url(/share/imgs/icon-event-07.png);
}
/******************/
div#content div.block div.pager-top {
	margin-bottom: 40px;
	padding: 10px 0px 0px 0px;
}
div#content div.block div.pager-bottom {
	border-top: 1px solid #b3b3b3;
	padding: 20px 0px 10px 0px;
}
div#content div.block div.pager div.prev a,
div#content div.block div.pager div.next a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #283296;
	padding: 0px 10px;
}
div#content div.block div.pager div.prev,
div#content div.block div.pager div.next {
	display: table;
}

div#content div.block div.pager div.prev {
	float: left;
}
div#content div.block div.pager div.next {
	float: right;
}
div#content div.block-date div.row {
	margin-bottom: 40px;
}
div#content div.block-date div.row h3 {
	font-size: 100%;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 10px;
}
div#content div.block-date div.row h3 span.sat {
	color: #0078ff;
}
div#content div.block-date div.row h3 span.sun {
	color: #f05096;
}
div#content div.block-date ul li {
	margin-bottom: 5px;
	padding-left: 1em;
	background: url(/share/imgs/bullet-02.png) no-repeat 0em 0.5em;
}
div#content div#block-event div.content ul li {
	padding-left: 1.4em;
	background-position: 0em 0.3em;
}
/* MTN UPD 20140924 
div#content div#block-event div.content ul li.icon-01 {
	background-image: url(/share/imgs/icon-event-01.png);
}
div#content div#block-event div.content ul li.icon-02 {
	background-image: url(/share/imgs/icon-event-02.png);
}
div#content div#block-event div.content ul li.icon-03 {
	background-image: url(/share/imgs/icon-event-03.png);
}
div#content div#block-event div.content ul li.icon-04 {
	background-image: url(/share/imgs/icon-event-04.png);
}
div#content div#block-event div.content ul li.icon-05 {
	background-image: url(/share/imgs/icon-event-05.png);
}
div#content div#block-event div.content ul li.icon-06 {
	background-image: url(/share/imgs/icon-event-06.png);
}
div#content div#block-event div.content ul li.icon-07 {
	background-image: url(/share/imgs/icon-event-07.png);
}
*/
/* MTN UPD 20150324 
div#content div#block-event div.content ul li.icon-feast,
div#content div#block-event div.content ul li.icon-feast01,
div#content div#block-event div.content ul li.icon-feast02,
div#content div#block-event div.content ul li.icon-feast03,
div#content div#block-event div.content ul li.icon-feast04 {
	background-image: url(/share/imgs/icon-event-01.png);
}
div#content div#block-event div.content ul li.icon-children,
div#content div#block-event div.content ul li.icon-children01,
div#content div#block-event div.content ul li.icon-children02,
div#content div#block-event div.content ul li.icon-children03,
div#content div#block-event div.content ul li.icon-children04 {
	background-image: url(/share/imgs/icon-event-02.png);
}
div#content div#block-event div.content ul li.icon-culture,
div#content div#block-event div.content ul li.icon-culture01,
div#content div#block-event div.content ul li.icon-culture02,
div#content div#block-event div.content ul li.icon-culture03,
div#content div#block-event div.content ul li.icon-culture04 {
	background-image: url(/share/imgs/icon-event-03.png);
}
div#content div#block-event div.content ul li.icon-sport,
div#content div#block-event div.content ul li.icon-sport01,
div#content div#block-event div.content ul li.icon-sport02,
div#content div#block-event div.content ul li.icon-sport03,
div#content div#block-event div.content ul li.icon-sport04 {
	background-image: url(/share/imgs/icon-event-04.png);
}
div#content div#block-event div.content ul li.icon-health,
div#content div#block-event div.content ul li.icon-health01,
div#content div#block-event div.content ul li.icon-health02,
div#content div#block-event div.content ul li.icon-health03,
div#content div#block-event div.content ul li.icon-health04 {
	background-image: url(/share/imgs/icon-event-05.png);
}
div#content div#block-event div.content ul li.icon-course,
div#content div#block-event div.content ul li.icon-course01,
div#content div#block-event div.content ul li.icon-course02,
div#content div#block-event div.content ul li.icon-course03,
div#content div#block-event div.content ul li.icon-course04 {
	background-image: url(/share/imgs/icon-event-06.png);
}
div#content div#block-event div.content ul li.icon-other,
div#content div#block-event div.content ul li.icon-other01,
div#content div#block-event div.content ul li.icon-other02,
div#content div#block-event div.content ul li.icon-other03,
div#content div#block-event div.content ul li.icon-other04 {
	background-image: url(/share/imgs/icon-event-07.png);
}
*/
div#content div#block-event div.content ul li.icon-feast {
	background-image: url(/share/imgs/icon-event-01.png);
}
div#content div#block-event div.content ul li.icon-children {
	background-image: url(/share/imgs/icon-event-02.png);
}
div#content div#block-event div.content ul li.icon-culture {
	background-image: url(/share/imgs/icon-event-03.png);
}
div#content div#block-event div.content ul li.icon-sport {
	background-image: url(/share/imgs/icon-event-04.png);
}
div#content div#block-event div.content ul li.icon-health {
	background-image: url(/share/imgs/icon-event-05.png);
}
div#content div#block-event div.content ul li.icon-course {
	background-image: url(/share/imgs/icon-event-06.png);
}
div#content div#block-event div.content ul li.icon-other {
	background-image: url(/share/imgs/icon-event-07.png);
}
div#content div#block-event div.content ul li.icon-area01 {
	background-image: url(/share/imgs/event-bullet-area-01.png);
}
div#content div#block-event div.content ul li.icon-area02 {
	background-image: url(/share/imgs/event-bullet-area-02.png);
}
div#content div#block-event div.content ul li.icon-area03 {
	background-image: url(/share/imgs/event-bullet-area-03.png);
}
div#content div#block-event div.content ul li.icon-area04 {
	background-image: url(/share/imgs/event-bullet-area-04.png);
}
/******************/
div#content div#block-button div.row {
	float: left;
	width: 217px;
	margin: 0px 15px 15px 0px;
}
div#content div#block-button div.row-right {
	width: 216px;
	margin-right: 0px;
}

/* MTN ADD 20160509 */
div#content div#block-button div.row.new-row,
div.no-sidebar div#content div#block-button div.row.new-row {
	width: 100%;
	margin: 0px 0px 15px 0px
}
div#content div#block-button div.row.new-row ul.new-button-list li {
	background: rgb(255, 248, 212);
	width: 217px;
	float: left;
	margin: 0px 15px 15px 0px;
}
div#content div#block-button div.row.new-row ul.new-button-list li a {
	display: table;
	border: 3px solid rgb(40, 50, 150);
}
div#content div#block-button div.row.new-row ul.new-button-list li a img {
	width: 70px;
	vertical-align: middle;
	display: table-cell;
}
div#content div#block-button div.row.new-row ul.new-button-list li a span {
	width: 100%;
	padding-left: 10px;
	font-size: 115%;
	font-weight: bold;
	vertical-align: middle;
	display: table-cell;
}
div#content div#block-button div.row.new-row ul.new-button-list li.row-right {
	width: 216px;
	margin-right: 0px;
}
div.no-sidebar div#content div#block-button div.row.new-row ul.new-button-list li {
	width: 219px;
}
div.no-sidebar div#content div#block-button div.row.new-row ul.new-button-list li.row-right {
	width: 218px;
	margin-right: 0px;
}
/********************/

div#content div#block-button div.row a {
	display: block;
	text-decoration: none;
	/*border: 3px solid #283296;*/
}
div#content div#block-button div.row table {
	width: 100%;
	border: 3px solid #283296;
	background-color: #fff8d4;
}
div#content div#block-button div.row table th,
div#content div#block-button div.row table td {
	vertical-align: middle;
}
div#content div#block-button div.row table th {
	width: 70px;
}
div#content div#block-button div.row table th img {
	display: block;
}
div#content div#block-button div.row table td {
	font-size: 115%;
	font-weight: bold;
	padding-left: 10px;
}
div#content div#block-gender-logo img.logo {
	display: block;
	float: left;
	margin-right: 10px;
}
div#content div#block-gender-logo h4 {
	font-size: 100%;
}
div#content div#block-staff div.row {
	float: left;
	width: 307px;
	height: 200px;
	background-color: #e6e6e6;
}
div#content div#block-staff div.row-right {
	width: 306px;
}
div#content div#block-staff div.row-even {
	background-color: #f3f3f3;
}
div#content div#block-staff div.row div.inner-row {
	padding: 15px;
}
div#content div#block-staff div.row div.inner-row img {
	display: block;
	float: left;
	margin-right: 10px;
}
div#content div#block-staff div.row div.inner-row p span {
	font-weight: bold;
}
div#content div#block-column-contact div.column {
	float: left;
	width: 620px;
	margin-right: 40px;
}
div#content div#block-column-contact div.column-contact {
	width: 260px;
	margin-right: 0px;
}
div#content div#block-column-contact div.block-latest {
	margin-bottom: 20px;
}
div#content div#block-button-two ul li {
	float: left;
	width: 300px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 20px;
}
div#content div#block-button-two ul li.left {
	margin-right: 20px;
}
div#content div#block-button-two ul li a {
	display: block;
	text-decoration: none;
	border: 2px solid #1e3278;
	padding: 5px 0px;
	background-color: #e6e6f0;
}
div#content div#block-like div.row {
	float: left;
	width: 215px;
	margin: 0px 20px 20px 0px;
}
div#content div#block-like div.row-large {
	width: 450px;
}
div#content div#block-like div.row-right {
	margin-right: 0px;
}
div#content div#block-like div.footer {
	text-align: right;
}

/* slide
-------------------------------------------------------------------------------- */

div#content div.slide-wrapper {
	display: none;
}
div#content div.slide {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
div#content div.slide div.outer {
	width: 300px;
	margin: auto;
}
div#content div.slide-footer {
	display: none;
}

/* form
-------------------------------------------------------------------------------- */

div#content form div.component {
	margin-bottom: 40px;
}
div#content form div.component h4 {
	font-size: 100%;
	border-left: 5px solid #ffdc28;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 10px;
	padding-left: 10px;
}
div#content form div.component div.indent {
	padding-left: 15px;
}
div#content form div.component label {
	margin: 0px 20px 0px 0px;
}
div#content form div.component input.text {
	width: 394px;
	font-size: 100%;
	line-height: 1.5em;
	border: 1px solid #b3b3b3;
	padding: 2px;
	border-radius: 2px;
}
div#content form div.component textarea {
	width: 684px;
	font-size: 100%;
	line-height: 1em;
	border: 1px solid #b3b3b3;
	padding: 2px;
	border-radius: 2px;
}
div#content form div.component *.required {
	color: #da0012;
}
div#content form div.component button {
	font-size: 100%;
	color: #ffffff;
	border: none;
	padding: 5px 10px;
	background-color: #283296;
}

div#content form div.component input.form_input {
	font-size: 100%;
	color: #ffffff;
	border: none;
	padding: 10px 30px;
	background-color: #283296;
}
div#content form div.component input.form_input:hover {
	cursor: pointer;
}

/* article
-------------------------------------------------------------------------------- */
div#content div.article div.body-area-contents {
	margin-bottom: 1.5em;
}

/* MTN UPD 20140924 
div#content div.article h1,
div#content div.article h2,
div#content div.article h3,
div#content div.article h4,
div#content div.article h5,
div#content div.article h6,
div#content div.article p,
div#content div.article ul,
div#content div.article ol {
*/
div#content div.article h1,
div#content div.article h2,
div#content div.article h3,
div#content div.article h4,
div#content div.article h5,
div#content div.article h6,
div#content div.article ul,
div#content div.article ol {
/******************/
	clear: both;
}
div#content div.article h1 {
	margin-bottom: 30px;
}
div#content div.article h2,
div#content div.article h3,
div#content div.article h4,
div#content div.article h5,
div#content div.article h6 {
	margin: 40px 0px 20px 0px;
}
div#content div.article h1 {
	font-size: 145%;
	padding: 10px;
	background-color: #ffdc28;
	border-radius: 5px;
}
div#content div.article h2 {
	font-size: 120%;
	border: 1px solid #16116d;
	padding: 5px 10px;
	background-color: #fff8d4;
	border-radius: 5px;
}
div#content div.article h3 {
	font-size: 120%;
	font-weight: normal;
	border: 1px solid #16116d;
	padding: 5px 10px;
	border-radius: 5px;
}
div#content div.article h4 {
	font-size: 100%;
	border-left: 5px solid #16116d;
	border-bottom: 1px solid #16116d;
	margin-bottom: 10px;
	padding: 0px 0px 5px 10px;
}
div#content div.article h5,
div#content div.article h6 {
	font-size: 100%;
	margin-bottom: 10px;
	padding: 0px 0px 5px 10px;
}
div#content div.article h5 {
	border-bottom: 1px solid #16116d;
}
div#content div.article h6 {
	font-weight: normal;
}
div#content div.article p {
	margin:0 0 1em 0.5em;
}
div#content div.article p.indent {
	text-indent: -1em;
	padding-left: 1em;
}
div#content div.article table,
div#content div.article table caption,
div#content div.article table td,
div#content div.article table th {
	border: 1px solid #b3b3b3;
}
div#content div.article table {
	margin: 20px 0px 40px 0px;
}
div#content div.article table caption {
	text-align: left;
	font-weight: bold;
	border-bottom: none;
	padding: 5px 10px;
	background-color: #cccccc;
}
div#content div.article table td,
div#content div.article table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
}
div#content div.article table th {
	background-color: #e6e6e6;
}
div#content div.article table td p, div#content div.article table th p{
	margin: 0;
}
div#content div.article table.list caption {
	color: #ffffff;
	background-color: #666666;
}
div#content div.article table thead th {
	background-color: #e7e7f0;
}
div#content div.article ul li {
	padding-left: 1em;
	background: url(/share/imgs/bullet-01.png) no-repeat 0.2em 0.5em;
}
div#content div.article div#block-contact div.header {
	background-color: #fff8d4;
}
div#content div.article div.block h3 {
	font-size: 100%;
	font-weight: bold;
	border: none;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
}
div#content div.article div.block h4 {
	font-size: 115%;
	border: none;
	margin: 0px;
	padding: 0px;
}
div#content div.article div.block h4.headline {
	font-size: 100%;
	border-left: none;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 10px;
	padding: 0px 0px 0px 15px;
	background: url(/share/imgs/bullet-03.png) no-repeat 0em 0.4em;
}
div#content div.article div.block h4 span.small {
	font-size: 75%;
	font-weight: normal;
}
div#content div.article div.block form {
	border-top: 1px solid #b3b3b3;
	margin-top: 10px;
	padding-top: 10px;
}
div#content div.article div.block form button {
	font-size: 100%;
	color: #ffffff;
	border: none;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #283296;
}
div#content div.article div.block form button:hover {
	cursor: pointer;
}
div#content div.article div.frame-map {
	border: 1px solid #b3b3b3;
	margin: 10px 0px;
	padding: 4px;
}
div#content div.article div.frame-map div.map {
	position: relative;
	height: 340px;
	overflow: hidden;
}
div#content div.article div.frame-map div.map img {
	position: absolute;
	left: 50%;
	top: 50%;
}
div#content div.article span.tel,
div#content div.article span.fax,
div#content div.article span.mail,
div#content div.article span.time {
	padding: 0px 0px 5px 20px;
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
}
div#content div.article span.tel {
	background-image: url(/share/imgs/icon-tel.png);
}
div#content div.article span.fax {
	background-image: url(/share/imgs/icon-fax.png);
}
div#content div.article span.mail {
	background-image: url(/share/imgs/icon-mail.png);
}
div#content div.article span.time {
	background-image: url(/share/imgs/icon-time.png);
}
div#content div.article dl dt {
	font-weight: bold;
}
div#content div.article dl dd {
	margin-bottom: 10px;
}
div#content div.article div.block-map div.column {
	float: left;
	width: 470px;
	margin-right: 20px;
}
div#content div.article div.block-map div.column-right {
	width: 430px;
	margin-right: 0px;
}
div#content div.article div.block-map div.column div.frame-map {
	margin-top: 0px;
}
div#content div.article div.block-map div.column div.map {
	height: 200px;
}

/* MTN ADD 20140918 */
div#content div.article div.block div.cal-hanrei span.cal-hanrei {
    background-color: #283296;
    border: 1px solid;
    margin-right: 3px;
}

div#content div.article div.block div.asset-calendar div.asset-cal-content div.calendar table {
	float: left;
	margin-right: 6px;
}

div#content div.article div.block div.asset-calendar div.asset-cal-content div.calendar table caption {
	text-align: center;
}

div#content div.article div.block div.asset-calendar div.asset-cal-content div.calendar table tr td,
div#content div.article div.block div.asset-calendar div.asset-cal-content div.calendar table tr th {
	padding: 2px 6px 2px 6px;
	text-align: center;
}

div#content div.article div.block div.asset-calendar div.asset-cal-content div.calendar table tr th.sunday {
	color: #f05096;
}

div#content div.article div.block div.asset-calendar div.asset-cal-content div.calendar table tr th.saturday {
	color: #0078ff;
}

div#content div.article div.block div.asset-calendar div.asset-cal-content div.calendar table tr td.eventday {
	background-color: #283296;
	color: #FFFFFF;
}

/* 画像枠レイアウト */

/* 右寄せ画像枠 */
.img_right {
	clear: right;
	float: right;
	padding: 3px;
	margin: 0px 8px 0px 8px;
	text-align: center;
}

/* 左寄せ画像枠 */
.img_left {
	clear: left;
	float: left;
	padding: 3px;
	margin: 0px 8px 0px 8px;
	text-align: center;
}

/* 画像固定枠 */
.img_waku {
	float: left;
	width: 100%;
	zoom: 100%;
}
.img_wakuleft {
	float: left;
	margin: 0 2px;
	text-align: center;
	width: auto;
}
/* 画像の回り込み解除 */
p.clearall {
	clear: both;
}

/********************/



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

div.home div#content {
	width: 480px;
	margin-right: 20px;
}

div.home div#content #block-useful,
div.home div#content #block-ranking {
	display: block;
}


/* --------------------------------------------------------------------------------
content (content-narrow)
-------------------------------------------------------------------------------- */

div.content-narrow div#content {
	float: none;
	width: 720px;
	margin-right: 0px;
}



/* --------------------------------------------------------------------------------
content (sidebar-wide)
-------------------------------------------------------------------------------- */

div.sidebar-wide div#content {
	width: 440px;
}



/* --------------------------------------------------------------------------------
content (no-sidebar)
-------------------------------------------------------------------------------- */

div.no-sidebar div#content {
	float: none;
	width: auto;
	margin-right: 0px;
}
div.no-sidebar div#content div#navi-second {
	margin-bottom: 40px;
}
div.no-sidebar div#content div#navi-second ul li {
	float: left;
	width: 230px;
	text-align: center;
	font-size: 130%;
	line-height: 45px;
}
div.no-sidebar div#content div#navi-second ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	border: 1px solid #00461e;
	border-right-color: #ffffff;
	background-color: #00461e;
}
div.no-sidebar div#content div#navi-second ul li.left a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
div.no-sidebar div#content div#navi-second ul li.right a {
	border-right-color: #00461e;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
div.no-sidebar div#content div#navi-second ul li a:hover,
div.no-sidebar div#content div#navi-second ul li a.active {
	text-indent: 1px;
	color: #000000;
	border-left: none;
	border-top-color: #ffdc28;
	border-bottom-color: #ffdc28;
	background-color: #ffdc28;
}
div.no-sidebar div#content div#navi-second ul li.left a:hover,
div.no-sidebar div#content div#navi-second ul li.left a.active {
	text-indent: 0px;
	border-left: 1px solid #ffdc28;
}
div.no-sidebar div#content div#navi-second ul li.right a:hover,
div.no-sidebar div#content div#navi-second ul li.right a.active {
	border-right-color: #ffdc28;
}

div#sidebar div#block-area img.map {
	display: block;
	margin: 0px auto 10px auto;
}
div#sidebar div#block-area ul li {
	position: relative;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding-left: 35px;
}
div#sidebar div#block-area ul li.area-04 {
	margin-bottom: 0px;
}
div#sidebar div#block-area ul li p.num {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 0em 0.15em;
}
div#sidebar div#block-area ul li.area-01 p.num {
	background-image: url(/share/imgs/event-bullet-area-01.png);
}
div#sidebar div#block-area ul li.area-02 p.num {
	background-image: url(/share/imgs/event-bullet-area-02.png);
}
div#sidebar div#block-area ul li.area-03 p.num {
	background-image: url(/share/imgs/event-bullet-area-03.png);
}
div#sidebar div#block-area ul li.area-04 p.num {
	background-image: url(/share/imgs/event-bullet-area-04.png);
}
div#sidebar div#block-area ul li h3 {
	padding-bottom: 3px;
}


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

div.no-sidebar div#content div#block-button div.row {
	width: 219px;
}
div.no-sidebar div#content div#block-button div.row-right {
	width: 218px;
}


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

div#sidebar {
	position: relative;
	float: left;
	width: 200px;
}
div#sidebar a.banner img {
	display: block;
}

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

div#sidebar div.block {
	margin-bottom: 40px;
}
div#sidebar div.block div.header {
	line-height: 1.5em;
	margin-bottom: 10px;
}
div#sidebar div.block div.header h2 {
	font-size: 100%;
	color: #ffffff;
	background-color: #00461e;
	padding: 5px 10px;
}
div#sidebar div.block ul li a {
	display: block;
}
div#sidebar div#block-ranking ul li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 5px;
	padding: 0px 5px 5px 5px;
	background-image: none;
}
div#sidebar div#block-ranking ul li span.ranking {
	display: block;
	font-weight: bold;
}
div#sidebar div#block-ranking ul li span.ranking-01,
div#sidebar div#block-ranking ul li span.ranking-02,
div#sidebar div#block-ranking ul li span.ranking-03 {
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
}
div#sidebar div#block-ranking ul li span.ranking-01 {
	background-image: url(/share/imgs/icon-ranking-01.png);
}
div#sidebar div#block-ranking ul li span.ranking-02 {
	background-image: url(/share/imgs/icon-ranking-02.png);
}
div#sidebar div#block-ranking ul li span.ranking-03 {
	background-image: url(/share/imgs/icon-ranking-03.png);
}
div#sidebar div#block-archive ul li {
	font-weight: bold;
	padding-left: 1em;
	background: url(/share/imgs/bullet-02.png) no-repeat 0em 0.5em;
}
div#sidebar div#block-archive ul li ul {
	border-bottom: 1px solid #b3b3b3;
	margin: 0px 0px 5px -1em;
	padding: 0px 0px 5px 1em;
}
div#sidebar div#block-archive ul li ul li {
	font-weight: normal;
	background-image: url(/share/imgs/bullet-01.png);
	background-position: 0.2em 0.5em;
}
div#sidebar div.block-menu ul li {
	padding-left: 1em;
	background: url(/share/imgs/bullet-02.png) no-repeat 0em 0.5em;
}
div#sidebar div.block-menu ul li.active {
	font-weight: bold;
}
div#sidebar div#block-banner-related {
	margin-bottom: 30px;
}
div#sidebar div#block-banner-related div.content img {
	display: block;
	margin: 0px auto 10px auto;
}
div#sidebar div#block-banner-advertisement {
	border: 1px solid #b3b3b3;
}
div#sidebar div#block-banner-advertisement div.header {
	border-bottom: 1px solid #b3b3b3;
}
div#sidebar div#block-banner-advertisement div.header h2 {
	background-color: #666666;
}
div#sidebar div#block-banner-advertisement div.header h2 a {
	color: #ffffff;
}
div#sidebar div#block-banner-advertisement div.content {
	padding: 10px;
}
div#sidebar div#block-banner-advertisement div.content img {
	display: block;
	margin: 0px auto 10px auto;
}

/* calendar
-------------------------------------------------------------------------------- */

div#sidebar div.calendar {
	width: 200px;
	margin: auto;
}
div#sidebar div.calendar div.calendar-header {
	margin-bottom: 5px;
}
div#sidebar div.calendar div.calendar-header h3 {
	text-align: center;
	font-size: 100%;
	font-weight: normal;
}
div#sidebar div.calendar div.calendar-header a.prev {
	float: left;
}
div#sidebar div.calendar div.calendar-header a.next {
	float: right;
}
div#sidebar div.calendar table {
	width: 100%;
}
div#sidebar div.calendar table,
div#sidebar div.calendar table td,
div#sidebar div.calendar table th {
	border: 1px solid #ffffff;
	background-color: #e6e6e6;
}
div#sidebar div.calendar table td,
div#sidebar div.calendar table th {
	text-align: center;
}
div#sidebar div.calendar table thead th {
	width: 14.3%;
	padding: 1px 0px;
}
div#sidebar div.calendar table thead th.sat {
	color: #0078ff;
}
div#sidebar div.calendar table thead th.sun {
	color: #f05096;
}
div#sidebar div.calendar table tbody td {
	height: 28px;
	line-height: 28px;
	padding: 0px;
}
div#sidebar div.calendar table tbody td a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background-color: #283296;
}
div#sidebar div.calendar table tbody td a.event {
	color: #333333;
	background-color: #ffdc28;
}

/* MTN ADD 20140930 */
div#sidebar div.calendar div.calendar-header div.arrow_area div.left_arrow {
	float: left;
}
div#sidebar div.calendar div.calendar-header div.arrow_area div.right_arrow {
	float: right;
}
/********************/

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

div.home div#sidebar {
	width: 460px;
}
div.home div#sidebar div.column div.left,
div.home div#sidebar div.column div.right {
	float: left;
	width: 220px;
}
div.home div#sidebar div.column div.left {
	margin-right: 20px;
}

div.home div#sidebar #block-useful,
div.home div#sidebar #block-ranking {
	display: none;
}


/* --------------------------------------------------------------------------------
sidebar (sidebar-wide)
-------------------------------------------------------------------------------- */

div.sidebar-wide div#sidebar {
	width: 440px;
}
div.sidebar-wide div#sidebar div.left,
div.sidebar-wide div#sidebar div.right {
	float: left;
	width: 200px;
}
div.sidebar-wide div#sidebar div.left {
	margin-right: 40px;
}

/* MTN ADD 20141017 */
div.sidebar-wide div#sidebar div.left div.block-menu div.content a.education-list,
div.sidebar-wide div#sidebar div.right div.block-menu div.content a.education-list {
	float: right;
}
/********************/

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

div.banner-wrapper {
	width: 960px;
	margin: 0px auto 20px auto;
	margin-bottom: 20px;
}
div.banner {
	border: 1px solid #b3b3b3;
}
div#banner-advertisement {
	margin-bottom: 40px;
}
div.banner div.header {
	line-height: 1.2em;
	color: #ffffff;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #b3b3b3;
	background: #2d373c url(/share/imgs/home-header-background-01.png) repeat-x 0px 0px;
}
div.banner div.header a {
	color: #ffffff;
}
div.banner div.header h2 {
	font-weight: normal;
	padding: 10px 0px 10px 15px;
}
div.banner div.content {
	padding: 20px 0px 10px 0px;
	background-color: #ffffff;
}
div#banner-related div.content {
	padding-left: 64px;
}
div#banner-advertisement div.content {
	/* MTN UPD 20160329
	padding-left: 40px;*/
	padding-left: 64px;
}
div.banner a img {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}



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

div#footer-wrapper {
	background-color: #ffffff;
}
div#footer {
	width: 960px;
	margin: auto;
	padding: 10px 0px;
}

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

div#footer div.block {
	margin-bottom: 10px;
}
div#footer div.block-first div.information {
	float: left;
}
div#footer div.block-first div.information h3 {
	float: left;
	font-size: 100%;
	margin-right: 10px;
}
div#footer div.block-first div.information div.body {
	float: left;
}
div#footer div.block-first span.tel,
div#footer div.block-first span.mail,
div#footer div.block-first span.time {
	padding: 0px 0px 5px 20px;
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
}
div#footer div.block-first span.tel {
	background-image: url(/share/imgs/icon-tel.png);
}
div#footer div.block-first span.mail {
	background-image: url(/share/imgs/icon-mail.png);
}
div#footer div.block-first span.time {
	background-image: url(/share/imgs/icon-time.png);
}
div#footer div.block-first div.list {
	float: right;
	padding-top: 10px;
}
div#footer div.block-second {
	margin-bottom: 15px;
}
div#footer div.block-second div.inner {
	border-top: 1px solid #b3b3b3;
	padding-top: 10px;
}
div#footer div.block-second div.links {
	float: left;
}
div#footer div.block-second div.links ul li {
	display: block;
	float: left;
}
div#footer div.block-second address {
	float: right;
	font-style: normal;
}

/* mode
-------------------------------------------------------------------------------- */

div#footer div.mode {
	float: right;
	width: auto;
	line-height: 24px;
}
div#footer div.mode p,
div#footer div.mode ul,
div#footer div.mode ul li {
	float: left;
}
div#footer div.mode ul li img {
	display: block;
}
div#footer div.mode ul li.pc img {
	margin-left: 5px;
}



/* --------------------------------------------------------------------------------
footer (emergency)
-------------------------------------------------------------------------------- */

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

div.emergency div#footer div.block-first span.tel,
div.emergency div#footer div.block-first span.mail,
div.emergency div#footer div.block-first span.time {
	padding: 0px 0px 5px 0px;
	background-image: none;
}

/* mode
-------------------------------------------------------------------------------- */

div.emergency div#footer div.mode ul {
	font-weight: bold;
	border: 1px solid #b3b3b3;
	margin-left: 5px;
}
div.emergency div#footer div.mode ul li {
	padding: 0px 10px;
	background-color: #f8f8f8;
}
div.emergency div#footer div.mode ul li.pc {
	border-right: 1px solid #b3b3b3;
}
div.emergency div#footer div.mode ul li.active {
	background-color: transparent;
}
div.emergency div#footer div.mode ul li.active a {
	text-decoration: none;
	color: #333333;
	cursor: default;
}

/* お問い合わせフォーム */

#content .section .article h2.form-H2 {
	margin-top:10px;
}

#content .section .confirmform table {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
	margin-bottom: 1em;
}

#content .section .confirmform table th {
	text-align: right;
	border-right: 1px solid #d9d9d9;
	width: 20%;
}

#content .section .confirmform table td {
	text-align: left;
	width: 80%;
}

#content .section .confirmform table th,
#content .section .confirmform table td {
	padding: 5px;
}

#content .section .confirmform table tr th span.essential {
	color: #fff;
	background-color: #b2b2b2;
	padding: 0.2em;
}

/************************/

div#reading-area {
	width: 960px;
	margin: auto;
}

/* MTN ADD 20141128*/
div.charm-text {
	margin-bottom: 1.5em;
}
/* add 2020.04.20
-------------------------------------------------------------------------------- */

p#logo-alternate {
	background-color: #ffffff;
}
p#logo-alternate span {
	display: block;
	width: 960px;
	margin: auto;
	padding: 10px 0px;
}
p#logo-alternate a {
	display: block;
	width: 164px;
	height: 41px;
}
p#logo-alternate img {
	display: block;
	width: 100%;
	height: auto;
}
div#cover-alternate {
background: linear-gradient(to bottom, #808080 0%, #808080 25%, #d9d9d9 100%);
}
div#cover-alternate div.inner-cover-alternate {
	position: relative;
	padding: 20px 0px 40px 0px;
	background: url(/share/imgs/cover-alternate-background.png) repeat 0px 0px;
	background-size: auto 4px;
}
div#cover-alternate div.image {
	overflow: hidden;
	margin-bottom: 20px;
	opacity: 0;
	transition: 1s opacity ease;
}
div#cover-alternate.active div.image {
	opacity: 1;
}
div#cover-alternate div.image div.inner-image {
	display: flex;
	flex-wrap: wrap;
	width: 99999px;
	margin: auto;
}
div#cover-alternate div.image p.row {
	position: relative;
	width: 970px;
}
div#cover-alternate div.image p.row img {
	display: block;
	width: calc(100% - 10px);
	height: auto;
	margin: auto;
}
div#cover-alternate div.navi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
}
div#cover-alternate div.navi p.button {
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	margin: 0px 5px;
	cursor: pointer;
	border: 1px solid #16116d;
	background-color: #ffffff;
	border-radius: 50%;
	transition: 0.25s background-color ease;
}
div#cover-alternate div.navi p.button:hover,
div#cover-alternate div.navi p.button.active {
	background-color: #16116d;
}
div#cover-alternate p.banner {
	width: 960px;
	margin: auto;
}
div#cover-alternate p.banner img {
	display: block;
	width: 100%;
	height: auto;
}
div#topinfo-wrapper {
	background-color: #ffffff;
}
div#topinfo {
	width: 640px;
	margin: auto;
	padding: 20px 0px;
}
div#topinfo div.inner {
	border: 2px solid #FFDC28;
}
div#topinfo h2 {
	text-align: center;
	font-size: 115%;
	line-height: 200%;
	color: #333333;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
	background-color: #FFDC28;
}
div#topinfo div.topinfo-body {
	padding: 5px;
}
div#topinfo div.topinfo-body ul,
div#topinfo div.topinfo-body ol {
	padding-left: 1.5em;
}
div#topinfo div.topinfo-body ul {
	list-style: disc;
}
div#topinfo div.topinfo-body ol {
	list-style: decimal;
}
div#msta_langArea{display:none !important;}

/* add 2021.05.11
-------------------------------------------------------------------------------- */
/* Search form */
.search-wrapper {
	width: 960px;
	margin: 0 auto 20px;
	padding: 15px;
	box-sizing: border-box;
	background: #fff;
}
.search-form {
	display: flex;
	align-items: center;
}
.search-title {
	width: 190px;
	padding: 4px 10px 4px 45px;
	background-image: url(/share/imgs/search-icon.png);
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight: normal;
}
.search-input {
	flex: 1;
	height: 40px;
  padding: 10px;
	box-sizing: border-box;
	border: 2px solid #ededed;
	border-radius: 5px;
}
.search-submit {
	width: 100px;
	height: 40px;
	margin-left: 10px;
	box-sizing: border-box;
	border: 1px solid #16116d;
	border-radius: 5px;
	background: #16116d;
	font-size: 125%;
	color: #fff;
}

/* tab news/event */
div.home div#middle #block-news.block {
	border: none;
}
.tab_area {
  margin-top: 50px;
  padding-bottom: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}
.tab_header {
}
.tab_item {
  display: inline-block;
	margin-right: 5px;
	font-size: 115%;
	font-weight: normal;
	background-color: #2d373c;
	background-image: url(/share/imgs/home-header-background-01-off.png);
	background-color: transparent;
	background-repeat: repeat-x;
  line-height: 1.2em;
  letter-spacing: 0.1em;
	color: #fff;
	cursor: pointer;
}
.tab_item.active {
	background-image: url(/share/imgs/home-header-background-01.png);
}
.tab_item span {
	display: block;
	padding: 10px 22px 10px 40px;
	background-repeat: no-repeat;
	background-position: 5px 0.2em;
}
.news.tab_item span {
	background-image: url(/share/imgs/home-icon-news.png);
}
.event.tab_item span {
	background-image: url(/share/imgs/home-icon-event.png);
}

.tab_content {
	border: 1px solid #b3b3b3;
	border-top: none;
}

.tab_content_detail {
  display: none;
  overflow: hidden;
}
.tab_content_detail.show {
  display: block;
}