@charset "utf-8";

/*

	Stylesheet for www.city.hiroshima.jp/
	
	Copyright (C) HIROSHIMA City. All rights reserved. 
	
	Description : 共有設定

*/

/* base
----------------------------------------------------------- */

body {
	color: #000;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

a:link,
a:hover,
a:active {
	color: #003EA4;
}

a:visited {
	color: #663399;
}

a:link,
a:visited {
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: none;
}

hr.border {
	display:none;
	clear: both;
}

/* parts
----------------------------------------------------------- */

div#headContents {
	width: 930px;
	margin: 0 auto;
	padding: 15px 0 10px 0;
	text-align: left;
	background: url(/www/image/common/img/header_dome.png) no-repeat 110px 0;
	font-size: 70%;
	color: #666666;
}

div#headContents img {
	border: none;
	vertical-align: bottom;
}

div#headContents ul,
div#headContents form {
	margin: 0;
	padding: 0;
	font-size: 85%;
}

div#headContents li {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#headContents h1 {
	float: left;
	width: 285px;
	margin: 8px 0 0 0;
	padding: 0;
}

* div#headContents img,
* div#life p img,
* p.drop img,
* div.hironaviContents {
	behavior:url(/www/image/common/css/iepngfix.htc)
}

h2#title {
	margin-bottom: 15px;
	background: url(/www/image/common/img/headline_common.png) no-repeat;
	font-size: 120%;
	padding: 8px 10px 8px 23px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	zoom: 1;
}

h2#headLine {
	background: none;
	padding: 0;
}

h3.headLine {
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-bottom: 3px solid #999;
	border-left: 3px solid #999;
	padding: 5px 5px 3px 10px;
	margin-bottom: 15px;
	font-size: 120%;
	font-weight: bold;
}

div#search {
	float: left;
	width: 262px;
	margin-right: 5px;
	font-size: 85%;
}

div#search dl,
div#search p {
	margin: 0;
	padding: 0;
}

div#search p {
	font-size: 120%;
	/font-size: 140%;
}

div#search dt {
	margin: 5px 0 1px 0;
	padding: 0;
}

div#search dd {
	margin: 0 0 0 150px;
	padding: 0;
	font-size: 110%;
}

div#search dd a {
	background: url(/www/image/common/img/head_icon.png) no-repeat 0 0.2em;
	padding-left: 13px;
	zoom: 1;
}

input.keyword {
	width: 212px;
	_width: 214px;
	margin: 0;
	padding: 0;
	height: 1.4em;
	_height: 1.5em;
}

input.searchButton {
	font-size: 110%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

ul#headMenu {
	float: left;
}

ul#headMenu img {
	border: none;
	vertical-align: bottom;
}

ul#headMenu li {
	padding: 8px 0 3px 0;
	border: 1px solid #D9D9D9;
	float: left;
	background: url(/www/image/common/img/language_bg.png) repeat-x;
	min-height: 54px;
	height: auto !important;
	height: 67px;
	margin-right: 1px;
	text-align: center;
	width: 80px;
	_width: 82px;
}

ul#headMenu li.use {
	width: 70px;
	_width: 72px;
}

div#headContentsDome ul#headMenu li {
	background: url(/www/image/common/img/language_bg2.png) repeat-x;
	zoom: 1;
}

ul#headMenu p {
	margin: 0 0 2px 0;
	height: 20px;
	text-align: center;
}

div#headContents ul#language {
	float: right;
	width: 128px;
	_width: 135px;
	min-height: 57px;
	height: auto !important;
	height: 67px;
	border: 1px solid #D9D9D9;
	background: url(/www/image/common/img/language_bg.png) repeat-x;
	padding: 7px 0 0 5px;
}

ul#language li {
	float: left;
	margin: 0 3px 7px 0;
}

ul#language li.port,
ul#language li.esp {
	background: url(/www/image/common/img/head_icon.png) no-repeat 0 0.2em;
	padding-left: 13px;
	margin-right: 5px;
	zoom: 1;
}

div#container {
	width: 930px;
	margin: 0 auto 15px auto;
	text-align: left;
	clear: both;
}

ul#grovalNavi {
	width: 930px;
	margin: 0 auto 10px 0;
	clear: both;
	padding: 0;
	text-align: left;
}

ul#grovalNavi[id=grovalNavi] { margin-left: auto; } 

ul#grovalNavi img {
	border: none;
	vertical-align: bottom;
}

ul#grovalNavi li {
	float: left;
	margin-right: 3px;
	list-style: none;
}

ul#grovalNavi li.gnavRight {
	margin-right: 0;
}

ul#pageNavi {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 80%;
	color: #666666;
}

ul#pageNavi li {
	list-style: none;
}

div.contentsInformation {
	margin-bottom: 15px;
	width: 737px;
	clear: both;
}

div.contentsInformation dl {
	float: left;
	margin: 0 10px 0 0;
	width: 239px;
}

div.contentsInformation dl.rightCategory {
	margin-right: 0;
}

div.contentsInformation dt {
	padding: 6px;
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
}

div.contentsInformation dt a {
	padding-left: 10px;
	display: block;
}

div.contentsInformation dd {
	padding-left: 10px;
	margin: 0 0 5px 8px;
}

ul.topics {
	padding: 10px;
	margin-bottom: 15px;
}

ul.topics li {
	padding-left: 10px;
	margin-bottom: 5px;
}

ul.topics li.topicsList {
	background: none;
	margin-bottom: 0;
	text-align: right;
}

ul.topics li.topicsList a {
	padding-left: 10px;
}

div#sideNavi {
	width: 180px;
	float: right;
	padding-top: 5px;
}

div#address {
	width: 890px;
	margin: 0 auto 10px auto;
	text-align: left;
	background: #EFEFEF;
	clear: both;
	padding: 15px 20px;
	color: #666666;
	font-size: 85%;
}

div#address dl {
	margin: 0;
	padding: 0;
}

div#address dt {
	position: absolute;
	font-weight: bold;
}

div#address dd {
	padding: 0 2em 0 6em;
	margin: 0;
}

div#address p {
	margin: -2.7em 0 0 34em;
	padding-left: 2em;
	border-left: 1px solid #ccc;
}

p#copyright {
	margin-top: 15px;
	padding-bottom: 5px;
	color: #666666;
	font-size: 85%;
}

ul.contentsList li {
	background: url(/www/image/common/img/triangle_gley.png) no-repeat 0 0.3em;
	padding-left: 10px;
	margin: 0 0 5px 0;
	zoom: 1;
}

p.pagetop {
	text-align: right;
	font-size: 80%;
	margin-bottom: 15px;
}

body.common h4.headLine {
	font-size: 120%;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	color: #0C59B8;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
}

div#container dl#pageInfo {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #666666;
	font-size: 90%;
}

dl#pageInfo dt {
	font-weight: bold;
}

dl#pageInfo dd {
	margin: 0;
	padding: 0;
}


ul.information,
ul.download,
ul.link {
	margin: 0 0 15px 0;
	padding: 0;
}

ul.information li {
	background: url(/www/image/common/img/file.png) no-repeat 0 0.1em;
	padding-left: 20px;
	margin: 0 0 5px 10px;
	list-style: none;
	text-align: left;
	zoom: 1;
}

ul.link li {
	background: url(/www/image/common/img/link.png) no-repeat 0 0.1em;
	padding-left: 20px;
	margin: 0 0 5px 10px;
	list-style: none;
	zoom: 1;
}


ul.download li {
	background: url(/www/image/common/img/download.png) no-repeat 0 0.1em;
	padding-left: 20px;
	margin: 0 0 5px 10px;
	list-style: none;
	text-align: left;
	zoom: 1;
}

p.viewer {
	background: url(/www/image/common/img/application.png) no-repeat 10px #f7f7f7;
	padding: 10px 10px 10px 30px;
	margin-bottom: 15px;
	border: 1px dotted #ccc;
	zoom: 1;
}

p.searchList {
	font-size: 90%;
	margin-bottom: 15px;
}

p.next {
	margin-bottom: 15px;
}

div#contents {
	text-align: left;
}

div#contentsImage {
	margin-bottom: 15px;
}

div#contentsImage p,
div#contentsImage h3 {
	display:table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

div#contentsImage h3 {
	width: 500px;
}

* html div#contentsImage p,
* html div#contentsImage h3{/* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html div#contentsImage p,
*:first-child+html div#contentsImage h3{/* IE 7 */
	display:inline;
	zoom:1;
}

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

dl.calendarDate dt {
	float: left;
	text-align: left;
	width: 49%;
}

dl.calendarDate dd {
	float: right;
	text-align: right;
	width: 49%;
	margin: 0;
	padding: 0;
}

table.calendarTable {
	width: 100%;
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
}

table.calendarTable th,
table.calendarTable td {
	padding: 5px;
	border: 1px solid #999;
}

table.calendarTable th {
	background: #0C59B8;
	color: #fff;
}

td.dateHead {
	background: #f4f4f4;
}

.new {
	margin-left: 5px;
	vertical-align: middle;
}

div#footerNavi {
	font-size: 85%;
}

/* text
----------------------------------------------------------- */

.txtSmall {
	font-size: 80%;
}


/* specer
----------------------------------------------------------- */

.mb20 {
	margin-bottom: 20px;
}


/* clearfix
----------------------------------------------------------- */

div#headContents:after,
div#headContentsDome:after,
ul#language:after,
div#container:after,
ul#grovalNavi:after,
ul.mainNavi:after,
dl.calendarDate:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clear {
	clear: both;
	margin:0;
	padding:0;
}

/* 音声読み上げ専用
----------------------------------------------------------- */
img.read {
	display: none;
}