@charset "Shift-JIS";

/*
---------------------------------------------------------------------
	コンテンツ部分のCSS
---------------------------------------------------------------------
*/

/* 汎用レイアウト
---------------------------------------------------------------------------- */
/* 段落 */
p.lead {
	margin: 0 1em 1.5em 1em;
	text-align: left;
}

p.exp{
	margin: 0 1.5em 0.5em 1.5em;
	text-align: left;
}


/* アイコン付リスト */
ul.linklist{
	text-align: left;
	margin: 0 0 0 2em;
}

ul.linklist li{
	list-style: none;
	background: url(../images/icon-02.gif) no-repeat left center;
	padding-left: 1.2em;
	line-height: 160%;
}


/* リスト */
ul.itiran{
	margin: 0 0 1em 2.5em;
	text-align: left;
}

ol.itiran02{
	margin: 0 0 1em 3em;
	text-align: left;
}

ul.itiran03{
	margin: 0 0 1em 2.5em;
	text-align: left;
	list-style-type:none;
}

ul.itiran04{
	margin: 0 0 0 2.5em;
	text-align: left;
	list-style-type:none;
}


/* 定義型リスト */
dl.honbun {
	text-align: left;
	margin:0 1.5em 0.5em 1.5em;
}

dl.honbun dd{
	margin: 0 0 0.5em 1.5em;
}

dl.in_honbun{
	text-align: left;
	margin: 0 0 0.5em 3em;
}

dl.in_honbun dd{
	margin: 0 0 0.5em 1em;
}


/* 次ページへ進む */
p.next{
	text-align: right;
	margin: 1.8em 1.2em 1.5em 0;
}

p.next a{
	background: url(http://www.city.yokohama.lg.jp/seisaku/kokusai/common/images/icon-arrow-01.gif) no-repeat left center;
	padding: 0.2em 0 0.2em 1.3em;
}

/* ページトップへ */
p.pagetop{
	text-align: right;
	margin: 3em 1.2em 0 0;
}

p.pagetop a{
	background: url(../images/icon-07.gif) no-repeat left center;
	padding-left: 1em;
}

/* 画像　（右に回り込み） */
p.r_image{
	text-align: left;
	margin: 0 1em 1em 1em;
}

p.r_image img{
	float: right;
	margin: 0 0 0.5em 0.5em;
}

/* 画像　（左に回り込み） */
p.l_image{
	text-align: left;
	margin: 0 1em 1em 1em;
}

p.l_image img{
	float: left;
	margin: 0 0.5em 0.5em 0;
}


/* PDFダウンロード */
div.reader{
	border: #B9DCEC solid 1px;
	margin: 1em 1.5em;
	padding: 0.5em 1em;
	overflow:hidden;
}

div.reader img{
	float: left;
	padding-right: 1em;
}

div.reader p{
	text-align: left;
	margin-left: 125px;
}


/* トップページ
---------------------------------------------------------------------------- */
#HomeWrapper{
	margin-bottom: 2em;
}

/* メインイメージ */
#MainVisual{
	background: url(../images/bg-main-image.jpg) repeat-x center;
	height: 170px;
	margin:0 0 10px;
	padding:0;
}

#MainVisual div.mainvisual_r{
	text-align: right;
	background: url(../images/main-image.jpg) no-repeat right top;
}

#MainVisual h1#Logo{
	text-align: left;
	padding-left: 10px;
}

/* 本文 */
div.cont_box01 {
	margin: 1em 0.8em 0 1em;
}

* html div.cont_box01{
	height: 1%;
}

div.cont_box01 h2.title01{
	margin: 0 0 0.8em 0;
	padding: 0.5em;
	border: #CCCCCC solid 1px;
	background: url(../images/bg-h2-01.jpg) repeat-x left top;
}

div.cont_box01 h2.title01 span{
	background: url(../images/icon-01.gif) no-repeat left center;
	padding: 0.2em 0 0.2em 1.5em;
	color: #28597D;
}

div.bg_box01{
	background: #F2F2F2;
	padding: 0.2em 0;
}

div.cont_box01 h2.title02{
	margin: 0 0 0.2em 0;
	padding: 0.5em;
	border-bottom: #CCCCCC dashed 1px;
	background:   url(../images/bg-news.jpg) repeat-x left top;
}

div.cont_box01 h2.title02 span.news{
	background:   url(../images/icon-news.gif) no-repeat left center;
	padding: 0.4em 0 0.4em 2em;
	color: #3096C7;
}

div.cont_box01 h2.title02 span.topics{
	background:   url(../images/icon-topics.gif) no-repeat left center;
	padding: 0.4em 0 0.4em 2em;
	color: #3096C7;
}

div.cont_box01 p{
	margin-left: 1em;
}

dl.menu{
	margin: 0;
	padding: 0;
}

dl.menu dt{
	float: left;
	padding: 0.2em 0 0.2em 2em;
	background: url(../images/icon-03.gif) no-repeat left center;
}

dl.menu dd{
	padding: 0.2em 0 0.2em 15em;
	margin-bottom: 0.3em;
}

dl.news{
	margin: 0.5em 0 0.5em 1em;
	padding-left: 0.3em;
}

dl.news dt{
	float: left;
	padding: 0.2em 0 0.2em 1em;
	background: url(../images/icon-02.gif) no-repeat left center;
}

dl.news dd{
	padding: 0.2em 0 0.2em 10em;
	margin-bottom: 0.3em;
}

ul.topics{
	text-align: left;
	margin: 0.5em 0 0.5em 1.2em;
	padding: 0;
}

ul.topics li{
	list-style: none;
	background: url(../images/icon-02.gif) no-repeat left center;
	padding-left: 1.6em;
	line-height: 180%;
}



p.backlist{
	text-align: right;
	margin: 1em 0.5em 1em 0em;
}

p.backlist a{
	background: url(../images/icon-04.gif) no-repeat left center;
	padding: 0.2em 0.5em 0.2em 0.7em;
}





/* サブトップ以降用
---------------------------------------------------------------------------- */
/* レイアウト共通 */
#LocalContents{
	width: 100%;
	background-color:#F2F2F2;
	margin-top: 0.5em;
}

#LocalContents #ContentsRight{
	margin-left: 18%;
	padding: 0;
	background-color:#FFFFFF;
	text-align: center;
}

*html #LocalContents #ContentsRight{
	height: 1%;
}

#LocalContents #ContentsRight div#Main{
	padding: 0 1em 1em 1em;
}

#Contents{
	margin: 0 1em 1.5em 1em;
	text-align: left;
}

#Contents2{
	margin: 0 1em 1.5em 0;
	text-align: left;
}

/* タイトルバナー 
#SubVisual{
	background: url(../images/bg-second-image.jpg) repeat-x center;
	height: 70px;
	margin:0 0 10px;
	padding:0;
}

#SubVisual div.subvisual_r{
	text-align: right;
	background: url(../images/second-image.jpg) no-repeat right top;
}

#SubVisual p#Logo{
	text-align: left;
	padding-left: 10px;
}

*/
/* 大見出し
#LocalContents #ContentsRight h1{
	color: #3096C7;
	background: url(../images/bg-h1.jpg) repeat-x left top;
	border-top: #B9DCEC 1px solid;
	border-bottom: #B9DCEC 1px solid;
	padding: 0.7em 1em 0.7em 0.8em;
	margin-bottom: 1em;
	text-align: left;
}

#LocalContents #ContentsRight h1 span{
	background: url(../images/icon-03.gif) no-repeat left center;
	padding: 0.5em 1em 0.5em 1.5em;
}
*/

/* 中見出し 
#LocalContents #ContentsRight h2{
	margin: 0 0 0.8em 0;
	padding: 0.5em;
	border: #CCCCCC solid 1px;
	background: url(../images/bg-h2-01.jpg) repeat-x left top;
	text-align: left;
}

#LocalContents #ContentsRight h2 span{
	background: url(../images/icon-01.gif) no-repeat left center;
	padding: 0.2em 0 0.2em 1.5em;
	color: #28597D;
}
*/

/* 小見出し 
#LocalContents #ContentsRight h3{
	border-left: 4px solid #AECEEE;
	border-bottom: 1px solid #AECEEE;
	margin: 1em 1.3em 0.8em 1em;
	padding: 0.1em 1em 0.1em 1em;
	text-align: left;
}

#LocalContents #ContentsRight h4{
	color: #666666;
	background: url(../images/icon-09.gif) no-repeat left center;
	margin: 0 1.5em 0.8em 1.8em;
	padding: 0.1em 1em 0.1em 1.5em;
	text-align: left;
}
*/

/* レイアウトボックス */
div.sec_01{ margin-bottom: 1.5em; }


/* 各種取組
---------------------------------------------------------------------------- */
#Wbox{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

#Wbox div.cont_box02{
	text-align: left;
	margin: 0;
	float: left;
	width: 45%;
	padding:0 0 0 1em;
}

#Wbox div.cont_box02 ul.upper{
	margin: 0.5em 0 3em 0.8em;
}

#Wbox div.cont_box02 ul.upper li{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-02.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}



/* サイトマップ
---------------------------------------------------------------------------- */
div.sitemap{
	text-align: center;
}

div.sitemap div.sm_left{
	float: left;
	width: 49%;
}

div.sitemap div.sm_right{
	float: right;
	width: 49%;
}

div.sitemap p.first_floor{
	text-align: left;
	font-size: 85%;
	font-weight: bold;
	background: #DBEAF4;
	border-bottom: #CCCCCC dashed 1px;
	border-left: #3096C7 solid 4px;
	margin: 1em 5px;
	padding: 0.3em 0 0.3em 1.2em;
}

p.second_floor{
	margin-left: 1.5em;
	background: url(../images/icon-02.gif) no-repeat left center;
	padding-left: 1.2em;
	line-height: 140%;
	margin-top: 0.5em;
	text-align: left;
}

ul.third_floor{
	text-align: left;
	margin-left: 2.5em;
	list-style-image: url(../images/icon-08.gif);
	padding-left: 0.8em;
	line-height: 160%;
}