img.left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
img.right {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}

.list-table{
border-collapse : collapse ;
border-width : 1px 0 0 0 ;
border-style : solid ;
border-color : #2466AE ;
}
.list-table-th{
background-color:#B4D2F3;
border-color : #2466AE ;
border-width : 0 0 1px 0 ;
border-style : solid ;
padding : 6px;
}
.list-table-td{
border-width : 0 0 1px 0 ;
border-color : #2466AE ;
border-style : solid ;
}

.tbl {
background-color: #B4D2F3;
}
.tbl-blue1 {
color: #FFFFFF;
background-color: #2466AE;
}
.tbl-blue2 {
color: #FFFFFF;
background-color: #5994CC;
}
.tbl-data {
background-color: #FFFFFF;
}
.tbl-line  {
color: #FFFFFF;
background-color: #B4D2F3;
}

/* 山口市用個別ＣＳＳ定義 */

* {/*ブラウザのデフォルト値をフォーマット*/
	margin:0px;
	padding:0px;
}

body {
	margin-bottom:5px;
}

img{/*画像縁クリア*/
	border:0px;
}

/*---***リンク挙動***---*/

a:visited {
	color:teal;
}

a:hover {
	color:red;
	text-decoration:none;
	background-color:#ffc;
	border:1px solid red;
	border-width:1px 0px;
}

.golist a:visited {
	color:white;
	text-decoration:under-line;
}

.golist a:link {
	color:white;
	text-decoration:none;
}

.golist a:hover {
	color:red;
	text-decoration:none;
	background-color:#ffc;
	border:1px solid red;
	border-width:1px 0px;
}

/*---***エリア別指定***---*/

#p.golist {
	font-size:85%;
	text-align:right;
	margin-top:2px;
}

#p.golist span{
	color:white;
	padding:2px;
	background-color:orange;
}

/*---------menuエリア---------*/

#menu {/*第2階層以降はメニューエリアは不要*/
	display:none;
}

/*---menuエリア---*/

div.menu {
	vertical-align:top;
}

div.menu div.section {
	border:1px solid lightgreen;
	margin-bottom:2px;
}

div.menu div.section h2 {
	font-size:100%;
	color:green;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	background:url(/image/menu_bg01_green.gif) repeat-x left center;*/
}

div.menu div.section h2.type02 {
	color:green;
	background:url(/image/menu_bg02_green.gif) repeat-x left center;
	padding:3px 0px 3px 25px;
	border:1px solid green;
	border-width:0px 0px 0px 0px;
}

div.menu div.section h2.type03 {
	color:green;
	background:url(/image/menu_bg03_green.gif) repeat-x left center;
	padding:3px 0px 3px 25px;
	border:1px solid green;
	border-width:0px 0px 0px 0px;
}

div.menu form {
	margin:5px;
}

div.menu ul {
	margin:5px 0px 5px 0px;
}

#hd_tabmenu_main,
#hd_tabmenu_kanko,
#hd_tabmenu_kurasi,
#hd_tabmenu_jigyo,
#hd_tabmenu_zoom {
	width: 100%;
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#hd_tabmenu_main {
	border-bottom-color: #339900;
}

#hd_tabmenu_kanko {
	border-bottom-color: #339900;
}

#hd_tabmenu_kurasi {
	border-bottom-color: #339900;
}

#hd_tabmenu_jigyo {
	border-bottom-color: #339900;
}

#hd_tabmenu_zoom {
	border-bottom-color: #339900;
}

#hd_tabmenu_main ul,
#hd_tabmenu_kanko ul,
#hd_tabmenu_kurasi ul,
#hd_tabmenu_jigyo ul,
#hd_tabmenu_zoom ul {
	margin: 0px 0px -3px 0px;
	padding: 0px 0px 0px 0px;
}

#hd_tabmenu_main li,
#hd_tabmenu_kanko li,
#hd_tabmenu_kurasi li,
#hd_tabmenu_jigyo li,
#hd_tabmenu_zoom li {
	margin: 0px -4px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;	
}

#content div.bnr h2, div.bnr h2  {/*バナーエリアのh2のみ非表示*/
	display:none;
}

#content div.bnr, div.bnr {
	border-top:1px solid green;
}

#content div.bnr ul li, div.bnr ul li {/*バナー間マージン*/
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content div.bnr ul li img, div.bnr ul li img {/*バナー間マージン*/
	list-style-type:none;
	list-style-image:none;
}

#content div.cm_bosyu {
	text-align: left;
	padding: 8px 0px 0px 8px;
	
}

#content div.cm_banner h2, div.cm_banner h2  {/*バナーエリアのh2のみ非表示*/
	display:none;
}

#content div.cm_banner, div.cm_banner {
	border-top:1px solid green;
}

#content div.cm_banner ul li, div.cm_banner ul li {/*バナー間マージン*/
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content div.cm_banner ul li img, div.cm_banner ul li img {/*バナー間マージン*/
	border:1px solid gray;
	list-style-type:none;
	list-style-image:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.menu_bnr {
	text-align: center;
	margin-top: 4px;
}


/*---------ぱんくずナビエリア---------*/

ul#navi01 {
	font-size:85%;
	margin:5px 2px;
}

ul#navi01 li {
	display:inline;
}

/*---------contentsエリア---------*/

/*2006/04/04 Testing 
#contents, div.content, div.section, div.container, #content, #container {
*/
#container {
	font-size:90%;
	line-height:1.5em;
}

/*見出しセット定義*/

h2,h3,h4,h5 {
	clear:both;
	margin:10px;
	padding:5px;
}

h2 {
	font-weight:bold;
	padding:20px;
	background:url(/cc_image/h2_bg.gif) center left;
	border:1px solid black;
	border-width:1px 2px 2px 1px;
}
/*
MacIEのみＤＦ平成明朝体W7を無視
\*/
/*
h2 {
	font-weight:normal;
	font-family:"ＤＦ平成明朝体W7","Times New Roman","Times",sans-serif;
}

*/

h2 span{
	font-size: 70% ;
}

h3 {
	margin-left:15px;
	background-color:#ffc;
	border:1px solid darkgreen;
	border-width:0px 0px 1px 10px;
}

h4 {
	margin-left:20px;
	padding-left:25px;
	background:url(/cc_image/h4_bg.gif) no-repeat left bottom;
	border-bottom:1px solid black;
}

h5 {
	margin-left:25px;
	padding:2px;
	border:1px dashed black;
	border-width:1px 0px;
}

p {/*段落（本文）*/
	margin:0.5em 20px 0.5em 2em;
}

em {
	color:red;
	font-style:normal;
	border-bottom:1px dashed red;
}

em.type02 {
	color:red;
	font-style:italic;
	font-weight:bold;
	border:none;
}

/*PDF注釈セットと問い合わせ先セット定義*/

dl.pdfnotice, dl.contact,
div.content dl.pdfnotice,div.content dl.contact {
	clear:both;
/*	width:90%;*/
/*	margin:1em auto;*/
	border:1px solid black;
}

dl.pdfnotice dt, dl.contact dt,
div.content dl.pdfnotice dt,div.content dl.contact dt {
	color:white;
	padding:3px;
	background-color:teal;
	border:none;
}

dl.pdfnotice dd, dl.contact dd,
div.content dl.pdfnotice dd,div.content dl.contact dd {
	margin:5px 0px 0px 0px;
	padding:0px;
	border:none;
}

dl.pdfnotice dd img, 
div.content dl.pdfnotice dd img{
	float:right;
	margin:5px 0px 5px 0px;
}

/*リストセット定義*/

#content ul,
#content ol,
div.section ul,
div.section ol
 {/*contentsエリア内のulとolとdl枠マージン指定*/
	margin:0.5em 0px 0.5em 60px;
}

#whatsnew ul {/*contentsエリア内のulとolとdl枠マージン指定*/
	margin:0em 0px 0px 10px;
}

#whatsnew ul li {/*contentsエリア内のulとolとdl枠マージン指定*/
	margin:0em 0px 6px 20px;
	font-size:100%;
}

#whatsnew p.golist {/*contentsエリア内のulとolとdl枠マージン指定*/
	font-size:100%;
}


#content ul ul,
#content ol ol,
#content ol ul,
#content ul ol
{/*contentsエリア内のulとolとdl枠マージン指定2*/
	margin:0.5em 10px 0.5em 10px;
}

/*
#content    ul li, 
#contents   ul li, 
#container  ul li,
#whatsnew   ul li,
div.section ul li  */
#whatsnew  ul li,
dl.contact ul li,
div.section ul li,
div.linklist_topics ul li
{
	list-style-image:url(/cc_image/listmark02.gif);
}

#content ul li ul li{/*非序列リスト2*/
	list-style-image:none;
	list-style-type:disc;
}

#content ul.inline{/*非序列インラインリスト*/
	margin-left:45px;
}

#content ul.inline li{/*非序列インラインリスト*/
	float:left;
	width:11em;
	padding-left:1em;
	list-style-image:none;
	list-style-type:none;
}


#temp98_center_left div.menu div.section ul,
#temp99_left div.menu div.section ul, 
div.menu div.section ul {
	margin:5px 0px 3px 30px;
}

#temp98_center_left div.menu div.section ul li,
#temp99_left div.menu div.section ul li,
div.menu div.section ul li {
	list-style-image:url(/cc_image/listmark01_green.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}

#content div.bnr_top, div.bnr_top {
	width: 150px;
}

#content div.bnr_top h2, div.bnr_top h2  {/*バナーエリアのh2のみ非表示*/
	display:none;
}

#temp98_center_right div.bnr_top ul,
div.bnr_top ul {
	margin:0px 0px 0px 0px;
}

#temp98_center_right div.bnr_top ul li {
	list-style-image: none;
	list-style-type: non;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*リンクリスト「トピックス」*/
div.linklist_topics {
	border: 1px solid #777777;
	margin: 0px 10px; 0px 20px;
	height: 120px;
	overflow-y: scroll;
}

img.photostyle_left,
img.photostyle_center,
img.photostyle_right {
	border: 8px solid;
	border-color: #E0E0E0;
	height: 200px;
	width:  150px;
}

img.photostyle_left {
	margin: 0px 10px 0px 10px;
}

img.photostyle_center {
	margin: 0px 10px 0px 10px;
}

img.photostyle_right {
	margin: 0px 0px 0px 10px;
}

img.photostyle_single {
	border: 8px solid;
	border-color: #E0E0E0;
	height: 247px;
	width:  550px;
}

img.photostyle_single {
	margin: 0px 0px 0px 10px;
}

/*MacIEは画像のリストアイテムにバグを生ずるため表示を無効化
\*/

#content ul.inline li {/*非序列インラインリスト*/
	background:url(/cc_image/listmark02.gif) no-repeat left center;
}
/**/

/*IEでinbox枠からインラインリストがオーバーフローする不具合を生ずるため、floatを無効化*/

#content div.inbox ul.inline li{/*IEのみ読み込む*/
	float:none;
}

#content ol li,
#contents ol li,
#contents div.section ol li,
#container div.section ol li
 {/*序列リスト*/
	margin-left:10px;
}

#content ul li ol li{/*非序列-序列リスト*/
	list-style-image:none;
}

#content ul.notice li{/*注釈文リスト*/
	list-style-image:url(/cc_image/listmark03.gif);
}

#content ul.sitemap li {/*サイトマップ用リスト*/
	font-weight:bold;
	list-style-image:url(/cc_image/sitemap_listmark00.gif);
	vertical-align:middle;
	padding:1px 5px;
}

#content ul.sitemap li li{
	font-weight:normal;
	list-style-image:url(/cc_image/sitemap_listmark02.gif);
	vertical-align:middle;
	padding:1px 5px;
}

#content ul.sitemap li li li{
	list-style-image:url(/cc_image/sitemap_listmark03.gif);
	vertical-align:middle;
	padding:1px 5px;
}

#content ul.sitemap li li li li{/*サイトマップ用リストここまで*/
	list-style-image:url(/cc_image/sitemap_listmark04.gif);
	vertical-align:middle;
	padding:1px 5px;
}


#content   dl,
#container dl {/*contentsエリア内のdl枠マージン指定*/
	margin:10px 10px 10px 30px;
}

#content   dl dt,
#container dl dt {
	padding:2px;
	border-left:5px double gray;
	border-bottom:1px solid gray;
}

#content   dl dd,
#container dl dd {
	padding:2px;
	margin-left:2em;
	margin-bottom:0.5em;
}

#content   dl dd ul, 
#container dl dd ul {
	margin-left:0px;
}

#content   dl.qa dt,
#container dl.qa dt {/*Q＆A形式-dt*/
	width:100%;
	margin-right:1em;
	padding:5px;
	border-left:5px solid black;
	border-bottom:1px solid black;
}

#content   dl.qa dd,
#container dl.qa dd {/*Q＆A形式-dd*/
	width:95%;
	padding:5px;
	margin-left:2em;
	margin-bottom:0.5em;
	border-left:1px solid black;
}

#content   dl.qa dd ul, 
#container dl.qa dd ul {
	margin:0.5em 10px 0.5em 20px;
}

/*ボックス形成定義*/

.inbox {
/*	width:90%;*/
	margin:0.5em 30px;
/*	margin:0.5em auto;*/
	padding:3px;
	background:url(/cc_image/inbox_bg.gif);
	border:1px solid black;
}

dd div.inbox {
	width:auto;
}

/*テーブルセット定義*/

#content   table.intable, 
#container table.intable,
           table.intable {
/*	width:auto;*/
	margin:1em 30px;
/*	margin:1em auto;*/
/*	margin-left:auto;margin-right:auto;/*MacIE*/*/
	padding:2px;
	border:2px solid black;
	border-collapse:collapse;
	border-spacing:0px;
}

#content   table.intable th, 
#content   table.intable td, 
#container table.intable th, 
#container table.intable td, 
           table.intable th, 
           table.intable td {
	vertical-align:top;
	padding:2px;
	border:1px solid black;
	border-collapse:collapse;
}

#content   table.intable th, 
#container table.intable th,
           table.intable th {
	text-align:center;
	white-space:nowrap;
	background:url(/cc_image/th_bg.gif);
/*	background-color:lightgreen;*/
}

#content   table.intable ul,
#content   table.intable p, 
#container table.intable ul,
#container table.intable p,
           table.intable ul,
           table.intable p {
	margin-left:20px;
}

#content   table.intable dl, 
#container table.intable dl, 
           table.intable dl {
	margin-left:10px;
}

/*フォームセット定義*/

#content   form, 
#container form {
	margin:0.5em 0px 0.5em 30px;
}

p.gohead {/*冒頭ジャンプ*/
	clear:both;
	font-size:85%;
	text-align:right;
	margin:10px 15px;
	padding:2px;
	border-top:2px solid lightgreen;
}

/*---footエリア---*/

#foot {
	font-size:85%;
	text-align:center;
	width:100%;
	border-top:1px solid lightgreen;
}

#foot address {
	font-style:normal;
	padding:5px 0px;
}

#foot address span {
	display:block;
	background-color:lightgreen;
}

/*---***エリア別指定end***---*/


/*---***エリア構造確認用***---*/

/*

div {
	border:1px dashed blue !important;
}

*/


table.contact {
	clear:both;
/*	width:90%;*/
/*	margin:1em auto;*/
	border:none;
	margin:0px 20px 0px 30px;
	width:95%;
	border-collapse:collapse;
}

table.contact th {
	font-weight:lighter;
	font-size:90%;
	text-align:left;
	color:white;
	padding:7px 0px 5px 5px;
	background-color:teal;
	border:1px solid black;
	cellspacing:0;
}

table.contact tr td {
	font-size:90%;
	padding:20px 0px 20px 30px;
	border:1px solid black;
	background-image:url(/cc_image/listmark02.gif);
	background-repeat:no-repeat;
	background-position:15px center
}