/* 富田林市ホームページ用CSS  */

/* ---------- ページ共通 ---------- */
BODY {
	margin-top:     5px;
	margin-left:   10px;
	margin-right:  10px;
	margin-bottom:  5px;
	background-color: #FFFFFF;
}
BODY.sub {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

A:link {color: #0000CC;}
A:visited {color: #660066;}
A:hover {text-decoration: none;}
A.ho1:hover {
	color: #000000;
	background-color: #00FF00;
}
A.ho2:hover {
	color: #000000;
	background-color: #CCCCCC;
}

P {font-size: 100%;}
P.font1 {font-size: 60%;}
P.font1, P.font2_2 {line-height: 110%;}
P.font2, P.font2_2 {font-size: 80%;}
P.font3 {font-size: 90%;}
P.font4 {font-size:110%;}
P.font5 {font-size:300%;}
P.font040p {font-size: 40%;}
P.font060p {font-size: 60%;}
P.font080p {font-size: 80%;}
P.font120p {font-size: 120%;}
P.font140p {font-size: 140%;}
P.font160p {font-size: 160%;}
P.font180p {font-size: 180%;}
P.font200p {font-size: 200%;}

FONT.color1 {color: #CC9966;}
FONT.color2 {color: #666666;}
FONT.color3 {color: #FF6600;}
FONT.colorred {color: #FF0000;}
FONT.colorsp {color: #FF6666;}		/* フォトアルバム−春 */
FONT.colorsu {color: #6666FF;}		/* フォトアルバム−夏 */
FONT.colorau {color: #CC3333;}		/* フォトアルバム−秋 */
FONT.colorwi {color: #000066;}		/* フォトアルバム−冬 */
FONT.font1 {font-size: 70%;}

DIV.personal {clear: right;}					/* 画像の回り込み解除 */
DIV.line1 {border-bottom: 1px solid #006600;}	/* コンテンツの区切り線 */

/* フッター区切り線 */
DIV.line2 {
	border-bottom: 2px solid #006600;
	margin-bottom: 5px;
}

IMG.pdfimg {vertical-align: middle;}
IMG.alignl {float: left;}
IMG.alignr {float: right;}

/* コンテンツのタイトル */
H1.contents {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	border: 1px solid #006600;
	/*background-image : url(gifs/back01.gif);*/		/* リリース時はフルパス指定に */
	background-image : url(http://www.city.tondabayashi.osaka.jp/gifs/back01.gif);
}

/* タイトル */
TABLE.title {
	width: 100%;
	border-bottom: 3px solid #006600;
}

/* コンテンツの内容表示エリア */
TABLE.contents{
	width: 100%;
	border-left: 1px solid #006600;
	border-right: 1px solid #006600;
	border-bottom: 1px solid #006600;
}

/* フッター用 */
TABLE.footer {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

/* 携帯サイト表示用 */
TABLE.personal {
	margin-bottom: 10px;
	float: right;
}

/* 行間、内側余白、幅の固定値 */
TABLE.margin01 {
	margin-left: 20px;
}
TABLE.margin02 {
	margin-left: 40px;
}
TABLE.pad20 {
	padding: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

TD {
	/*font-size: 100%;*/
	line-height: 150%;
}
TD.padtop5  {padding-top:  5px;}
TD.padtop10 {padding-top: 10px;}
TD.padtop13 {padding-top: 13px;}
TD.padtop15	{padding-top: 15px;}
TD.padleft5 {padding-left: 5px;}
TD.padleft15 {padding-left: 15px;}
TD.width100 {width: 100%;}
TD.pwidth03, TD.pwidth08, TD.pwidth10, TD.pwidth15, TD.pwidth18, TD.pwidth20, TD.pwidth25, TD.pwidth30, TD.pwidth35, TD.pwidth40, TD.pwidth45, TD.pwidth50, TD.pwidth65, TD.pwidth70 {
	padding-left: 5px;
	padding-right: 5px;
}
TD.pwidth03 {width: 3%;}
TD.pwidth08 {width: 8%;}
TD.pwidth10 {width: 10%;}
TD.pwidth15 {width: 15%;}
TD.pwidth18 {width: 18%;}
TD.pwidth20 {width: 20%;}
TD.pwidth25 {width: 25%;}
TD.pwidth30 {width: 30%;}
TD.pwidth35 {width: 35%;}
TD.pwidth40 {width: 40%;}
TD.pwidth45 {width: 45%;}
TD.pwidth50 {width: 50%;}
TD.pwidth65 {width: 65%;}
TD.pwidth70 {width: 70%;}

TD.listitem1, TD.listitem2, TD.listitem3, TD.listitem4, TD.listitem7, TD.listitem8, TD.listitem9 {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	height: 26px;
}
TD.listitem1 {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
TD.listitem2 {
	border-bottom: 1px solid #000000;
}
TD.listitem3 {
	border-right: 1px solid #000000;
}
TD.listitem5 {
	vertical-align: top;
	height: 26px;
	padding-left: 38px;
}
TD.listitem6 {
	vertical-align: top;
	height: 26px;
	padding-left: 42px;
	width: 16px;
}
TD.listitem7 {
	width: 25%;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
TD.listitem8 {
	width: 25%;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
TD.listitem9 {
	width: 50%;
	border-bottom: 1px solid #000000;
}

TD.secitem01, TD.secitem02 {
	height: 26px;
	vertical-align: top;
}
TD.secitem01 {
	padding-left: 22px;
	width: 140px;
}

/* ヘッダーメニュー */
TD.headermenu {text-align: right;}

/* 検索フォーム */
TD.searcharea {
	padding-top: 10px;
	text-align: right;
}

/* ぱんくずナビゲーション */
TD.nabi {
	width: 100%;
	padding-right: 5px;
}

/* コンテンツの内容表示エリア */
TD.contents_pad {
	padding-top: 7px;
	padding-bottom: 7px;
}
/* コンテンツの内容表示用 */
TD.itemcol1 {
	width: 100%;
	padding-left: 5px;
}

/* コンテンツの副題表示用 */
TD.item_subtitle {
	width: 100%;
	padding-left: 5px;
	vertical-align: middle;
	color: #000000;
	font-weight: bold;
}

/* 問い合わせ課表記用 */
TD.item_inquiry {
	text-align: center;
}

/* フッター設定(1,2,3,携帯) */
TD.footer1 {
	width: 28%;
	vertical-align: top;
}
TD.footer2 {
	width: 47%;
	text-align: center;
	vertical-align: top;
}
TD.footer2_sub {
	width: 100%;
	text-align: center;
}
TD.footer3 {
	width: 25%;
	text-align: right;
	vertical-align: top;
}
TD.personal {vertical-align: top;}

/* ----------トップページ専用 ---------- */

/* 緊急情報、おしらせ、メインコンテンツ用 */
TABLE.mainpad {
	width: 100%;
	margin-top: 5px;
}

/* ボタン表示 */
TD.leftmenu {
	padding-top: 10px;
	width: 170px;
	vertical-align: top;
}

/* メインコンテンツ表示 */
TD.mainmenu {
	padding-top: 5px;
	padding-left: 10px;
	width: 100%;
	vertical-align: top;
}

TD.borderinfo1 {border: 2px solid #FF0000;}		/* おしらせ用 */
TD.borderinfo2 {border: 2px solid #009900;}		/* 緊急情報用 */

/* メインコンテンツ詳細用 */
TD.maincontents {
	width: 49%;
	vertical-align: top;
}
/* コンテンツの列間 */
TD.mainspace {width: 2%;}

/* コンテンツの内容表示（▼用） */
TD.itemhead {
	height: 24px;
	padding-left: 7px;
}

/* コンテンツの内容表示（予約検索システムの詳細表示用） */
TD.itemcol2 {
	width: 100%;
	padding-left: 17px;
}

/* おしらせ、緊急情報の「一覧」表示用 */
TD.infolist {
	padding-right: 15px;
	text-align: right;
}
TD.banner {
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

/* ---------- 汎用ページ用 ---------- */

TABLE.main_gene {
	width: 100%;
	padding-bottom: 30px;
}
TABLE.item_head_gene{
	width: 100%;
	margin-top: 10px;
	border-bottom: 2px solid #006600;
}
TABLE.item_head2_gene{
	width: 100%;
	border-bottom: 2px solid #006600;
}
TABLE.item_gene{
	width: 100%;
	margin-top: 10px;
}
TABLE.item2_gene{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
TABLE.item3_gene{
	width: 100%;
	margin-bottom: 10px;
}
TABLE.link1_gene{
	margin-top: 10px;
	margin-bottom: 20px;
}
TABLE.link2_gene{
	margin-top: 5px;
	margin-bottom: 0px;
}
TD.main_gene{
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	vertical-align: top;
}
TD.item_pad_gene {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

TD.itemcol1_gene, TD.itemcol2_gene, TD.itemcol4_gene, TD.itemcol5_gene, TD.itemcol6_gene {
	height: 26px;
}
TD.itemcol1_gene, TD.itemcol2_gene, TD.itemcol3_gene {
	padding-left: 20px;
}
TD.itemcol5_gene, TD.itemcol6_gene {
	padding-left: 33px;
}
TD.itemcol1_gene {
	width: 100%;
}
TD.itemcol2_gene {
	width: 160px;
}
TD.itemcol3_gene {
	width: 33%;
	vertical-align: top;
}
TD.itemcol5_gene {
	width: 100%;
	line-height: 130%;
	color: #333333;
}
TD.itemcol6_gene {
	width: 100%;
}

TD.photo_gene {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
TD.photo_gene2 {
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	vertical-align: middle;
}
TD.phototext_gene {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	text-align: center;
}
TD.season_gene {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

IMG.photo_gene {border: 1px solid #000000;}

/* ---------- メインコンテンツ二層目共通 ---------- */

/* コンテンツタイトル表示エリア */
TABLE.titlepad_lay2 {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 3px solid #006600;
}
TABLE.titlepad2_lay2 {
	width: 100%;
	border-bottom: 3px solid #006600;
}
TABLE.titlepad3_lay2 {
	width: 100%;
	margin-top: 10px;
	border-bottom: 3px solid #006600;
}

/* コンテンツの内側余白 */
TABLE.mainpad_lay2 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
TABLE.mainpad_t_lay2 {
	width: 100%;
	margin-top: 20px;
}
TABLE.mainpad_b_lay2 {
	width: 100%;
	margin-bottom: 20px;
}
TABLE.mainpad2_lay2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* コンテンツフッター表示エリア */
TABLE.mainfooter_lay2 {
	margin-top: 10px;
}

/* 申請書のページ、申請書の一覧表示で使用 */
TD.mainpad2item_lay2 {
	padding-left: 2px;
	padding-right: 2px;
}
/* 広報誌のページ、広報誌一覧表示等で使用 */
TABLE.mainpad3_lay2 {
	margin-left: 20px;
}
TD.mainpad3item_lay2 {
	padding-left: 5px;
	padding-right: 5px;
}

/* サブメニューの表示サイズ */
TABLE.submenu_lay2 {
	width: 145px;
	/*height: 100%;*/
}

/* 表用 */
TABLE.list1_lay2 {
	margin-left: 20px;
	margin-right: 10px;
	border: 1px solid #000000;
}
TABLE.list2_lay2 {
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #000000;
}
TD.listcol1item1_lay2, TD.listcol1item2_lay2 {
	border-right: 1px solid #000000;
	background-color:#CCFFCC;
	padding-left: 5px;
	vertical-align: middle;
	height: 26px;
	width: 100px;
}
TD.listcol1item1_lay2 {
	border-bottom: 1px solid #000000;
}
TD.listcol1item3_lay2 {
	vertical-align: top;
	height: 26px;
	width: 20px;
}
TD.listcol1item4_lay2 {
	padding-left: 20px;
	vertical-align: middle;
}
TD.listcol1item5_lay2, TD.listcol1item6_lay2 {
	border-right: 1px solid #000000;
	background-color:#CCFFCC;
	padding-left: 5px;
	vertical-align: middle;
	height: 26px;
	width: 180px;
}
TD.listcol1item5_lay2 {
	border-bottom: 1px solid #000000;
}
TD.listcol2item1_lay2, TD.listcol2item2_lay2 {
	padding-left: 5px;
	vertical-align: middle;
}
TD.listcol2item1_lay2 {
	border-bottom: 1px solid #000000;
}
TD.listcol2item3_lay2 {
	vertical-align: top;
}
TD.listcol2item4_lay2, TD.listcol2item5_lay2 {
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: middle;
}
TD.listcol2item4_lay2 {
	border-bottom: 1px solid #000000;
}

/* 申請書のページ等で使用 */
TR.bgcolor1 {background-color:#CCFFCC;}
TR.bgcolor2 {background-color:#FFFFFF;}
TR.bgcolor3 {background-color:#CCCCCC;}
TR.bgcolor4 {background-color:#99FF99;}
TD.bgcolor1 {background-color:#CCFFCC;}

/* ボタン表示 */
TD.leftmenu_lay2{
	padding-top: 5px;
	width: 170px;
	vertical-align: top;
}

/* サブコンテンツの表示用 */
TD.menu_col1, TD.menu_col2{
	padding-top: 2px;
	vertical-align: top;
	line-height: 120%;
}
TD.menu_col1 {
	width: 20px;
	padding-left: 5px;
	text-align: center;
}
TD.menu_col2 {
	width: 140px;
	padding-left: 2px;
}

/* コンテンツ表示 */
TD.main_lay2{
	padding-top: 2px;
	padding-left: 15px;
	padding-bottom: 5px;
	width: 100%;
	vertical-align: top;
}

/* コンテンツの内容表示（▼用） */
TD.itemhead_lay2 {
	height: 26px;
	padding-left: 10px;
}

/* サブコンテンツメニューの内容表示エリア */
TD.menupad_lay2{
	width: 100%;
	padding-top:    5px;
	padding-bottom: 5px;
}

/* コンテンツ内容表示エリア */
TD.mainpad_lay2 {
	padding: 10px;
}
TD.mainpad2_lay2 {
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 項目表示用（１列目） */
TD.col1item1_lay2, TD.col1item2_lay2, TD.col1item3_lay2, TD.col1item4_lay2, TD.col1item5_lay2, TD.col1item6_lay2, TD.col1item7_lay2, TD.col1item8_lay2, TD.col1item9_lay2, TD.col1item10_lay2, TD.col1item11_lay2 {
	height: 26px;
}
TD.col1item1_lay2, TD.col1item2_lay2, TD.col1item3_lay2, TD.col1item4_lay2, TD.col1item5_lay2, TD.col1item8_lay2, TD.col1item9_lay2, TD.col1item10_lay2, TD.col1item11_lay2 {
	vertical-align: top;
}
TD.col1item1_lay2, TD.col1item3_lay2, TD.col1item5_lay2, TD.col1item6_lay2, TD.col1item8_lay2, TD.col1item10_lay2 {
	padding-left: 22px;
}
TD.col1item2_lay2, TD.col1item3_lay2, TD.col1item9_lay2 {
	width: 14px;
}
TD.col1item6_lay2, TD.col1item7_lay2 {
	vertical-align: middle;
}
TD.col1item2_lay2 {
	padding-left: 26px;
}
TD.col1item4_lay2 {
	padding-left: 30px;
	padding-right: 30px;
}
TD.col1item5_lay2 {
	width: 100px;
}
TD.col1item6_lay2 {
	width: 236px;
}
TD.col1item7_lay2 {
	padding-left: 38px;
	width: 180px;
}
TD.col1item8_lay2 {
	width: 360px;
}
TD.col1item9_lay2 {
	padding-left: 50px;
}
TD.col1item10_lay2 {
	width: 55px;
}
TD.col1item11_lay2 {
	padding-left: 40px;
}

/* 項目表示用（２列目） */
TD.col2item1_lay2 {
	vertical-align: top;
}
TD.col2item2_lay2 {
	padding-left: 5px;
	vertical-align: top;
}
TD.col2item3_lay2 {
	padding-left: 5px;
	vertical-align: middle;
}

/* 項目表示用（３列目） */
TD.col3item1_lay2 {
	vertical-align: top;
}

/* 電話アイコン表示用 */
TD.icon_tel_lay2 {
	width: 18px;
}
TD.icon_tel2_lay2 {
	width: 18px;
	padding-left: 5px;
	padding-right: 5px;
}

/* アンカー一覧用 */
TD.anchor_lay2 {
	width: 100%;
	text-align: right;
}

/* 申請書のページ、申請書の一覧表示で使用 */
TD.width1_lay2, TD.width2_lay2, TD.width3_lay2 {
	padding-left: 2px;
	padding-right: 2px;
}
TD.width1_lay2 {width: 60%;}
TD.width2_lay2 {width: 14%;}
TD.width3_lay2 {width: 26%;}

/* ページ左部のサブ項目（文字サイズ最大に合わせてHeightを設定） */
IFRAME.menu1 {
	width: 148px;
	height: 190px;
	padding-right:2px;
}
IFRAME.menu2 {
	width: 148px;
	height: 310px;
	padding-right:2px;
}
IFRAME.menu3 {
	width: 148px;
	height: 390px;
	padding-right:2px;
}
IFRAME.menu4 {
	width: 148px;
	height: 760px;
	padding-right:2px;
}
IFRAME.menu5 {
	width: 148px;
	height: 180px;
	padding-right:2px;
}

/* ---------- ページ個別 ---------- */

/* くらしのご案内−成人になったら */
TD.item1_204 {
	padding-left: 5px;
	padding-right: 5px;
	width: 18%;
}

/* くらしのご案内−ご不幸があったとき−富田林霊園 */
TD.title1_207 {
	text-align: center;
	vertical-align: middle;
	line-height: 300%;
}
TD.item1_207 {
	text-align: center;
	padding-left: 20px;
}
FONT.font1_207 {
	color: #009900;
	font-size: 150%;
}
FONT.font2_207 {
	color: #009900;
	font-size: 300%;
}

/* 富田林市のこと−市の概要 */
TD.mainpad_301 {
	padding-left: 25px;
	padding-right: 25px;
}

/* 富田林市のこと−統計 */
TABLE.mainpad_302 {
	margin-left: 15px;
}
TABLE.list_302 {
	margin-left: 30px;
	margin-right: 10px;
	border: 1px solid #000000;
}
TD.item1_302, TD.item2_302 {
	border-right: 1px solid #000000;
	background-color:#CCFFCC;
	padding-left: 5px;
	padding-right: 5px;
	height: 26px;
}
TD.item1_302 {
	border-bottom: 1px solid #000000;
}
TD.item3_302, TD.item4_302 {
	padding-left: 5px;
	padding-right: 5px;
	height: 26px;
	text-align: right;
}
TD.item3_302 {
	border-bottom: 1px solid #000000;
}
TD.item5_302, TD.item6_302 {
	padding-left: 5px;
	padding-right: 5px;
}
TD.item5_302 {
	text-align: center;
}
TD.item6_302 {
	text-align: right;
}

/* 富田林市のこと−市民憲章、都市宣言など */
TD.symbol_303 {
	width: 85px;
	padding-left: 25px;
	padding-right: 25px;
}

/* 富田林市のこと−総合計画、広域行政 */
TD.item1_305 {
	height: 26px;
	padding-left: 44px;
}
TD.item2_305 {
	background-color: #CCFFCC;
	padding-left: 5px;
	padding-right: 5px;
}

/* 富田林市のこと−条例規則、各種計画書や指針 */
TD.mainpad_306 {
	padding-left: 10px;
	padding-right: 10px;
}
TD.item1_306, TD.item2_306 {
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
}
TD.item1_306 {
	border-bottom: 1px solid #000000;
}

/* 富田林市のこと−情報公開、会議案内、パブリックコメント */
TD.item1_309 {
	background-color: #CCFFCC;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

/* 市役所のご案内−広報誌 */
TABLE.mainpad_402 {
	margin-left: 20px;
	width: 95%;
}
TD.mainpad_402 {padding: 10px;}
TD.item1_402, TD.item2_402 {
	height: 26px;
	vertical-align: top;
}
TD.item1_402 {width: 18px;}

/* 富田林市へようこそ−バス */
TD.bus_503 {
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 富田林市へようこそ−観光案内 */
TABLE.mainpad_504 {
	margin-top: 5px;
	margin-left: 20px;
	width: 96%;
}
TD.item1_504 {
	background-color: #CCFFCC;
	border: 2px ridge #CCCCCC;
	width: 96%;
	padding-left: 5px;
	padding-right: 5px;
}
TD.item2_504 {
	vertical-align: top;
	padding-left: 1px;
}
TD.item3_504 {
	background-color: #CCFFCC;
	padding-left: 5px;
	padding-right: 5px;
}
TD.item4_504 {
	vertical-align: top;
}

/* お知らせ一覧 */
TD.item1_news, TD.item3_news, TD.item4_news, TD.item6_news {white-space: nowrap;}
TD.item1_news, TD.item2_news, TD.item3_news {
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}
TD.item1_news {width: 15%;}
TD.item4_news, TD.item5_news, TD.item6_news {
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	line-height: 105%;
}
TD.item4_news {width: 16%;}


/* フォトアルバム */
TABLE.item1_photo {
	width: 100%;
	/*background: url(photo/gifs/back2.gif);*/
	background: url(http://www.city.tondabayashi.osaka.jp/photo/gifs/back2.gif);
}
TD.item1_photo {
	text-align: center;
	vertical-align: middle;
	height: 300px;
}
TD.item2_photo {
	text-align: center;
	width: 33%;
}
INPUT.btnsize_photo {
	width: 80px;
	height: 24px;
}