@charset "UTF-8";

/* 英語版 en */

/*
警視庁-犯罪情報マップ
BASECOLOR: 27479b
*/

/* =====================================
	topページ
====================================== */

/**/

#header{
    background: url(../../../../Content/images/en/header_title_bg.png) left top repeat-x;
}
#headerInner h1{
    width: 300px;
    background: url(../../../../Content/images/en/header_title.png) left top no-repeat;
}

/* ヘルプボタン */
.btn-help {
    background: transparent url(../../../../Content/images/en/nav_btn_all.png) no-repeat scroll -235px 0;
}

/* 説明*/
.boxExplain h2{
  background: url(../../../../Content/images/en/imageMain_txt.png) center center no-repeat;
}

/*イメージ */
.wrapFirst > .boxExplain {
  background: url(../../../../Content/images/en/imageMain.jpg) center center no-repeat;
}

/* 地図表示ボタン */
.linkSearchmap { width: 75px; }

/* 地図画像*/

.imageMap {
    position: absolute;
    top: 1px;
    left: 1px;
}
    .map1 { background:url(../../../../Content/images/site/thumMap2_en.png) 50% 50% no-repeat; }
    .map2 { background:url(../../../../Content/images/site/thumMap3_en.png) 50% 50% no-repeat; }
    .map3 { background:url(../../../../Content/images/site/thumMap1_en.png) 50% 50% no-repeat; }
    .map4 { background:url(../../../../Content/images/site/thumMap4_en.png) 50% 50% no-repeat; }
    .map5 { background:url(../../../../Content/images/site/thumMap5_en.png) 50% 50% no-repeat; }
    .map6 { background:url(../../../../Content/images/site/thumMap6_en.png) 50% 50% no-repeat; }

/* =====================================
	レスポンシブで変わる部分
====================================== */

/*  = スマートフォン用 - 1column
----------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .wrapFirst > .boxExplain {
        background: url(../../../../Content/images/en/imageMain_sp.jpg) center center no-repeat;
        background-size: contain; }
    /* お知らせ欄 */
    .mdsNews { width:25%; }
    .listNews { width:75%; }
}

/*  = 小型タブレット用 - 2column
----------------------------------------------------------------------*/
@media only screen and (min-width: 481px) {
    .wrapFirst > .boxExplain { background: url(../../../../Content/images/en/imageMain.jpg) left top no-repeat; }
    /* お知らせ欄 */
    .mdsNews { width:20%; }
    .listNews { width:80%; }
}
/*  = 通常PC用 - 4column
----------------------------------------------------------------------*/
@media only screen and (min-width: 961px) {
    .wrapFirst > .boxExplain { background: url(../../../../Content/images/en/imageMain.jpg) left top no-repeat; }
    /* お知らせ欄 */
    .mdsNews { width:15%; }
    .listNews { width:85%; }
}


/* =====================================
	mapページ
====================================== */

/* = ヘッダ上の機能ボタン
---------------------------------------------------------------------*/

/* sprite 
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* normal */
#header-map ul.nav li a.switch { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -400px 0;}
#header-map ul.nav li a.feature-detail-list { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -320px 0;}
#header-map ul.nav li a.link { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat 0 0;}
#header-map ul.nav li a.save { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -80px 0;}
#header-map ul.nav li a.print { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -160px 0;}
#header-map ul.nav li a.guide { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -240px 0;}
#header-map ul.nav li a.single-map{ background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -480px 0;}
#header-map ul.nav li a.sync-release{ background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -560px 0;}
#header-map ul.nav li a.sync-setting {background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -640px 0;}
/* hover */
#header-map ul.nav li a.switch:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -400px -60px;}
#header-map ul.nav li a.feature-detail-list:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -320px -60px;}
#header-map ul.nav li a.link:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat 0 -60px;}
#header-map ul.nav li a.save:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -80px -60px;}
#header-map ul.nav li a.print:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -160px -60px;}
#header-map ul.nav li a.guide:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -240px -60px;}
#header-map ul.nav li a.single-map:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -480px -60px;}
#header-map ul.nav li a.sync-release:hover { background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -560px -60px;}
#header-map ul.nav li a.sync-setting:hover {background: transparent url("../../../../Content/images/en/nav_btn_all.png") no-repeat -640px -60px;}

/* 左カラムの機能ボタン（探す／測る／描く） */
.frame-info ul.nav li a {
    width: 63px;
}
.frame-info ul.nav li:nth-child(3) {
    border-right: 0;
}

/* ヘッダ */
#header-map h1 a img {
    display: none;
}

#header-map h1 a {
    display: block;
    width: 290px;
    height: 60px;
    background: transparent url("../../../../Content/images/en/logo_map.png") no-repeat 0 0;
}

/* 描くボタンの中のボタン */
.map-draw .md-tab.md-tab-md-mark{
    background: url("../../../../Content/images/en/btn_drwfn01_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-polyline{
    background: url("../../../../Content/images/en/btn_drwfn02_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-polygon{
    background: url("../../../../Content/images/en/btn_drwfn03_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-circle{
    background: url("../../../../Content/images/en/btn_drwfn04_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-buffer{
    background: url("../../../../Content/images/en/btn_drwfn06_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-text{
    background: url("../../../../Content/images/en/btn_drwfn05_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-mark.md-tab-active,
.map-draw .md-tab.md-tab-md-mark:hover{
    background: url("../../../../Content/images/en/btn_drwfn01_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-polyline.md-tab-active,
.map-draw .md-tab.md-tab-md-polyline:hover{
    background: url("../../../../Content/images/en/btn_drwfn02_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-polygon.md-tab-active,
.map-draw .md-tab.md-tab-md-polygon:hover{
    background: url("../../../../Content/images/en/btn_drwfn03_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-circle.md-tab-active,
.map-draw .md-tab.md-tab-md-circle:hover{
    background: url("../../../../Content/images/en/btn_drwfn04_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-buffer.md-tab-active,
.map-draw .md-tab.md-tab-md-buffer:hover{
    background: url("../../../../Content/images/en/btn_drwfn06_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-tab.md-tab-md-text.md-tab-active,
.map-draw .md-tab.md-tab-md-text:hover{
    background: url("../../../../Content/images/en/btn_drwfn05_on.jpg") no-repeat scroll 0 0;
}
/*更に下の階層*/

.map-draw .md-buffer-feature-type ul li.point span{
    background: url("../../../../Content/images/en/btn_drwfn01_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-buffer-feature-type ul li.polyline span{
    background: url("../../../../Content/images/en/btn_drwfn02_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-buffer-feature-type ul li.polygon span{
    background: url("../../../../Content/images/en/btn_drwfn03_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-buffer-feature-type ul li.feature span{
    background: url("../../../../Content/images/en/btn_drwfn07_off.jpg") no-repeat scroll 0 0;
}
.map-draw .md-buffer-feature-type ul li.point span:hover,
.map-draw .md-buffer-feature-type ul li.point.selected span{
    background: url("../../../../Content/images/en/btn_drwfn01_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-buffer-feature-type ul li.polyline span:hover,
.map-draw .md-buffer-feature-type ul li.polyline.selected span{
    background: url("../../../../Content/images/en/btn_drwfn02_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-buffer-feature-type ul li.polygon span:hover,
.map-draw .md-buffer-feature-type ul li.polygon.selected span{
    background: url("../../../../Content/images/en/btn_drwfn03_on.jpg") no-repeat scroll 0 0;
}
.map-draw .md-buffer-feature-type ul li.feature span:hover,
.map-draw .md-buffer-feature-type ul li.feature.selected span{
    background: url("../../../../Content/images/en/btn_drwfn07_on.jpg") no-repeat scroll 0 0;
}
/*モーダル画面の閉じるボタン*/
.fw-f-window .fw-window-footer-button-close{
    background: transparent url("../../../../Content/images/en/btn_close_btm_off.jpg") no-repeat scroll center center;
    display: inline-block;
    width: 58px;
    height: 24px;
    text-indent: -9999px;
}
.fw-f-window .fw-window-footer-button-close:hover{
    background: transparent url("../../../../Content/images/en/btn_close_btm_on.jpg") no-repeat scroll center center;
}

/* =====================================
	住所一覧ページ
====================================== */

/* = A～Zリンク
---------------------------------------------------------------------*/
h4.mds_h4_int { width: 35em; }


/* =====================================
	地図ページ
====================================== */
/* 探す */
.win-search1 .fw-window-handle,
.win-search2 .fw-window-handle {
    background: #555 url("../../../../Content/images/en/ttl_search.png") no-repeat 4px center;
}
/* 測る */
.win-measure1.fw-f-window .fw-window-handle,
.win-measure2.fw-f-window .fw-window-handle {
    background: #555 url("../../../../Content/images/en/ttl_measure.png") no-repeat 4px center;
}
/* 描く */
.win-draw1.fw-f-window .fw-window-handle,
.win-draw2.fw-f-window .fw-window-handle {
    background: #555 url("../../../../Content/images/en/ttl_drawing.png") no-repeat 4px center;
}

/* 閉じる */
.fw-f-window .fw-window-button-close {
    width: 20px;
    background: #555 url("../../../../Content/images/en/btn_close_mark.png") no-repeat 0px center;
}
.fw-f-window .fw-window-button-close:hover {
    background: #555 url("../../../../Content/images/en/btn_close_mark_on.png") no-repeat 0px center;
}

.fw-f-window .fw-window-button-min { right: 24px; }

.win-detail1 .fw-window-handle, .win-detail2 .fw-window-handle {
    background: #555 url("../../../../Content/images/en/ttl_detailinfo.png") no-repeat 0px center;
}
.win-search-keyadrs-multi1.fw-f-window .fw-window-handle,
.win-search-keyadrs-multi2.fw-f-window .fw-window-handle {
    background: #555 url("../../../../Content/images/en/ttl_result.png") no-repeat 0px center;
}


/* =====================================
	印刷ページ
====================================== */

/* = ボタン
---------------------------------------------------------------------*/
#map-print-wrap #mp-side-menu .execute input {
    background: url("../../../../Content/images/en/btn_pt_print_off.jpg") no-repeat scroll center center;
}
#map-print-wrap #mp-side-menu .preview input {
    background: url("../../../../Content/images/en/btn_pt_repreview_off.jpg") no-repeat scroll center center;
}
#map-print-wrap #mp-side-menu  .execute input:hover {
    background: url("../../../../Content/images/en/btn_pt_print_on.jpg") no-repeat scroll center center;
}
#map-print-wrap #mp-side-menu .preview input:hover {
    background: url("../../../../Content/images/en/btn_pt_repreview_on.jpg") no-repeat scroll center center;
}
#map-print-wrap #mp-side-menu .close input {
    background: url("../../../../Content/images/en/btn_close_btm_off.jpg") no-repeat scroll center center;
}
#map-print-wrap #mp-side-menu .close input:hover {
    background: url("../../../../Content/images/en/btn_close_btm_on.jpg") no-repeat scroll center center;
}