﻿@import url("../top/shared-site.css");
@charset "UTF-8";

/*
地価マップ
緑→#658A49
オレンジ→#FF9901
*/

/*レスポンシブで色が変わる部分については後半に*/

/* =====================================
	全体のリンク色
====================================== */
a {
	color:#000099;
}
a:hover {
	color:#ff9935;
}

/* =====================================
	topページ
====================================== */


header #headerInner h1 {
        background: url(../../../../Content/images/site/portal/50022/header_title.png) left top no-repeat;
}

/*headerが無地の背景時に使用
------------------------------*/
body #header {
    background: #fff;
}

.btn-help{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 60px;
}

#topicPath {
    border-top: 1px solid #dcdcdc;
    box-shadow: inset 0 1px 0px #fff;
}
#topicPath #topicPathInner {
    width: 980px;
}


/*
#headerInner > a:first-child{
        width: 524px;
        height: 60px;
        display: block;
}
#headerInner > a:first-child > h1{
        width: 100%;
        height: 100%;
}
*/

#headerInner .recpas {
    position: absolute;
    top: 0;
    right: 0px;
}

#headerInner .recpas img{
    height: 78px;
    margin-top: 5px; 
}


.wrapContens {
    box-shadow:inset 0 6px 0 0 #B2E709;
    border-top: 15px solid #658A49;
    overflow-x: hidden;
}
/*メインイメージ背景色*/
.wrapFirst{
    background: #f5f5f5;
    position: relative;
    box-shadow:none;
    border: none;
}

.contentsPortal {
    width: 960px;
    position: relative;
}

.boxExplain {
    /*border: 1px solid #ccc;
    box-shadow: inset 0 0 0 1px #f5f5f5;*/
    border-radius: 0px;
    background: url(../../../../Content/images/site/portal/50022/imageMain.png) left top no-repeat;
    height: 170px;
}
.boxExplain:after{
    content: '';
    width: 300%;
    height: 1px;
    box-shadow: inset 0 -1px 0 0 #ddd;
    border-bottom: 1px solid #fff;
    top: 100%;
    left: -100%;
    position: absolute;

}
/*mainimageに白い帯をつけるとき
.boxExplain:after {
    content:'';
    background:rgba(255,255,255,0.4);
    width: 100%;
    height: 37px;
    display:block;
    position:absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
}*/
/*メインイメージのテキスト部分左寄せか真ん中寄せ*/
.boxExplain h2 {
    margin: 0 auto 0 10px;
    background: url(../../../../Content/images/site/portal/50022/imageMain_txt.png) left center no-repeat;
    background-size: contain;
}
/*カテゴリ選択モーダルの見出し*/
#modalWrapper h1{
    background: #658A49;
}



/* お知らせ 1/4幅 レスポンシブ
---------------------------------------------------*/
.bdrNews  {
    display: block;
/*    border: 1px solid #658A49;
    border-radius:3px;*/
    margin: 4px 4px 8px;
    background: transparent;
    padding: 5px;
    max-height:160px;
    height: 160px;
    width: 232px;
    position: absolute;
    right: 0px;
    top: 10px;
}

.mdsNews {
    font-size: 18px;
    box-sizing: border-box;
    float :none;
    width: auto;
    text-align: left;
    border-bottom: 2px solid #41582F;
    color: #41582F;
}

.listNews {
    box-sizing: border-box;
    text-align: left;
    padding: 0px 1px 5px 8px;
    overflow: auto;
    min-height: 24px;
    width: auto;
    max-height: 123px;
    height: 123px;
    float :none;
    border: none;
}

.listNews dl {
    font-size: 93%;
    line-height: 1.4;
}

.listNews dl dt {
    padding: 0 0 2px;
    font-weight: bold;
    color: #2c68a9;
}

.listNews dl dd {
    padding: 0 0 5px;
}

#news{
	height: auto;
}

/* 掲載マップ一覧
------------------------------ */

/*枠*/
.bdrMap {
    border: 3px solid #658A49;
}

/*画像の表示領域*/
.imageMap {
	height: 110px;
}

/*地図検索ボタン*/
.linkSearchmap {
    background:url(../../../../Content/images/site/mds_module_list.png) 5px center no-repeat #658A49;
    background-size: 16px 16px;
    color: #fff;
    border:1px solid #658A49;
    right: 5px;
    bottom: 5px;
    border-radius: 3px;
}

.wrapSecond section:nth-of-type(3n).boxModule.bdrMap .linkSearchmap {
    background-color: #094792;
    border:1px solid #094792;
}

.wrapSecond section:nth-of-type(4n).boxModule.bdrMap .linkSearchmap {
    background-color: #c04e96;
    border:1px solid #c04e96;
}

.wrapSecond section:nth-of-type(5n).boxModule.bdrMap .linkSearchmap{
    background-color: #658a49;
    border:1px solid #658a49;
}

/*掲載マップ一覧*/
.boxModule.moduleTitle {
    background: #658A49;
    border: 3px solid #658A49;
}

.wrapSecond section:nth-of-type(3n).boxModule.bdrMap {
    border: 3px solid #094792;
}

.wrapSecond section:nth-of-type(4n).boxModule.bdrMap {
    border: 3px solid #c04e96;
}

.wrapSecond section:nth-of-type(5n).boxModule.bdrMap {
    border: 3px solid #658a49;
}

.boxModule.bdrMap a {
    color: #000;
}


/*
.map1 {
    background: url(../../../../Content/images/site/thumMap1.png) 50% 50% no-repeat;
}
*/
.map1 {
    background: url(../../../../Content/images/site/mapct-thumbnail/50022/thumMap1.png) 50% 50% no-repeat;
}
.map2 {
    background: url(../../../../Content/images/site/mapct-thumbnail/50022/thumMap2.png) 50% 50% no-repeat;
}
.map3 {
    background: url(../../../../Content/images/site/mapct-thumbnail/50022/thumMap3.png) 50% 50% no-repeat;
}


/* QRコード
------------------------------ */
.boxQr {
    background: #658A49;
    border: 1px solid #658A49;
/*    display: none;*/
}
.boxQr h2 {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.boxQr p {
    color: #fff;
}

/* バナーエリア
------------------------------ */

.boxBannerWrap {
    margin: 10px auto;
    box-sizing: border-box;
    border: 3px solid #658A49;
    background: #BFDFAE;
    border-radius: 3px;

}
.boxBanner {
    width: 100%;
    font-size: 0;
    text-align: left;
    box-sizing: border-box;
}

.boxBanner a{
    display: inline-block;
    margin: 10px;
}
.boxBanner a img{
    width: 100%;
    max-height: 120px;
}

/*位置選択ページのバナー*/
.ad-outer .boxBanner{
    width: 100%;
}
.ad-outer .boxBannerWrap{
    margin-top: 0;
}


.column-left {
    width: 270px;
}

.column-right {
    width: 710px;
}

/* =====================================
	位置選択ページ
====================================== */

#nomal h3 , .ps-address_search h3 , .column-left h3 , .column-right h3 ,
.prefectures-column-right h3 ,.prefectures-column-left h3{
    background-color: #658A49;
    color: #fff;
    border: 1px solid #dcdcdc;
    background: url("../../../../Content/images/pages/menu/btn_icon_all.png") no-repeat scroll 0 -2px #658A49;
    padding-left: 30px;
}

#nomal > h3:first-child {
  margin-top: 0;
}
/*.ps-address_search{
    margin-bottom: 10px;
}
.ps-address_search h3{
    margin-top: 0;
}

.ps-address_search p{
    width: 30%;
    display: inline-block;
}
.ps-address_search form{
    width: 69%;
    display: inline-block;
}

.ps-address_search input[name="skw"]{
    width: 80% !important;
}*/

.column-left h3:first-child , .column-right h3:first-child{
	margin-top: 0;
}

.column-right .area.area_e{
    padding: 5px 5px 20px;
}

.area.area_e img{
    display: block;
    margin: 0 auto;
}

.column-left input[type="text"] {
    width: 235px !important;
}

.contents-inner .column-left .ci-choices > button {
    background: none;
    border: none;
    color: #000099;
    cursor: pointer;
    min-width: inherit;
    margin: 0 0 0.1em 0;
    font-size: 100%;
    font-weight: normal;
    text-decoration: underline;
    line-height: 1;
    padding-left: 14px;
    background: url(../../../../Content/images/pages/arrow_org.gif) 6px 50% no-repeat;
    outline: 0;
}

.contents-inner .column-left .ci-choices > button.ci-selected {
    font-weight: bold;
}

/*郵便番号・住所、目標物から探す　レイアウト変更*/
#target-div
{
    float:right;
    width :49.5%;
}

#target-div h3
{
    margin :0;
}


#word-search.target #target-div
{
    display:block
}

#word-search.target .nomal-cell
{
    padding-right:50.5%;
}

#word-search.non-target #target-div
{
    display:none
}


/*県選択*/
.column-left .area_g h4{
    margin-top: 10px;
    border: none;
    border-left: 5px solid #658A49;
    padding-left: 5px;
    font-size: 14px;
}

/*一覧テスト記述*/
.area_g a{
    display: inline-block;
}
.area_g .ci-choices button:empty{
    display: none;
}

/* =====================================
	住所一覧ページ
====================================== */

/* 頭文字で絞り込み検索
------------------------------ */
.selectmap-inner #PqList {
    background: #f4e8d9;
    border: 2px solid #efdfcb;
}

.selectmap-inner h4.mds_h4_int {
    background: #efdfcb;
}


/* 大字・町名一覧
------------------------------ */
#Area_F #Title {
    background-color: #658A49;
    color: #fff;
}

#Area_F .CTName , #addressPanel .CTName{
    border: 1px solid #b5cea2;
    background-color: #cbe4b9;
    color: #343434;
}



/* =====================================
	タブ使用時
	:afterがついているのは下線部分の設定
	検索窓の設定あり
	.map-select .map-select-body span.btn-map-select-bodyに表示非表示
======================================*/

#tab.tabWrap { /*位置選択ページのタブ切替を非表示*/
    display: none !important;
}

.map-select-tab {
    min-height: 30px !important;
    margin-bottom: 1px;
}

.map-select {
    display: block;
}

.map-select-tab ul > li a {
    background:none;
    display: block;
    width: 81px;
    height: 30px;
    margin: 0 auto;
    position:relative;
    box-sizing: border-box;
    background:initial;
    border:none;
    font-weight: bold;
    line-height: 30px;
    text-indent: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.map-select-tab ul > li {
    width: 81px;
    height: 30px;
    margin: 1px 1px 10px 0;
}

.map-select-tab .map-select ul li,
.map_click_change_Wrap .map_click_change ul li {
    margin-bottom: 2px;
}

.frame-info{
    position:relative;
}


#tab .map-select-tab .map-select,
#tab .map_click_change_Wrap .map_click_change {
    margin: 0 10px 0 auto;
    width: auto;
    border-bottom: none;
}
#tab .map-select-tab .map-select {
  /*  width: auto;*/
  background-image: none;
  background-color: transparent;
}

.frame-map .header {
    margin-top: 0;
    margin-left: 0px;
}

.frame-division-right .frame-inner {

  /*  overflow: auto;*/
}

/*.map-select-tab ul > li a[class^="current_navi"]
{
    background:#094792;
}*/

.map-select-tab ul > li a[class*="navi1"]
{
    background:#094792;
}

.map-select-tab ul > li a[class*="navi2"]
{
    background: #094792;/*#C04E96*/
}

.map-select-tab ul > li a[class*="navi3"]
{
    background: #C04E96;
}

/* NORMAL
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*固定令6*/.map-select-tab ul > li a.navi224 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -300px; }
/*固定令5*/.map-select-tab ul > li a.navi223 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -270px; }
/*固定令4*/.map-select-tab ul > li a.navi222 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -240px; }
/*固定令3*/.map-select-tab ul > li a.navi221 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -210px; }
/*固定令2*/.map-select-tab ul > li a.navi220 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -180px; }
/*固定平31*/.map-select-tab ul > li a.navi219 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -150px; }
/*固定平30*/.map-select-tab ul > li a.navi218 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -120px; }
/*固定平29*/.map-select-tab ul > li a.navi217 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -90px; }
/*固定平28*/.map-select-tab ul > li a.navi216 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -60px; }
/*固定平27*/.map-select-tab ul > li a.navi215 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center -30px; }
/*固定平26*/.map-select-tab ul > li a.navi214 { background: #92c0f8 url("../../../../Content/images/pages/tab_chg_a_off.png") no-repeat center 0px; }

/*相続令6*/.map-select-tab ul > li a.navi324 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -300px; }
/*相続令5*/.map-select-tab ul > li a.navi323 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -270px; }
/*相続令4*/.map-select-tab ul > li a.navi322 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -240px; }
/*相続令3*/.map-select-tab ul > li a.navi321 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -210px; }
/*相続令2*/.map-select-tab ul > li a.navi320 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -180px; }
/*相続平31*/.map-select-tab ul > li a.navi319 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -150px; }
/*相続平30*/.map-select-tab ul > li a.navi318 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -120px; }
/*相続平29*/.map-select-tab ul > li a.navi317 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -90px; }
/*相続平28*/.map-select-tab ul > li a.navi316 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -60px; }
/*相続平27*/.map-select-tab ul > li a.navi315 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center -30px; }
/*相続平26*/.map-select-tab ul > li a.navi314 { background: #eccae0 url("../../../../Content/images/pages/tab_chg_b_off.png") no-repeat center 0px; }

/*公示令06*/.map-select-tab ul > li a.navi124 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -300px; }
/*公示令05*/.map-select-tab ul > li a.navi123 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -270px; }
/*公示令04*/.map-select-tab ul > li a.navi122 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -240px; }
/*公示令03*/.map-select-tab ul > li a.navi121 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -210px; }
/*公示令02*/.map-select-tab ul > li a.navi120 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -180px; }
/*公示平31*/.map-select-tab ul > li a.navi119 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -150px; }
/*公示平30*/.map-select-tab ul > li a.navi118 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -120px; }
/*公示平29*/.map-select-tab ul > li a.navi117 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -90px; }
/*公示平28*/.map-select-tab ul > li a.navi116 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -60px; }
/*公示平27*/.map-select-tab ul > li a.navi115 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center -30px; }
/*公示平26*/.map-select-tab ul > li a.navi114 { background: #bfd5af url("../../../../Content/images/pages/tab_chg_c_off.png") no-repeat center 0px; }

/* CURRENT
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.map-select-tab ul > li a.current_navi224 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -300px; }
.map-select-tab ul > li a.current_navi223 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -270px; }
.map-select-tab ul > li a.current_navi222 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -240px; }
.map-select-tab ul > li a.current_navi221 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -210px; }
.map-select-tab ul > li a.current_navi220 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -180px; }
.map-select-tab ul > li a.current_navi219 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -150px; }
.map-select-tab ul > li a.current_navi218 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -120px; }
.map-select-tab ul > li a.current_navi217 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -90px; }
.map-select-tab ul > li a.current_navi216 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -60px; }
.map-select-tab ul > li a.current_navi215 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center -30px; }
.map-select-tab ul > li a.current_navi214 { background: #094792 url("../../../../Content/images/pages/tab_chg_a.png") no-repeat center 0px; }

.map-select-tab ul > li a.current_navi324 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -300px; }
.map-select-tab ul > li a.current_navi323 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -270px; }
.map-select-tab ul > li a.current_navi322 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -240px; }
.map-select-tab ul > li a.current_navi321 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -210px; }
.map-select-tab ul > li a.current_navi320 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -180px; }
.map-select-tab ul > li a.current_navi319 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -150px; }
.map-select-tab ul > li a.current_navi318 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -120px; }
.map-select-tab ul > li a.current_navi317 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -90px; }
.map-select-tab ul > li a.current_navi316 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -60px; }
.map-select-tab ul > li a.current_navi315 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center -30px; }
.map-select-tab ul > li a.current_navi314 { background: #c04e96 url("../../../../Content/images/pages/tab_chg_b.png") no-repeat center 0px; }

.map-select-tab ul > li a.current_navi124 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -300px; }
.map-select-tab ul > li a.current_navi123 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -270px; }
.map-select-tab ul > li a.current_navi122 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -240px; }
.map-select-tab ul > li a.current_navi121 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -210px; }
.map-select-tab ul > li a.current_navi120 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -180px; }
.map-select-tab ul > li a.current_navi119 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -150px; }
.map-select-tab ul > li a.current_navi118 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -120px; }
.map-select-tab ul > li a.current_navi117 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -90px; }
.map-select-tab ul > li a.current_navi116 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -60px; }
.map-select-tab ul > li a.current_navi115 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center -30px; }
.map-select-tab ul > li a.current_navi114 { background: #658a49 url("../../../../Content/images/pages/tab_chg_c.png") no-repeat center 0px; }

.map-select-tab ul > li a:hover {
    opacity: 0.8;
}

/* 2画面 */
.frame-division-left .map-select-tab .map-select ul li a,
.frame-division-right .map-select-tab .map-select ul li a,
.frame-division-left .map_click_change_Wrap .map_click_change ul li a,
.frame-division-right .map_click_change_Wrap .map_click_change ul li a {
    display: block;
    width: 81px;
    height: 30px;

}

/*.map-select-tab ul > li a:after {
    content:'';
    width: 110px;
    height: 20px;
    display: block;
    border-bottom: 2px solid #658A49;
    position:absolute;
    top:3px;
    left: 50%;
    margin-left: -55px;
}
.map-select-tab ul > li a:hover:after {
    border-bottom: 2px solid #a3e6fd;
}

.map-select-tab ul > li a[class^="navi"]:after
    width: 96px;
    margin-left: -48px;
}

.map-select-tab ul > li a[class^="current_navi"]:after
{
    border-bottom-color:#ff9900;
}
*/

.frame-info .search{
    height: 39px;
}
.frame-info .search .srch {
    padding: 5px 0;
}
.srch input[type="text"]{
    background: #fff4c2;
}

.srch input[type="text"].placeholder{
    color: #888888;
}

.srch input[type="text"]:focus{
    background:#fff;
}


/* =====================================
	地図ページ
====================================== */
#header-map {
    background:#fff;
}
.frame-map .header {
    background-color: #658A49;
}

.header .backgroundmap{
    background: #658A49;
/*    background: #fff;*/
    right: 0 !important;
    height: 26px;
    z-index: 5;
}
.header .backgroundmap select {
    display: none;
}

.header .backgroundmap + .frame-close {
    background: url("../../../../Content/images/pages/ulaydel.png") no-repeat scroll center center #658A49;
}

.header .center-address span.splitter,
.header .center-address a.geolocation,
.header .opacity-slider,
.header .opacity-reset,
.header .opacity-title {
    z-index: 10;
}
.reisze-wrap.maps .header .center-address .ipt-text {
    min-width: auto;
    max-width: 250px;
}
.reisze-wrap.maps .header .frame-close {
    z-index: 15;
}

/*ロゴ画像をcss表示にする設定*/
#header-map h1 {
  background: url(../../../../Content/images/site/portal/50022/header_title.png) center left no-repeat;
  width: 550px;
  height: 60px;
  margin: 0;
  top: 0;
  left: 0;
}

#header-map h1 a{
    width: 100%;
    height: 100%;
    display: block;
}
#header-map h1 a img{
    display: none;
}


/*モーダルをtopと同じ見た目に*/


.win-map-select1 div[id^="category-"],
.win-map-select2 div[id^="category-"]{
  margin-top: 10px;
}
.win-map-select1 .map-select-body ul li.map-list,
.win-map-select2 .map-select-body ul li.map-list {
  width: 230px;
  height: 180px;
  box-sizing: border-box;
}


body .win-map-select1 .map-select-body ul li.map-list a p.map-list-text,
body .win-map-select2 .map-select-body ul li.map-list a p.map-list-text {
    position: absolute;
    left: 20px;
    top: 138px;
    width: 200px;
    font-size: 14px;
    font-weight: normal;
    line-height:1.2;
}
body .win-map-select1 .map-select-body ul li.map-list a p.map-list-text,
body .win-map-select2 .map-select-body ul li.map-list a p.map-list-text{
      color: #009;
}

body .win-map-select1 .map-select-body ul li.map-list a p.map-list-text.current,
body .win-map-select2 .map-select-body ul li.map-list a p.map-list-text.current,
body .win-map-select1 .map-select-body ul li.map-list a:hover p.map-list-text,
body .win-map-select2 .map-select-body ul li.map-list a:hover p.map-list-text {
    position: absolute;
    left: 20px;
    top: 138px;
    width: 200px;
    font-size: 14px;
    color: #ed9041;
    font-weight: normal;
    cursor: pointer;
    line-height:1.2;
}


body .win-map-select1 .map-select-body ul li.map-list,
body .win-map-select2 .map-select-body ul li.map-list {
    box-shadow: 0 0 4px #dcdcdc;
    margin: 4px 1% 12px 1%;
    padding:0;
    text-align:center;
}
body .win-map-select1 .map-select-body ul li.map-list:hover,
body .win-map-select2 .map-select-body ul li.map-list:hover{
  opacity: 0.7;
}
body .win-map-select1 .map-select-body ul li.map-list img,
body .win-map-select2 .map-select-body ul li.map-list img{
  border: none;
}

/* 左ナビ
------------------------------ */


/* 左ナビの枠 */
.layer-tree .tree-wrap {
    border: 4px solid #658A49;
    border-top: none;
}

/* 検索ボタン */

.frame-info .search .btn-adrsrc {
    background-color: #FF9901;
    color: #fff;
}
.frame-info .search .btn-adrsrc:hover {
    background-color: #FF9901;
    opacity: 0.7;
}


/* 地図のタイトル */
.mapNameTab h2.map-title , .map-select h2.map-title {
    height: 40px;
    background-color: #f7f7f7;
    color: #333333;
    line-height: 40px;
    width: 95%;
}
h2.map-title.size-m {
    line-height: 40px;
}
h2.map-title.size-s {
    line-height: 1.6;
}

/* iボタンの表示・非表示 */
/*.map-select .map-info .btn-map-info {
    display: none;
}*/
.header .mapNameTab .btn-map-info {
    display: none;
}
/** iボタンが非表示の時はwidthを大きめに設定 **/
.map-select h2.map-title {
    width: 200px;/*iボタン表示の時：170px*/
}

/* マップ切り替え */
.map-select .map-select-body span.btn-map-select-body {
    background: url("../../../../Content/images/pages/menu/btn_icon_chg.png") no-repeat scroll left center #FF9901;
    color: #fff;
    /*display:none;タブ機能使用時*/
}
.map-select .map-select-body span.btn-map-select-body:hover {
    background: url("../../../../Content/images/pages/menu/btn_icon_chg.png") no-repeat scroll left center #FF9901;
    opacity: 0.7;
}

.map-select .map-select-body {
    border-left: none;
    border-right: none;
}

/* 探す測る描くルートエリア */
.frame-info ul.nav {
    border: 1px solid #e6e6e6;
}

.frame-info ul.nav li {
    border-right: 1px solid #fff;
    background: #658A49;
    width: 154px;

    /*background: -moz-linear-gradient(top, #658A49 0%, #658A49 49%, #065999 50%, #065999 100%);
    background: -webkit-linear-gradient(top, #658A49 0%,#658A49 49%,#065999 50%,#065999 100%);
    background: linear-gradient(to bottom, #658A49 0%,#658A49 49%,#065999 50%,#065999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#658A49', endColorstr='#065999',GradientType=0 );*/
}
.frame-info ul.nav li:last-child {
    width: 155px;
}

.frame-info ul.nav li:hover {
/*    background: #5589bf;
    background: -moz-linear-gradient(top,rgba(85,137,191,1) 0%,rgba(85,137,191,1) 50%,rgba(86,127,168,1) 51%,rgba(86,127,168,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(85,137,191,1)),color-stop(50%,rgba(85,137,191,1)),color-stop(51%,rgba(86,127,168,1)),color-stop(100%,rgba(86,127,168,1)));
    background: -webkit-linear-gradient(top,rgba(85,137,191,1) 0%,rgba(85,137,191,1) 50%,rgba(86,127,168,1) 51%,rgba(86,127,168,1) 100%);
    background: -o-linear-gradient(top,rgba(85,137,191,1) 0%,rgba(85,137,191,1) 50%,rgba(86,127,168,1) 51%,rgba(86,127,168,1) 100%);
    background: -ms-linear-gradient(top,rgba(85,137,191,1) 0%,rgba(85,137,191,1) 50%,rgba(86,127,168,1) 51%,rgba(86,127,168,1) 100%);
    background: linear-gradient(to bottom,rgba(85,137,191,1) 0%,rgba(85,137,191,1) 50%,rgba(86,127,168,1) 51%,rgba(86,127,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5589bf',endColorstr='#567fa8',GradientType=0);
*/
   opacity: 0.7;
}
/*探す測る描くルートのどれかが無効時のボタン色設定*/
.modespsearch .frame-info ul.nav li {
    background: #aaa;
}
.modespsearch .frame-info ul.nav li:first-of-type {
    background: #658A49;
}
.modespsearch .frame-info ul.nav li:hover {
    opacity: 1;
}

.modespsearch .frame-info ul.nav li:first-of-type:hover {
    opacity: 0.7;
}
/**/

.frame-info ul.nav li a {
    display:block;
    width:auto;
    color: #fff;
    /*text-shadow: 1px 1px 2px #144475;*/
    text-shadow: none;
}

.frame-info ul.nav li:nth-child(2),
.frame-info ul.nav li:nth-child(3),
.frame-info ul.nav li:nth-child(4) { display: none; }
.frame-info ul.nav li:first-child { width: 100%; }

/* 表示切替 */
.switch {
    background-color: #658A49;
}

.switch p {
    /*text-shadow: 1px 1px 2px #1b5c99;*/
    text-shadow: none;
}


/* 住所一覧を表示して検索、目標物・施設一覧を表示して検索 */
.frame-info ul.link li {
    background: #658A49;
    color:#fff;
    /*background: -moz-linear-gradient(top, #658A49 0%, #658A49 49%, #065999 50%, #065999 100%);
    background: -webkit-linear-gradient(top, #658A49 0%,#658A49 49%,#065999 50%,#065999 100%);
    background: linear-gradient(to bottom, #658A49 0%,#658A49 49%,#065999 50%,#065999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#658A49', endColorstr='#065999',GradientType=0 );*/
}


.frame-info ul.link li:hover {
    opacity: 0.7;
}

/* 検索結果 */
.search-keyadrs-multi .result .multi-result .searchinfo {
    background: #f3fbb6;
    border-top: 1px solid #222;
}
.search-keyadrs-multi .result .multi-result .searchfor {
    color: #f00;
}

.search-keyadrs-multi .result .multi-result .multi-result-title {
    background: #658A49;
    color: #fff;
}

/* マップ選択 */

.fw-tabs li.category-map a {
    background :#ababab;
}

.fw-tabs li.category-map.fw-selected a, .fw-tabs li.category-map a:hover {
    background: #658A49;
    color: #fff;
}

.win-map-select1 .map-select-body ul li.map-list a p.map-list-text, .win-map-select2 .map-select-body ul li.map-list a p.map-list-text {
    color: #555;
}

.win-map-select1 .map-select-body ul li.map-list a p.map-list-text.current, .win-map-select2 .map-select-body ul li.map-list a p.map-list-text.current, .win-map-select1 .map-select-body ul li.map-list a:hover p.map-list-text, .win-map-select2 .map-select-body ul li.map-list a:hover p.map-list-text {
    color :#658A49;
}

/* テーマ検索の左ナビ */
#theme-layer-tree .tree-wrap {
    border: 0px;
}

#parent-area-select, #parent-layer-tree {
    background: #fff;
}

#theme-layer-tree ul.switch {
    background: none;
    border: none;
}

/* 詳細情報画面 */
.result-info2-class { display: none; }

.detail .detail-content .result-detail p.value {
    margin: 4px 4px 4px;
}

.search-coord-content .mrg4,
.search-coord-content .public-geograph {
    display: none;
 }

/* 右クリックメニュー */

.cm-context-menu {
    border: 1px solid #222;
}

.cm-context-menu ul {
    border: 1px solid #ccc;
}

.cm-context-menu .cm-item.cm-address {
    background: none repeat scroll 0 0 #658A49;
    color: #fff;
    padding-right: 25px;
}

.cm-context-menu .cm-close {
    top: 3px;
    right: 3px;
}


/* 属性一覧
------------------------------ */

.fdl-layer-select-area {
    background-color: #658A49;
}

.fdl-title {
    border: solid 1px transparent;
    color: #fafffa;
}

.btn-fdl-close, .btn-fdl-close:hover {
    border: solid 1px #fafffa;
    color: #fafffa;
}

.btn-fdl-close:hover {
    background: #276cb2;
}

/* リンク
------------------------------ */

.win-link1.fw-f-window .fw-window-handle, .win-link2.fw-f-window .fw-window-handle {
    background: #555 url("../../../../Content/images/pages/map/ttl_link.png") no-repeat scroll 4px center;
}



/* URLリンク、外部サイトボタン */
.fw-tabs {
    background: #555;
}


.fw-tabs li.fw-selected a, .fw-tabs li a:hover {
    color: #fff;
    font-weight: bold;
    background: #dc4e4e;
}

.fw-tabs li a {
    background: #218cc2;
}

/* 画像保存
------------------------------ */
#win-save.fw-f-window .fw-window-handle {
    background: #555 url("../../../../Content/images/pages/map/ttl_save.png") no-repeat scroll 4px center;
}


/* 印刷
------------------------------ */
.map-print-content h1 {
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
}

.map-print-content h1 span {
    color: #658A49;
}


/* rotate_map
------------------------------ */

/*header部分*/
#frame-map .header {
    background: url("../../../../Content/images/pages/content_brackarea_bg.jpg") repeat-x scroll left top transparent;
    background: #555;
}


/*右上のnavボタン*/
.rotate-map #header {
    background:#fff;
    box-shadow: 0 0 5px #ddd;
}

#header ul.nav li:first-of-type {
    border-left: none;
}
#header ul.nav li {
    border-left: 1px solid #ddd;
}

/*ナビボタンのテキスト*/
.rotate-map #header ul.nav li a.measure
,.rotate-map #header ul.nav li a.draw
,.rotate-map #header ul.nav li a.route {
    text-indent: 100%;
}


/* =====================================
	利用許諾ページ
====================================== */

#policy .wrap-note {
    border: 4px solid #658A49;
    background-color: #fff;
}

#policy .mds-top01 h2 {
    border-bottom: 4px solid #658A49;
    color: #000;
    background: none;
}

#policy h3.mds-sub01 {
    background: #658A49;
    border: 1px solid #dcdcdc;
    color: #fff;
    margin: 1em 0;
}

#policy .box-frame2 .note2 dl dt {
    border-left: 10px solid #658A49;
    padding-left: 0.5em;
    margin: 1em 0 0.5em;
}

#policy .policy-inner {
    background: none;
}

/*ご利用上の留意事項*/
#policy .note2 > ol > li {
    margin-bottom: 1em;
}

#policy .wrap-note .date {
  text-align:right;
}

#policy .note2 .bnr{
    text-align:right;
    margin: 0.5em 0 1.5em;
}
#policy .note2 .bnr a{
    display:inline-blok;
}

#policy .note2 table.update{
  width: 100%;
  margin-bottom: 2em;
}

#policy .note2 table.update tr{
  border: none;
  border-bottom: 1px dotted #999;
  padding: 0.5em;

}

#policy ul.list{
  list-style-type: disc;
  margin-left: 23px;
}

#policy .box-frame2 .note2 dl dd {
    padding: 0;
    background: none;
}
/* =====================================
	住所検索結果ページ
====================================== */

.content-wrap .condtion-title {
    background-color: #658A49;
    background: url("../../../../Content/images/pages/menu/btn_icon_all.png") no-repeat scroll 0 -2px #658A49;
    border-bottom: none;
    padding-left: 30px;
}

/* =====================================
	テーマ検索結果ページ
====================================== */
.reisze-wrap {
    background :#f5f5f5;
}
.frame-first {
    background: none;
}
.result-display table {
    background: #fff;
}
#theme-grid .onSelected {
    background: #FDD774;
}
#theme-grid .ui-state-hover {
    background: #78C8EB;
}

/*#parent-layer-tree {
    height:231px !important;
}

#theme-layer-tree {
    height:190px !important;
}*/


/* =====================================
	ターゲットサーチ
	TargetSearch
====================================== */

/*イラストマップ切替がある場合
#landmark-kind-tree .ct-wrap {
    height: 366px !important;
}*/


/* =====================================
	お問い合わせページ
	Inquery
====================================== */

#contents section h1 {
    border-left: 6px solid #658A49;
}

.inquiryOuter table tr th {
    padding: 2px 4px;
    background: #555;
    border: 1px solid #555;
    border-right: #fff solid 1px;
}

.inquiryOuter table tr th:last-child {
    border-right: #555 solid 1px;
}

.inquiryOuter table tr td {
    border: 1px solid #555;
}


/* =====================================
	ポータルサーチ
====================================== */
#contents > h3 , #SearchWord > h3 {
    background: #658A49;
    border: 1px solid #dcdcdc;
}

#Result > #admh h4, #Result > #tpdb h4,#Result > #tgdb h4,#Result > #addb h4, #Result > #zpdb h4, #Result > #mkwd h4 {
    background: #658A49;
}


/* =====================================
	フッター
====================================== */
/*フッターの電話番号の頭に電話：を表示
address > span:last-of-type:before {
    content:'電話：';
}
*/
footer address{
    padding:0;
    width: 100%;
}

footer #copyright{
    width: 100%;
    text-align: left;
    margin-top: 0.5em;
    padding-left: 0;
}


/* =====================================
	汎用ボタン
====================================== */
/*
input.buttonType {
    background: #F0F0F0;
    border: 1px solid #999;
}
input.buttonType:hover {
    border: 1px solid #666;
    color: #111;
}
*/


/* =====================================
	地価マップ非表示
====================================== */
  /*ヘルプ*/
  #header #headerInner #headerNav{
      display:none;
  }
  /*地図画面描く*/
  .frame-info ul.nav li:last-child,
  .frame-info ul.nav li .draw-tool{
      display:none;
  }

  /*地図画面ヘルプ*/
  #header-map .nav li.guide-li{
      list-style-type: none;
  }
  /*回転画面*/
  .rotate-map #header .nav li:nth-of-type(2){
      display:none;
  }
  /*地図画面右クリック一部非表示*/
  .cm-context-menu .cm-hr {
      display:none;
  }
  .cm-context-menu .cm-item.googlemap,
  .cm-context-menu .cm-item.yahoomap,
  .cm-context-menu .cm-item.weathernews,
  .cm-context-menu .cm-item.bookmark,
  .cm-context-menu .coordinate-info
  {
      display:none !important;
  }
  /*地図画面 探すウインドウのボタンを非表示*/
  .win-search1 .search-info-li , .win-search1 .search-extract-li , .win-search1 .search-target-li , .win-search1 .search-mypoint-li,
.win-search2 .search-info-li , .win-search2 .search-extract-li , .win-search2 .search-target-li , .win-search2 .search-mypoint-li  {
        display:none !important;
  }

  .fw-f-window .external-site-li { display:none !important; }

  /*利用許諾の上のbox*/
  #policy > .policy-inner > div:first-child{
          display:none;
  }

  /*地図左メニュー*/
  .layer-tree .tree-wrap ul li.layerct.bg-base1 .layerct-hitarea.expandable-hitarea,
  .layer-tree .tree-wrap ul li.ulayerct.bg-base1 .ulayerct-hitarea.expandable-hitarea{
      display:none;
  }

  .frame-info ul.link {
/*    display: none;*/
  }

/*---*/

/* =====================================
	レスポンシブで変わる部分
====================================== */

/*  = スマートフォン用 - 1column
----------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    /*通常ロゴが入りきれない時に使用*/
    body.site-50022.Portal header #headerInner h1 {
        width: 100%;
        margin-left: 0px;
        background:url(../../../../Content/images/site/portal/50022/header_title.png) left center no-repeat;
        background-size:100% auto;
    }
    body.site-50022.Portal header #headerInner h1 img{
        width: 300px;
        height: auto;
    }

    .wrapFirst{
      box-shadow: inset 0 -1px 0 0 #ddd;
      border-bottom: 1px solid #fff;
    }


    .wrapFirst > .boxExplain {
        background: url(../../../../Content/images/site/portal/50022/imageMain_sp.png) center center no-repeat;
        background-size: contain;
        width: 98%;
        height: 0px;
        padding-top: 37.6%;/*高さはここで調整する*/
    }
    .boxExplain:after{
        content: none;
    }
    .contentsPortal {
        width: auto;
        position: static;
    }
    .wrapFirst .repcas {
        display: block;
        margin-right: 1%;
        text-align: right;
    }
    #header #headerInner .recpas {
        display: none;
    }
    .repcas a {
        width: 200px;
        display: inline-block;
    }
    .repcas a img {
        width: 100%;
    }
    .wrapThird .boxBannerWrap {
        width:auto;
        margin: 10px 1%;
        text-align: left;
    }
    .wrapThird .boxBanner {
        width:auto;
        padding: 1%;
        text-align: left;
    }

    .wrapThird .boxBanner a{
        display: inline-block;
        margin: 1%;
        width: 31%;

    }
    .wrapThird .boxBanner a img{
        width: 100%;
        max-width: initial;
    }

    /* お知らせ 全幅
    ---------------------------------------------------*/
    .bdrNews  {
        display: block;
        width: auto;
        height: auto;
        max-height: 150px;
/*        border: 1px solid #658A49;
    		border-radius:3px;*/
        margin: 4px 4px 8px;
        background: transparent;
        padding: 5px;
        position: static;
    }

    .mdsNews {
        width:20%;
        float: left;
        font-size: 15px;
        box-sizing: border-box;
        border-bottom:none;
    }

    .listNews {
        width:80%;
        float: left;
        box-sizing: border-box;
        text-align: left;
        padding: 0px 1px 5px 8px;
        overflow: auto;
        height: auto;
        min-height: 24px;
        max-height: 150px;
        border-left: 2px solid #658A49;
    }

    .listNews dl {
        font-size: 93%;
        line-height: 1.4;
    }

    .listNews dl dt {
        padding: 0 0 2px;
        font-weight: bold;
        color: #2c68a9;
    }

    .listNews dl dd {
        padding: 0 0 5px;
    }

    #news{
    	height: auto;
    }

    .boxQr {
        display: none;
    }

}

/*  = 小型タブレット用 - 2column
----------------------------------------------------------------------*/
@media only screen and (min-width: 481px) {
    .wrapFirst {
        width: auto;
        box-shadow: inset 0 -1px 0 0 #ddd;
        border-bottom: 1px solid #fff;
    }

    .wrapFirst > .boxExplain {
        background: url(../../../../Content/images/site/portal/50022/imageMain.png) center top no-repeat;
        /*background: #cde3fb;*/
        width: auto; height:170px;
        padding-top: 0;
    }
    .boxExplain:after{
        content: none;

    }

    .wrapFirst > .boxExplain h2{
        width: 90%;
        max-width: 443px;
    }
    #header #headerInner .recpas {
        display: none;
    }
    .wrapFirst .repcas {
        display: block;
        margin-right: 1%;
        text-align: right;
    }
    .repcas a {
        width: 260px;
        display: inline-block;
    }
    .repcas a img {
        width: 100%;
    }
    .contentsPortal {
        width: auto;
        position: relative;
    }
    .wrapThird .boxBannerWrap {
        width:auto;
        margin: 10px 1%;
    }
    .wrapThird .boxBanner {
        width:auto;
        padding: 1%;
    }
    .wrapThird .boxBanner a{
        display: inline-block;
        margin: 1%;
        width: 18%; /*14.6%*/
    }
    .wrapThird .boxBanner a img{
        width: 100%;
        max-width: 120px;
    }

    /* お知らせ 全幅
    ---------------------------------------------------*/
    .bdrNews  {
        display: block;
        width: auto;
        height: auto;
        max-height: 150px;
/*        border: 1px solid #658A49;
    		border-radius:3px;*/
        margin: 4px 4px 8px;
        background: transparent;
        padding: 5px;
        position: static;
    }

    .mdsNews {
        width:20%;
        float: left;
        font-size: 15px;
        box-sizing: border-box;
        border-bottom:none;
    }

    .listNews {
        width:80%;
        float: left;
        box-sizing: border-box;
        text-align: left;
        padding: 0px 1px 5px 8px;
        overflow: auto;
        height: auto;
        min-height: 24px;
        max-height: 150px;
        border-left: 2px solid #658A49;
    }

    .listNews dl {
        font-size: 93%;
        line-height: 1.4;
    }

    .listNews dl dt {
        padding: 0 0 2px;
        font-weight: bold;
        color: #2c68a9;
    }

    .listNews dl dd {
        padding: 0 0 5px;
    }

    #news{
    	height: auto;
    }
}

/*  = 大型タブレット用 - 3column
----------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
    .wrapFirst {
        box-shadow: none;
        border-bottom: none;
    }
    .wrapFirst > .boxExplain {
        background: url(../../../../Content/images/site/portal/50022/imageMain.png) 90% top no-repeat;
        /*background: #cde3fb;*/
        width: auto; height:170px;
        padding-top: 0;
    }
    #header #headerInner .recpas {
        display: block;
        margin-right: 1%;
    }
     .wrapFirst .repcas {
        display: none;
    }
/*メインイメージ下のライン。3カラム以上専用*/
    .wrapContens {
        overflow-x: hidden;
		}
    .boxExplain:after{
        content: '';
        width: 300%;
        height: 1px;
        box-shadow: inset 0 -1px 0 0 #ddd;
        border-bottom: 1px solid #fff;
        top: 100%;
        left: -100%;
        position: absolute;
    }


    .wrapFirst > .boxExplain h2{
        width:443px;
    }
    #news .mdsNews {
        float :none;
        width: auto;
        text-align: left;
        border-bottom: 2px solid #41582F;
        color: #41582F;
    }
    .listNews {
        width: auto;
        max-height: 265px;
        height: 265px;
        float :none;
        border: none;
    }
    .bdrNews {
        max-height: 288px;
        height: 288px;
        width: 220px;
        position: absolute;
        right: 0px;
        top: 15px;
    }
    .wrapThird .boxBannerWrap {
        min-width: 489px;
        max-width: 605px;
        margin: 10px 1%;
        float: left;
    }
    .boxQr {
        margin: 10px 1% 0 0;
    }

    /* お知らせ 1/4幅
    ---------------------------------------------------*/
    .bdrNews  {
        display: block;
/*        border: 1px solid #658A49;
    	border-radius:3px;*/
        margin: 4px 4px 8px;
        background: transparent;
        padding: 5px;
        max-height: 160px;
        height: 160px;
        width: 32%;
        position: absolute;
        right: 0px;
        top: 10px;
        box-sizing: border-box;
    }

    .mdsNews {
        font-size: 18px;
        box-sizing: border-box;
        float :none;
        width: auto;
        text-align: left;
        border-bottom: 2px solid #41582F;
    }

    .bdrNews .listNews {
        box-sizing: border-box;
        text-align: left;
        padding: 0px 1px 5px 8px;
        overflow: auto;
        min-height: 24px;
        width: auto;
        max-height: 123px;
        height: 123px;
        float :none;
        border: none;
    }

    .listNews dl {
        font-size: 93%;
        line-height: 1.4;
    }

    .listNews dl dt {
        padding: 0 0 2px;
        font-weight: bold;
        color: #2c68a9;
    }

    .listNews dl dd {
        padding: 0 0 5px;
    }

    #news{
    	height: auto;
    }
    .boxQr {
        margin: 10px 1%;
    }
    .boxQr h2 div {
        height: 30px;
        line-height: 30px;
    }
    .boxQr p {
        padding-top: 0px;
        text-align: center;
    }



}
/*  = 通常PC用 - 4column
----------------------------------------------------------------------*/
@media only screen and (min-width: 961px) {
    .wrapFirst > .boxExplain {
        background: url(../../../../Content/images/site/portal/50022/imageMain.png) left top no-repeat #BFDFAE;
        /*background: #cde3fb;*/
        width: 952px;height: 170px;
    }
    .wrapFirst > .boxExplain h2{
        width:443px;
    }
    #headerInner .recpas {
        display: block;
        margin-right: 0;
    }
    .contentsPortal {
        width: 960px;
        position: relative;
    }
    .boxBannerWrap {
        width:auto;
        margin: 10px auto;
    }
    .wrapThird .boxBannerWrap {
        width: auto;
        min-width: 605px;
        max-width: 712px;
        margin: 10px 4px;
        float: left;
    }
    .boxBanner {
        width: 840px;
        height: 194px;
        margin: 0px auto;
        padding: 0px;
    }
    .boxBanner a{
        display: inline-block;
        margin: 10px;
        width: auto;
    }
    .boxBanner a img{
        width: 100%;
        max-width: 120px;
    }
    /*お知らせは他は3columと同じ*/
    /*お知らせ1/4幅*/
    .wrapSecond .bdrNews  {
        width: 232px;
        box-sizing: border-box;
    }
    .boxQr {
        margin: 10px 4px;
    }
    .boxQr h2 div {
        height: 35px;
        line-height: 35px;
    }
    .boxQr p {
        padding-top: 0px;
        text-align: center;
    }
}



/*イメージマップカーソル設定（IE無効）*/
area{
	cursor: pointer;
}
