@charset "utf-8";
/* html5doctor.com Reset Stylesheet v1.6 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    /*background:transparent;*/
}
body {
    font-family: "メイリオ",sans-serif;
    line-height:1.4;
}

#contents {
    word-wrap: break-word;
    overflow-wrap: break-word;
}


/*エフェクト------------------------------------------------------------*/
.effect1 { /*シャドウ*/
    -webkit-box-shadow: -1px 3px 6px 0 #DFDFDF;
    -moz-box-shadow: -1px 3px 6px 0 #DFDFDF;
    box-shadow: -1px 3px 6px 0 #DFDFDF;
}
.effect2 { /*内側シャドウ*/
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4) inset;
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4) inset;
    box-shadow: 0 5px 5px rgba(0,0,0,0.4) inset;
}
.effect3 { /*光彩*/
  -webkit-box-shadow: 0 0 5px 0 #C8C7C7;
  -moz-box-shadow: 0 0 5px 0 #C8C7C7;
  box-shadow: 0 0 5px 0 #C8C7C7;
}
/*ヘッダ------------------------------------------------------------*/
.top-logo {
    float: left;
    margin: 0 0 0 8px;
    padding: 0;
}
header#allheader {
/*     position: relative; */
}
p#Menu_Area {
    text-align: right;
    margin: 10px 10px 0 0;
    display: block;
}
/*グローバルナビ------------------------------------------------------------*/
nav.gnav {
    background: #F0F0F0;
}
nav.gnav ul {
    padding: 12px 0;
    width: 320px;
    margin: 0 auto;
}
nav.gnav li {
    float: left;
    padding: 0;
    margin: 0 10px 10px 0;
}
nav.gnav ul li a img {
    vertical-align: bottom;
}
 /* サイト内検索 */
.search{
    clear: both;
    width: 100%;
    background: #000000;
    text-align: center;
    padding: 10px 0;
    margin: 0;
}
.search #searchword{
	padding:0 0 0 30px;
}
.box-search{
	height:24px;
	width:178px;
	border:solid 1px #EEEEEE;
}
.btn-search{
    color: #ffffff;
    font-size: 100%;
    height: 26px;
    width: 58px;
    background-color: #1F1F1F;
    border: none;
    margin: 0 0 0 4px;
    font-family: "メイリオ",sans-serif;
}

div#searchbox .search-txt {
    float: left;
    font-size: 1%;
}
input#kensaku {
    width: 186px;
    height: 20px;
    font-family: "メイリオ",sans-serif;
}
div#searchbox input.fedbt {
    color: #ffffff;
    font-size: 100%;
    height: 26px;
    width: 58px;
    background-color: #113392;
    border: none;
    margin: 0 0 0 4px;
    font-family: "メイリオ",sans-serif;
} 
/*コンテンツ------------------------------------------------------------*/
#contents{
	margin: 0;
	background:#FFFFFF;
}
#contents h1{
    padding: 15px;
    background: #0B4099;
    color: #FFFFFF;
}
.h2bg h2{
    margin: 10px 0;
    position: relative;
    padding: .2em 0;
    border-top: 3px solid #1A4E9D;
}
#contents .h3bg {
    border-left: 6px solid #1A4E9D;
}
#contents .h3bg h3{
    padding: 5px 0 0 10px;
    margin: 4px 0;
}
#contents .h4bg {
    border-left: 3px solid #999999;
    margin: 0 0 0 3px;
}
#contents h4{
    padding: 0 0 0 10px;
    margin: 4px 0;
	font-weight:bold;
}
#contents h5{
	margin:5px;
	font-weight:bold;
}
#contents p{
	margin:5px;
}
/* リスト */

#contents-in, 
#contents-area {
	margin: 10px;
}
#contents ul{
	margin:0 5px;
}
#contents ol{
	margin-left:25px;
	padding:0 0 0 5px;
}
#contents ol li{
	list-style-type:decimal;
}

#contents ul li{
    margin: 0 0 2px 5px;
    padding: 0 0 0 15px;
    background: url(/images/c_icon_li.gif) no-repeat 0 0.5em;
}
#contents ul li a{
/* 	display:block;
	padding:12px 0 10px; */
}
#contents .list_index{
	margin:0;
}
#contents .list_index li{
    margin: 0 0 7px 0;
    padding: 0 0 0 5px;
    position: relative;
    background: #F0F0F0;
    background-size: 8px 12px;
}

#contents .list_index li a{
	display: block;
	font-size:95%;
	color: #000000;
    padding: 10px 30px 10px 14px;
	text-decoration: none;
	position: relative;
}
#contents nav.linknavi ul.layer2 {
	margin: 0 10px 0 10px;
	padding: 0;
}
#contents nav.linknavi ul.layer2 li {
    margin: 0;
    padding: 0 0 0 10px;
    border: none;
}
#contents nav.linknavi ul.layer2 li a {
    padding: 0 30px 10px 14px;
}


/* リンク */
#contents .link,
#contents p.innerLink{
	clear: both;
	margin: 0.56em 10px 0.1em 10px;
    padding: 0 0 2px 14px;
	background:url(/images/c_icon_inlink.gif) no-repeat 0px 0.4em;
	line-height: 1.5em;
	_height: 1%;
}
#contents p.externalLink{
    clear: both;
    margin: 0.56em 10px 0.1em 7px;
    padding: 0 0 2px 17px;
    background: url(/images/c_icon_outlink.gif) no-repeat 0px 0.4em;
    line-height: 1.5em;
    _height: 1%;
}
#contents .linkjump li{
	background:none;
	padding:3px 0;
}
#contents .linkjump .linkjumpdeco a{
	background:url(/images/c_icon_jumplink.gif) no-repeat 1px 0.45em;
	padding:0 0 0 17px;
}
/* サブサイトトップ等サムネイルリンク */
p.externalLink img, p.innerLink img {
    left: -20px;
    position: relative;
}
/* 更新日 */
#contents p.update {
    padding: 0 0 8px 10px;
    margin: 0;
    font-size: 90%;
}

/* ファイルダウンロード */
#contents p.filelink {
	background:url(/images/c_icon_filelink.gif) no-repeat 0px 0.2em;
}
#contents p.filelink a{
	margin:0 0 0 12px;

}

/* 表 */
#contents .table_data .table01{
	border-collapse: collapse;
    font-size: 85%;
}
table.table01 {
    margin: 0.2em 5px 0.2em 10px;
    padding: 0px;
    border-collapse: collapse;
    border: 1px solid #131313;
    font-size: 85%;
    line-height: 1.4em;
}
table tr td{
	    border: 1px solid #131313;
}
table th {
    border: 1px solid #131313;
    text-align: left;
    background-color: #EFEFEF;
    padding: 6px 5px;
    margin: 0px;
}
table td{
	vertical-align:middle;
    padding: 6px 5px;
}
table td.right{
	text-align:right;
}
table td.top{
	vertical-align:top;
}
table td.bottom{
	vertical-align:bottom;
}
table.ext-table01 {
    border-collapse: collapse;
}
/* ページ上部へ */
div.tothispage2 div {
    clear: both;
    float: right;
    margin: 0;
    padding: 2px 2px 0 20px;
    line-height: 1.2em;
    font-size: 94%;
    text-align: right;
    background-image: url(/images/c_icon_pagetop.gif);
    background-repeat: no-repeat;
    background-position: 3px 0.35em;
    _height: 1%;
}
/* お問い合わせ */
#contents .contact {
    padding: 10px;
    margin: 10px 0;
    background: #EBECED;
}
.contact h2 {
    font-weight: normal;
    padding: 0;
    border-bottom: 1px solid #FFFFFF;
    margin: 0 0 10px 0;
}
#contents .contact p.tel {
    margin: 20px 0 0 0;
}
/*----------------------------- 共通設定 -----------------------------*/

h1{
	font-size: 125%;
	font-weight:bold;
}
h2{
	font-size:125%;
	font-weight:bold;
	padding:0 8px;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}	
a {
    margin:0;
    padding:0;
	color:#002699;
    font-size:100%;
    vertical-align:baseline;
	text-decoration:underline;
}
/*　CMS機能での文字色設定時の色　*/
.text-color-red {
	color:#A80200;
	font-weight:bold;
}
.text-color-green {
	color:#385E2E;
	font-weight:bold;
}

/* ガイダンス */
img.img-guidance {
    margin: 0 0 0 -12px;
    padding: 0 0 0 0;
    display: block;
}

.img-area p img{
	max-width:280px;
	height:auto;
}
.img-area:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}

.img-area {display: inline-block;}
/* Hides from macIE \*/
* html .img-area {height: 1%;}
.img-area {display: block;}
/* End hide from macIE */

.img-area {
  min-height: 1px;
}

* html .img-area {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*** インデックスメニュー生成エリア ***/

.linknavi ul {
	margin: 0;
	padding: 0;
}

.linknavi ul li, 
p.pagelinkin {
	margin: 0;
	padding: 0;
	position:relative;
	background-color:#ffffff;
    background-image: none;
}

.linknavi ul li a:after,
p.pagelinkin a:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #8B8B8B;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: block;
    height: 7px;
    margin-top: -5px;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 7px;
}
#contents nav.linknavi ul.layer2 {
    margin: 2px 0 2px 10px;
    padding: 0;
}

.linknavi ul.layer2 li a:after {
    right: 25px;
}

#contents-in .pagelinkin2d a:before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*----------------------------- 新着情報 -----------------------------*/
span.newdate, span.date {
	display: block;
/* 	float: left; 
	width: 11em;*/
}
#contents ul li.newLink a {
	display: block;
	padding: 0;
}
#contents .NewsBox ul li {
	padding: 10px 0;
	background-image: none;
}
/*----------------------------- カードメニュー -----------------------------*/
.m-box4 {
    width: 200px;
    margin-top: 20px;
    display: inline-table;
}
h2.m-box4_title {
    margin: 0;
    padding: 0;
}
div.m-box4 span.text {
    width: 185px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/m-box4_txt_bg.png) repeat-x 0 0;
    padding: 60px 8px 0 8px;
    min-width: 185px;
    color: #FFFFFF;
    font-size: 85%;
    font-weight: normal;
}
h2.m-box4_title {
    margin: 0;
    position: relative;
}
#contents .m-box4 p {
	width: 200px;margin: 0;
}
#contents .m-box4 p {
    margin: 10px;
}
p.innerLink-img img {
    width: 100%;
}
/*--- 警察署トップ --------------------------------------*/
nav.subtop_pick_topi {
    border: 2px solid #1A4E9D;
    padding: 15px;
    margin: 0 0 15px 0;
}
.subtop_pick_link {
    border: 2px solid #9C300C;
    padding: 15px;
    background-color: #FFFFFF;
    margin: 0 0 15px 0;
}
#contents ul.sub_keimenu li {
    margin: 0;
    padding: 0;
}
#contents ul.sub_keimenu li img {
    width: 280px;
    height: auto;
}
#contents ul.sub_keimenu li a{
    display: inline-block;
}
/** 1枚用
===================================*/
#contents p.img-auto {
    max-width: 700px;
    margin: 0 auto;
}
/** スライダー
===================================*/
/* メイン画像切り替え用画像 */
div.featured {
    padding: 0;
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}
div.ui-tabs-panel {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
div.ui-tabs-panel img {
	margin: 0;
	padding: 0;
}
div.ui-tabs-hide {
	display: none;
}

/* メイン画像切り替え用リスト */
.ui-tabs-nav-bt {
    overflow: hidden;
    height: 28px;
    position: relative;
}
ul.ui-tabs-nav li a {
    background-image: url(/images/sub_bg_brand.png);
    background-repeat: no-repeat;
    padding: 0;
    background-position: 0 0.1em;
}
div.featured ul.ui-tabs-nav{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    height: 15px;
    position: absolute;
    bottom: 7px;
    right: 60px;
    background-image: url(/images/t_bt_default.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    _height: 1%;
}
#contents div.featured ul.ui-tabs-nav li{
	margin: 0;
	padding: 0 0 2px 5px;
	font-size: 1%;
	line-height: 1%;
	float: left;
	color: #FFF;
	background-color: transparent;
	background-image: none;
}
div.featured ul.ui-tabs-nav li img{
	margin: 0 7px 0 0;
	padding: 0;
}
div.featured li.ui-tabs-nav-item a{
	display: block;
}
div.featured li.ui-tabs-nav-item a:hover{
	background: url(/images/sub_bt_brand.png) 0 0 no-repeat;
}
div.featured li.ui-tabs-selected{
	background: url(/images/sub_bt_brand.png) 0 0 no-repeat;
}
div.featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url(/images/sub_bt_brand.png) 0 0 no-repeat;
}
/* コントローラ */
div.featured p#nav-stop {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 4px;
    right: 10px;
}
/* ------------------------外国語トップ------------------------ */
.multi_h1_txt_wp {
    background-color: #0B4099;
    padding: 15px;
    margin: 0 0 15px 0;
    color: #FFFFFF;
    font-size: 120%;
}
.multi_h1_txt01 {
    margin: 0 0 20px 0;
}
/* ------------------------よくある質問パーツ------------------------ */
.h2bg.faq_title_q {
    background: url(/images/faqtit_q.gif) 0 0 no-repeat;
    padding: 0 0 0 40px;
}
.faq_title_q h2 {
    padding: 8px 4px 6px 10px;
}
/* 回答 */
.FaqAns {
    border: 3px solid #0B4099;
    margin: 10px 0;
}
.h2bg.faq_title_a {
    padding: 0 0 4px 40px;
    background-image: url(/images/faqtit_q.gif);
    background-position: 0 0.35em;
    background-repeat: no-repeat;
    background-color: #0B4099;
    color: #FFFFFF;
}
.faq_txt_a {
    background-color: #FFFFFF;
    margin: 0 auto;
    padding: 0 10px 10px 40px;
    background-image: url(/images/faqtit_a.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    border: 1px solid #FFFFFF;
}
.h2bg.faq_title_a h2 {
    margin: 0 0 0 0;
    padding: 10px 0 5px 0;
    border: none;
}
/*--- フッタ --------------------------------------*/

footer{
    padding-top: 20px;
    position: relative;
    background: #F0F0F0;
}
#footer_nav p a{
    color: #000000;
    text-decoration: none;
    font-size: 95%;
    padding: 17px 10px 15px 35px;
    display: block;
}
#footer_nav p.tel-link a {
    display: inline-block;
    padding: 0;
}
/* お問い合わせエリア */
div#footer_nav {
    background: #F0F0F0;
    padding: 10px 0;
    overflow: hidden;
}
div#footer_nav nav {
    padding: 10px;
}
.footer_linknavi {
    margin: 10px;
    background: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.top_main_mail {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    min-width: 320px;
}
.mail_box {
    padding: 0;
    width: 136px;
    text-align: left;
    float: left;
    background: #113392;
    margin: 0;
    color: #FFFFFF;
    min-height: 40px;
    font-size: 90%;
    line-height: 1.3em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.mail_box a {
    margin: 0 0 0 5px;
    text-decoration: none;
    display: block;
    padding: 11px 5px 10px 30px;
    background: url(/images/mail_box_icon.gif) no-repeat 3px 0.9em;
    background-size: 18px;
}
.mail_box.line-2 {
    margin: 0 0 0 10px;
}
.mail_box.line-2 a {
    padding: 3px 5px 0px 25px;
}
.mail_box a:link {
	color: #FFFFFF;
	background-color: transparent;
}
.mail_box a:visited {
	color: #FFFFFF;
	background-color: transparent;
}
.mail_box a:hover {
	color: #FFFFFF;
	background-color: transparent;
    text-decoration: underline;
}
.mail_box a:active {
	color: #FFFFFF;
	background-color: transparent;
}
/*ページ上部へ*/
div#footer_nav p.link_nav {
    border-top: 1px solid #D4D4D4;
    margin: 0;
    padding: 0 0 0 30px;
}
.s_foot_link01 a { background: url(/images/s_foot_link01.gif) no-repeat 0 1.08em;}
.s_foot_link02 a { background: url(/images/s_foot_link02.gif) no-repeat 0 1.08em;}
.s_foot_link03 a { background: url(/images/s_foot_link03.gif) no-repeat 0 1.08em;}
.s_foot_link04 a { background: url(/images/s_foot_link04.gif) no-repeat 0 1.08em;}
/*ピーポくん*/
div#smph_author_img {
    background: url(/images/smph_author_img.png) no-repeat;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 3;
    background-size: 65px;
}
div#smph_author_img a {
    display: block;
    width: 65px;
    height: 75px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/*copyright*/
p#footercopyright {
    font-size: 87%;
    color: #ffffff;
    padding: 10px 80px 10px 10px;
    margin: 0;
    text-align: left;
    background: #000000;
    min-height: 40px;
}
/* clearfix ---------------------------------------*/
#contentsheader:after,
.glonav:after,
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from macIE */

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}