@charset "UTF-8";
/* =========================================================
   Pieces
========================================================= */

/* common header / accessibility navi
----------------------------------------------- */
#nocssread {
	float: left;
        padding-left: 5px;
}
#commonHeader {
	margin: 0px;
	padding: 2px 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #C5C5C5;
	background: #FEFEFE;
	background: -moz-linear-gradient(top, #FEFEFE, #EEEEEF);
	background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#EEEEEF));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FEFEFE', endColorstr='#EEEEEF');
	text-align: right;
	font-size: 125%;
}
#commonHeader rp,
#commonHeader rt { display: none; }
#navigationNotice {
	padding: 0px 10px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	font-weight: bold;
	line-height: 40px;
}
.naviFont,
.naviTheme,
.naviRuby,
.naviTalk {
	display: inline-block;
	padding: 0px 5px 0px 24px;
	border-left: 1px solid #bbb;
	background-repeat: no-repeat;
	background-position: 6px center;
}
#smartSwitch {
	display: inline-block;
	padding: 0px 5px 0 10px;
	border-left: 1px solid #bbb;
}
#smartSwitch .pc,
#smartSwitch .sp { margin-left: 5px; }
.naviFont {
	float: right;
	background-image: url(images/ic-navi-font.png);
}
.naviTheme { background-image: url(images/ic-navi-theme.png); }
.naviRuby { background-image: url(images/ic-navi-ruby.png); }
.naviTalk { background-image: url(images/ic-navi-talk.png); }
.naviFont .label,
.naviTheme .label,
.naviRuby .label,
.naviTalk .label { margin: 0px 8px 0px 0px; }
.naviFont .small,
.naviFont .big,
.naviFont .base,
.naviTheme .white,
.naviTheme .blue,
.naviTheme .black,
.naviRuby .ruby,
.naviTalk .talk {
	margin: 0px 1px;
	color: #00f;
	cursor: pointer;
}
.naviTheme .white,
.naviTheme .blue,
.naviTheme .black,
.naviFont .small,
.naviFont .big,
.naviFont .base {
	border: 1px solid;
	line-height: 100%;
	padding: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	display: inline-block;
}
.naviTheme .white {
	color: #000;
	background-color: #FFF;
}
.naviTheme .blue {
	color: #FFF;
	background-color: #00B;
	border-color: #00B;
}
.naviTheme .black {
	color: #FFF;
	background-color: #000;
	border-color: #000;
}
.naviTheme .white:hover { }
.naviTheme .blue:hover { background-color: #33f; }
.naviTheme .black:hover { background-color: #666; }
.naviFont .small,
.naviFont .big,
.naviFont .base {
	background-color: #FFF;
	color: #333;
	font-weight: bold;
}
.naviFont .base { background-color: #FC6; }
.naviFont .base:hover,
.naviFont .small:hover,
.naviFont .big:hover {
	text-decoration: noen;
	background-color: #03C;
	color: #FFF;
}
.naviTheme .current,
.naviRuby .current,
.naviTalk .current {
	color: #e00;
	text-decoration: none;
}
.naviRuby .ruby:hover,
.naviTalk .talk:hover {
	color: #e00;
	text-decoration: underline;
}
.naviFont .view {
	padding: 1px 2px 0px;
	background-color: #666;
	color: #fff;
	font-weight: bold;
}
#commonHeader a.riyou {
	display: inline-block;
	padding: 0px 10px;
	border-left: 1px solid #bbb;
	color: #00f;
	text-decoration: underline;
	cursor: pointer;
}
#commonHeader a.riyou:hover {
	color: #e00;
	text-decoration: underline;
}
.naviTalk .player {
	position: absolute;
	width: 1px;
}
.naviTalk .player object {
	position: relative;
	top: 25px;
	left: -90px;
}
*html .naviTalk .player object { top: 28px; }
html:first-child .naviTalk .player { position: absolute; }
html:first-child .naviTalk .player object {
	position: relative;
	top: 25px;
	left: 340px;
}
/* common banner
----------------------------------------------- */
#commonBanner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html #commonBanner { height: 1%; }
#commonBanner {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	background: url(./images/bg-header.png) no-repeat left top;
	text-align: right;
}
#commonBanner .logo { float: left; }
#commonBanner .logo a {
	display: block;
	overflow: hidden;
}
#commonBanner .menu {
	float: right;
	margin: 0px;
	text-align: right;
}
#commonBanner .languageMenu {
	margin: 8px 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color: #1A824B;
	color: #ffffff;
}
#commonBanner .languageMenu span { padding: 0 10px 0 10px }
#commonBanner .languageMenu a {
	display: inline-block;
	padding: 0 11px;
	text-decoration: none;
	color: #ffffff;
	border-left: 1px #FFFFFF solid;
}
#commonBanner .languageMenu a:hover {
	background-color: #FFF;
	color: #259458;
	border-left-color: #259458;
}
#commonBanner .languageMenu a:last-child {
	border-right-width: 1px;
	border-right-style: solid;
}
#commonBanner .languageMenu a.langSelect {
	background-color: #FFF;
	color: #259458;
	border-top: 1px solid #259458;
	border-bottom: 1px solid #259458;
}
#commonBanner .lowerMenu {
	margin: 7px 0 5px;
	/*padding-right: 10px;*/
}
#commonBanner .menu form { display: inline; }
input#search-box,
input#search-button,
a.chiiki,
a.soshiki,
a.toiawase,
a.siteMap,
input.submit { vertical-align: middle; }

a.toiawase,
a.siteMap{
	display: inline-block;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: normal;
	font-size: 90%;
	line-height: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}
a.siteMap:before {
        content: url("/_common/themes/joruri/piece/images/ic-sitemap.gif");}
a.toiawase:before {
        content: url("/_common/themes/joruri/piece/images/ic-toiawase.gif");}
				
a.toiawase:hover,
a.siteMap:hover{ text-decoration:underline;}

input#search-box { width: 130px; }
input#search-button {
	border: none;
	background: #3F3F3F;
	color: #ffffff;
}
/* chiiki
---------------------- */
.lowerMenu .chiiki,
.lowerMenu .soshiki {
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #999;
	background: #F8F8F8;
	background: -moz-linear-gradient(top, #E0E0E0, #F8F8F8);
	background: -webkit-gradient(linear, center top, center bottom, from(#E0E0E0), to(#F8F8F8));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#E0E0E0', endColorstr='#F8F8F8');
	color: #333;
	text-decoration: none;
}
/* otoiawase
---------------------- */
a.toiawase {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	line-height: 2;
}
/* sitemap
---------------------- */
a.siteMap {
	display: inline-block;
	margin: 0px 0px 0px 5px;
	font-weight: bold;
	line-height: 2;
}
/* global navi
----------------------------------------------- */
#globalNavi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html #globalNavi { height: 1%; }
#globalNavi {
	clear: both;
}
#globalNavi .pieceBody {
    display: table;
    table-layout: fixed;
    border-collapse:separate;
	width: 100%;
    border-spacing:1px 0;
}
#globalNavi a {
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	display: table-cell;
	vertical-align:middle;
	text-decoration: none;
	text-align: center;
	padding: 7px 0;
	background: #0952EB;
	background-image:-moz-linear-gradient(48% 0% -90deg,rgb(23,119,189) 0%,rgb(25,90,161) 87%,rgb(32,63,92) 87%,rgb(23,86,134) 98%,rgb(23,86,134) 100%); 
	background-image:-webkit-gradient(linear,48% 0%,48% 100%,color-stop(0, rgb(23,119,189)),color-stop(0.87, rgb(25,90,161)),color-stop(0.87, rgb(32,63,92)),color-stop(0.98, rgb(23,86,134)),color-stop(1, rgb(23,86,134)));
	background-image:-webkit-linear-gradient(-90deg,rgb(23,119,189) 0%,rgb(25,90,161) 87%,rgb(32,63,92) 87%,rgb(23,86,134) 98%,rgb(23,86,134) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(23,119,189) 0%,rgb(25,90,161) 87%,rgb(32,63,92) 87%,rgb(23,86,134) 98%,rgb(23,86,134) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(23,119,189) 0%,rgb(25,90,161) 87%,rgb(32,63,92) 87%,rgb(23,86,134) 98%,rgb(23,86,134) 100%);
	background-image:linear-gradient(180deg,rgb(23,119,189) 0%,rgb(25,90,161) 87%,rgb(32,63,92) 87%,rgb(23,86,134) 98%,rgb(23,86,134) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1777bd,endColorstr=#ff175686,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1777bd,endColorstr=#ff175686,GradientType=0);
}
#globalNavi a:hover {
	background: #2AB4FC;
	background: -moz-linear-gradient(top, #0A53ED, #187EF4);
	background: -webkit-gradient(linear, center top, center bottom, from(#0A53ED), to(#187EF4));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0A53ED', endColorstr='#187EF4');
}
#globalNavi a.bosai {
	border-left: none;
	background: #D70029;
	background-image:-moz-linear-gradient(48% 0% -90deg,rgb(231,52,47) 0%,rgb(193,26,26) 87%,rgb(134,25,28) 87%,rgb(190,25,26) 98%,rgb(190,25,26) 100%); 
	background-image:-webkit-gradient(linear,48% 0%,48% 100%,color-stop(0, rgb(231,52,47)),color-stop(0.87, rgb(193,26,26)),color-stop(0.87, rgb(134,25,28)),color-stop(0.98, rgb(190,25,26)),color-stop(1, rgb(190,25,26)));
	background-image:-webkit-linear-gradient(-90deg,rgb(231,52,47) 0%,rgb(193,26,26) 87%,rgb(134,25,28) 87%,rgb(190,25,26) 98%,rgb(190,25,26) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(231,52,47) 0%,rgb(193,26,26) 87%,rgb(134,25,28) 87%,rgb(190,25,26) 98%,rgb(190,25,26) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(231,52,47) 0%,rgb(193,26,26) 87%,rgb(134,25,28) 87%,rgb(190,25,26) 98%,rgb(190,25,26) 100%);
	background-image:linear-gradient(180deg,rgb(231,52,47) 0%,rgb(193,26,26) 87%,rgb(134,25,28) 87%,rgb(190,25,26) 98%,rgb(190,25,26) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe7342f,endColorstr=#ffbe191a,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe7342f,endColorstr=#ffbe191a,GradientType=0);
}
#globalNavi a.bosai:hover {
	background: #EE0029;
	background: -moz-linear-gradient(top, #D70029, #EE0029);
	background: -webkit-gradient(linear, center top, center bottom, from(#D70029), to(#EE0029));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D70029', endColorstr='#B30029');
}
*:first-child+html #globalNavi a { height: auto; }
/* IE */
* html #globalNavi { width: 100%; }
* html #globalNavi a.bosai { width: 12.2%; }
*:first-child+html #globalNavi { width: 100.3%; }
/* global navi active
----------------------------------------------- */
#page-index #globalNavi a.top,
#globalNavi a.current,
#globalNavi a.current:hover {
	background: #2AB4FC;
	background: -moz-linear-gradient(top, #2AB4FC, #5CCAFE);
	background: -webkit-gradient(linear, center top, center bottom, from(#2AB4FC), to(#5CCAFE));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2AB4FC', endColorstr='#5CCAFE');
	color: #000000;
}
#globalNavi a.currentB,
#globalNavi a.currentB:hover {
	background: #F69298;
	background: -moz-linear-gradient(top, #F56D85, #F69298);
	background: -webkit-gradient(linear, center top, center bottom, from(#F56D85), to(#F69298));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F56D85', endColorstr='#F69298');
}
/* footer
----------------------------------------------- */
/* address
---------------------- */
#address {
	padding: 10px 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #EEFFE9;
}
/* footer-navi
---------------------- */
#footerNavi {
	width: 100%;
	/*background-color: #26945A;*/
	background-color: #1A824B;
}
#footerNavi .pieceBody {
	padding: 5px 0;
	color: #FFF;
	text-align: center;
}
#footerNavi img {
	margin-left: 5px;
	vertical-align: middle;
}
#footerNavi a {
	color: #FFF;
	text-decoration: none;
}
#footerNavi a:visited { color: #FFF; }
#footerNavi a:hover { text-decoration: underline; }
/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
	clear: both;
	margin: 5px 0 5px;
	line-height: 1.3;
}
#breadCrumbs .direction { margin: 0; }
#pageTop { text-align: right; }
/* readspeaker
----------------------------------------------- */
#readspeaker_button1 { }
/* calendar
----------------------------------------------- */
#calendarDailyLinks { width: 190px; }
* html .calender { height: 1%; }
#calendar .pieceContainer { width: 100%; }
#menu #calendar .pieceHeader,
#links #calendar .pieceHeader,
#content #calendar .pieceHeader,
#menu #calendarDailyLinks .pieceHeader,
#links #calendarDailyLinks .pieceHeader,
#content #calendarDailyLinks .pieceHeader {
	width: 100%;
	margin: 0;
	padding: 8px 0 0 0;
}
#menu #calendar .pieceHeader h2,
#links #calendar .pieceHeader h2,
#content #calendar .pieceHeader h2,
#menu #calendarDailyLinks .pieceHeader h2,
#links #calendarDailyLinks .pieceHeader h2,
#content #calendarDailyLinks .pieceHeader h2 {
	color: #000000;
	font-size: 100%;
	text-align: center;
}
#calendar .pieceBody,
#calendarDailyLinks .pieceBody {
	width: 100%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
#calendar .calendar,
#calendarDailyLinks .calendar {
	float: left;
	width: 182px;
	padding: 5px 0 0 6px;
	font-weight: bold;
}
#calendar .links,
#calendarDailyLinks .links {
	clear: both;
	padding: 5px 0 5px;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #DDD;
}
#calendar .calendar .wdays .wday,
#calendarDailyLinks .calendar .wdays .wday {
	display: block;
	float: left;
	width: 20px;
	padding: 2px;
	border-top: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	text-align: center;
}
#calendar .calendar .days .day,
#calendarDailyLinks .calendar .days .day {
	display: block;
	float: left;
	width: 20px;
	padding: 2px;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	text-align: center;
}
#calendar .calendar .wdays .sun,
#calendar .calendar .days .sun,
#calendarDailyLinks .calendar .wdays .sun,
#calendarDailyLinks .calendar .days .sun { border-left: solid 1px #aaaaaa; }
#calendar .calendar .days .sat,
#calendarDailyLinks .calendar .days .sat { color: #3366ff; }
#calendar .calendar .days .sun,
#calendar .calendar .days .holiday,
#calendarDailyLinks .calendar .days .sun,
#calendarDailyLinks .days .holiday { color: #ee0000; }
.january { background-image: url(./images/ic_calendar_m01.gif); }
.february { background-image: url(./images/ic_calendar_m02.gif); }
.march { background-image: url(./images/ic_calendar_m03.gif); }
.april { background-image: url(./images/ic_calendar_m04.gif); }
.may { background-image: url(./images/ic_calendar_m05.gif); }
.june { background-image: url(./images/ic_calendar_m06.gif); }
.july { background-image: url(./images/ic_calendar_m07.gif); }
.august { background-image: url(./images/ic_calendar_m08.gif); }
.september { background-image: url(./images/ic_calendar_m09.gif); }
.october { background-image: url(./images/ic_calendar_m10.gif); }
.november { background-image: url(./images/ic_calendar_m11.gif); }
.december { background-image: url(./images/ic_calendar_m12.gif); }
.january,
.february,
.march,
.april,
.may,
.june,
.july,
.august,
.september,
.october,
.november,
.december {
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
}
.calendar .prevMonth,
.calendar .nextMonth {
	overflow: hidden;
	text-indent: -9999px;
}
#calendarDailyLinks .links .pagination { text-align: center; }
.links a.prevMonth {
	padding-left: 13px;
	background-image: url(./images/ic-prevmonth.gif);
	background-repeat: no-repeat;
	background-position: 4% center;
}
.links a.nextMonth {
	padding-right: 13px;
	background-image: url(./images/ic-nextmonth.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
}
/* piece
----------------------------------------------- */
.piece { margin-bottom: 5px; }
#footer .piece { margin-bottom: 0; }
/* banner
----------------------------------------------- */
.banner .pieceBody { padding: 0; }
.banner a {
	display: block;
	margin-bottom: 5px;
}
.banner img { width:100%; height:auto;}
/* ad
----------------------------------------------- */
#adBanner .pieceBody {
	padding: 5px 0 0;
	border: solid 1px #DDD;
	border-top: none;
	text-align: center;
}
#adBanner a {
	margin-bottom: 5px;
	display: block;
}
#adBanner a img { border: #ddd 1px solid; }
/* footer-ad
----------------------------------------------- */
#footerAdBanner { text-align: center; }
#footerAdBanner .pieceBody { padding: 10px 0 5px; }
#footerAdBanner a { margin: 0 10px; }
/* page-title
----------------------------------------------- */
*html #pageTitle { height: 0; }
#pageTitle .pieceContainer {
	margin: 0;
	padding: 0;
	background-color: #E3FFEF;
	background-image: url(./images/tl-pagetitle.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#pageTitle .pieceBody {
	border: 1px solid #259458;
	background-image: url(./images/tl-ic-pagetitle.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
#pageTitle h1 {
	padding: 9px 0 9px 25px;
	font-weight: bold;
	font-size: 200%;
}
h1 { color: #000000; }
/* side-list
----------------------------------------------- */
#links ul,
#menu ul {
	padding: 5px 5px 0;
	background-color: #fff;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
#links li,
#menu li {
	padding: 0 0 0 13px;
	background-image: url(./images/ic-list.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#links li a,
#menu li a { text-decoration: none; }
#links li a:hover,
#menu li a:hover { text-decoration: underline; }
#menu .pieceHeader,
#links .pieceHeader {
	padding: 3px 10px;
	background-image: -moz-linear-gradient(16% 0% -90deg, rgb(255,255,255) 0%, rgb(204,233,248) 100%);
	background-image: -webkit-gradient(linear, 16% 0%, 16% 92%, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(204,233,248)));
	background-image: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(204,233,248) 100%);
	background-image: -ms-linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(204,233,248) 100%);
	background-image: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(204,233,248) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcce9f8,GradientType=0)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffcce9f8, GradientType=0);
	border-top: 3px solid #2FA1E2;
	border-right: 1px solid #DDD;
	border-bottom: 1px dotted #2FA1E2;
	border-left: 1px solid #DDD;
}
#menu .pieceHeader h2,
#links .pieceHeader h2 {
	/*color: #2886B9;*/
	color:#1F63A7;
	font-weight: bold;
}
/* lifeEventList
----------------------------------------------- */

#lifeEventList pieceBody { padding-bottom: 10px; }
#lifeEventList li {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-bottom: 5px;
}
#lifeEventList .ninshin { background-image: url(../top/images/ic-ninshinS.gif); }
#lifeEventList .kosodate { background-image: url(../top/images/ic-kosodateS.gif); }
#lifeEventList .nyuen { background-image: url(../top/images/ic-nyugakuS.gif); }
#lifeEventList .shigoto { background-image: url(../top/images/ic-shigotoS.gif); }
#lifeEventList .kekkonrikon { background-image: url(../top/images/ic-kekkonS.gif); }
#lifeEventList .sumai { background-image: url(../top/images/ic-hikkoshiS.gif); }
#lifeEventList .souzoku { background-image: url(../top/images/ic-shibousouzokuS.gif); }
#lifeEventList .kenkou { background-image: url(../top/images/ic-kenkoiryoS.gif); }
/* Doc Tabs
--------------------------------------------------------- */
#docTab,
#topics,
#emergencyDisaster { margin-bottom: 15px; }

/* tabs
------------------------------------- */
#docTabPortal .tabs {
 width: 100%;
}
/*#docTab .tabs,
#topics .tabs,
#emergencyDisaster .tabs { display: none; }*/
#docTab .pieceHeader,
#topics .pieceHeader {
	width: 100%;
	background-image: -moz-linear-gradient(35% 0% -90deg, rgb(103,189,235) 0%, rgb(27,136,194) 100%);
	background-image: -webkit-gradient(linear, 35% 0%, 35% 106%, color-stop(0, rgb(103,189,235)), color-stop(1, rgb(27,136,194)));
	background-image: -webkit-linear-gradient(-90deg, rgb(103,189,235) 0%, rgb(27,136,194) 100%);
	background-image: -ms-linear-gradient(-90deg, rgb(103,189,235) 0%, rgb(27,136,194) 100%);
	background-image: linear-gradient(180deg, rgb(103,189,235) 0%, rgb(27,136,194) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff67bdeb,endColorstr=#ff1b88c2,GradientType=0)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff67bdeb, endColorstr=#ff1b88c2, GradientType=0);
}
#emergencyDisaster .pieceHeader {
	width: 100%;
	background-image: -moz-linear-gradient(85% 0% -90deg, rgb(232,0,0) 0%, rgb(206,0,0) 100%);
	background-image: -webkit-gradient(linear, 85% 0%, 85% 102%, color-stop(0, rgb(232,0,0)), color-stop(1, rgb(206,0,0)));
	background-image: -webkit-linear-gradient(-90deg, rgb(232,0,0) 0%, rgb(206,0,0) 100%);
	background-image: -ms-linear-gradient(-90deg, rgb(232,0,0) 0%, rgb(206,0,0) 100%);
	background-image: linear-gradient(180deg, rgb(232,0,0) 0%, rgb(206,0,0) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe80000,endColorstr=#ffce0000,GradientType=0)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe80000, endColorstr=#ffce0000, GradientType=0);
}
#docTab .pieceHeader h2,
#topics .pieceHeader h2,
#emergencyDisaster .pieceHeader h2 {
	color: #FFF;
	padding: 3px 24px 3px 24px;
	background-image: url(images/ic-title.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#docTab .tabs{ margin-left: -0.3%; margin-right: -0.3%;}
#docTab .tabs a,
#topics .tabs a {
	display: inline-block;
	float: left;
	width: 32.7%;
	margin-left: 0.3%;
	margin-right: 0.3%;
	padding: 10px 0;
	border-bottom: none;
	background: #dddddd;
	color: #333333;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(204,204,204) 0%,rgb(238,238,238) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(204,204,204)),color-stop(1, rgb(238,238,238)));
	background-image:-webkit-linear-gradient(-90deg,rgb(204,204,204) 0%,rgb(238,238,238) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(204,204,204) 0%,rgb(238,238,238) 100%);
	background-image:linear-gradient(180deg,rgb(204,204,204) 0%,rgb(238,238,238) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffeeeeee,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffeeeeee,GradientType=0);
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
}
#docTabPortal .tabs:after,
#docTab .tabs:after,
#topics .tabs:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#docTabPortal .tabs a.bosai,
#docTab .tabs a.bosai {
	background: #FFE6EA;
	color: #cc0000;
}
#docTabPortal .tabs a:hover,
#docTab .tabs a:hover {
	background: #FFBF00;
	color: #333333;
}
#docTabPortal .tabs a.bosai:hover,
#docTab .tabs a.bosai:hover {
	background: #FFCCCC;
	color: #cc0000;
}
#docTabPortal .tabs a.current,
#docTab .tabs a.current {
	background: #001C66;
	color: #ffffff;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(0,119,187) 0%,rgb(0,89,159) 98%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 67%,color-stop(0, rgb(0,119,187)),color-stop(0.98, rgb(0,89,159)));
	background-image:-webkit-linear-gradient(-90deg,rgb(0,119,187) 0%,rgb(0,89,159) 98%);
	background-image:-ms-linear-gradient(-90deg,rgb(0,119,187) 0%,rgb(0,89,159) 98%);
	background-image:linear-gradient(180deg,rgb(0,119,187) 0%,rgb(0,89,159) 98%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0077bb,endColorstr=#ff00599f,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0077bb,endColorstr=#ff00599f,GradientType=0);
	border-bottom: none;
}
#docTabPortal .tabs a.bosai.current,
#docTab .tabs a.current.bosai {
	background: #D40029;
	color: #ffffff;
}
/* content
------------------------------------- */
#docTabPortal .wrapper,
#docTab .wrapper,
#topics .wrapper,
#emergencyDisaster .wrapper {
	clear: both;
	width: 100%;
	margin: 0;
}
#docTabPortal .content,
#docTab .content,
#topics .content,
#emergencyDisaster .content {
	clear: both;
	height: auto !important;
	min-height: 50px;
	padding: 10px 0 0;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
}
#emergencyDisaster .content {
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	background-color: #FFF7F7;
}
#docTabPortal .content ul,
#docTab .content ul,
#topics .content ul,
#emergencyDisaster .content ul { padding: 0 20px 0 15px; }
#docTabPortal .content li,
#docTab .content li,
#topics .content li,
#emergencyDisaster .content li {
	line-height: 1.5;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	background-image: url(./images/ic-list-shinchaku.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}
#docTab .content li a,
#topics .content li a,
#emergencyDisaster .content li a { text-decoration: none; }
#docTab .content li a:hover,
#topics .content li a:hover,
#emergencyDisaster .content li a:hover { text-decoration: underline; }
#emergencyDisaster .content li a { color: #F00; }
/* links
------------------------------------- */
#docTabPortal .links,
#docTab .links,
#topics .links {
	padding: 10px 20px 15px 15px;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	margin: -3px 0 0 0;
}
#emergencyDisaster .links {
	padding: 10px 20px 15px 15px;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	background-color: #FFF7F7;
}
#docTabPortal .links .feed,
#docTab .links .feed,
#topics .links .feed,
#emergencyDisaster .links .feed {
	position: static;
	float: left;
}
#docTabPortal .links .more,
.links .more { text-align: right; }
#docTabPortal .links .more a,
#docTab .links .more a,
#topics .links .more a,
#emergencyDisaster .links .more a { overflow: hidden; }
/* bn-mailmagazine
------------------------------------- */
#bnMailmagazine {
	border: 1px solid #8BA2C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background: #E3F5FF;
	background: -moz-linear-gradient(top, #E3F5FF, #B1D2F1);
	background: -webkit-gradient(linear, center top, center bottom, from(#E3F5FF), to(#B1D2F1));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#E3F5FF', endColorstr='#B1D2F1');
}
#bnMailmagazine .pieceContainer {
	background-image: url(./images/bn_bg_mailmagazine.png);
	background-repeat: no-repeat;
	background-position: 120px center;
}
#bnMailmagazine a {
	display: inline-block;
	padding: 5px 40px 5px 5px;
	color: #000;
	font-weight: bold;
	text-decoration: none
}
#bnMailmagazine .toroku {
	position: relative;
	display: block;
	width: 95px;
	padding: 0 5px;
	background: #0081A1;
	color: #ffffff;
}
#bnMailmagazine .toroku:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	border: 0.8em solid transparent;
	border-left: 0.8em solid #0081A1;
	font-weight: bold;
}
#bnMailmagazine .arrow {
	float: left;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #0081A1;
}
/* bn-faq
------------------------------------- */
#bnFaq {
	border: 1px solid #8BA2C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background: #E3F5FF;
	background: -moz-linear-gradient(top, #E3F5FF, #B1D2F1);
	background: -webkit-gradient(linear, center top, center bottom, from(#E3F5FF), to(#B1D2F1));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#E3F5FF', endColorstr='#B1D2F1');
}
#bnFaq a {
	display: inline-block;
	width: 158px;
	padding: 10px 5px;
	color: #000;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
}
.bnFaqA {
	float: left;
	margin-right: 10px;
	padding: 2px 0;
}
.bnFaqB {
	float: left;
	padding: 0 5px;
	background: #10797E;
	color: #FFFF99;
	font-size: 120%;
}
/* bn-event
------------------------------------- */
#bnEvent {
	border: 1px solid #8BA2C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background-color: #176DB5;
	background-image: url(images/btn-bg.png);
	background-position: center 75%;
	background-repeat: no-repeat;
}
#bnEvent:hover {
	background-color: #135E9B;}
#bnEvent a {
	display: inline-block;
	width: 68px;
	padding: 15px 90px 15px 10px;
	background: url(./images/bn_bg_nenkangyouji.png) no-repeat 95px center;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
/* application
------------------------------------- */
#application {
	border: 1px solid #8BA2C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background: #B1D7FC;
	background: -moz-linear-gradient(top, #B1D7FC, #6FB8EB);
	background: -webkit-gradient(linear, center top, center bottom, from(#B1D7FC), to(#6FB8EB));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B1D7FC', endColorstr='#6FB8EB');
}
#application a {
	display: inline-block;
	width: 118px;
	padding: 15px 10px 15px 40px;
	background: url(./images/bn_bg_shinkokusyodl.png) no-repeat 5px center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/* bn-bbs
------------------------------------- */
#bnBbs {
	border: 1px solid #8BA2C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background: #E3F5FF;
}
#bnBbs .pieceContainer {
	background-image: url(./images/bn_bg_keijiban.png);
	background-repeat: no-repeat;
	background-position: 115px center;
}
#bnBbs a {
	display: inline-block;
	width: 113px;
	padding: 5px 50px 5px 5px;
	color: #000;
	font-weight: bold;
	text-decoration: none
}
#bnBbs .bbs {
	display: block;
	width: 97px;
	padding: 0 5px;
	background: #A3CDEE;
}
/* inquiry
------------------------------------- */
#inquiry {
	border: 1px solid #8BA2C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background-color: #176DB5;
	background-image: url(images/btn-bg.png);
	background-position: center 75%;
	background-repeat: no-repeat;
}
#inquiry:hover {
	background-color: #135E9B;}
#inquiry .pieceContainer {
	background-image: url(images/ic-mail2.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#inquiry a {
	display: inline-block;
	width: 120px;
	padding: 5px 10px 5px 70px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none
}
/* adBanner
------------------------------------- */
#adBanner .pieceFooter {
	border: 1px solid #8BA2C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background: #E8F1F4;
	background: -moz-linear-gradient(top, #E8F1F4, #D9EBF7);
	background: -webkit-gradient(linear, center top, center bottom, from(#E8F1F4), to(#D9EBF7));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#E8F1F4', endColorstr='#D9EBF7');
}
#adBanner .pieceFooter a {
	display: inline-block;
	width: 143px;
	margin: 0;
	padding: 5px 20px 5px 5px;
	background-image: url(./images/bn_bg_ad.png);
	background-repeat: no-repeat;
	background-position: 153px center;
	color: #003590;
	font-weight: bold;
	text-decoration: none
}
/* qr-code
----------------------------------------------- */
#qrCode { margin-top: 5px; }
#qrCode img {
	text-align: center;
	display: block;
	margin: auto auto 5px;
}
#qrCode .pieceBody {
	padding: 10px 0px 0px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-size: 90%;
}
#qrCode .pieceBody p { margin: 0 10px; }
#qrCode .pieceBody a {
	display: block;
	background-color: #E3F5FF;
	margin-top: 10px;
	text-align: center;
	text-decoration: none;
}
/* copyright
------------------------------------- */
.copyright {
	color: #FFF;
	background-color: #1772A3;
	text-align: right;
	font-size: 80%;
	padding: 5px 3px;
	margin-top: 2px;
}

/*　searchbox
------------------------------------- */
#searchbox{
	width:250px;
	float:left;}