@charset "Shift_JIS";
/*--20110606--*/
/*======================================
 全般的なスタイル 
======================================*/

/*全要素のマージンとパディングをリセット*/
*{
  margin : 0;
  padding : 0;
}
body{
  background-color:#ffffff;
  /*ページ全体の背景色*/
  text-align:center;
/*IE5.5以下でセンタリングするための対策*/
}
.contents{
  text-align: left;
  /*テキストの配置を左揃えにする*/
  margin: 0 auto;
  /*内容全体をセンタリング*/
  width: 720px;
  /*内容全体の幅を設定*/
  background-color: #ffffff;
/*内容全体の背景色*/
}
.contents a:hover{
  color:#ff3300;
  /*内容全体のリンク部分にマウスが乗ったら文字色を変える*/

  /*text-align : center;
*/

}
/*======================================
 ヘッダー 
======================================*/

#header{
  width: 720px;
  height : 80px;
  margin-top : 0.3em;
  /*ヘッダー部分の幅、高さ、マージンを設定*/
  border-bottom : 3px solid #000051;
  /*ヘッダー下部の線、幅、色*/
  color: #444444;
/*ヘッダー部分の文字色*/
}
#left{
  float: left;
  /*ヘッダーの「警視庁」画像を左に寄せる*/
  margin: 8px 0px 0px 0px;
/*画像のマージンを設定（上右下左）*/
}
#eng{
  text-align: right;
  /*英語ページへのリンクを右に寄せる*/
  font-size: 72%;
  margin: 5px 7px 2px 5px;
/*リンクのマージンを設定（上右下左）*/
}
#eng a,#eng a:link #eng a:visited{
  text-decoration: none;
/*リスト項目の下線無し*/
}
#topform{
  text-align: right;
  /*検索部分を右に寄せる*/
  font-size: 72%;
  margin-right : 5px;
  margin-bottom : 2px;
  margin-left : 0px;
  margin-top : 3px;
  /*マージンを設定（上右下左）*/
  width : 185px;
  height : 50px;
  float : right;
}
input{
  font-size: 90%;
  /*検索の文字サイズを90%に設定*/
  color: #444444;
/*検索の文字色を設定*/

  
}
#kensaku{
  width : 165px;
  font-size: 120%;
/*検索入力文字のサイズを設定*/

  margin-top : 3px;
  margin-bottom : 3px;
}
/*======================================
 メニューバー 
======================================*/

#navbar{
  /*font-weight: bold;
  */
  /*メニュー文字を太字にする*/
  margin: 2px 0px 5px 0px;
/*マージンを設定（上右下左）*/
}
#nbar{
  list-style:none;
  width:720px;
  /*margin: 0 auto;
*/
}
#nbar li{
  float:left;
  width:120px;
  /*padding-top:6px;
*/
}
#nbar li a{
  text-indent:-9999px;
  display:block;
  width:120px;
  height:29px;
  background-repeat:no-repeat;
  /*\*/overflow: hidden;
/**/
}
/*各ボタン背景画像指定*/
#nbar li a#menu1{
  background-image:url(../image/menu_btn1.gif);
}
#nbar li a#menu2{
  background-image:url(../image/menu_btn2.gif);
}
#nbar li a#menu3{
  background-image:url(../image/menu_btn3.gif);
}
#nbar li a#menu4{
  background-image:url(../image/menu_btn4.gif);
}
#nbar li a#menu5{
  background-image:url(../image/menu_btn5.gif);
}
#nbar li a#menu6{
  background-image:url(../image/menu_btn6.gif);
}
/*各ボタンロールオーバー指定*/
#nbar li a:hover#menu1,
#nbar li a:hover#menu2,
#nbar li a:hover#menu3,
#nbar li a:hover#menu4,
#nbar li a:hover#menu5,
#nbar li a:hover#menu6{
  background-position:0 -28px;
}
/*現在位置の表示設定*/
#nbar li a#menu1_on{
  background-image:url(../image/menu_btn1.gif);
  background-position:0 -28px;
}
#nbar li a#menu2_on{
  background-image:url(../image/menu_btn2.gif);
  background-position:0 -28px;
}
#nbar li a#menu3_on{
  background-image:url(../image/menu_btn3.gif);
  background-position:0 -28px;
}
#nbar li a#menu4_on{
  background-image:url(../image/menu_btn4.gif);
  background-position:0 -28px;
}
#nbar li a#menu5_on{
  background-image:url(../image/menu_btn5.gif);
  background-position:0 -28px;
}
#nbar li a#menu6_on{
  background-image:url(../image/menu_btn6.gif);
  background-position:0 -28px;
}
/*clrfix設定
-------------------------------------------------------*/
.clrfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clrfix {
  min-height: 1px;
}
* html .clrfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
/**/
}
/*======================================
 サブメニュー（左）
======================================*/

#side_left{
  width: 155px;
  /*幅の設定*/
  margin: 10px 8px 10px 5px;
  /*位置調整（IE6のバグに注意）*/
  display: inline;
  /*IE6のマージン算出のバグ対策*/
  float: left;
/*サブメニューを左に寄せる*/
}
#side1 li{
  display : inline;
  /*サブメニューのリスト項目をインライン表示にする*/
  list-style:none;
}
#side1 ul{
  border-top : 1px solid #666;
/*サブメニューのトップの線幅、種類、色*/
}
#side1 a,#side1 a:link #side1 a:visited{
  color: #666666;
  /*サブメニューの文字色*/
  background-color: transparent;
  /*サブメニューの背景色*/
  font-size: 80%;
  /*文字の大きさを80%にする*/
  font-weight: bold;
  /*文字を太字にする*/
  text-decoration: none;
  /*リンクの下線を無くす*/
  padding: 0.5em 0.8em;
  /*サブメニュー項目のパディング（上下、左右）*/
  border-bottom: 1px solid #666;
  /*サブメニュー項目の下線幅、種類、色*/
  width: auto;
  /*サブメニュー項目の幅を自動に*/
  height: auto;
  /*サブメニュー項目の高さを自動に*/
  display: block;
/*サブメニュー項目をブロック形式で表示*/
}
#side1 a:hover{
  color:#333333;
  /*サブメニュー項目のリンクにマウスが乗ったら文字色を変える*/
  text-indent: 0.5em;
  /*マウスが乗ったら0.5文字右へ寄せる*/
  background-image: url(../image/l_bak_r5.jpg);
/*マウスが乗ったら背景画像を変える*/
}
/*20101101webpb*/

#side3 li{
  display : inline;
/*サブメニューのリスト項目をインライン表示にする*/
}
#side3 ul{
  border-top : 0px solid #666;
/*サブメニューのトップの線幅、種類、色*/
}
#side3 a,#side1 a:link #side1 a:visited{
  color: #666666;
  /*サブメニューの文字色*/
  background-image:url(../image/webpb1.gif);
  /*サブメニューの背景画像20100924追加*/
  font-size: 80%;
  /*文字の大きさを80%にする*/
  font-weight: bold;
  /*文字を太字にする*/
  text-decoration: none;
  /*リンクの下線を無くす*/
  padding: 0.5em 0.8em;
  /*サブメニュー項目のパディング（上下、左右）*/
  border-bottom: 1px solid #666;
  /*サブメニュー項目の下線幅、種類、色*/
  width: auto;
  /*サブメニュー項目の幅を自動に*/
  height: auto;
  /*サブメニュー項目の高さを自動に*/
  display: block;
/*サブメニュー項目をブロック形式で表示*/
}
#side3 a:hover{
  color:#333333;
  /*サブメニュー項目のリンクにマウスが乗ったら文字色を変える*/
  text-indent: 0.5em;
  /*マウスが乗ったら0.5文字右へ寄せる*/
  background-image:url(../image/webpb2.gif);
/*マウスが乗ったら背景画像を変える*/
}
/*=====告知欄の設定=====*/

/*赤文字、背景色無し*/
#comment1{
  width: 140px;
  height: auto;
  margin: 1em 5px 10px 5px;
  font-size: 75%;
  color: #ff3300;
  line-height: 1.4em;
}
/*黒文字、背景薄黄色*/
#comment2{
  width: 140px;
  height: auto;
  margin: 1em 5px 10px 5px;
  font-size: 75%;
  color: #333333;
  line-height: 1.4em;
  background-color: #ffff99;
  padding: 0.3em 0.5em;
}
/*ピーポくんタウンの設定*/
#sub_pipo{
  width: 130px;
  /*ピーポくんタウンの高さ、幅の設定*/
  height: 165px;
  margin: 2em 0 5px 0;
  /*マージンの設定（上右下左）*/
  background-image: url(../image/pipotown.gif);
  /*背景画像の設定*/
  background-repeat: no-repeat;
  background-position: 10px 0;
}
#sub_pipo a,#sub_pipo a:link #sub_pipo a:visited{
  background-image: url(../image/pipo7.gif);
  /*ピーポくん画像を表示*/
  background-position: 1em 0.8em;
  /*画像の表示位置を設定*/
  background-repeat: no-repeat;
  /*画像を繰り返さない*/
  padding: 0.5em 0.8em;
  /*ﾘﾝｸ枠のパディング、幅、高さの設定*/
  width: 125px;
  height: 165px;
  display: block;
/*ブロック形式でリンク枠を表示*/
}
#sub_pipo a:hover{
  background-image: url(../image/pipo8.gif);
  /*リンク部分にマウスが乗ったら画像を変える*/
  background-repeat: no-repeat;
/*画像を繰り返さない*/
}
#webpb{
  width: 150px;
  /*ピーポくんタウンの高さ、幅の設定*/
  height: 120px;
  margin: 2em 0 5px 0;
/*マージンの設定（上右下左）*/
}
#webpb a,#webpb a:link #webpb a:visited{
  background-image: url(../image/webpb01.gif);
  /*ピーポくん画像を表示*/
  background-repeat: no-repeat;
  /*画像を繰り返さない*/
  padding: 0.5em 0.8em;
  /*ﾘﾝｸ枠のパディング、幅、高さの設定*/
  width: 130px;
  height: 120px;
  display: block;
/*ブロック形式でリンク枠を表示*/
}
#webpb a:hover{
  background-image: url(../image/webpb02.gif);
  /*リンク部分にマウスが乗ったら画像を変える*/
  background-repeat: no-repeat;
/*画像を繰り返さない*/
}
/*ポスター画像の位置設定左側*/
.side4{
  text-align: center;
  margin: 0px 0px 3px 0px;
/*マージン、上下左右*/
}
/*公開捜査用*/
.div_kokai {
  width: 130px;
  height: 163px;
}
a#d_over {
    display: block;
    width: 130px; /* 画像1枚分の横幅 */
    height: 163px; /* 画像1枚分の高さ */
    text-indent: -1000px; /* 文字を見えなくする */
    background-image : url(../image/ko_01.gif); /* 画像ファイル名 */
}
a:hover#d_over {
    background-position: bottom; /* 背景画像の表示開始基準を右上に変更 */ 
}

/*======================================
 メイン（中央）とトピックス（右）
======================================*/

#main{
  width: 535px;
  /*幅の指定*/
  margin: 10px 5px 10px 10px;
  /*位置調整（マージンを設定、上右下左）*/
  float: right;
/*メインとトピックスを合わせて、全体を右寄せにする*/
}
/*======================================
 メイン（中央）
======================================*/

#main1{
  padding-bottom: 3px;
  /*メイン全体の位置調整（パディングを設定、下）*/
  margin-right:5px;
  /*メイン全体の位置調整（マージンを設定、右）*/
  width:380;
  /*幅の指定*/
  float:left;
/*メイン全体を左寄せにする*/
}
/*項目リスト段落の位置調整（マージンを設定、下右）*/
.main1{
  margin-bottom:8px;
  margin-right: 5px;
}
/*項目リスト段落の見出しのスタイル、位置調整*/
.main1 h3{
  color:#333333;
  /*文字色の設定*/
  background-color:#ccddff;
  /*背景色の設定*/
  background-image: url(../image/b6.gif);
  background-repeat: no-repeat;
  background-position: 2px 50%;
  font-size:90%;
  /*文字サイズを87％に設定*/
  margin-bottom:5px;
  /*マージンを設定*/
  padding: 3px 0 0 25px;
  /*パディング設定（上右下左）*/
  border-bottom:2px solid #cccccc;
  /*下線の設定（幅、線種、色）*/
  letter-spacing: 0.2em;
/*文字間の設定*/
}
.main1 ul{
  font-size:85%;
  /*リスト項目の文字サイズを85％にする*/
  text-indent:10px;
  /*リスト項目のインテントを設定*/
  margin:2px 0px 3px 13px;
  /*マージンを設定（上右下左）*/
  list-style:none;
/*リストマークを表示しない*/
}
.main1 li{
  line-height: 1.4em;
  /*リスト項目の行間を1.4文字に設定*/
  list-style-image: url(../image/b1.gif);
/*リストマーカーの画像設定*/
}
.main1 a,.main1 a:link .main1 a:visited{
  text-decoration: none;
/*リスト項目の下線無し*/
}
/*=====お知らせ欄　赤文字※文章=====*/
.main1 p{
  font-size : 90%;
  line-height : 130%;
  color : red;
  text-indent : -1em;
}
.date{
  margin-left:15px;
  font-size: 75%;
  /*日付の文字サイズを75％にする*/
  padding: 0 0 0 2px;
}
/*更新情報一覧を右に寄せ、パディングを設定*/
#kosin{
  text-align: right;
  padding-right: 2em;
}
/*=====緊急のお知らせ=====*/
.kinkyu{
  color: #333333;
  /*文字色の設定*/
  border: 2px solid #ff3300;
/*枠線の太さ、線種、色の設定*/
  margin-bottom : 5px;
  padding : 0.5em;
  padding-left : 1em;
/*見出しのパディングを設定（上下）*/
}
.kinkyu1{
  font-size: 95%;
  /*文字サイズを75%にする*/
  letter-spacing: 2px;
  /*文字間を設定*/
  text-align: center;
  /*見出しの位置*/
}
.kinkyu2{
  font-size: 85%;
  /*文字サイズを75%にする*/
  line-height: 1.4em;
  /*お知らせの行間を1.4文字にする*/
  margin: 5px 10px 7px 10px;
/*お知らせのマージンを設定（上右下左）*/
}
/*======================================
 トピックス（右）
======================================*/

#side2{
  width: 150px;
  /*トピックスの幅を設定*/
  padding-top: 2px;
  /*位置調整（パディング、上）*/
  float: right;
/*トピックス全体を右寄せにする*/
}
/*ポスター画像の位置設定右側*/
.side2{
  text-align: center;
  margin: 0px 0px 3px 0px;
/*マージン、上下左右*/
}
/*ポスター画像下のキャプション文字設定*/
.cap{
  font-size:75%;
  text-align : left;
  margin:5 0 10 0px
;
}
.cap a,.cap1 a:link .cap a:visited{
  text-decoration: none;
/*リスト項目の下線無し*/
}
/*トピックスの見出し*/
#side2 h3{
  color:#ffffff;
  /*文字色を白に設定*/
  background-color:#0055bb;
  /*背景色の設定*/
  font-size:85%;
  font-weight:bold;
  /*文字を太に設定*/
  padding:3px 5px 2px 6px;
/*パディングの設定（上下、右左）*/
}
/*トピックス項目段落*/
.main2{
  margin: 2px 0 10px 0;
/*マージンを設定（上右下左）*/
}
/*トピックスリスト項目定*/
.main2 ul{
  font-size:80%;
  text-indent:5px;
  /*文字のインテントを設定*/
  list-style:none;
/*リストマーカー無し*/
}
.main2 li{
  line-height: 1.3em;
/*リスト項目の行間を1.3文字に設定*/
}
.main2 a,.main2 a:link .main2 a:visited{
  text-decoration: none;
/*リスト項目の下線無し*/
}
/*意見・情報提供のメール画像*/
#mail{
  background-image: url(../image/b_mail.gif);
  background-repeat: no-repeat;
  /*画像を繰り返さない*/
  background-position: 92% 50%;
/*画像の位置設定*/
}
/*======================================
 フッター 
======================================*/

/*20111130 フッターのライン幅修正のため footer2 追加*/

#footer2{
  color:#666666;
  /*文字色*/
  width:720px;
  /*幅の指定*/
  clear:both;
  /*回り込みを解除*/
  border-top:2px solid #000051;
/*ラインの幅、線種、色の設定*/
}
#footer{
  color:#666666;
  /*文字色*/
  width:720px;
  /*幅の指定*/
  clear:both;
  /*回り込みを解除*/
  border-top:1px solid #000051;
/*ラインの幅、線種、色の設定*/
}
/*このサイトについて*/
#f_left{
  float: left;
  /*このサイトについての全体を左に寄せる*/
  text-align: left;
/*文字を左寄せにする*/
}
#f_left ul{
  font-size: 75%;
  text-indent: 0.5em;
  /*文字のインデントを設定*/
  list-style: none;
/*リストマーカーを無しにする*/
}
#f_left a,#f_left a:link #f_left a:visited{
  text-decoration: none;
/*リスト項目の下線無し*/
}
#f_right{
  float: right;
  /*問い合わせとコピーライトを右寄せ*/
  font-size: 75%;
  text-align: right;
/*文字を右寄せ*/
}
.toawase{
  color:#333333;
  /*文字色*/
  padding: 5px 3px 0px 0;
/*問い合わせの位置調整*/
}
.footer{
  padding : 3px 3px 5px 0px;
  /*コピーライトの位置調整*/
  margin-bottom:10px;
}