﻿@charset "UTF-8";

*{font-size:100%;}

html {}

a{outline:none;}

/**********************************************************************/
/* 切替ナビ
***********************************************************************/
#nav {
	width: 100%;
	height: 48px;
    background: url(../img/tab_bg.png) repeat-x left top;
}

#nav ul {
	width: 100%;
	margin: 0 0;
}

#nav ul li {
	float: left;
	diplay:inline;
	margin: 0px;
	height: 45px;
	overflow: hidden;
}

/* 通常時 OFF */

#nav ul li.dtp2_off a,
#nav ul li.dtp3_off a,
#nav ul li.dtp4_off a,
#nav ul li.dtp5_off a,
#nav ul li.dtp6_off a,
#nav ul li.dtp7_off a {
	display: block;
	width: 122px;
	height: 43px;
	overflow: hidden;}


#nav #navlist {
    height: 43px;
    padding: 0 8px;
    overflow: hidden;
}

/* HOVER */

#nav ul li.dtp2_off a:hover,
#nav ul li.dtp3_off a:hover,
#nav ul li.dtp4_off a:hover,
#nav ul li.dtp5_off a:hover,
#nav ul li.dtp6_off a:hover,
#nav ul li.dtp7_off a:hover {
	text-decoration: none;
	font-weight: bold;
}

/* 選択時 ON */

#nav ul li.dtp2_on,
#nav ul li.dtp3_on,
#nav ul li.dtp4_on,
#nav ul li.dtp5_on,
#nav ul li.dtp6_on,
#nav ul li.dtp7_on {
	display: block;
	width: 122px;
    height: 42px;
	overflow: hidden;}



/**********************************************************************/
/* パンくずリスト
***********************************************************************/

#bc {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 2px 0;
	text-align: left;
	color: #111;
}

dl { font-size: 90%;}

dl dt {	display: none;}

dl dd {
	display: inline;
	padding-left: 12px;
	line-height: 1.6;
}

dl dd a { padding-right: 10px;}


/**********************************************************************/
/* モジュール
***********************************************************************/

/* 住所から探す／施設から探す
-------------------------------------------------*/
.module {
	margin: 0 0 12px;
	width: 100%;
	text-align: left;
}

/* 施設検索　結果一覧ページ 帰宅 add 2010405 */
.module_ktk {
	margin: 0 0 12px;
	width: 100%;
	text-align: left;
}

.wrap-module00 { /*エントランスページ*/
	padding: 12px;
	background: #c9dff7;
	border: 1px solid #7aa0c6;
}

/*  */
.wrap-module {
	padding: 6px;
	background: #FCF6EE;
	border: 3px solid #0070BC;
}

.wrap-module-map {
	border: 1px solid #0070BC;
	height: 500px;
}
.wrap-module-map img { vertical-align: bottom;}

.wrap-module-ad {/* 広告用 */
	margin: 0 auto;
	padding: 2px;
	background: #efefef;
	text-align: center;
}

.wrap-module-ad img { border: 0;}

/* 施設検索ページ */
.wrap-module-rst {
	padding: 6px;
	background: #FCF6EE;
	border: 3px solid #0070BC;
}

.wrap-module2 { /*地図ページ用*/
	padding: 6px;
	background: #ebf7ff;
	background-image: url(/yokohama/img/bg_module01.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
/*	border: 1px solid #999;*/
}


/* 地図枠 */

.dtp_0 .box-image {
	margin: 0 0 0;
	border: 1px solid #25ACFF;
	background: #fff;
	height: 490px;
}

.dtp_1 .box-image {
	margin: 0 0 0;
	border: 1px solid #FF8D00;
	background: #fff;
	height: 490px;
}

.dtp_2 .box-image {
	margin: 0 0 0;
	border: 1px solid #58c004;
	background: #fff;
	height: 490px;
}

/**/

.box-image div {
    text-align: left;
}
.box-image a {
	display: block;
/*    left: 6px;
    top: 14px;
	position: absolute;
	text-align: left;*/
}

.box-image img {
	/* margin: 14px 0; */
	/* vertical-align: bottom; */
}
#imagemap {
    text-align: left;
}
/**********************************************************************/
/* トップページ
***********************************************************************/

.txt-exp01 {
	padding: 4px 6px 4px 4px;
/*	background: #ddd;*/
	font-size: 100%;
	border-left: 5px solid #0066CC;
}

label.fm-mds1 {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 4px;
	padding: 2px 0 1px 6px;
	border-left: 5px solid #0066CC;
}

p.fm-txt {
	float: left;
	margin: 0 4px 0 6px;
	padding: 5px 0 0;
	font-weight: bold;
	color: #0066cc;
}

ul.clm-half {
	text-align: left;
	width: 100%;
}

ul.clm-half li {
	float: left;
	width: 150px;
	padding: 2px 0 2px 13px;
	background-image: url(/yokohama/img/arrow_pnk_01.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

ul.clm-half li a {
	height: auto;
	font-size: 90%;
	line-height: 1.4;
}

/**/
ul.clm-half-target {
	margin-top: 3px;
	text-align: left;
	width: 100%;
}
*:first-child+html ul.clm-half-target {	margin-top: 5px;}/* ie7 only */

ul.clm-half-target li {
	float: left;
	width: 100px;
	padding: 2px 0 2px 13px;
	background-image: url(/yokohama/img/arrow_pnk_01.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

ul.clm-half-target li a {
	height: auto;
	font-size: 90%;
	line-height: 1.4;
}
/* 区リスト */
ul.clm-ku {
	margin-top: 3px;
	text-align: left;
	width: 100%;
}
*:first-child+html ul.clm-ku { margin-top: 5px;}/* ie7 only */


ul.clm-ku li {
	float: left;
	width: 63px;
	padding: 2px 0 2px 13px;
	background-image: url(/yokohama/img/arrow_pnk_01.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

ul.clm-ku li a {
	height: auto;
	font-size: 90%;
	line-height: 1.4;
}
/* 広告リスト */
ul.clm-ad {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

ul.clm-ad li {
	float: left;
	width: 120px;
}

ul.clm-ad li a {}

p.txt-map {
	padding: 0.5em;
	background: #ebf7ff;
	background: url(/yokohama/img/dot_333_1.gif) no-repeat scroll bottom;
	font-size: 90%;
	font-weight: bold;
}

/* form */
input.ipt-w {
/*	width: 130px;*/
	padding: .2em;
	border: 1px solid #999;
}

/* ul */
ul.list-link01 {}

ul.list-link01 li {
	float: left;
	margin-left: 1.2em;
	line-height: 1.4;
}


/* ul */
ul.link-facility li {
	padding: 2px 0 2px 12px;
	background-image: url(/yokohama/img/arrow_blk_01.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	line-height: 1.2;
}

/* text */
p.example {
	margin: .2em 0 0 .5em;
	font-size: 90%;
	color: #ed8f4e;
}

p.example span {
	margin-right: 4px;
	padding: 2px 4px;
	background: #ed8f4e;
	font-size: 80%;
	font-weight: bold;
	color: #fff;
}


/**********************************************************************/
/* 検索ページ
***********************************************************************/

div.list-outer {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 500px;
    _width: 520px;
}

div.list-outer a.init {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
	padding: 18px 0 0;
    background: url(/yokohama/img/btn_gyo_off.png) no-repeat 50% 50%;
    font-size: 140%;
}

div.list-outer a.init:hover, div.list-outer a.select {
    background: url(/yokohama/img/btn_gyo_on.png) no-repeat 50% 50%;
    text-decoration: none;
    font-weight: bold;
}

p.txt-search {
    background: url(/yokohama/img/arrow_org_down.gif) no-repeat left 50%;
    padding: 0 0 0 12px;
    color: #;
}

/* 見出し右側の検索ＢＯＸ */
div.searchOnmds {
	position: absolute;
	right: 7px;
	bottom: 4px;
	padding: 1px 4px;
	background: #3AAFFE;}

.wrap-search02 {
	margin: 0 auto;
	width: 660px;
	font-size: 110%;
	text-align: left;
	height: 32px;
	background: url(/yokohama/img/background/mds_gyo_all.png) no-repeat right 0;
}

.wrap-search02 h3 {
	padding: 0 0 0 18px;
	background: url(/yokohama/img/background/mds_gyo_all.png) no-repeat left 0;
	width: 60px;
	height: 32px;
	font-size: 110%;
	font-weight: bold;
	color: #2b2b2b;
	line-height: 2;
/*	text-indent: -9999px;
	overflow: hidden;*/
}

.wrap-search02 h3 span {
    font-size:90%;
    padding-left:3px;
}

ul.link-search01 {
	width: 100%;
	background: #fff;
}

ul.link-search01 li {
	float: left;
	margin: 0 0 20px 10px;
}

ul.link-search01 li a {
	display: block;
	padding: 0.3em 0;
	background: #D8ECFE;
	border: 1px solid #1445ad;
	width: 120px;
}

ul.link-search01 li a:hover {
	background: #1445ad;
	color: #fff;
}

.link-box01 {
	clear: both;
	margin: 12px auto 0;
	text-align: right;
}

.link-box01 ul {
	margin: 0 auto;
	width: 500px;
	text-align: right;
	border: 1px solid #000;
}

.link-box01 a {
	float: left;
	margin-right: 12px;
}

.list-link03 {
	padding: 10px 0 10px 0;
	text-align: center;
}

/* table */
table.tbl-list {
	width: 100%;
	background: #ccc;
}

table.tbl-list tr {
	float: none;
	margin-left: 5px
}

table.tbl-list tr td {
	padding:5px;
    text-align:left;
}

table.tbl-list tr td a {
/*    background: url(/yokohama/img/list_bg_off.gif) no-repeat left 50%;
    display:block;
    height:33px;
    padding: 14px 0 0;*/
    width:120px;
    font-size: 15px;
    line-height:1.5;
}

table.tbl-list tr td a:hover {
/*	background: url(/yokohama/img/list_bg_hover.gif) no-repeat right 50%;*/
    color:#f00;
}

table.tbl-list td.empty{ display: none;}

/* table2 */
table.tbl-result {
	width: 100%;
	margin: 0 auto;
}

table.tbl-result th,
table.tbl-result td {
	padding: 3px 5px;
	border-width: 1px;
	border-style: solid;
}

table.tbl-result th {
	text-align: center;
	background: #c9f7df;
	border-color: #7aa0c6;
	font-size: 90%;
	font-weight: bold;
	color: #1546ae;
}

table.tbl-result td {
	border-color: #7aa0c6;
	font-size: 90%;
	color: #111;
}

table.tbl-result tr {
	background: #fff;
}

table.tbl-result tr.even {
	background: #ededed;
}
table.tbl-result td.category {
	width: 120px;
}
table.tbl-result td.name {
    width: 150px;
}
table.tbl-result td.linkmap {
    width: 60px;
    text-align: center;
}

.module h2 {
	float: none;
	width: 100%;
	background: #1445ad;
	color: #fff;
	text-align: center;
}

.module table.goback {
	margin: 1px 0 0 0;
	width: 100%;
}

a.btn-back {
	color: #111;
}

a.btn-go {
	color: #111;
}

a.btn-back:hover {
	font-weight: bold;
}

a.btn-go:hover {
	font-weight: bold;
}

td.cell-back {
	float: left;
	padding: 0 6px 0 1px;
	border-right: none;
	border-left: 4px solid #ec68a6;
	color: #ec68a6;
	text-align: left;
}

td.cell-go {
	float: right;
	padding: 0 1px 0 6px;
	border-left: none;
	border-right: 4px solid #ec68a6;
	color: #ec68a6;
	text-align: right;
}

td.cell-r {
	text-align: center;
}

td.linkmap {
	text-align: center;
}

.wrap-module form input.checkflag {
	margin: 1px 0 1px;
}
/**********************************************************************/
/* 同意規約ページ
***********************************************************************/

/* mds */
div.mds-agree {
	margin: 20px auto 0;
	width: 660px;
    height: 30px;
    text-align: center;
    background: url(../img/mds_all.png) no-repeat scroll right top;
    text-align: left;
}
div.mds-agree h2 {
    background: url(../img/mds_all.png) no-repeat scroll left top;
    color: #001C31;
    font-size: 116%;
    font-weight: bold;
    line-height: 1.8;
    line-height: 1.7\9;
    padding: 0 0 0 30px;
    white-space: nowrap;
    width: 180px;
}

/* outer */
.rule-outer {/*ご利用上の注意*/
	width: auto;
	margin-bottom: 10px;
	padding: 10px 10px 0;
	background: #fff;
	border: 3px solid #81bbe4;
}

/* mds h3 */
div.rule-outer h3.mds-sub {
	margin: 0 0 5px;
	padding-left: 6px;
	border-bottom: 1px solid #0061a2;
	border-left: 5px solid #0061a2;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.6;
}

div.rule-outer h3.mds-sub-q {
	margin: 0 0 5px;
	padding-left: 6px;
	border-bottom: 1px solid #FF3300;
	border-left: 5px solid #FF3300;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.6;
}

div.anser-box {
	width: auto;
	padding: 5px 10px;
}

div.anser-box p {
	line-height: 1.5;
}

div.top {
	margin-bottom: 10px;
	width: 100%;
	text-align: right;
}

/* mds h4 */
div.rule-outer h4 {
	padding-left: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #005598;
	line-height: 1.6;
}

/* p */
p.text-agr01 {
	margin-bottom: 10px;
	padding: 0 1em;
	font-size: 110%;
	line-height: 1.5;
}

p.text-agr02 {
	padding: 10px auto 0;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
	color: #ff0000;
	line-height: 1.5;
}

/* ul */
ul.rulelist {
    margin: 0 15px 10px;
}

ul.rulelist li {
    line-height: 1.6;
    list-style-type: disc;
    margin-left: 1em;
}

ul.rulelist li.list2 {
    line-height: 1.6;
    list-style-type: none;
    margin-left: 1em;
}
	
	ul.rulelist li.list2 ul li {list-style-type: circle;}


/**/
	div.anser-box ul.answerlist {
    	margin: 0 15px 10px;
	}
	
	div.anser-box ul.answerlist li {
		list-style-type: none;
		font-size: 108%;
		color: #2b2b2b;
		line-height: 1.8;
	}
	
	div.anser-box ul.answerlist li span {
		padding: 0 1px;
		font-weight: bold;}
	
	div.anser-box ul.answerlist li img {
		padding-left: 15px;}
				
		
		
div.welcome-text p {
	width: 760px;
	height: 92px;
	background: url(/tokyo/shiteidouro/img/welcome.png) no-repeat 0 50%;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	text-indent: -9999px;}

div#extra-rule p.text1 {
	margin: 0 0 10px;
	width: 100%;
	text-align: center;
	background: #fff;
	font-size: 100%;
	font-weight: bold;
	color: #2b2b2b/*#0070bc*/;
	line-height: 1.5;
}
div#extra-rule p.text2 {/*同意する*/
	width: 100%;
	margin: 0 0 5px;
	text-align: center;
	font-size: 116%;
	font-weight: bold;
	color: #2b2b2b;
}

}
.rule-outer2 {/*担当窓口一覧*/
	margin: 0 0 10px;
	padding: 10px 10px;
	background: #CEE3F3;
/*	height: 300px;
	overflow: auto;*/
}

p.text-exp02 {
	padding: .5em;
	font-size: 90%;
	color: #cc0000;
	line-height: 1.4;
}

/* ul */
ul.list-rule {
	margin: 0 1.5em;
}

ul.list-rule li {
	list-style-type: disc;
    margin-left: 1em;
    margin-bottom: .5em;
	line-height: 1.4;
}

/* 同意ボタン
-------------------------------------------------*/
.link-agree {
	width: 100%;
	margin: 12px auto;
	text-align: center;
}

.link-agree ul {
	margin: 0 auto;
	width: 380px;
	text-align: center;
}

.link-agree ul li {
	float: left;
	margin-right: 20px;
/*	_margin-right: 30px; */
	text-align: center;
}

.link-agree ul li.right {
	float: left;
	margin-left: 20px;
	margin-right: 0px;
/*	_margin-right: 30px; */
	text-align: center;
}

.link-agree ul li a {
	display: block;
	width: 158px;
	height: 48px;
	text-indent: -9999px;
}

/* 同意する */
.link-agree ul li a.agree {
	background-image: url(/yokohama/img/btn_agree.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

.link-agree ul li a.agree:hover {
	background-image: url(/yokohama/img/btn_on_agree.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

/* 同意するボタン */
.link-agree ul li input.agree {
	background-image: url(/yokohama/img/btn_agree.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

.link-agree ul li input.agree:hover {
	background-image: url(/yokohama/img/btn_on_agree.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

/* 同意しない */
.link-agree ul li a.noagree {
	background-image: url(/yokohama/img/btn_noagree.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

.link-agree ul li a.noagree:hover {
	background-image: url(/yokohama/img/btn_on_noagree.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}


/**********************************************************************/
/* 施設検索　結果一覧ページ
***********************************************************************/

.mds-rst {
	text-align: left;
	height: 30px;
    background: url(../img/mds_all.png) no-repeat right top;
}

.mds-rst h2 {
	padding: 0 0 0 30px;
    background: url(../img/mds_all.png) no-repeat left top;
	width: 180px;
	font-size: 116%;
	font-weight: bold;
	color: #001c31;
	line-height: 2;
	line-height: 1.8\9;
	white-space: nowrap;
}

/* 施設検索　結果一覧ページ 帰宅 add 2010405 */
.mds-rst_ktk {
	text-align: left;
	height: 30px;
    background: url(../img/mds_all.png) no-repeat right top;
}

.mds-rst_ktk h2 {
	padding: 0 0 0 30px;
    background: url(../img/mds_all.png) no-repeat left top;
	width: 180px;
	font-size: 116%;
	font-weight: bold;
	color: #001c31;
	line-height: 2;
	line-height: 1.8\9;
	white-space: nowrap;
}

h3.mds-result {
	padding: 3px 0;
	background: #0066CC;
	color: #fff;
}

p.text-exp01 {
	margin: 0 0 10px;
	padding: .3em;
	background: #DBEAFA;
	font-size: 80%;
}




/* form */
#second-column-rst form select {
	width: 180px;
}

/* table */
table.search-tbl {
	width: 100%;
	margin: 0 auto 12px;
}

table.search-tbl th,
table.search-tbl td {
	padding: .5em;
	border: 1px solid #0066CC;
	color: #111;
}

table.search-tbl th {
	text-align: center;
	background: #D9D9F5;
	font-size: 90%
	color: #fff;
}

table.search-tbl td {
	background: #fff;
	font-size: 90%;
	color: #;
}

table.search-tbl td.kind {
	background: #C7E0F9;
	font-weight: bold;
	color: #000000;
}

table.result-tbl {
	width: 100%;
	margin: 0 auto;
}

table.result-tbl th,
table.result-tbl td {
	padding: 3px 5px;
	border: 1px solid #0066CC;
}

table.result-tbl th {
	text-align: center;
	background: #c7e0f9;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
}

table.result-tbl td {
	font-size: 90%;
	color: #111;
}

table.result-tbl td a span {
    font-weight: bold;
}

table.result-tbl td.icon {
	text-align: center;
}

table.result-tbl tr {
	background: #fff;
}

table.result-tbl tr.even {
	background: #ededed;
}

/* 前後ボタン */
.btn-page {
	margin: 4px 0;
	width: 100%;
/*	background: #ebf7ff;*/
    position: relative;
}

.btn-page:after {
	content: ".";/*ピリオド（.）を生成*/
	display: block;/*clearを効かせるためピリオドをブロック要素に見せる*/
	visibility: hidden;/*ピリオドを隠す*/
	height: 0;/*ピリオドの高さをなくす*/
	line-height: 0;/*ピリオドの行間をなくす*/
	clear: both;/*クリアする*/
}
.btn-page ul {
	width: 100%;
	margin: 1px 0;
}

.btn-page ul li {
	float: left;
	padding: 0 6px 0 1px;
	border-left: 4px solid #ec68a6;
	color: #ec68a6;
}

.btn-page ul li.btn-next {
	float: right;
	padding: 0 1px 0 6px;
	border-left: none;
	border-right: 4px solid #ec68a6;
}

.btn-page ul li a {
	font-size: 80%;
	color: #111;
}

.btn-page ul li a:hover {
	font-weight: bold;
}

.btn-prev {
	position:absolute;
	left:0;top:0;
	padding: 0 6px 0 1px;
	border-right: none;
	border-left: 4px solid #ec68a6;
	color: #ec68a6;
}

.btn-next {
	position:absolute;
	right:0;top:0;
	padding: 0 1px 0 6px;
	border-left: none;
	border-right: 4px solid #ec68a6;
	color: #ec68a6;
}

.btn-prev a {
	color: #111;
}

.btn-next a {
	color: #111;
}

.btn-prev a:hover {
	font-weight: bold;
}

.btn-next a:hover {
	font-weight: bold;
}

.frm-page{
    text-align:center;
    width:100%;
}

.frm-page2 {
    float: left;
    position: absolute;
    top: -2px;
    left: 160px;
}

/* 検索結果詳細 */
td.values {
	text-align: left;
}

/**********************************************************************/
/* ライン類
***********************************************************************/

div.hr {                                          /* 1px幅 1px空 */
  height: 17px;
  background: url(/yokohama/img/dot_000_1.gif) no-repeat scroll center;
}

div.hr2 {                                          /**/
  height: 15px;
  background: url(/yokohama/img/dot_oth01.gif) no-repeat scroll center;
}

div.hr3 {                                          /* 3px幅 2px空 */
  height: 1px;
  background: url(/yokohama/img/dot_333_1.gif) no-repeat scroll center;
}


/* 全てに共通 */

div.hr hr,
div.hr2 hr,
div.hr3 hr {
  display: none;
}

/**********************************************************************/
/* Hack - clearfix
***********************************************************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/**********************************************************************/
/* index.asp
***********************************************************************/
.img-map{
    height:280px;
    width:734px;
    overflow:hidden;
    /*position: absolute;*/
    /*top:14px;*/
    /*left:6px;*/
    cursor:pointer;
}

#gakku {
	padding: 5px 0 7px 2px;
	width: 220px;
}

#gakku ul li {
	float: left;
	width: 50%;
	white-space: nowrap;
}

#gakku ul li a {
    text-align:center;
    padding: 3px;
    border-top: 2px solid #eee;border-left: 2px solid #eee;border-right: 2px solid #aaa;border-bottom: 2px solid #aaa;
    background: #D4D0C8 url(/yokohama/img/background/tool_btn_bg.gif) no-repeat left 50%;
    position:relative;left:0;top:0;
    width: 100px;
}
#gakku ul li a:hover, #gakku ul li a.select {
    background: #FFCC99 url(/yokohama/img/background/tool_btn_bg_hover.gif) no-repeat left 50%;
    text-decoration: none;
    border-top: 2px solid #666;border-left: 2px solid #666;border-right: 2px solid #aaa;border-bottom: 2px solid #aaa;
}
#gakku ul li a.select{cursor:text;background: #FFCC00;font-weight: bold;}

.dtp_0 .banner{background: #CBEBFF;}
.dtp_1 .banner{background: #FFE4C2;}
.dtp_2 .banner{background: #D7F0C3;}


/* 各トップの関連リンク */
table.tbl-outlink {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

table.tbl-outlink td{
	width: 40%;
	height: 30px;
	vertical-align: top;
	text-align: center;
}

table.tbl-outlink td.txtbox {
	width: 60%;
	text-align: left;
	padding: 0 5px;
	font-size: 11px;
	line-height: 1.3;
}

table.tbl-outlink td:hover{
}
table.tbl-outlink td.func_off{
    background: #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

table.tbl-outlink a {
	display: block;
	width: auto;
	height: auto;
	padding: 4px 0;
    background: url(/yokohama/img/background/tool_btn_bg.gif) repeat-x left 50%;
	font-size: 105%;
    font-weight: bold;
    color: #00f;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #999;	
	border-bottom:1px solid #999;
	white-space: nowrap;
}

table.tbl-outlink a:hover {
	padding: 5px 0 3px 0;
    background: #f90 url(/yokohama/img/background/tool_btn_bg_on.gif) repeat-x left 50%;
	border-top:1px solid #f90;
	border-left:1px solid #f90;
	border-right:1px solid #f90;
	border-bottom:1px solid #f90;
	text-decoration: none;
}



/**********************************************************************/
/* 新規追加設定 20091208
***********************************************************************/

table.tbl-sch-list {
  width: 100%;
  background: #fff;
}

table.tbl-sch-list td {
	width: 20%;
	padding: 0 0 0 20px;
	background: url(/yokohama/img/arrow_org1.gif) no-repeat 6px 50%;
	line-height: 2;
}

table.tbl-sch-list td a {
  font-size:.9em;
  line-height:1.75;
}

/**/
div.sch-txt-outer {
	padding: 10px;
	background: #FEFAE1/*#C8DDF2*/;
	border-top: 2px solid #81B3E8;
}

div.sch-txt-outer p {
	padding: 0 0 0 35px;
	background: url(/yokohama/img/icon_maplink.gif) no-repeat 0 50%;
	font-size: 110%;
	font-weight: bold;
}
div.sch-txt-outer p a {
	margin-right: 5px;
}

/**********************************************************************/
/* 新規追加設定 20091210
***********************************************************************/
div.mapColunm-inner {
    text-align: left;
}

#addrlist {
	padding: 15px 20px;
	background: #FCF6EE;
	border: 3px solid #0070BC;
}

#addrlist span {
    color: #FF0000;
}

#addrlist .sch-txt-outer {
    background-color: #FFFFFF;
    border: none;
    margin: 15px 0;
    padding: 3px 10px;
}

#addrlist table.tbl-sch-list {
    background-color: #FFFFFF;
    border: none;
}


/**********************************************************************/
/* 新規追加設定 20110421
***********************************************************************/

/* mds h3 */
div.rule-outer h3.mds-sub-north {
	width: auto;
	margin: 0 0 5px;
	padding: 0 0 4px 6px;
	border-bottom: 1px solid #0061a2;
	border-left: 5px solid #0061a2;
	font-size: 116%;
	font-weight: bold;
}

table.tbl-north-img {
	width: auto;
	float: right;
	margin: 0 0 10px 10px;
}

table.tbl-north-img td {
	padding: 2px;
	border: 1px solid #999;}

table.tbl-north-img td.caption {
	text-align: center;
	background: #efefef;}

p.text-north {
	margin-bottom: 1em;
	padding: 0 1em;
	font-size: 108%;
	line-height: 1.8;
}

	p.h-none { margin-bottom: 0;}
	
	p.text-north span,
	ul.list-north span {
		padding: 0 1px; font-weight: bold; color: #f00;}

ul.list-north {
	margin-bottom: 1em;
	padding: 0 0 0 2em;
}

ul.list-north li {
	font-size: 108%;
	line-height: 2;
}

/* btn */
div.btn-close-outer {
	margin: 5px 0 10px;}