@charset "utf-8";

/*====================================
	common
====================================*/

/* -----------------------------------
Genaral
------------------------------------*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-ms-word-wrap: break-word;
	    word-wrap: break-word;
}
::selection {
	background:#000;
	color: #FFF;
}
html{
	font-size: 100%;
}
/* clear-fixe */
.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

/* body
----------------------------------- */
body{
	font-size: 88%;
	font-family: 'mplus-1c-regular', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
.container{
	width: 100%;
	max-width: 980px;
	margin: auto;
	padding: 0 10px;
}

img{
	max-width: 100%;
	border: 0;
}
/* a
----------------------------------- */
a{
	color: #000;
	text-decoration: none;
}
a.more{
	padding-left: 14px;
	background: url(/shared/templates/police/img/bg_inner_li.png) no-repeat left center;
}
a:hover{
	color: #0063AE;
	text-decoration: underline;
}
/*a:visited{
	color: #1F74D2;
}*/

/* p
----------------------------------- */
p{
	line-height: 1.5;
}

/* margin
----------------------------------- */

/* ----- margin-top ----- */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

/* ----- margin-right ----- */
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}

/* ----- margin-bottom ----- */
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

/* ----- margin-left ----- */
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}


/* padding
----------------------------------- */

/* ----- padding-top ----- */
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}

/* ----- padding-right ----- */
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}

/* ----- padding-bottom ----- */
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}

/* ----- padding-left ----- */
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}

/* text-align
----------------------------------- */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}


/* -----------------------------------
header
------------------------------------*/
.header{
	height: 149px;
	background: #0063AE url(/shared/templates/police/img/bg_header.jpg) no-repeat top center;
	border-bottom: 2px solid #fff;
}
.header .container h1{
	display: inline-block;
	width: 388px;
	height: 106px;
	margin-top: 20px;
	background-size: 328px 106px;
}
.header .container h1 a{
	display: block;
	height: 106px;
	color: #FFF;
	font-size: 140%;
}
.header .container .logo{
	display: inline-block;
	width: 388px;
	height: 106px;
	margin-top: 20px;
	background-size: 328px 106px;
}
.header .container .logo a{
	display: block;
	height: 106px;
	color: #FFF;
	font-size: 140%;
}
.header ul li{
	list-style: none;
}
/* header-wrap
----------------------------------- */
.header .container .wrap{
	float: right;
	width: 540px;
	background: rgba(255,255,255,0);
	text-align: right;
}
.header .container .wrap .header-nav{
	text-align: right;
}

/* header-nav
----------------------------------- */
.header .container .wrap .header-nav ul{
	display: inline-block;
	margin: 10px 0 10px 0;
}
.header .container .wrap .header-nav ul li{
	float: left;
	margin-left: 30px;
	padding-left: 14px;
	background: url(/shared/templates/police/img/bg_header-nav.png) no-repeat left center;
}
.header .container .wrap .header-nav ul li a{
	color: #FFF;
	text-shadow: 1px 1px 1px #000,
    -1px 1px 1px #000,
    1px -1px 1px #000,
    -1px -1px 1px #000;
}

/* change
----------------------------------- */
.header .container .wrap .change{
	display: inline-block;
}
.header .container .wrap .change p{
	float: left;
	color: #FFF;
	text-shadow: 1px 1px 1px #000,
    -1px 1px 1px #000,
    1px -1px 1px #000,
    -1px -1px 1px #000;
}
/* ----- fontsize ----- */
.header .container .wrap .change .fontsize{
	float: left;
}
.header .container .wrap .change .fontsize ul{
	float: left;
}
.header .container .wrap .change .fontsize ul li{
	float: left;
	margin-left: 4px;
}
.header .container .wrap .change .fontsize ul li a{
	padding: 2px 6px;
	border: 1px solid #fff;
	background: #fff;
}
/* ----- color-thema ----- */
.header .container .wrap .change .color-thema{
	float: left;
}
.header .container .wrap .change .color-thema ul{
	float: left;
}
.header .container .wrap .change .color-thema ul li{
	float: left;
	margin-left: 4px;
}
.header .container .wrap .change .color-thema ul li a{
	padding: 2px 6px;
	border: 1px solid #fff;
}
.header .container .wrap .change .color-thema ul li.white a{
	padding: 2px 6px;
	border: 1px solid #fff;
	background: #FFF;
}
.header .container .wrap .change .color-thema ul li.yellow a{
	padding: 2px 6px;
	border: 1px solid #fff;
	background: yellow;
}
.header .container .wrap .change .color-thema ul li.black a{
	padding: 2px 6px;
	border: 1px solid #fff;
	background: #000;
	color: #FFF;
}
/* ----- func ----- */
.header .container .wrap .func{
	display: inline-block;
}
.header .container .wrap .func ul li{
	float: left;
}
.header .container .wrap .func .voice{
	display: inline-block;
	padding: 2px 8px;
	margin-top: -4px;
	margin-left: 20px;
	border: 1px solid #000;
	background: #FFF;
	color: #000;
}
.header .container .wrap .func .translation{
	display: inline-block;
	padding: 2px 8px;
	margin-top: -4px;
	margin-left: 20px;
	border: 1px solid #000;
	background: #FFF;
	color: #000;
}
/* ----- googlesearch ----- */
.header #search{
	float: right;
	max-width: 324px;
}
.header #search .gsc-control-cse{
	padding: 0;
	border: none;
	background: rgba(255,255,255,0);
}
.header #search .gsc-control-cse .gsc-search-box{
	padding: 0;
}
.gsc-clear-button{
	display: none;
	border: none;
}
.header #search table.gsc-search-box td.gsc-input{
	padding: 0;
}
.header #search table.gsc-search-box td input.gsc-input{
	width: 100%;
}
.header #search table.gsc-search-box td input.gsc-search-button{
	margin: 0;
}
.header #search .cse input.gsc-search-button, input.gsc-search-button{
	margin: 0;
}

/* -----------------------------------
gnav
------------------------------------*/
.gnav{
	background: linear-gradient(#0063AE,#3787BC);
	color: #FFF;
}
.gnav ul{
	padding: 0;
}
.gnav ul li{
	float: left;
	position: relative;
	list-style: none;
	text-align: center;
	font-size: 120%;
}
.gnav ul li:first-child{
	width: 146px;
}
.gnav ul li:nth-child(2){
	width: 110px;
}
.gnav ul li:nth-child(3){
	width: 110px;
}
.gnav ul li:nth-child(4){
	width: 142px
}
.gnav ul li:nth-child(5){
	width: 200px;
}
.gnav ul li:nth-child(6){
	width: 144px;
}
.gnav ul li:last-child{
	width: 108px;
}
.gnav ul li:last-child:before{
	display: block;
	position: absolute;
	top: 18px;
	right: -1px;
	content: '';
	width: 2px;
	height: 24px;
	background: #FFF;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
}
.gnav ul li:after{
	display: block;
	position: absolute;
	top: 18px;
	left: -1px;
	content: '';
	width: 2px;
	height: 24px;
	background: #FFF;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
}
.gnav ul li a{
	display: block;
	padding: 18px 0;
	color: #FFF;
	text-decoration: none;
	transition: 0.4s;
	background: linear-gradient(#0063AE,#3787BC);
}
.gnav ul li a:hover{
	background: linear-gradient(#1a335c,#3787BC);
	text-decoration: underline;
	transition: 0.4s;
}
.gnav .menu{
	/*display: none;*/
}

/* -----------------------------------
contante
------------------------------------*/
.content{
    background:linear-gradient(90deg, #fff 37%,#FFFEED 37%,#FFFEED);
}
.content .container{
	word-break: break-all;
	padding-top: 30px;
	background:linear-gradient(90deg, #fff 216px,#FFFEED 216px,#FFFEED);
}
.content .title h1{
	margin-bottom: 10px;
	padding: 20px;
	background: #FFF;
	border-left: 10px #3787BC solid;
}
.content .wrap .title h1{
	margin-bottom: 10px;
	padding: 20px;
	background: #FFF;
	border-left: 10px #3787BC solid;
}
/* main
----------------------------------- */
.main{
	float: right;
	width: 754px;
	background: #FFFEED;
}
.main .wrap{
	margin-left: 20px;
}
.main .wrap .box{
	border: 2px solid #e5e5e5;
	border-radius: 8px;
	background: #FFF;
}
.main .wrap .box .inner{
	margin: 20px;
}

/* aside
----------------------------------- */
.aside{
	float: left;
	width: 206px;
	padding-right: 16px;
	background: #fff;
}
.aside h2{
	padding-left: 48px;
	background: url(/shared/templates/police/img/bg_sub-content_h2.png) no-repeat;
}
.aside ul li{
	list-style: none;
}
.aside ul li a{
	display: block;
	background: url(/shared/templates/police/img/bg_aside_a.png) no-repeat right center;
}
.aside .category{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}
.aside .category h2{
	margin-bottom: 20px;
}
.aside .category ul li{
	margin-bottom: 10px;
}
.aside .information h2{
	margin-bottom: 20px;
}
.aside .information ul li{
	margin-bottom: 10px;
}
/* -----------------------------------
footer
------------------------------------*/
.footer{
	position: relative;
	clear: both;
	padding: 40px 0;
	border-top: 4px solid #0063ae;
}
.footer:before {
	position: absolute;
	top: -6px;
	content: '';
	width: 100%;
	border-top: 1px solid #ccc;
}
.footer .nav{
	text-align: center;
}
.footer .nav ul{
	display: inline-block;
}
.footer .nav ul li{
	float: left;
	position: relative;
	list-style: none;
	margin: 0 10px 20px 10px;
}
.footer .nav ul li:after{
	position: absolute;
	content: '';
	top: 6px;
	right: -12px;
	width: 1px;
	height: 12px;
	background: #000;
}
.footer .nav ul li:last-child:after{
	display: none;
}
.footer h2{
	margin-bottom: 10px;
	color: #000;
}
.footer p{
	color: #000;
}
.footer span{
	display: inline-block;
}

/* アクセシビリティ修正 */
.pagination {
	display:none;
}