@charset "Shift-JIS";



* {

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

}



#anchor {

  height: 3px;

  width: 880px;

  border-top-style: none;

  border-right-style: none;

  border-bottom-style: none;

  border-left-style: none;

  padding-left: 20px;

}



img {

  border: 0;

  vertical-align: text-bottom;

}



body {

  text-align: center;

  background-color: #f6f6f6;

  font-size: 12px;

}



#pagebody {

  margin: 0px auto;

  padding: 0;

  margin-bottom: 10px;

  width: 1015px;

  background-color: #fff;

  /*

	border-left: 1px solid #bbb;

	border-right: 1px solid #bbb;

*/

  border-bottom: 1px solid #bbb;

  text-align: left;

}



#header {

  position: relative;

  width: 880px;

  height: 135px;

  background-repeat: no-repeat;

  color: #3E3E3E;

}



#header_road {

  position: relative;

  width: 880px;

  height: 135px;

  background-image: url(../img/logo_100.jpg);

  background-repeat: no-repeat;

  color: #3E3E3E;

}



#header_map {

  position: relative;

  width: 1015px;

  height: 65px;

  /*20130109 y_mori ‰æ‘œ•ÏX

	background-image: url(../img/logo_101.jpg);*/

  background-image: url(../img/shizuoka_logo_nontab.jpg);

  background-repeat: no-repeat;

  color: #3E3E3E;

}



#header_text {

  position: absolute;

  top: 10px;

  left: 44px;

  width: 800px;

}



#header_help {

  position: absolute;

  top: 80px;

  left: 644px;

}



#header_help a {

  text-decoration: none;

}



#note_text_default {

  position: absolute;

  top: 100px;

  left: 840px;

  width: 160px;

}



#note_text_30 {

  position: absolute;

  top: 80px;

  left: 840px;

  width: 160px;

}



#p_navibody {

  position: relative;

  width: 880px;

  height: 70px;

  background-color: #fff;

  text-align: left;

}



#p_navi {

  position: absolute;

  top: 8px;

  left: 30px;

}



.menu_title {

  position: relative;

  width: 880px;

  height: 32px;

  background-image: url(../img/tub_1.png);

  background-repeat: no-repeat;

  background-color: #fff;

  font-size: 16px;

  color: #3E3E3E;

  font-weight: bold;

  text-align: left;

  text-indent: 2.7em;

  line-height: 2.1em;

  top: 10px;

}



/*20130109 y_mori add (.menu_title_long)*/

.menu_title_long {

  position: relative;

  width: 880px;

  height: 32px;

  background-image: url(../img/long_tub_1.png);

  background-repeat: no-repeat;

  background-color: #fff;

  font-size: 16px;

  color: #3E3E3E;

  font-weight: bold;

  text-align: left;

  text-indent: 2.7em;

  line-height: 2.1em;

}



.menu_title_l {

  position: relative;

  width: 880px;

  height: 32px;

  background-image: url(../img/tub_1_l.png);

  background-repeat: no-repeat;

  background-color: #fff;

  font-size: 16px;

  color: #3E3E3E;

  font-weight: bold;

  text-align: left;

  text-indent: 2.7em;

  line-height: 2.1em;

}



#address_list_navi {

  padding: 20px 0 10px 60px;

  text-align: left;

  line-height: 1.4em;

}



#map_select_div_accident {

  position: relative;

  width: 1015px;

  height: 530px;

  /*	background-image: url(../img/map_bg.png); 20130109 y_mori ‰æ‘œ•ÏX*/

  background-image: url(../img/large_map_bg_accident.png);

  background-repeat: no-repeat;

  background-color: #fff;

  color: #3E3E3E;

  text-align: left;

}



#map_select_div_crime {

  position: relative;

  width: 1015px;

  height: 530px;

  background-image: url(../img/large_map_bg_crime.png);

  background-repeat: no-repeat;

  background-color: #fff;

  color: #3E3E3E;

  text-align: left;

}



#map_select_text {

  position: absolute;

  top: 11px;

  left: 50px;

  padding: 6px;

  width: 768px;

  height: 40px;

  line-height: 130%;

}



#sp_div {

  width: 1px;

}



#linkmap {

  position: absolute;

  top: 45px;

  left: 50px;

}



/*IE5.5`6“§‰ßPNG“K—p*/

* html .ie6pngfilter2 {

  behavior: url("../jslib/pngbehavior.htc");

}



#title_accident {

  width: 135px;

  /*2016.01.20 IE‚Å•¶Œ¾‚ªÜ‚è•Ô‚·‚Ì‚Å5px’ljÁ*/

  height: 15px;

  position: absolute;

  top: 50px;

  left: 55px;

  z-index: 9999;

  font-size: 15px;

  background-color: #ffffff;

  padding: 5px;

  text-align: center;

  border: 1px solid #000000;

  color: #000000;

}



#disp_date {

  width: 270px;

  /*2016.01.20 IE‚Å•¶Œ¾‚ªÜ‚è•Ô‚·‚Ì‚Å5px’ljÁ*/

  height: 15px;

  position: absolute;

  top: 460px;

  left: 55px;

  z-index: 9999;

  font-size: 15px;

  background-color: #ffffff;

  padding: 5px;

  text-align: center;

  border: 1px solid #000000;

  color: #000000;

}



#note_text_comment {

  position: absolute;

  top: 130px;

  left: 835px;

  width: 160px;

}



#note_text_title {

  position: absolute;

  top: 45px;

  left: 835px;

  width: 155px;

  /*2016.01.20 IE‚Å•¶Œ¾‚ªÜ‚è•Ô‚·‚Ì‚Å5px’ljÁ*/

  height: 15px;

  z-index: 9999;

  font-size: 13px;

  background-color: #ffffff;

  padding: 5px;

  text-align: center;

  border: 1px solid #000000;

  color: #000000;

}



/*

ZŠˆê——‘I‘ð‰æ–Ê

*****************************************************/

/*

ZŠ‘I‘ð ƒpƒ“‚­‚¸

*/

#indexCategory {

  padding: 5px 0 0 60px;

  text-align: left;

  line-height: 1.4em;

}



/*

ZŠ‘I‘ð50‰¹

*/

#keyLink {

  padding: 5px 0 10px 35px;

  text-align: left;

  line-height: 1.4em;

}



#keyLink label {

  display: inline-block;

  padding: 3px;

  width: 65px;

  text-align: center;

}



#keyLink a {

  cursor: pointer;

  cursor: hand;

  color: #0066cc;

  text-decoration: underline;

}



.keyLinkA {

  background-color: #c2c2c2;

}



.keyLinkB {

  background-color: #e9e9e9;

}



/*

ZŠˆê——

*/

#tableCatalog {

  position: relative;

  /* 20130109 y_mori keyLink‚ƍ¶‘¤‚̈ʒu‚ð‡‚í‚¹‚邽‚߁A‚±‚̏‘‚«•û‚Í‚â‚ß‚Ü‚·B

	margin: 0 auto;

ˆÈ‰º‚̂悤‚Émargin‚̏㉺¶‰E‚𒼏‘‚«‚ÅŽw’肵‚Ü‚·B*/

  margin-top: 0px;

  margin-right: auto;

  margin-bottom: 0px;

  margin-left: 35px;



  width: 820px;

  border-top: 0px solid #ccc;

  border-left: 1px solid #ccc;

  border-right: 0px solid #ccc;

  border-bottom: 1px solid #ccc;

  background-color: #ecebeb;

  color: #3E3E3E;

  text-align: left;



  border-collapse: collapse;

  border-spacing: 0;

  table-layout: fixed;

  empty-cells: show;

}



#tableCatalog tr {

  border-bottom: 1px solid #ccc;

}



#tableCatalog td {

  padding: 5px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #ccc;

  width: 200px;

}



#tableCatalog td div {

  display: inline;

  cursor: pointer;

  cursor: hand;

  color: #0066cc;

  text-decoration: underline;

}



.linkedString {

  display: inline;

  cursor: pointer;

  cursor: hand;

  color: #0066cc;

  text-decoration: underline;

}



.cellLeft {

  background-color: #fff;

}



/*

’n}ì¬‰æ–Ê

*****************************************************/

#mapZone {

  position: relative;

  margin: 0 auto;

  width: 810px;

  border: 1px solid #ccc;

  background-color: #ecebeb;

}



/*

ƒXƒP[ƒ‹

*/

#scaleBox {

  position: absolute;

  top: 0;

  left: 260px;

  /* commandBox (w:253px + padding3px*2 + border1px) */

  padding: 2px;

  width: 546px;

  height: 17px;

  border-bottom: 1px solid #ccc;

  background-color: #fff;

}



#scaleBox label {

  display: inline;

  float: left;

  width: 16px;

  margin: 0 3px;

  cursor: pointer;

  cursor: hand;

}



#scaleBox img {

  vertical-align: text-bottom;

}



#scaleBox ul {

  list-style: none;

}



#scaleBox li {

  display: inline;

  margin-right: 1px;

  float: left;

  width: 60px;

  border: 0px solid #ccc;

  text-align: center;

  line-height: 1.4em;

  cursor: pointer;

  cursor: hand;

  /*for IE5.5 */

}



.scaleButton {

  background-color: #ecebeb;

}



.scaleActiveButton {

  background-color: #e0FFFF;

}



/*

’n}

*/

#mapBox {

  position: absolute;

  left: 43px;

  top: 35px;



  width: 780px;

  height: 465px;

  /*

	width: 950px;

	height: 655px;

*/



  border: 0px solid #ff0000;

}



#MainMap {

  width: 100%;

  height: 100%;

  padding: 0px;

  margin: 0px;

}



/*

Žg—pêŠ‘€ì

*/

#commandBox {

  position: relative;

  padding: 3px;

  top: 0;

  left: 0;

  width: 253px;

  height: 616px;

  background-color: #fff;

  border-right: 1px solid #ccc;

}



#commandBox label {

  cursor: pointer;

  cursor: hand;

}



.command {

  padding: 2px;

}



.command span {

  line-height: 1.3em;

}



.command p {

  line-height: 1.3em;

}



#command01_Item {

  /* Žg—pêŠ“o˜^ */

  display: none;

}



#command02_Item {

  /* Žg—pêŠ’ljÁ“o˜^ */

  display: none;

}



#command03_Item {

  /* Žg—p‹æŠÔ“o˜^ */

  display: none;

}



/* ƒAƒCƒRƒ“’ljÁÝ’è˜g */

#iconList {

  margin: 0;

  padding: 0;

  border-collapse: collapse;

  border-spacing: 0;

  table-layout: fixed;

  empty-cells: show;

  border-bottom: 1px solid #ccc;

  border-left: 1px solid #ccc;

}



#iconList th {

  width: 120px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #ccc;

  background-color: #ecebeb;

  text-align: center;

  font-weight: normal;

}



/* #iconList tr {} */



#iconList td {

  width: 20px;

  height: 20px;

  padding: 2px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #ccc;

  text-align: center;

  background-color: #fff;

}



.iConListImg {

  margin: 0;

  padding: 1px;

  border: 1px solid #bbb;

  width: 20px;

  height: 20px;

}



.iconListNo {

  /* textSelectNG */

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  user-select: none;

  /* CSS3 */

  cursor: pointer;

  cursor: hand;

}



#DeleIcon {

  margin-top: 15px;

}



/* ƒAƒCƒRƒ“ˆê—— */

#iconListPtn {

  margin: 0;

  padding: 0;

  border-collapse: collapse;

  border-spacing: 0;

  table-layout: fixed;

  empty-cells: show;

  border-bottom: 1px solid #ccc;

  border-left: 1px solid #ccc;

}



#iconListPtn th {

  width: 60px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #ccc;

  background-color: #ecebeb;

  text-align: center;

  font-weight: normal;

}



/* #iconListPtn tr {} */



#iconListPtn td {

  width: 180px;

  height: 20px;

  padding: 2px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #ccc;

  text-align: left;

}



#iconListPtn img {

  margin: 1px 2px;

  cursor: pointer;

  cursor: hand;

}



/*

ŽŸƒy[ƒW‘JˆÚƒ{ƒ^ƒ“

*/

#next_div {

  position: relative;

  margin: 10px auto;

  width: 810px;

  text-align: center;

}



/*

ƒ_ƒEƒ“ƒ[ƒh’‹Liî•ñƒo[j

*/

#dl_attention {

  margin-top: 10px;

}



#dl_attention img {

  margin: 0 15px 0 0;

  float: left;

  width: 242px;

  vertical-align: text-top;

}



#dl_attention p {

  display: inline;

}



/*

ƒtƒbƒ^

*/

#copyright {

  padding: 8px 0 8px 0;

  width: 880px;

  height: 20px;

  background-color: #ffffff;

  font-size: 12px;

  color: #3E3E3E;

  text-align: center;

}



/*

for IE VM@Canvas

********************************/

#Canvas div {

  display: inline;

  position: absolute;

  top: 0;

  left: 0;

}



#CanvasPt {

  z-index: 10010;

}



#CanvasPt div {

  display: inline;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 10009;

}



.CanvasTemp {

  z-index: 10005;

}



.CanvasTemp div {

  display: inline;

  position: absolute;

  top: 0;

  left: 0;

}



/*

‰ñ‚荞‚݉ðœ

********************************/

.clearfix:after {

  display: block;

  content: ".";

  height: 0;

  font-size: 0.1em;

  line-height: 0;

  clear: both;

}



/* for IE6 */

* html .clearfix {

  zoom: 100%;

}



/* for IE7 */

*:first-child+html .clearfix {

  display: inline-block;

}



/*----------------*/

/* movie */

/*----------------*/

#katsuyou_gazou {

  width: 300px;

  height: 225px;

  display: block;

  margin: 0px;

  padding: 0px;

  background: left top no-repeat url("../../images/video1.jpg");

  border: gray solid 1px;

}



#katsuyou_gazou:hover {

  background: left top no-repeat url("../../images/video2.jpg");

}



#modal-open {

  color: #cc0000;

}



/* ƒ‚[ƒ_ƒ‹ ƒRƒ“ƒeƒ“ƒcƒGƒŠƒA */

#modal-main {

  display: none;

  width: 960px;

  height: 720px;

  margin: 0;

  padding: 0;

  background-color: #ffffff;

  color: #666666;

  position: fixed;

  z-index: 10001;

  font-size: 16px;

}



/* ƒ‚[ƒ_ƒ‹ ”wŒiƒGƒŠƒA */

#modal-bg {

  display: none;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 10000;

}



#div-tab1 {

  width: 943px;

  height: 250px;

  /* margin-top: 20px; */

  margin-bottom: 10px;

  margin-left: 25px;

  position: relative;

  border: 0px solid #ccc;

  display: block;

}



.moviewindow {

  float: left;

  width: 330px;

  height: 225px;

}



.movie-description {

  float: left;

  width: 580px;

  height: 200px;

  position: relative

}



.movie-description>h4 {

  margin-bottom: 40px;

  font-size: 14px;

}



.movie-description>p {

  line-height: 2;

  font-size: 14px;

  color: #3e3e3e;

}



#modal-open {

  margin-top: 10px;

  margin-left: 0px;

}





/*----------------*/

/* movie */

/*----------------*/



#roller {

  position: absolute;

  top: 220px;

  left: 400px;

  display: none;

}



.recommendspec {

  position: relative;

  margin-top: 10px;

  margin-bottom: 20px;

  font-size: 14px;

}



.recommendspec>table {

  width: 600px;

  margin-left: 10px;

}



.recommendspec-caution {

  margin-top: 10px;

}



#movemapbutton {

  margin: auto;

  position: absolute;

  left: 0;

  right: 0;

}







/*----------------*/

/* ƒƒjƒ…[ƒTƒuƒ^ƒCƒgƒ‹ */

/* (Žg‚¢•ûƒKƒCƒh ‚Æ‚©) */

/*----------------*/

.menu-caution {

  background-color: #ffffff;

  font-size: 14px;

  color: #3E3E3E;

  padding: 10px 0px 10px 10px;

  text-align: left;

}



.menu-caution>ul {

  list-style: none;

}



.menu-caution>ul>li {

  font-size: 14px;

  list-style: none;

  padding-left: 18px;

  background: url(../../img/arrow_2.png) no-repeat top left;

  line-height: 1.5;

}



.menu-subtitle {

  font-size: 14px;

  /* margin-left: 10px; */

}



.menu-subtitle>p {

  padding-left: 18px;

  background: url(../../img/arrow_2.png) no-repeat top left;

}



.box-para {

  margin-left: 10px;

  margin-bottom: 10px;

}



.th_suisyo {

  text-align: left;

  background-color: #95c2f5;

  padding: 5px;

  font-weight: bold;

}



.td_suisyo {

  text-align: left;

  background-color: #f2f2f2;

  padding: 5px;



}



/*----------------*/

/* ƒƒjƒ…[ƒTƒuƒ^ƒCƒgƒ‹ */

/*----------------*/





/**

—˜—p‹K–ñ

*/

.terms-of-use {

  background-color: #FFFFFF;

  min-width: 880px;

  width: 100%;

  padding: 5px 0px;

}



.terms-of-use::after {

  content: "";

  display: block;

  width: 100%;

  height: 3px;

  background-color: #215ef8 !important;

  position: relative;

  top: 0;

}



.terms-of-use::before {

  content: "";

  display: block;

  width: 100%;

  height: 3px;

  background-color: #215ef8 !important;

  position: relative;

  top: 0;

}



.keyword-search-area .input-area {

  display: flex;



}



.keyword-search-area>div {

  margin: 10px 15px;

}



.table-result {



  border-top: 0px solid #ccc;

  border-left: 1px solid #ccc;

  border-right: 0px solid #ccc;

  border-bottom: 1px solid #ccc;

  background-color: #ecebeb;

  color: #3E3E3E;

  text-align: left;

  border-spacing: 0;

  table-layout: fixed;

  border-collapse: separate;

  border-spacing: 0px;

  width: 100%;

}



.table-result td {

  padding: 5px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #ccc;

  background-color: #ffffff;



}