@charset "Shift_JIS";

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

/* 汎用レイアウト
---------------------------------------------------------------------------- */
/* 本文 */
.ov_hid {
	overflow:hidden;
}

p.lead {
	margin: 0 1em 1.5em 1em;
	text-align: left;
}

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

p.exp02 {
	margin: 1em 1.5em 0.5em 1.5em;
	text-align: left;
}

p.exp_r {
	margin: 0 1.5em 0.5em 1.5em;
	text-align: right;
}

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;
}

/* アイコン付リスト*/
dl.ic_list{
	text-align: left;
	margin:0 1.5em 0.5em 2em;
}

dl.ic_list dt{
	font-weight: bold;
	background: url(../../common/images/icon-04.gif) no-repeat left center;
	padding: 0.1em 1em 0.1em 1.2em;
}

dl.ic_list dd{
	margin: 0 0 0.5em 2em;
}

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

p.next a{
	background: url(../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-arrow-08.gif) no-repeat left center;
	padding-left: 1.2em;
}

/* 画像　回り込み */
.r_image{
	float: right;
	margin: 0 0.5em 0.5em 0.5em;
}

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

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

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

/* アイコン付リンク　リスト入れ子、2行に渡る時 */
ul.linklist02{
	text-align: left;
	margin: 0 0 0 2em;
}

ul.linklist02 li{
	list-style: none;
	background: url(../../common/images/icon-arrow-02.gif) no-repeat 0% 0.6em;
	padding-left: 1.2em;
	line-height: 180%;
}

ul.linklist02 li ul{
	font-size: 100%;
	margin-left: 1.5em;
}

ul.linklist02 li ul li{
	list-style: disc;
	background: none;
	line-height: 160%;
	padding-left: 0.5em;
}

/* アイコン付リンク 下マージン有*/
ul.linklist03{
	text-align: left;
	margin: 0 0 0.5em 2em;
}

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

/* アイコンなしリスト */
ul.itiran{
	margin-left: 3em;
	text-align: left;
}

ol.itiran02{
	margin-left: 4em;
	text-align: left;
}

/* 丸なしリスト */
ul.itiran03{
	margin-left: 3em;
	text-align: left;
	list-style-type:none;
}

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

/* 丸アイコン付*/
.sq{
	background: url(../../common/images/icon-04.gif) no-repeat left center;
	margin: 0 1.5em 0 0;
	padding: 0.1em 1em 0.1em 1em;
	text-align: left;
}

/* お問い合わせ */
div.inq_box{
	background: #FFFFCC;
	border: #CCCCCC dashed 1px;
	margin: 1em 1.5em;
	padding: 0.5em 1em;
	text-align: left;
}

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

div.inq_box02{
	background: #FFFFCC;
	border: #CCCCCC dashed 1px;
	margin: 1em 1.5em;
	padding: 0.5em 1em;
	text-align: center;
}

* html div.inq_box02{
	height: 1%;
}
div.inq_box dl dd{
	margin-left: 2em;
}

/* PDFダウンロード */
#Main div.reader{
	position:static;
	display:block;
	border: #F9CF62 solid 1px;
	margin: 1em 1.5em;
	padding: 0.5em 1em;
	overflow:hidden;
	width:auto;
	height:auto;
}

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

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

/* 囲みボックス */
div.border_box01{
	border: #95D392 solid 1px;
	margin: 1em 1.5em;
}

div.border_box01 p{
	padding: 0.5em 1em;
	text-align: left;
}


/* 2重線の囲みボックス */
div.border_dbbox{
	border: #CCCCCC double 4px;
	margin: 1em 3em;
}

div.border_dbbox p{
	padding: 0.5em 1em;
	text-align: left;
}



	

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

#HomeWrapper div#MainVisual{
	background: url(../../images/bg-main-image.jpg) repeat-x center;
	height: 100px;
	margin:0 0 10px;
	padding:0;
}

#HomeWrapper div.mainvisual_l{
	text-align: left;
	background: url(../../images/main-image.jpg) no-repeat left top;
}

#HomeWrapper p.mnv{
	text-align: right;
}

/* トップページ上 */
div.cont_box01 {
	margin: 1em 0.8em 0 1em;
}

div.cont_new_l{
	background: url(../../images/bg-new-l.jpg) no-repeat left top;
}

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

div.cont_new_r{
	background: url(../../images/bg-new-r.jpg) no-repeat right top;
}

div.cont_new_c{
	background: url(../../images/bg-new-c.jpg) repeat-x left top;
	margin: 0 4px;
}

div.cont_box01 h2{
	margin: 0;
	padding: 0.5em 0;
}

div.cont_box01 h2 span{
	background: url(../images/icon-01.gif) no-repeat left top;
	padding: 0.2em 0 0.2em 1.7em;
	color: #333333;
}

div.bod{
	border-top: #95D392 2px solid;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin: 0;
	padding: 0.5em;
}

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

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

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

div.cont_box01 div.bod dl.news dd{
	padding: 0.2em 0 0.2em 12em;
	margin-bottom: 0.3em;
}

div.cont_box02{
	margin: 0;
	width: 48%;
}

div.cont_box02 h2{
	margin: 0;
	padding: 0.5em 0;
}

div.cont_box02 h2 span{
	background: url(../images/icon-01.gif) no-repeat left top;
	padding: 0.2em 0 0.2em 1.7em;
	color: #333333;
}

ul.toplink{
	text-align: left;
	margin: 0 0 0.5em 1em;
	padding: 0;
}

ul.toplink li{
	list-style: none;
	background: url(../../common/images/icon-arrow-01.gif) no-repeat left center;
	padding-left: 1em;
	line-height: 180%;
}



/* トップページ左側 */
#HomeLeft{
	float: left;
	width: 80%;
	padding: 0;
	margin: 0 10%;
}

#HomeLeft #MM{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

div.cont_box03{
	margin: 0;
	width: 45%;
	padding:1em 0 0 0;
}

div.cont_box03 h2{
	text-align: left;
	padding: 0.8em 0 0.8em 0.5em;
}


div.cont_box13{
	margin: 1em;
	float: left;
	width: 30%;
	padding:1em 0 0 1em;
}

div.cont_box13 h2{
	margin: 0;
	padding: 0.5em 0;
}

div.cont_box13 h2 span{
	background: url(../images/icon-01.gif) no-repeat left top;
	padding: 0.2em 0 0.2em 1.7em;
	color: #333333;
}

div.cont_box14{
	margin: 1em;
	float: left;
	width: 55%;
	padding:1em 0 0 1em;
}

div.cont_box14 h2{
	margin: 0;
	padding: 0.5em 0;
}

div.cont_box14 h2 span{
	background: url(../images/icon-01.gif) no-repeat left top;
	padding: 0.2em 0 0.2em 1.7em;
	color: #333333;
}

div.cont_menu{
	border: #666666 solid 1px;
}

* html div.cont_menu{
	height: 1%;
}
	
div.cont_menu_c{
	background: url(../../images/bg-cm-c.gif) repeat-x left top;
	margin-left: 40px;
}

div.cont_menu_l01{
	background: url(../../images/bg-cm-l01.gif) no-repeat left top;
}

div.cont_menu_l02{
	background: url(../../images/bg-cm-l02.gif) no-repeat left top;
}

div.cont_menu_l03{
	background: url(../../images/bg-cm-l03.gif) no-repeat left top;
}

div.cont_menu_l04{
	background: url(../../images/bg-cm-l04.gif) no-repeat left top;
}

div.cont_menu_l05{
	background: url(../../images/bg-cm-l05.gif) no-repeat left top;
}

div.cont_menu_l06{
	background: url(../../images/bg-cm-l06.gif) no-repeat left top;
}

div.cont_menu_l07{
	background: url(../../images/bg-cm-l07.gif) no-repeat left top;
}

div.cont_menu_l08{
	background: url(../../images/bg-cm-l08.gif) no-repeat left top;
}

div.cont_box03 ul{
	text-align: left;
	margin: 0.5em 0 2em 1em;
}

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

div.cont_box03 ul li.l02{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-arrow-03.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}

div.cont_box03 ul li.l03{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-arrow-04.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}

div.cont_box03 ul li.l04{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-arrow-05.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}


div.cont_box03 ul li.l05{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-arrow-06.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}

div.cont_box03 ul li.l06{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-arrow-07.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}

div.cont_box03 ul li.l07{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-arrow-10.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}

div.cont_box03 ul li.l08{
	line-height: 160%;
	list-style: none;
	background: url(../images/icon-arrow-11.gif) no-repeat 0 0.3em;
	padding-left: 1.2em;
}

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

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


/* トップページ右側 */
#HomeRight{
	margin: 0px;
	float: left;
	width: 19%;
	padding: 0px;
}

#HomeRight ul{
	list-style-type: none;
	margin-top: 1em;
}

#HomeRight li{
	margin-bottom: 0.5em;
	list-style: none;
}





/* サブトップ以降用
---------------------------------------------------------------------------- */
/* レイアウト共通 */
#LocalContents{
	width: 99%;
	margin: 0.5em auto 0 auto;
	text-align: center;
	background-color: #F7F7F7;
}

/* メインコンテンツ */
#LocalContents #Main{
	margin-left: 15%;
	margin-right: 0px;
	padding: 0;
	text-align: center;
}

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

#LocalContents #Main div.cont_local{
	padding: 0 0.4em 1em 0.4em;
	background-color:#FFFFFF;
}

#LocalContents #Main div.adv{
	margin-right: 125px;
}

/* 広告 */
#LocalContents #LocalAdv{
	width: 120px;
	float: right;
	margin: 0;
	padding: 0 0.1em 0 0;
}

#LocalContents #LocalAdv ul{
	list-style: none;
}

#LocalContents #LocalAdv ul li{
	margin-bottom: 0.5em;
}

/* 広告（旧） */
#LocalContents #Localadd{
	width: 120px;
	float: right;
	margin: 0;
	padding: 0 0.1em 0 0;
}

#LocalContents #Localadd ul{
	list-style: none;
}

#LocalContents #Localadd ul li{
	margin-bottom: 0.5em;
}

/* 見出し */
#LocalContents #Main h1.st_title{
	padding: 0.8em 0 0.8em 0.5em;
	text-align: left;
}

#LocalContents #Main h1.ot_title{
	background: url(../../images/bg-h1.jpg) repeat-x left top;
	padding: 0.6em 0 0.6em 1em;
	border-left: #65BE61 solid 7px;
	border-bottom: #65BE61 solid 3px;
	text-align: left;
	margin-bottom: 1em;
}

#LocalContents #Main h2{
	color: #666666;
	background: #FFE9C8 url(../images/icon-03.gif) no-repeat 0.5em 50%;
	border-bottom: 1px dashed #FFA826;
	margin: 0 1.3em 0.8em 1em;
	padding: 0.5em 1em 0.5em 1.5em;
	text-align: left;
}

#LocalContents #Main h3{
	color: #469F42;
	background: #F2F2F2;
	margin: 1em 1.3em 0.8em 1em;
	padding: 0.4em 0.2em 0.4em 0.6em;
	text-align: left;
}

#LocalContents #Main h3 span{
	border-left: #9CCF50 double 4px;
	padding-left: 0.8em;
}

#LocalContents #Main h4{
	background: url(../images/icon-05.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#Subtop{
	border: #666666 solid 1px;
	margin-bottom: 1em;
	height: 1%;
}

* html div#Subtop{
	height: 1%;
}
	
div.subtop_c{
	background: url(../../images/bg-cm-c.gif) repeat-x left top;
	margin-left: 40px;
}

div.subtop_l01{
	background: url(../../images/bg-cm-l01.gif) no-repeat left top;
}

div.subtop_l02{
	background: url(../../images/bg-cm-l02.gif) no-repeat left top;
}

div.subtop_l03{
	background: url(../../images/bg-cm-l03.gif) no-repeat left top;
}

div.subtop_l04{
	background: url(../../images/bg-cm-l04.gif) no-repeat left top;
}

div.subtop_l05{
	background: url(../../images/bg-cm-l05.gif) no-repeat left top;
}

div.subtop_l06{
	background: url(../../images/bg-cm-l06.gif) no-repeat left top;
}

div.subtop_l07{
	background: url(../../images/bg-cm-l07.gif) no-repeat left top;
}

/* 新着情報 */
dl.p_news{
	margin: 0.5em 0 0.5em 1.5em;
	padding-left: 0.3em;
}

dl.p_news dt{
	float: left;
	text-align: left;
	padding: 0.2em 0 0.2em 1em;
	background: url(../images/icon-arrow-01.gif) no-repeat left center;
}

dl.p_news dd{
	padding: 0.2em 0 0.2em 12em;
	margin-bottom: 0.3em;
	text-align: left;
}

/* 画像　3つ並び */
div.img_line_box{
	width: 85%;
	margin: 0 auto 1.5em auto;
	text-align: center;
	overflow: hidden;
}

div.img_line_box p.im01{
	float: left;
	text-align: center;
	margin-right: 0.4em;
}

div.img_line_box p.im02{
	float: left;
	text-align: center;
}

/* ページ内アンカー */
p.anc{
	text-align: left;
	margin: 0 0 0.5em 4em;
	font-weight: bold;
}

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


/* 横浜感染症情報センター
---------------------------------------------------------------------------- */
/* 英字略語集 */
ul.ryakuji{
	margin-left: 2em;
	text-align: left;
	list-style: none;
}

ul.ryakuji li{
	margin-bottom: 0.8em;
	padding-left: 0.6em;
	background: url(../images/icon-07.gif) no-repeat 0.1em 0.5em;
}


/* 生活環境衛生情報
---------------------------------------------------------------------------- */
/* 浄水器について（価格に違いはあるけれど...）*/
dl.jyo_sui {
	text-align:left;
	margin-left:1.5em;
}

dl.jyo_sui  dt {
	margin-bottom:0.5em;
	font-weight:bold;
}

dl.jyo_sui dd {
	margin-left:2em;
	margin-bottom:1em;
}

/* 水道水質基準について */
div.kijyun {
	margin-bottom:1.5em;
	background: url(../../life-inf/mizu/images/mizu.jpg) right top no-repeat;
}

p.kijyu_lead {
	margin: 0 8em 1.5em 1em;
	text-align: left;
}

ul.suisitu_kijyun {
	text-align:left;
	padding-left:4em;
}

ol.yonjyo_list {
	margin-left:2em;
} 

div.suido_4jyo {
	border:1px solid #0033FF;
	text-align:left;
	padding:1.5em;
	width:75%;
	margin:1em auto;
}

/* レジオネラについて */
div.legione_box {
	width:85%;
	margin:1em auto;
}

div.legi_left {
	width:48%;
	float:left;
}

p.legi_left_text {
	text-align:left;
	padding:3px;
}

div.legi_right {
	width:48%;
	float:right;
	background-color:#FFFFCC;
}

p.hitokuti {
	text-align:left;
	padding:3px;
}


/* 薬事情報
---------------------------------------------------------------------------- */
/* クスリの正しい使い方、知っていますか？ */
div.bg_right_img {
	padding:3em 0;
	margin-bottom:1.5em;
	background: url(../../yakuzi-inf/images/kusuri02.jpg) right top no-repeat;
}

p.nomiawase_exp {
	margin:1em 1.5em;
	width:50%;
	text-align:left;
	float:left;
}

div.bg_box {
	width:55%;
	border:1px solid #FC477D;
	background-color:#FDCCD7;
	margin:1em auto;
	padding:1em;
}

/* 医薬品、食品、健康食品等の定義 */
p.tx_l {
	float:left;
	width:60%;
	text-align:left;
	padding-left:1.5em;
}

div.teigi_box {
	width:80%;
	margin:1em auto;
	border:1px solid #000099;
	padding:1em ;
	background-color:#ccffcc;
}

/* 薬物を乱用すると悲しい結末に・・・ */
dl.ihou_izon {
	text-align:left;
	color:#FF6600;
	font-weight:bold;
	margin-left:2em;
	margin-right:1.5em;
}

dl.ihou_izon dt {
	float:left;
}

dl.ihou_izon dd {
	margin-left:5em;
	margin-bottom:0.7em;
}

/* 強壮用健康食品とシルデナフィル（いわゆるバイアグラ） */
div.zumi {
	width:50%;
	padding: 0.5em 1em;
	margin:1em auto;
	background-color: #D7FFFF;
}

div.misyounin {
	width:50%;
	padding: 0.5em 1em;
	margin:1em auto;
	background-color: #FFFFEE;
}



/* 保健情報
---------------------------------------------------------------------------- */
ol.no_list{
	text-align: left;
	margin: 0 0 0 4em;
}

ol.no_list li{
	line-height: 160%;
}

ul.year_list{
	margin:1em;
	text-align:left;
}

ul.year_list li{
	float:left;
	list-style: none;
	background: url(../../common/images/icon-arrow-02.gif) no-repeat left center;
	padding-left: 1em;
	line-height: 160%;
	margin-right:1em;
}


/* FAQ
---------------------------------------------------------------------------- */
div.faq_b{
	border:1px solid #65BE61;
	margin-left:1em;
	margin-bottom:2em;
	padding:0;
	width:95%;
}


div.faq_q{
	margin:0;
	background:#65BE61;
	color:#FFFFFF;
	margin-bottom:1em;
	font-weight:bold;
}

div.faq_q p.faq_tx{
	text-align:left;
	padding:0.5em 0;
	text-indent:-1em;
	margin:0 0.5em 0 2em;
}

div.faq_b p.faq_atx{
	text-indent:-1em;
	margin:0 1em 1em 2em;
	text-align:left;
}


/* お問い合わせ
---------------------------------------------------------------------------- */
p.ind_tx{
	text-align:left;
	text-indent:-1em;
	margin:1em 1em 1em 2em;
	}

	
/* サイトマップ
---------------------------------------------------------------------------- */	
dl.sm_list{
	text-align:left;
	margin-left:3em;
	}
	
dl.sm_list dt{
	margin-bottom:0.5em;
	background:url(../images/arrow01.gif) no-repeat left center;
	padding-left:18px;
	}

dl.sm_list dd{
	margin-left:2em;
	margin-bottom:0.5em;
	background:url(../images/arrow02.gif) no-repeat left center;
	padding-left:18px;
	}