/* basic style
----------------------------------------------- */
body, body div {
  background-color: #0000bb;
  color: #ffffff;
}
#container {
  background-image: none;
}
a {
  color: #ffffff;
}
a:visited {
  color: #ffffff;
}
a:hover {
  color: #ffffff;
}
.docTab .content li {
  color: #ffffff;
}
h1 {
  color: #ffffff;
}
#contentBody .docTab .content li {
  color: #ffffff;
}
span {
  color: #ffffff !important;
}


/*------------------------------------------------
 a-tool
------------------------------------------------*/
#a-tool {
  border-bottom: 1px solid #ffffff;
}
.naviFont .small:hover, .naviFont .big:hover, .naviTheme .white:hover, .naviTheme .blue:hover, .naviTheme .black:hover, .naviRuby .ruby:hover, .naviTalk .talk:hover, .riyou a:hover {
  color: #ffffff;
}
.riyou a {
  color: #ffffff !important;
  _color: #ffffff !important;
}
#navigationNotice {
  color: #ffffff !important;
}

/* header
--------------------------------------------------- */
#commonHeader,
#commonHeader .pieceContainer,
#commonHeader .pieceBody,
#navigationNotice {
  color: #0000bb;
}
#header {
  padding: 0;
}
#headerContainer {
  padding: 0;
}

/*----- headerBody -----*/
#headerBody {
  background: #0000bb;
  filter: none;
}
.logo {
  background-color: #ffffff;
}
.lowerMenu .toiawase, .lowerMenu .siteMap {
  color: #ffffff;
}
.lowerMenu .toiawase:hover, .lowerMenu .siteMap:hover {
  color: #ffffff;
}
input#search-button {
  background-color: #0000bb;
  border: solid 1px #ffffff;
  color: #ffffff;
}

/*----- navi -----*/
#navi {
  border-top: solid 1px #ffffff;
}
* html #navi {
  background-color: #0000bb;
}
.border {
  border-bottom: solid 1px #ffffff;
  _background-color: transparent;
}
.naviMenu li a {
  border-bottom: solid 1px #ffffff;
  color: #ffffff;
  /color: #ffffff !important;
}


#naviContainer .naviMenu li.bousai a {
  background: #0000bb;
  border-bottom: solid 1px #ffffff;
  color: #ffffff;
}

.naviMenu li a:hover,
#naviContainer .naviMenu li.bousai a:hover {
  background: #FFF;
  border-bottom: solid 1px #ffffff;
  color: #0000bb;
  /color: #0000bb !important;
}
.naviMenu li a.current, .naviMenu li a.current:hover,
#naviContainer .naviMenu li.bousai a.current, #naviContainer .naviMenu li.bousai a.current:hover {
  background-color: #ffffff;
  border-bottom: solid 1px #ffffff;
  color: #0000bb;
  /color: #0000bb !important;
}

/* google
---------------------- */
span.google div {
  background-color: transparent;
}

/* banner style
----------------------------------------------- */
#bannerContainer, #CommonBanner, #commonBanner .menu .upperMenu, #commonBanner .lowerMenu {
  background-color: transparent;
}
#commonBanner .logo {
  background-color: transparent;
}
#commonBanner .menu {
  background-color: transparent;
}
#commonBanner .menu .lowerMenu a {
  color: #000;
}

/* main
----------------------------------------------- */
#main {
  background-image: none;
  background-color: #0000bb;
  zoom: 1;
}

/* navi
-----------------------------------------*/
#navi {
  background-image: none;
  background-color: #0000bb;
  _background: #0000bb;
  filter: none;
}
#navi #breadCrumbs {
  color: #ffffff;
}

/*------------------------------------------------
 content
------------------------------------------------*/
/*----- docTab -----*/
#docTab .tabs {
  background-color: transparent;
}
#docTab .tabs a {
  background-color: #0000bb;
  color: #ffffff;
}
#docTab .tabs a.current {
  background-color: #0000bb;
  border: solid 1px #ffffff;
  border-bottom: none;
  color: #ffffff;
}
#docTab .wrapper {
  border: solid 1px #ffffff;
  box-shadow: none;
}
#docTab .wrapper .content,
.change {
  background-color: transparent;
}
.change span {
  background-color: #0000bb;
  border: solid 1px #FFF;
  border-top: none;
  color: #ffffff;
}
.change span.current {
  background-color: #ffffff;
  color: #0000bb !important;
}

/*----- docTabs content?i?T???l?C???\???j -----*/
.shinchaku li,
.recom li,
.rank li,
.chuui li,
.tokei li,
.hodou li,
.sonota li {
  border-bottom: dotted 1px #ffffff;
}
.shinchaku .title,
.recom .title,
.rank .title,
.chuui .title,
.tokei .title,
.hodou .title,
.sonota .title {
  background: #0000bb;
  filter: none;
  border: solid 1px #ffffff;
  color: #ffffff;
}
.shinchaku .title:hover,
.recom .title:hover,
.rank .title:hover,
.chuui .title:hover,
.tokei .title:hover,
.hodou .title:hover,
.sonota .title:hover {
  color: #ffffff;
}

/*----- docTabs content?i???\???j -----*/
.ichi .shinchaku li > div,
.ichi .recom li > div,
.ichi .rank li > div,
.ichi .chuui li > div,
.ichi .tokei li > div,
.ichi .hodou li > div,
.ichi .sonota li > div,
.ichi .mapPiece {
  border-bottom: solid 1px #ffffff;
}
* html .ichi .mapPiece {
  border-bottom: solid 1px #ffffff;
  zoom: 1;
}
.ichi .shinchaku li,
.ichi .recom li,
.ichi .rank li,
.ichi .chuui li,
.ichi .tokei li,
.ichi .hodou li,
.ichi .sonota li {
  border-top: solid 1px #ffffff;
}
.ichi .shinchaku .title,
.ichi .recom .title,
.ichi .rank .title,
.ichi .chuui .title,
.ichi .tokei .title,
.ichi .hodou .title,
.ichi .sonota .title {
  background: #0000bb;
  color: #ffffff;
}

/*----- recentDocs -----*/
#recentDocs {
  border: solid 1px #ffffff;
  box-shadow: none;
  zoom: 1;
}
#recentDocs .recentDocsTitle {
  border-bottom: solid 2px #ffffff;
  color: #ffffff;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: white;
  -webkit-text-fill-color: white;
}
#recentDocs h2.date {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}
#recentDocs .docs ul li {
  border-bottom: solid 1px #ffffff;
}

/*----- categories -----*/
#categories {
  border: solid 1px #ffffff;
  box-shadow: none;
}
#categories .pieceHeader {
  border-bottom: solid 2px #ffffff;
}
#categories .categoryTitle {
  color: #ffffff;
}
#categories .category {
  border-bottom: solid 1px #ffffff;
}
#categories .cateTitle a,
#categories .bousai .cateTitle a {
  background-color: #0000bb;
  border: solid 1px #ffffff;
  color: #FFF;
}

/*----- pageTitle -----*/
#pageTitle {
  border: solid 1px #ffffff;
  box-shadow: none;
}
#pageTitle .kurashi,
#pageTitle .kankoubussan,
#pageTitle .sangyouroudou,
#pageTitle .kendozukuri,
#pageTitle .gyouseichiiki,
#pageTitle .kyouikubunka,
#pageTitle .bousai {
  background-color: #0000bb;
}

/*----- kannrenInfo -----*/
#kannrenInfo {
  border: solid 1px #ffffff;
  box-shadow: none;
}
#kannrenInfo .kannrenTitle {
  color: #ffffff;
}
#kannrenInfo .pieceBody ul li {
  padding: 7px 10px 6px;
  border-bottom: solid 1px #ffffff;
}

/*----- contentArticleDoc -----*/
#contentArticleDoc {
  border: solid 1px #ffffff;
  box-shadow: none;
}

/*----- contentPage -----*/
#contentPage {
  border: solid 1px #ffffff;
  box-shadow: none;
}
#contentPage .pieceHeader {
  border-bottom: solid 2px #ffffff;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: white;
  -webkit-text-fill-color: white;
}

/*----- sitemap,howto -----*/
.sitemap h2,
.sitemap h3,
.howto h2,
.howto h3 {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}
.howto .iconInfo {
  border-top: solid 1px #ffffff;
}
.howto .iconInfo p {
  border-bottom: solid 1px #ffffff;
}
.smartInfo {
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}
.howto th, .howto td {
  border: solid 1px #ffffff;
}
.howto th {
  background-color: #0000bb;
}

/*----- inquiry -----*/
#page-inquiry-index #contentPage h2 {
  border-bottom: solid 2px #ffffff;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: white;
  -webkit-text-fill-color: white;
}

/*------------------------------------------------
 menu
------------------------------------------------*/
#docInfo .info {
  border-bottom: dotted 1px #ffffff;
}


/* footer style
----------------------------------------------- */
#footerNavi .pieceBody,
#footerNavi a,
#footerNavi a:visited,
#footerNavi a:hover {
  color: #ffffff;
}
#footerNavi .pieceBody {
  border: solid 1px #ffffff;
}
#address span {
  color: #ffffff;
}
#copyRight {
  border-bottom: none;
}
#copyRight .pieceBody {
  color: #ffffff;
}

/* search,setsbiSearch
-----------------------------------------*/
#search .pieceHeader .left {
  background-color: transparent;
}
#search .pieceHeader h2 {
  color: #ffffff;
}
#search .pieceBody {
  background-color: #000;
  border: solid 1px #fff;
}
#shisetsuName .shisetsuNameHeader,
#shisetsuCategory .shisetsuCategoryHeader,
#shisetsuArea .shisetsuAreaHeader,
#shisetsuAddress .shisetsuAddressHeader {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}
#shisetsuCategory .shisetsuCategoryBody ul li {
  background: #0000bb;
  border: solid 1px #ffffff;
}
#shisetsuCategory .shisetsuCategoryBody ul li:hover,
#shisetsuCategory .shisetsuCategoryBody ul li.checked {
  background: #ffffff;
  color: #0000bb;
}
#searchBottom .right input {
  background: #0000bb;
  border: solid 1px #ffffff;
}
#searchBottom .right input:hover {
  background-color: #0000bb;
  color: #fff;
  text-decoration: underline;
}
#setsubiSearch .setsubiSearchHeader {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}
.setsubiCategoryBody ul li {
  background: #0000bb;
  border: solid 1px #ffffff;
}
.setsubiCategoryBody ul li:hover,
.setsubiCategoryBody ul li.checked {
  background-color: #ffffff;
  color: #0000bb;
}

/* reccommend
-----------------------------------------*/
#recommend .recommendSearchHeader h3 {
  background-color: #0000bb;
  color: #ffffff;
}
#recommendSearch .recommendSearchBody ul li {
  background: #0000bb;
  border: solid 1px #ffffff;
}
#recommendSearch .recommendSearchBody ul li:hover {
  background-color: #fff;
  color: #000;
}
#toroku,
#udAbout {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}
#shisetsuRank,
#phoneBanner {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}
#shisetsuRank .shisetsuRankHeader,
#phoneBanner .phoneBannerHeader {
  background: #0000bb;
}

/* result
-----------------------------------------*/
#result .resultHeader h2 {
  background-color: #0000bb;
  color: #ffffff;
}
#searchResult .left {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}
#resultFotter .pieceBody a {
  background: #0000bb;
  border: solid 1px #ffffff;
  color: #ffffff;
}
#resultFotter .pieceBody a:hover {
  background: #ffffff;
  color: #0000bb;
}

/* resultList
-----------------------------------------*/
#resultList .resultListHeader {
  border-bottom: solid 2px #ffffff;
}
.resultListBody .resultContent {
  border-bottom: solid 1px #ffffff;
}
#resultListFotter .pagination a {
  background-color: #0000bb;
}
#resultListFotter .pagination em.current {
  padding: 1px 8px;
  background-color: #0000bb;
  border: solid 1px #ffffff;
}

/* resultMap
-----------------------------------------*/
#resultMap {
  border-bottom: solid 2px #fff;
}
#resultMap .resultMapHeader {
  border-bottom: solid 2px #ffffff;
}
#resultMap .resultMapBody {
  border: solid 1px #ffffff;
  background-color: #0000bb;
}
.resultMapBody .resultMapContent div.pieceBody {
  border-bottom: solid 1px #ffffff;
}
.gmap div {
  background-color: transparent;
  color: #0000bb;
}
.gmap div a {
  color: #0035CC;
}
#resultMap .resultMapCheck {
  border-bottom: solid 2px #ffffff;
}
#resultMap .resultMapCheck .resultMapCheckButton {
  border-bottom: solid 1px #ffffff;
}
#resultMap .resultMapCheck .resultMapCheckHeader {
  background: #0000bb;
  color: #ffffff;
}
#resultMap .resultMapCheck .resultMapCheckBody ul li {
  background: #0000bb;
  border: solid 1px #ffffff;
  color: #ffffff;
}
#resultMap .resultMapCheck .resultMapCheckBody  ul li:hover,
#resultMap .resultMapCheck .resultMapCheckBody  ul li.checked {
  background: #ffffff;
  color: #0000bb;
}
.resultMapContent .listBox{
  background-color: #0000bb;
}

/* shisetsu
-----------------------------------------*/
#shisetsu ul li {
  border-bottom: solid 1px #ffffff;
}
#shisetsu .pagination em.current {
  padding: 1px 8px;
  background-color: #0000bb;
  border: solid 1px #ffffff;
}

/* shisetsuDetail
-----------------------------------------*/
#shisetsuDetail .pieceHeader {
  background-image: none;
  border-bottom: solid 2px #ffffff;
}
#shisetsuDetail .pieceHeader h2 {
  color: #ffffff;
}
#shisetsuDetail .pieceHeader .category .left {
  background: #0000bb;
  border: solid 1px #ffffff;
}
#shisetsuDetail .pieceBody {
  border-bottom: solid 2px #ffffff;
}
#shisetsuDetail table {
  border: solid 1px #ffffff;
}
#shisetsuDetail table th,td {
  border: solid 1px #ffffff;
  _border: solid 1px #ffffff;
}
#shisetsuDetail table td.text {
  border-left: solid 1px #ffffff;
}

/* navi
-----------------------------------------*/
#navi #conceptTitle .pieceBody {
  background-image: none;
  border: solid 1px #ffffff;
}

/* contentPage(doc)
-----------------------------------------*/
.contentPage h2 {
  background-image: none;
  border-top: none;
  border-right: none;
  border-left: solid 2px #ffffff;
  border-bottom: solid 3px #ffffff;
}

/* contentArticleDoc
--------------------*/
#contentArticleDoc .header {
  background-image: none;
  border: solid 1px #ffffff;
}
#contentArticleDoc .header h1 {
  background-image: none;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: white;
  -webkit-text-fill-color: white;
}
#contentArticleDoc .header .publishedAt {
  background-image: none;
}
#contentArticleDoc .back a {
  background-color: #0000bb;
  border: solid 1px #ffffff;
}

/* contentPage(general)
-----------------------------------------*/
.contentPage h2 {
  background-image: none;
  border-top: none;
  border-right: none;
  border-left: solid 2px #ffffff;
  border-bottom: solid 3px #ffffff;
}
.contentPage table th,
.contentPage table td {
  border: solid 1px #fff;
}
div#canvas div {
  background-color: transparent;
  color: #000;
}

/* touroku(index.html)
--------------------*/
a.touroku {
  border: solid 1px #ffffff;
  background: #000;
}
a.touroku:hover {
  background-color: #fff;
  color: #000;
}
/* touroku(touroku.html)
--------------------*/
span.required {
  color: #fff;
}
.column .name .title {
  background-color: #000;
  border: solid 1px #fff;
}
.column .table  table td {
  border: solid 1px #fff;
}
.column .table2 table {
  border: solid 1px #fff;
}
.column .table2 table th,td {
  border: solid 1px #fff;
}
.column .table2 table th {
  background-color: #000;
}
/* touroku(error-message)
--------------------*/
.errorExplanation {
  color: #fff;
}
.errorExplanation h2 {
  background-image: none;
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
}
.errorExplanation {
  color: #fff;
}
.errorExplanation p {
  color: #fff;
}

/* info(info.html)
--------------------*/
.use .info-bg {
  border: solid 1px #fff;
  background-color: #000;
}