@charset "UTF-8";

/*
 * 横浜市 Web ページ共通基本スタイルシート
 * 総務局IT活用推進課
 * 2003/02/18 作成
 * 2003/03/05 修正 (ID に使えない _ を - に)
 * 2003/03/28 追加 (音声ブラウザ向け本文ジャンプ対応)
 * 2004/10/28 修正 (市ヘッダ部分を float 指定からトラブルの起きにくい absolute 指定へ)
 * 2006/03/10 修正 (div#CONTENT と共通パンくずリスト追加、a:active と a:hover を赤に)
 * 2006/11/09 修正 ( a img.fileicon を追加)
 */

body {
	/* 基本色設定 */
	color: #000000; background-color: #FFFFFF;
	/* 行間を少し広めに */
	/* line-height: 1.4; */
	/* ヘッダのために余白を消す */
	margin: 0;
	padding: 0;
}

/* リンク関係の色設定 */
a:link    { color: #0000CC; background-color: transparent; }
a:visited { color: #800080; background-color: transparent; }
a:active  { color: #DD0000; background-color: transparent; }
a:hover   { color: #DD0000; background-color: transparent; }

/* 共通ヘッダ */
div#common-header { /* 背景画像 */
	position: relative;
	color: #FFFFFF;
	background: #0000CC;
	background-image: url("/coparts/header/hdr03-bg.gif");
	background-repeat: repeat-x;
	height: 30px; /* absolute な要素を内包するため高さ指定必須 */
}
div#common-header a {
	color: #CCCCFF;
}
div#common-header a img { /* ヘッダ内のリンク画像は枠無しに */
	border: 0;
}
span#common-header-jumpbody { /* 本文へのジャンプを視覚系ブラウザで非表示に */
	position: absolute;
	z-index: -1;
}
span#common-header-jumpbody img {
	width: 0;
	height: 0;
}
span#common-header-logo { /* 横浜市ロゴは左端に */
	position: absolute;
	left: 0;
}
span#common-header-navi { /* トップボタンと検索ボタンは右端に */
	position: absolute;
	right: 0;
}
span.common-header-splitter { /* リンク間の境界 */
	display: none; /* 表示不要 */
}

/* 共通パンくずリスト */
div.common-topicpath {
	clear: both;
	font-size: 90%;
	padding: 0.3em 0.5em 0.2em 0.5em;
	color: #000000;
	background: #FFFFDD url(/coparts/header/topicpath-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #666666;
	border-width: 1px 0;
	font-weight: bold;
}
div.common-topicpath a {
	font-weight: normal;
	white-space: nowrap;
}

/* 本文 */
div#body, div#CONTENT {
	margin: 1em; /* 適当な余白を */
}

/*--- SNSボタン ---*/
div#sns{
	text-align: right;
}

ul.sns{
    width:440px;
    float:right;
}
ul.sns li{
    float:left;
    vertical-align:bottom;
    padding:0 0 0 10px;
}
.fb_iframe_widget span{
    height:24px !important;
}

iframe.twitter-share-button {
	width: 108px!important;
}

/* フッタ (連絡先等記載欄) */
address {
	text-align: center; /* センタリング */
	font-size: 90%; /* サイズ小 */
	font-style: normal; /* 斜体解除 */
}

/* ファイルダウンロード用アイコンの枠を消す */
a img.fileicon {
	border: none;
	vertical-align: middle;
}
/* ファイルダウンロード用アイコン (インターネット CMS によるリッチテキスト自動処理) */
a img.icms-auto-fileicon {
	border: none;
	vertical-align: middle;
}

/*----- ----*/
#footer #footer-menu{
border: 1px solid #ddd;
padding: 0px;
width: auto;
font-size:90%;
text-align: center;
}

#footer #footer-menu li{
display: inline;
margin-right: 3em;
margin: 0 5px;
}

#footer-menu{
    background-color:#e4effa;
    padding:0px 0px 0px 10px;
    text-align:center;
}
#footer-menu ul{

}
#footer-menu ul li{
    display:inline;
    font-size:90%;
    padding:0px 10px;
    border-left:1px solid #999;
}
#footer-menu ul li.last{
    border-right:1px solid #999;
}

p.copy{
    font-size:90%;
    margin:10px 0px;
    text-align:center;
}
.clearfix {
    min-height: 1px;
}