@charset "utf-8";
/* CSS Document */

/* =============== 共通設定 =============== */
/* ======================================== */
/* ブランク
----------------------------------------------------------- */ 
body, div, th, td,form, fieldset, legend, input, textarea, p,img{
   margin: 0;
   padding: 0;
}

body{
    overflow-x: hidden;
        position: relative;
    min-height: 100%;
    top: 0px;
}

.pbPage{
    min-width:1080px;
}

:root ol, :root ul{
	margin:0;
}

a img,
img{
	border:none;
}

a{
    transition: all .3s ease-in-out;
}

.spp-TopRecbtn a:hover img,
.spp-TopContents03 a:hover img,
.spp-TopContents04 a:hover img,
.spp-TopRecbtn a:hover img,
.spp-psInd a:hover img,
.spp-KidsTopMenu a:hover img,
.spp-RecLifeIcon a:hover img,
.slide_staff .bxslider li a:hover img,
.spp-RecTopFAQ a:hover img,
.spp-SPPoliceImg a:hover img,
.sppRecOterBox a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
}

img{
    border:0;
}
.pbHorizontalNested,
.pbHorizontalNested *{
    line-height:inherit !important;
}

/* 角丸
----------------------------------------------------- */


/* レイアウト幅調整
----------------------------------------------------------- */  
/*.pbHeaderArea,
.ish-FooterBox
.pbFooterArea,

.gnavi-width,
.pankuzu-width,*/
.footer-width,
.header-width,
.contents-width,
.bx-controls{
	width:1080px;
	margin-left:auto !important;
	margin-right:auto !important;
}

.pbHeaderArea,
.pbAreaWrapper1,
.pbFooterArea{
	min-width:1080px;
}

.pbAreaWrapper1{
	/*width:1080px;*/
	margin-left:auto !important;
	margin-right:auto !important;
}

/* 画像のずれ調整（下寄せ）
----------------------------------------------------- */
img {
vertical-align: bottom;
}

/* print指定
----------------------------------------------------- */
/*.footer-pc-print-off,
.header-pc-print-off{
	display:none;
}
@media print{
	.header-pc-print,
	.footer-pc-print{display:none;}
	.pbLeftArea{display:none;}
	.pbAreaWrapper2{
		margin:0 !important;
		width:100% !important;
	}
	#footerArea2{display:none;}
	.footer-pc-print-off{
		display:block;
		border-top:solid 1px #000;
		padding-top:15px;
	}
	.header-pc-print-off{
		display:block;
		border-bottom:solid 1px #000;
		padding-bottom:15px;
	}
	.クラス名{display:none;}
	body{
		background-color:#ffffff;
		background-image:inherit;
	}
	.クラス名{
		background-color:#ffffff;
		background-image:inherit;		
	}
}*/

/* pdf要素
----------------------------------------------------------- */  
a[href$=".pdf"]	{ 
	background: url(../common/pdf_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.pdf{ 
	background: url(../common/pdf_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
/* Word要素
----------------------------------------------------------- */  
a[href$=".doc"],a[href$=".docx"],a[href$=".DOC"]	{ 
	background: url(../common/word_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.doc,* html a.docx,* html a.DOC	{ 
	background: url(../common/word_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}

/* Excel要素
----------------------------------------------------------- */  
a[href$=".xls"],a[href$=".xlsx"],a[href$=".xlsm"]	{ 
	background: url(../common/excel_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.xls,* html a.xlsx,* html a.xlsm{ 
	background: url(../common/excel_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}

/* powerpoint要素
----------------------------------------------------------- */  
a[href$=".ppt"],a[href$=".pptx"]	{ 
	background: url(../common/ppt_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.ppt,* html a.pptx{ 
	background: url(../common/ppt_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}

/* Zip要素
----------------------------------------------------------- */  
a[href$=".zip"]	{ 
	background: url(../common/zip_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.zip{ 
	background: url(../common/zip_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}

/* Rtf要素
----------------------------------------------------------- */  
a[href$=".rtf"]	{ 
	background: url(../common/rtf_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.rtf{ 
	background: url(../common/rtf_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}

/* 一太郎要素
----------------------------------------------------------- */  
a[href$=".jtd"]{ 
	background: url(../common/taro_s.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.jtd{ 
	background: url(../common/taro_s.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
/*CSV要素
----------------------------------------------------------- */  
a[href$=".CSV"]{ 
	background: url(../common/CSV_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.CSV{ 
	background: url(../common/CSV_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}


/*csv小文字要素
----------------------------------------------------------- */  
a[href$=".csv"]{ 
	background: url(../common/CSV_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}
* html a.csv{ 
	background: url(../common/CSV_icon.gif) no-repeat 10px 1px;
	padding-left:30px;
	line-height: 180%;
}


/* 添付ファイルアイコンIE6対策 
----------------------------------------------------------- */  
* html a{  
    behavior: expression(  
    this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",  
    this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",  
    this.className += this.getAttribute("href").match(/\.docx$/) ? " docx" : "",  
    this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",  
    this.className += this.getAttribute("href").match(/\.xlsx$/) ? " xlsx" : "",  
    this.style.behavior = "none"  
    );  
}  

/* 外部リンク要素 
----------------------------------------------------------- */  
a[href^="http"] {   
	background: url(../common/external_icon.gif) no-repeat 10px 1px; 
	padding-left:30px;
	line-height: 180%;
} 
* html a.external   {   
	background: url(../common/external_icon.gif) no-repeat 10px 1px; 
	padding-left:30px;
	line-height: 180%;
}  
a[href^="https://www.google.com/intl/ja_JP/help/terms_maps.html"]  {  
	background: transparent;
	padding-left:0px;
	padding-right:0;
	word-wrap: break-word;
}
a[href^="http://get.adobe.com/jp/reader"]  {  
	background: transparent;
	padding-left:0px;
	padding-right:0;
	word-wrap: break-word;
}
.chub-Top-link a[href^="http"] {   
	background: transparent;
	padding-left:0px;
	padding-right:0;
	word-wrap: break-word;
} 
a.no_icon{
	background: transparent;
	padding-left:0px;
	padding-right:0;
	/*word-wrap: break-word;*/
}

/* リスト
----------------------------------------------------------- */  
.pbMainArea ul{
	border:solid 0px red;
	padding-left:0px !important;
	margin:20px 0 20px 0;
}

.pbMainArea ul li{
	border:solid 0px blue;
	margin-left:20px;
	padding-left:14px;
    list-style-type:none;
    background:url(../common/icon_listmark.png)no-repeat 0 6px;
}

.pbMainArea ul li ul,
.pbMainArea ul li ol,
.pbMainArea ol li ol,
.pbMainArea ol li ul{
    margin:0 0 0 20px !important;
}

.pbMainArea ul li ul li{
	border:solid 0px red;
	padding-left:14px;
    margin-left: 0;
    background:none;
    list-style-type:circle;
}

.pbMainArea ol{
	border:solid 0px yellow;
	padding:0 !important;
	margin:20px 0 20px 5px;
}
.pbMainArea ol li{
	border:solid 0px green;
	margin-left:20px;
	padding-left:0px;
}

.pbMainArea ol li ul li{
	border:solid 0px blue;
	padding-left:14px;
    margin-left: 0;
}

.pbMainArea table ul li{
    margin-left:0;
}

.pbMainArea table ol,
.pbMainArea table ul{
    margin:0;
}

/*お問い合わせフォーム
----------------------------------------------------------- */  
.pbInputForm{
	font-family: Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif;
	background-color: #FFFFFF;
	border:solid 1px #8f8f8e;
	font-size: 100%;
	padding:6px 5px;
}

textarea {
	display: block;
}

.pbCorner.pbCornerQuery td{
    padding:12px !important;
}
.pbCorner.pbCornerQuery table table{
    width:auto !important;
}
.pbCorner.pbCornerQuery td.pbLabel {
    white-space:normal !important;
}

/*テーブル 
----------------------------------------------------------- */
.pbBlockBase table{
	margin-top:20px;
	margin-bottom:20px;
}

.pbBlockBase table caption{
	text-align: left;
}

body th,
body td{
    word-break: break-all;
}

caption {
    font-weight: bold;
    position: relative;
    padding-left: 18px;
}

caption::after {
     position: absolute;
     top: 14px;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:8px;
     border: solid 3px #0066cc;
     border-radius:100%;
}

/* ================= 検索結果 ================= */
/* ============================================ */
.gsc-wrapper body{
   font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif !Important;
	
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    width: 100%;
    font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif !Important;
	/*font-size: 13px;*/
}

.gsc-table-result,.gsc-table-result tr,.gsc-table-result td{
	border:none !important;	
}

.gsc-above-wrapper-area-container,.gsc-above-wrapper-area-container td{
	border:none !important;	
}


/* =============== お問い合わせシェアブロック =============== */
.sp-footer{
	position: relative;
	z-index: 0;
}
.sp-footer:before {
	border-top: 5px solid #0099ff;	/* 一部だけ異なる線の太さ・種類・色 */
	border-left: 5px solid #0099ff;	/* 一部だけ異なる線の太さ・種類・色 */
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 20px;
	height: 20px;
	z-index: 1;
}

/*　ブロックスキップ
----------------------------------------------------------- */ 
#blockskip{
    /*text-align: right;*/
    margin-right: 12px;
}

/* 文字色・背景色変更
----------------------------------------------------------- */
.button{
	margin-left:5px;
}


/* パンくずリスト
----------------------------------------------------- */
.SGpankuzu img{
    vertical-align: middle;
}
.SGpankuzu a{
	/*margin-left:10px;
	margin-right:10px;*/
}

/* Google翻訳
----------------------------------------------------------- */  
.googleTranslate{
	width: 137px;
    margin-left: auto;
    margin-bottom: 10px;
}

/* 検索ブロック(オリジナル)
----------------------------------------------------- */
.spp-SearchBox form{
	position: relative;
}

.spp-SearchBox .pbInputForm{
	font-family: Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif !Important;
	background-color: #FFFFFF;
	border:solid 1px #8f8f8e;
	font-size: 100%;	
	width: 71%;
    padding: 2px 5px;
    position: absolute;
    top: 0;
    border-radius:3px;
}

.spp-SearchBox #button2{
	position: relative;
	left: 235px;
}

/* ヘッダー採用情報リンク(旧メール110番）
----------------------------------------------------------- */ 
.spp-Mail110Link a{
    border:solid 1px #1961ae;
    border-radius:3px;
    display: inline-block;
    padding: 1px 10px 1px 30px;
    font-size: 90%;
    background-image: url(../common/icon_polmark.png);
    background-repeat: no-repeat;
    background-position: 7px 6px;
}

/* ページトップ
----------------------------------------------------------- */  
.spp-Pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
}

/* =============== インデックスページ =============== */
/* 2カラムメニューブロック
----------------------------------------------------------- */  
.sub-menu1{
    display:inline-block;
    vertical-align: top;
}
.sub-menu1 a{
    display:block;
    padding:12px 10px 12px 40px;
}

.sub-menu1 a img{
    display:none;
}

/*　2階層表示メニューブロック
----------------------------------------------------------- */ 
.spp-2levmenu-1{
    border-radius: 7px;  
    box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.6);
}

.spp-2levmenu-1 a{
    display:block;
    padding:12px 10px 12px 40px;
}

.spp-2levmenu-2{
    display:inline-block;
    border-radius: 7px;
    box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.6);
    vertical-align: top;
}
.spp-2levmenu-2 a{
    display:block;
    padding:12px 10px 12px 40px;
}
.spp-IndexMenu-1:after{
    content: "";
    background-image: url(../common/menu_arrow01.png)no-repeat;
    background-position: right 20px top 50%;

}

/* =============== カテゴリブロック =============== */
.spp-CategoryArticle img{
    margin-right:10px;
}


/* =============== データベースコーナーブロック =============== */
/* 検索詳細画面見出し折り返し解除
----------------------------------------------------------- */  

.FAQdetailHead .pbArticleTitle  {
	float: none !important;
	clear: both !important;
	width: auto !important;
	border-bottom: 1px dotted #cccccc;
	padding:10px 15px;
}

/* =============== ページリストコーナーブロック（インデックスメニュー） =============== */
/*.spp-CornerPagelist table{
    margin:4px;
}*/
.spp-CornerPagelist img{
	margin-right:15px;
}

/* =============== イベントカレンダー =============== */


/* =============== サイトマップ =============== */
.forSitemap span a, .forSitemap span a:visited{
    color:#005CD0 !important;
}



/* =============== アンカーリンク =============== */
.spp-AnchorLink ul li,
.spp-AnchorLink2 ul li{
    list-style-type:none;
    margin-left:0;
    margin-bottom:15px;
    padding-left:0;
    background-image: none;
}

.spp-AnchorLink ul li a,
.spp-AnchorLink2 ul li a{
    padding: 12px 10px 12px 40px;
    border: solid 3px #d0d0d0;
    display: block;
    background-image: url(/library/common/icon_index2.png);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    text-decoration: none;
}

.spp-AnchorLink2 ul{
    /*overflow:hidden;*/
}

.spp-AnchorLink2 ul li{
    float:left;
    margin-right:20px;
}

/* =============== コンポーネントツール =============== */
/*　リンクボタンスタイル
----------------------------------------------------------- */ 
.spp-BtnStyle a{
    display: inline-block;
    background-color: #fff;
    border:solid 3px #0066cc;
    padding: 20px 55px 20px 40px;
    border-radius: 100px;
    box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.6);
    position: relative;
}

.spp-BtnStyle a:hover{
    background-color: #0066cc;
}

.spp-BtnStyle a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: .1em;
    right: 28px;
    margin: auto;
    width: 12px;
    height: 12px;
    border-top: 2px solid #0066cc;
    border-right: 2px solid #0066cc;
    transform: rotate(45deg);
    transition: .3s;
}

.spp-BtnStyle a:hover::after{
    border-color:#fff;
}