﻿/*
============================ blue CSS ============================

			カラー・画像情報を設定
				1.全体構成
				2.TOPページ
				3.カテゴリトップ
				4.カテゴリ詳細
				5.汎用

====================================================================
*/


/* 1.全体構成
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
*{background:#0000ff!important;/* 161207追加 */}

body,
a,
#headLangSet a,
#headLangSet a:hover,
#headTxtSize dd a.textresizer-active,
#headTxtSize dd a,
#headTxtSize dd a:hover,
#headBgClr dd.btnWi a,
#headBgClr dd.btnBl a,
#headBgClr dd.btnYe a,
#headBgClr dd.btnBk a,
#headBgClr dd.btnWi a:hover,
#headBgClr dd.btnBl a:hover,
#headBgClr dd.btnYe a:hover,
#headBgClr dd.btnBk a:hover,
#submenu div a,
#bannerArea a.btn,
#serchBoxGoogle,
#serchBoxGoogle h3,
#footLinkArea li a,
#footLinkArea li a:hover,
#gNav li a,
#gNav li a:hover,
#gNav li a.current,
#lNav,
#lNav li a,
#lNav li a:hover,
#fNav a:link,
#fNav a:visited,
.sideBox,
#contents .contents_inner .recruitment a p,
#data .data-inner .statistics ul li a,
#data .data-inner .safety_map ul li a,
#movie_area .inner h2,
#movie_area .movie_area-inner a.btn,
#notice .tab-label,
footer,
footer [role='contentinfo'],
footer .footer_inner ul h3,
footer .footer_inner ul li,
footer .footer_inner ul li a,
#copyright{
	color: #fff !important;
}

#contentMain span,#contentMain .newsTit { color: #FFFFFF;}

#breadList ul li:after{ content: url("/content/admin/head_bread_separator_w.png") ;}

body,
#wrapper,
.gsc-input-box{
	background-image:none!important;
}

body,
#sNav
#wrapper,
#contentMainWrap,
#serchBoxGoogle,
.sideBox,
footer,
#copyright,
.btnAnshinMail li a,
.btnAnshinMail li a:hover,
.gsc-input-box{
	background:#0000ff!important;
}

/*　border上下左右　*/
#headLangSet a,
#headTxtSize dd a.textresizer-active,
#headTxtSize dd a,
#headBgClr dd.btnWi a,
#headBgClr dd.btnBl a,
#headBgClr dd.btnYe a,
#headBgClr dd.btnBk a,
#gNav li a,
#lNav,
.kidsBtn a,
.btnAnshinMail li a,
.btnAnshinMail li a,
#serchBoxGoogle h3,
table.gsc-search-box,	
.movie_area-inner a.btn,
.menuArea ul.btnSBlue li a,
.menuArea ul.btnSBlue2 li a,
#footLinkArea li a{
	border:#fff solid 2px;
}

/* border上　*/
footer,
#copyright{
	border-top:#fff solid 2px;
}

/* border下　*/
#lNav li,
#sNav{
	border-bottom:#fff solid 2px;
}

.nav-wrapper{
	border: none;
}

#fNav ul li{	
border-right: 1px solid #fff!important;	
}	
footer [role='contentinfo'] address span.tel-link a{	
color: #000;	
text-decoration: none;	
}


@media only screen and ( max-width : 767px ){
	
#gNav li a{
	border: none!important;
}	
	
/*ハンバーガーメニュー*/
.bar{
	background-color:#fff!important;
}

}


/* 2.TOPページ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#bannerArea .searchArea,	
#bannerArea a.btn{	
border: 1px solid #fff;	
}

aside .searchArea,	
aside a.btn{	
border: 1px solid #fff;	
}

#data .data-inner .statistics,	
#data .data-inner .safety_map,	
#contents .contents_inner ul li,	
#contents .contents_inner .recruitment{	
border: 2px solid #fff;	
}	

#contents .contents_inner ul li img{
background: #fff!important;
}


#data .data-inner .statistics > a,
#data .data-inner .safety_map > a{
	background: none!important;
}

/*お知らせ（背景（青）、白文字、白枠）*/

#infomation .emergency {/*緊急*/	
	background:none !important;
	color: #fff!important;
	border:#fff solid 2px;	
}

#infomation .caveat {/*警告*/
	background:none !important;
	color: #fff!important;
	border:#fff solid 2px;
}

#infomation .caution {/*注意*/	
	background:none !important;
	color: #fff!important;
	border:#fff solid 2px;	
}

#infomation .important {/*重要*/
	background:none !important;
	color: #fff!important;
	border:#fff solid 2px;
}
#infomation .Attention {/*注目*/
	background:none !important;
	color: #fff!important;
	border:#fff solid 2px;
}



/*お知らせタグの枠*/
#infomation dl.update dd span{border:#fff solid 1px;}



/*白文字に変更*/
#infomation .emergency .emergency_text a,
#infomation .caveat .caveat_text a,
#infomation .caution .caution_text a,
#infomation .important .important_text a,
#infomation .Attention .Attention_text a,
#infomation h2,
#infomation dl.update dt,
#infomation dl.update dd a,
#slider .CategoryBox .CategoryTitle,
#slider .CategoryBox .CategoryText{color:#fff;}


/*スライダー*/
#slider .CategoryBox{background:none; border:#fff solid 2px;}

/*微調整*/
#serchBoxGoogle h3{padding:.3em;}
#infomation .emergency .emergency_text{/*緊急*/
	margin:0; background:none; border:none; border-left:#fff solid 2px;
}

#infomation .caveat .caveat_text{/*警告*/
	background:none; border-left:#fff solid 2px;
}

#infomation .caution .caution_text{/*注意*/
	margin:0; background:none; border:none; border-left:#fff solid 2px;
}

#infomation .important .important_text{/*重要*/
	margin:0; background:none; border:none; border-left:#fff solid 2px;
}

#infomation .Attention .Attention_text{/*注目*/
	margin:0; background:none; border:none; border-left:#fff solid 2px;
}



/*矢印*/
#data .data-inner .statistics ul > li.child a:before,
#data .data-inner .safety_map ul > li.child a:before{
	content: '';
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(/content/admin/icon_arrow_white_left.png)no-repeat;
    background-size: contain;
    vertical-align: middle;
}

@media only screen and ( max-width : 767px ){
#data .data-inner .statistics ul > li.child a:before,
#data .data-inner .safety_map ul > li.child a:before{	
    width: 12px;
    height: 10px;
}
}

/* 3.カテゴリトップ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/* お知らせエリア　*/
.newsArea,
.newsTit,
.warningArea {
	background: #0000ff;
}
.newsArea {border-color: #fff;}

#notice .tab-label{
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#notice .tab-switch:checked+.tab-label+.tab-content{
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#notice .tab-wrap:after{
	background: none;
}


/* 4.カテゴリ詳細
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#toiawaseArea{	border-color: #fff;}
#toiawaseArea h2{
	background: none;
	border-bottom: 1px solid #fff;
}

/* サイトマップ  */
ul.sitemapList > li > a{
	border-bottom: 1px solid #fff !important;
	border-left: 5px solid #fff !important;
}

/* よくある質問  */
#contentMain .accordion_feq .accordion_header {
  border: solid #fff;
}
#contentMain .accordion_feq .accordion_inner {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#contentMain .accordion_feq .accordion_inner .closeArea a.close_btn::after {
  border-top: solid 5px #fff;
  border-left: solid 5px #fff;
}

/* 5.汎用
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/* 表組風定義リスト */
dl.dlTable dt {	border-left-color: #fff;}

/* 見出し */
.titCtg,
.titPage,
#contentMain .h2Style,
#contentMain .h3Style,
.h4Style {
	color: #fff;
        text-shadow: none;
}
.h3Style{ background: #0000ff;}
.titCtg { background: none;}
.titPage,
.h4Style {
	border: #fff solid 2px;
}
#contentMain .h2Style {
	border-color: #fff;
	border-style: solid;
	border-width: 0 0 1px 10px;
}

/* フォント */
.red { color: #fff}

/* 検索窓 */
#searchWindow,
#serchBoxGoogle,
#serchBoxGoogle h3{
	background: #0000ff;
}
#serchBoxGoogle h3 { color: #fff;}
#gsc td { background: none;}
#gsc input[type="text"]:focus { border-color: #b2e0eb ; }


#serchBoxGoogle .keyword{border:#fff solid 1px; background:none; width:7em;}

#searchWrap #serchBoxGoogle table,
#searchWrap #serchBoxGoogle table tbody,
#searchWrap #serchBoxGoogle table tr,
#searchWrap #serchBoxGoogle table td{background:none !important;}

#searchWrap #serchBoxGoogle input.gsc-input {background:none !important;}



/* 検索結果 20190628追加*/
#contentMain .gsc-result-info,
#contentMain .gsc-orderby-label,
#contentMain .gsc-option-menu-item,
#contentMain .gsc-selected-option,
#contentMain a.gs-title,
#contentMain a.gs-title b,
#contentMain .gs-snippet { color: #ffffff;}

#contentMain .gs-visibleUrl,
#contentMain .gs-visibleUrl-long { color: #eeeeee;}

#contentMain .gsc-above-wrapper-area { border-bottom: 0;}

#contentMain .gsc-selected-option-container {
	border-color:#ffffff !important;
}
#contentMain .gsc-option-selector {
	background: url(/content/common/000014745.pdf) center no-repeat !important;
	top: 0;
	width: 1.5em;
	height: 3em;
}
#contentMain .gsc-control-cse .gsc-option-menu {
	border: 1px solid #eee;
}
#contentMain .gsc-option-menu-item-highlighted,
#contentMain .gsc-option-menu-item-highlighted div {
	background-color: #eee !important;
	color: #0000FF;
}



/*ボーダーありテーブル*/
.borderTable th,
.borderTable td,
.borderTable thead th,
.borderTable tbody th,
.borderTable thead td,
.borderTable thead td.inquiry{
	background: #0000ff!important;
	color: #fff;
}
.borderTable th,table.borderTable td{
	border-color: #fff!important;
}

/*リンク、ボタン*/
a:link, a:visited { color:#fff;}
a:hover,a:active { opacity:0.8; }

/* ボタン */
div.btnNoml,
.btnNoml li a,
.btnNoml li a:hover,
div.btnSBlue,
.btnSBlue li a,
.btnSBlue li a:hover,
.btnSBlue li.Sim_center a,
.btnSBlue li.Sim_center a:hover{
	background: #0000ff;
	border: #fff solid 2px; 
}

/* 枠線つきボックス */
.border,
.borderClr {
	border-color: #fff;
}
.text_border p{border:#fff solid 2px !important;}

/* 枠線つき背景色付ボックス */
.borderClr { background: #0000ff;}
/* 枠線画像 */
.imgBorder { border-color: #fff;}


/* フォームボタン */
input#btnSubmit,input#btnReset{
		background:none;
		color:#FFFFFF;
		border: #fff solid 2px;
}
input#btnSubmit:hover,input#btnReset:hover{
		background:none;
		color:#FFFFFF;
}

/* お問い合わせ見出し */
.borderTable thead th.inquiry{ color:#FFFFFF;/* 161207追加 */}


/* プルダウン・入力窓関連 */
select,
input,
.formStyle textarea{color:#fff;}

.formStyle textarea,
.formStyle input[type="text"]{border-color:#fff;}


/* 外部リンク */
.blk::after{
	content: '';
	display: inline-block;
	width:1em;
	height:1em;
	background-image: url(/content/admin/icon_exlink_white.png);
	background-repeat: no-repeat;
	margin-left:.2em;
	background-size: contain;
	vertical-align: middle;
	
}
alert
BACK

