@charset "utf-8";
/*==============================================
Font-size Adjustment
Default Size    = 16px
Present Setting = 12px

63% = - 6px  |	100% = +-0px  |	138% = + 6px
69% = - 5px  |	107% = + 1px  |	144% = + 7px
75% = - 4px  |	113% = + 2px	|	150% = + 8px
82% = - 3px  |	119% = + 3px	|	157% = + 9px
88% = - 2px  |	125% = + 4px	|	163% = +10px
94% = - 1px  |	132% = + 5px	|	169% = +11px
===============================================*/


/**************************************************************************************************
ポータルTOP
**************************************************************************************************/

/*イメージスライド*/
#TopSlide{
	height:346px;
	overflow:hidden;
	position:relative;
	width:956px;
	margin: 0px auto 20px auto;
	border: solid 1px #5EA0BA;
	padding:1px;
}

#SlideOption{
	position:relative;
	width:960px;
	margin:0 auto;
	margin-top:-370px;
}

/*イメージスライド：ライトナビゲーション*/
.SlideNavi{
	text-align: left;
	position: absolute;
	top: 25px;
	right: 5px;
	z-index: 100;
	background-repeat: no-repeat;
	background-position: 0 0 no-repeat;
	background-image: url(../../image/top/slidenavi_bg.png);
	width: 170px;
	height: 311px;
	padding: 11px 14px 17px 14px;
}
.SlideNavi ul li {
	line-height:0px;
	font-size:0%;
}

/*アクセスランキング*/
.TopAccessRank li {
	padding: 5px 5px 5px 30px;
	background-position: left center;
	background-repeat: no-repeat;
}
.TopAccessRank li.Rank1 {background-image: url(../../image/common/icon_rank01.png);}
.TopAccessRank li.Rank2 {background-image: url(../../image/common/icon_rank02.png);}
.TopAccessRank li.Rank3 {background-image: url(../../image/common/icon_rank03.png);}
.TopAccessRank li.Rank4 {background-image: url(../../image/common/icon_rank04.png);}
.TopAccessRank li.Rank5 {background-image: url(../../image/common/icon_rank05.png);}



/**************************************************************************************************
観光
**************************************************************************************************/
.TourismTitle {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-image: url(../../image/tourism/tourism_title_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #168ADB;
	padding: 10px 10px 0px 10px;
}
.TourismTitle .Left {
	width:390px;
	float:left;
}
.TourismTitle .Right {
	width:317px;
	float:right;
}
.TourismMain {
	border: solid 3px #5ea0ba;
	padding:1px;
	margin-bottom:20px;
}

.TourismMain .Left {
	width:522px;
	height:297px;
	float:left;
	overflow:hidden;
}
.TourismMain .Left #SlideArea a:focus {
	outline: 1px dotted;
}
.TourismMain .Right {
	width:230px;
	float:right;
}

/**************************************************************************************************
原爆・平和
**************************************************************************************************/


.PeaceSlide {
	width:756px;
	height:420px;
	border-style:solid;
	border-color:#5ea0ba;
	border-width:1px 1px 0px 1px;
	padding:1px;
	overflow:hidden;
}
.PeaceNavi {
	clear:both;
}
.PeaceNavi ol {
	margin-bottom:20px;
}
.PeaceNavi ol {
	margin-bottom:20px;
}
.PeaceNavi ol li {
	float:left;
}



/**************************************************************************************************
組織別分類から探す
**************************************************************************************************/

.Bunrui_SC li {
	display: inline-block;
	display: -moz-inline-box;
	zoom: 1;
	*display: inline;
	padding-right: 2px;
	margin: 0px 5px 5px 0px;
}
.Bunrui_SC li a {
	margin-right:10px;
}

.Bunrui_List {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
		.Bunrui_List th {
			padding:15px 5px;
			border: 1px solid #95d0e7;
			vertical-align: middle;
		}
		.Bunrui_List td {
			padding:15px 5px;
			border: 1px solid #5ea0ba;
			vertical-align: middle;
			}

		.Bunrui_List thead th{
			background: #1e77b3;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
		}
		.Bunrui_List thead td{
			font-weight: bold;
			text-align: center;
		}
		.Bunrui_List tbody th{
			font-weight: normal;
			text-align: left;
			width:25%;
		}
		.Bunrui_List tbody th a {
			display: block;
			background-image: url(../../image/common/arrow_rg.png);
			background-position: left center;
			background-repeat: no-repeat;
			padding-left:12px;
		}
.Bunrui_List td.BorderLeftNone,
.Bunrui_List th.BorderLeftNone {
	border-left:none;
}
.Bunrui_List td.BorderRightNone,
.Bunrui_List th.BorderRightNone {
	border-right:none;
}


.Bunrui_Back {
	text-align:center;
}

.Bunrui_Back span.Link_Button a:link,
.Bunrui_Back span.Link_Button a:visited,
.Bunrui_Back span.Link_Button a:hover {
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
	background-image: url(../../image/common/arrow_lw.png);
	padding-left: 25px;
}


/**************************************************************************************************
イベントカレンダー
**************************************************************************************************/


.EventPagnation {
	background:#eeeeee;
	margin-bottom:20px;
	padding:5px;
}
.EventPagnation ul li.Left {
	float:left;
	width:140px;
}
.EventPagnation ul li.Center {
	float:left;
	width:450px;
	text-align:center;
	margin-left:10px;
}
.EventPagnation ul li.Right {
	float:right;
	width:140px;
	text-align:right;
}


/*Link Button1*/
.EventPagnation ul li.Left span.Link_Button a:link,
.EventPagnation ul li.Left span.Link_Button a:visited,
.EventPagnation ul li.Left span.Link_Button a:hover,
.EventPagnation ul li.Center span.Link_Button a:link,
.EventPagnation ul li.Center span.Link_Button a:visited,
.EventPagnation ul li.Center span.Link_Button a:hover {
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
	background-image: url(../../image/common/arrow_lw.png);
	padding-left: 25px;
}
.EventPagnation ul li.Right span.Link_Button a:link,
.EventPagnation ul li.Right span.Link_Button a:visited,
.EventPagnation ul li.Right span.Link_Button a:hover {
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-image: url(../../image/common/arrow_rw.png);
	padding-left: 0.6em;
	padding-right: 25px;
}

.EventList {
	margin-bottom:20px;
}

.EventList dl {
	margin-bottom:15px;
}
.EventList dl dt {
	background-image: url(../../image/common/columnlist_bg01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #daedf7;
	border:solid 1px #5ea0ba;
	padding:0px 5px;
}
.EventList dl dt a {
	display:block;
	background-image: url(../../image/common/arrow_rb.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:8px 0px 8px 20px;
	font-weight:bold;
}
.EventList dl dd {
	border-bottom:solid 1px #5ea0ba;
	border-left:solid 1px #5ea0ba;
	border-right:solid 1px #5ea0ba;
	padding:10px 25px;
}
.EventList dl dd p {
	margin-bottom:5px !important;
}
.EventList dl dd ul li {
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	display: inline-block;
	display: -moz-inline-box;
	zoom: 1; *display: inline;
	padding:2px 8px;
	margin: 4px 2px 0px 0px;
	/margin: 4px 6px 0px 0px;
}
/*くらし・手続き～文化・スポーツ*/
.EventList dl dd ul li.ELG01 {
	border-color:#028bd1;
	background:#028bd1;
	color:#FFFFFF;
}
/*産業・雇用・ビジネス*/
.EventList dl dd ul li.ELG02 {
	border-color:#645827;
	background:#645827;
	color:#FFFFFF;
}
/*観光*/
.EventList dl dd ul li.ELG03 {
	border-color:#b13582;
	background:#b13582;
	color:#FFFFFF;
}
/*原爆・平和*/
.EventList dl dd ul li.ELG04 {
	border-color:#568627;
	background:#568627;
	color:#FFFFFF;
}
/*市政全般*/
.EventList dl dd ul li.ELG05 {
	border-color:#743ea6;
	background:#743ea6;
	color:#FFFFFF;
}
/*中区*/
.EventList dl dd ul li.ELK01 {
	border-color:#84a580;
	background:#d4ebd1;
}
/*東区*/
.EventList dl dd ul li.ELK02 {
	border-color:#cd928d;
	background:#f9dfdc;
}
/*南区*/
.EventList dl dd ul li.ELK03 {
	border-color:#98d1ff;
	background:#e3faff;
}
/*西区*/
.EventList dl dd ul li.ELK04 {
	border-color:#8c92c1;
	background:#dbdff6;
}
/*安佐北区*/
.EventList dl dd ul li.ELK05 {
	border-color:#9fbe6c;
	background:#e8f5bb;
}
/*安佐南区*/
.EventList dl dd ul li.ELK06 {
	border-color:#7ebe98;
	background:#cef5e3;
}
/*安芸区*/
.EventList dl dd ul li.ELK07 {
	border-color:#c1ab86;
	background:#f6eed6;
}
/*佐伯区*/
.EventList dl dd ul li.ELK08 {
	border-color:#b08c9f;
	background:#f0dae8;
}

/**************************************************************************************************
ようこそ市長室へ
**************************************************************************************************/

#Mayer_Aspirations {
	background-color: #1e86e6;
	background-image: url(../../image/mayor/mayor_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 37px;
	margin-bottom:30px;
	line-height: 1.6;
}
#Mayer_Aspirations .Message {
	background:#FFFFFF;
	padding-left:20px;
}
#Mayer_Aspirations .Message h2 {
	width:629px;
	color:#1e86e6;
	font-size:225%;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom: solid 1px #cccccc;
}

#Mayer_Aspirations .Message .Point {
	background:#e8f4ff;
	padding:10px 10px 0px 10px;
	margin-bottom:1em;
	overflow:hidden;
}
#Mayer_Aspirations .Message dl {
	margin-bottom:10px;
}
#Mayer_Aspirations .Message dl dt {
	width:12em;
	float:left;
	color:#945503;
	font-weight:bold;
}
#Mayer_Aspirations .Message dl dd {
	float:left;
}

#Mayer_Aspirations .Message .Profile {
	width:250px;
	border: solid 1px #5ea0ba;
	padding:1px;
	float:right;
	margin: 0px 0px 20px 20px;
}
#Mayer_Aspirations .Message .Profile h3 {
	background:#0b477e;
	margin-top:1px;
	text-align:center;
	padding:10px 5px;
	color:#FFFFFF;
}

.Mayer_News .Mayer_Photo {
	width:230px;
	float:left;
	margin-right:20px;
}
.Mayer_News .Mayer_Dousei {
	width:230px;
	float:left;
	margin-right:20px;
}
.Mayer_News .Mayer_Dekigoto {
	width:230px;
	float:right;
}
.Mayer_event {
	float: left;
	margin: 20px;
	text-indent: -16px;
}
.Mayer_event:before {
	content:"※";
}

/**************************************************************************************************
アクセスランキング
**************************************************************************************************/

.Ranking_List {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
		.Ranking_List th {
			padding:15px 5px;
			border: 1px solid #95d0e7;
			vertical-align: middle;
		}
		.Ranking_List td {
			padding:15px 5px;
			border: 1px solid #5ea0ba;
			vertical-align: middle;
			}

		.Ranking_List thead th{
			background: #1e77b3;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
		}
		.Ranking_List thead td{
			font-weight: bold;
			text-align: center;
		}
		.Ranking_List tbody th{
			text-align: center;
			width:10%;
		}
		.Ranking_Strong {
			font-size:125%;
			font-weight:bold;
		}

		.Ranking_Numbar {
			font-size:138%;
			font-weight:bold;
		}

		.Ranking_Kugiri td,
		.Ranking_Kugiri th {
			border-bottom:double #5ea0ba;
		}