@charset "utf-8";
/* CSS Document **********************************************************************************************/
/* Webサイト名：別府市議会Webサイト                                                                          */
/* CSS適用範囲：Webサイト　全体共通部分（グローバル）                                                        */
/* 関連CSS　　 : カテゴリ別フォルダに保存                                                                    */
/* 稼働開始日  : 2011/11/04                                                                     　　        */
/* レイアウト変更  : 2013/03/14                                                                             */
/*************************************************************************************************************/
                    
/******* 機能 ************************************************************************************************/
/* ページ全体　共通部分　　　　　　　　　                                                                    */
/*************************************************************************************************************/
body  {
	overflow:scroll;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;/*テキスト文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
#pageAll {
	background-color:#D5ECE3;/*全体背景色*/
	margin: 0 auto; /* 自動マージン（幅と連動）ページ中央揃え */
	/*text-align:left;*/
	font-size:90%;

/*	position:relative;-----2011/07/26----- #sideMenuのposition設定用 ->背景塗りつぶしに影響*/
} 
#header { 
	padding: 0px ;
	min-width:400px;
	background-image:url(../img/header_backcolor.png);/*ヘッダー画像のさらに下の色*/
	background-repeat:repeat-x;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:#FFFFFF 1px solid;
	text-align:left;
} 
#header_img {
	padding:0px;
	padding-top:10px;
	margin-top:0px;
	margin-left:0px;
	background-image:url(../img/header_img.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	margin-bottom:0px;
	/*AI参考メモ*/
		/*img      切り出し　幅:1000px 高:400px X:510px Y:005px*/
		/*backcolor切り出し　幅:004px 高:400px X:050px Y:500px*/
		/*sitename 切り出し　幅:390px	高:073px X:240px Y:150px*/
} 

#sideMenu {
	width: 960px ;/* Internet Explorerは、幅+余白+境界線 */
	background-color:#D5ECE3;/*全体背景色*/
	padding: 10px 10px;
		margin:0 auto;

	overflow:hidden;
} 

#mainContent { 
	text-align:left;
	margin:0 auto;
	padding: 15px 30px;
	background: #FFFFFF;
	/*height:100%;*/ 						/*-----2011/07/26----- *//*2025.1.28*/
	/*overflow: auto;*/ 					/*-----2011/07/26 ----- *//*2025.1.28*/
	width:900px;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
	margin:0;
	padding:0;
}

/*ulを一括リセット*/
ul {list-style-type: none;}	/*リストスタイル　マークなし（画像代替）*/

/* aタグ色指定 -----a:の順序調整のため先に指定---------------------------------------------------------------*/
/*リンクの色．．．．．#336699*/
a:link {
	color: #0033CC;
}
/*訪問済みリンクの文字色*/
a:visited {
	color: #003300;/*339999*/
}		

/*　外部リンクにアイコン表示　*/
a[target="_blank"]:after {
	content: url(../img/new_win_icon.gif);
	margin: 0px 5px;
}


/******* 機能 ************************************************************************************************/
/* ヘッダー内部　共通部分　　　　　　　　                                                                    */
/*************************************************************************************************************/
/*ヘッダー　ページタイトル ----------------------------------------------------------------------------------*/
#headerSiteName a{
	margin-left:10px;
	padding: 0px; 
	background-repeat:no-repeat;
	display:block;
	width:400px;
	height:73px;
}
#headerSiteName span{
	margin-left:-500px;
}
#header #head_mid a span {
	margin-left:-500px;
}
/*ヘッダー　ナビゲーション----------------------------------------------------------------------------------*/
#header ul {
	font-weight: normal;
	list-style-type: none;
	padding:2px 2px 5px 5px;
	text-align: right;
	font-size:90%;
}
#header li {
	display: inline;
	text-align:left;
	margin: 0px 0px 5px 3px;
	padding: 3px 3px 3px 5px;
}
#header #topNavi {
	text-align:right;
	margin-right:10px;
	line-height:1.2em;
/*	width:auto!important;IE6対策*/
/*	width:520px;520px　IE6対策*/
}
#pageAll #header #topNavi li{
	font-size:95%;
}
#pageAll #header #header_img #topNavi a{
	display:inline;
	background-color:#F0F9FF;
	border: solid 1px;
	border-top-color:#FFFFFF;
	border-left-color:#FFFFFF;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	margin:5px 0px 5px 0px;
	padding:3px 10px 3px 10px;
}

/*ヘッダー　ぱんくず ----------------------------------------------------------------------------------*/
#topicPathHeader{
	margin:0px 0px 0px 70px;
	padding-bottom:5px;
	background-image:url(../img/pankuzu_header.jpg);
	/*AI参考メモ*/
		/*切り出し　幅:90.25px 高:23.75px X:123.88px Y:6.88px*/
	background-repeat:no-repeat;
}
#topicPath{
	margin:5px 0px 5px 130px;
	line-height:1.5em;
	font-weight:bold;
}
#topicPath a {
	display:inline;
	background-color:#EFEFEF;
	border: solid 1px;
	border-top-color:#FFFFFF;
	border-left-color:#FFFFFF;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	margin:5px 0px 5px 0px;
	padding:3px 10px 3px 10px;
	font-size:92%;
	font-weight:normal;
}
.topicPathNow {
	display:inline;
	background-color:#F2FFD9;
	border: solid 1px;
	border-top-color:#FFFFFF;
	border-left-color:#FFFFFF;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	margin:5px 0px 5px 0px;
	padding:3px 10px 3px 10px;
	font-size:92%;
	font-weight:normal;
}
/******* 機能 ************************************************************************************************/
/* サイドメニュー　共通部分　　　　　　　　                                                                  */
/*************************************************************************************************************/

/*サイドメニュー　メニューリンクのデザイン*/
#sideMenu li {
	margin-top:3px;
}
#sideMenu li {
	list-style-type:none;
	vertical-align:middle;
	line-height:180%
}

#pageAll #sideMenu .sidebar a{
	display:block;
	/*width:165px;*/
	width:102px;
	height:28px;
	background-image:url(../img/sidemenu.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-bottom:1px;
	padding:8px 9px 5px 9px;
}
#pageAll #sideMenu .side1 a{
	background-image:url(../img/sidemenu1.jpg);
}
#pageAll #sideMenu .side2 a{
	background-image:url(../img/sidemenu2.jpg);
}
#pageAll #sideMenu .side3 a{
	background-image:url(../img/sidemenu3.jpg);
}
#pageAll #sideMenu .side4 a{
	background-image:url(../img/sidemenu4.jpg);
}
#pageAll #sideMenu .side5 a{
	background-image:url(../img/sidemenu5.jpg);
}
#pageAll #sideMenu .side6 a{
	background-image:url(../img/sidemenu6.jpg);
}
#pageAll #sideMenu .side7 a{
	background-image:url(../img/sidemenu7.jpg);
}
#pageAll #sideMenu .side8 a{
	background-image:url(../img/sidemenu8.jpg);
}
#pageAll #sideMenu .sidebar a:hover {
	background-position:0px -45px;
}
a:focus {color: #50e550;}		/*フォーカス時の色*/
a:active {color: #339999;}	/*クリック時の色*/

#pageAll #sideMenu .sidemenugp .sidebar span{
	visibility:hidden;
}

#pageAll #sideMenu a.selected{
	background-position:0px -45px;
}
#pageAll #sideMenu .sidemenugp{
	margin:0 auto;
	padding:0;
	margin-bottom:15px;
}

/*グローバルメニュー（右サイドにドロップダウン）------------------------------------------------------------*/
.sidebar{
	height:20px;
	padding:0px 0px 20px 0px;
	margin:0px;
	float:left;
}
.sub-menu {
	max-height: 0;
	overflow: hidden;
	padding:0px;
	position:absolute;
	background-color:#FBED73;/*右サイド背景色*/
}
/*.sub-menu:hover {
	background-color:#D2F96F;
	border-style:solid;
	border-width:1px;
	border-right-color:#999999;
	border-bottom-color:#999999;
	border-top-color:#669900;
	border-left-color:#669900;
}20151201コメントアウト*/
.sidebar:hover .sub-menu {/*ドロップダウン行*/
	max-height: 220px;
	margin: 10px 0px;
	margin-left:10px;/*200*/
	padding:5px 5px;
	margin-top:-5px;/*41*/
	padding-right:10px;
	width:180px;
}
.sidebar :focus + .sub-menu {
	max-height: 220px;
	margin:0px 0px;
	padding:0px 0px;
	width:180px;
} 
#pageAll #sideMenu .sidemenugp .sidebar .sub-menu li{
	list-style:none;
	text-align:left;
	margin:0px;
	padding:0;
	background: url(../img/toplinkmk.gif) no-repeat 0px 9px;/**/
	padding:4px 0 0 17px;
	margin-left:5px;
}
/*#pageAll #sideMenu .sidemenugp .sidebar .sub-menu li:hover{
	background-color:#FFFFFF;
}20151201コメントアウト*/
#pageAll #sideMenu .sidemenugp .sidebar .sub-menu a{
	width:200px;
	background-image:none;
	text-align:left;
	padding-left:10px;
	line-height:1em;
	height:1em;
}


/******* 機能 ************************************************************************************************/
/* メインコンテンツ　共通部分　　　　　　　                                                                  */
/*************************************************************************************************************/
/*メインコンテンツ　H1見出し----------------------------------------------------------------------------------*/
#mainTitle{
	border:#ccc solid 1px;
	display::block;
	padding:1px 2px;
	margin-bottom:10px;
}
#mainTitleH1{
	border-left:6px solid #7acc7a;
	padding: 3px 3px 3px 15px;
	margin:2px 0px 2px 2px;
	font-weight:bold;
	font-size:150%;
	line-height:130%;
	background-image:url(../img/maintitle_h1_bg.gif);
	background-repeat:repeat;
	color:#333333;
}
/*メインコンテンツ　記事本文----------------------------------------------------------------------------------*/
#mainContent .Articles {
	padding: 0 0 0.5em 1.5em;
	line-height: 1.8em;
}
/*メインコンテンツ　コンテンツとタイトルのセット--------------------------------------------------------------*/
#mainContent .section {
	margin:15px 10px;
	padding:0px 0px 10px 10px;
	height:100%;			/*-----2011/07/26-----　IE6対策に必要*/
}

/*メインコンテンツ　H2見出し----------------------------------------------------------------------------------*/
#mainContent #sectionTitle{
	border-color:#B1D1DC;
	border-style:solid;
	border-width:1px;
	display:block;
	padding:1px 2px;
	margin-bottom:1em;
}
#mainContent .sectionTitleH2{
	color: #333399;
	background-position:left top;
	border-left:6px solid;
	border-color: #5EA2DF;
	font-size:130%;
	line-height:120%;
	font-weight:bold;
	margin:2px 0px 2px 2px;
	padding: 3px 3px 3px 15px;
	background-image:url(../img/maintitle_h2_bg.gif);
	background-repeat:repeat;
}	

#mainContent h3{
	background-position:left top;
	border-left:17px solid;
	border-color: #3399FF;
	font-size:110%;
	line-height:100%;
	font-weight:bold;
	margin:25px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}
/*メインコンテンツ　記事本文----------------------------------------------------------------------------------*/
#mainContent .sectionArticles {
	margin:10px 0px 0px 10px;
	line-height: 1.5em;
}
#mainContent .sectionArticlesRight {
	margin:10px 0px 0px 10px;
	text-align:right;
}

/*「ＰＤＦファイルを表示するには、Adobe Readerが必要です。」*/
#mainContent .pdfArticles {
	margin:10px 0px 15px 10px;
	font-size:80%;
}

/*メインコンテンツ　リンク用----------------------------------------------------------------------------------*/
#mainContent .section .sectionLink {
	background: url(../img/mainsectionlinkmk.gif) no-repeat 0px 9px;
	padding-left: 15px;
	margin-left:15px;
	line-height:200%;
}

/*メインコンテンツ　リストナンバー用--------------------------------------------------------------------------*/
#pageAll #mainContent .section ol li {
	padding-left: 10px;
	margin-left:40px;
	line-height:200%;
}

/*メインコンテンツ　定義リスト横並び--------------------------------------------------------------------------*/
/*-定義リスト１-*/
dl.mainlist {
	padding:10px; 
  overflow: hidden;   
  zoom: 1;  
}   
dl.mainlist dt {   
  font-weight: bold;
	padding: 0;
  float: left;   
  clear: both; 
  margin-left:0;
  width: 12em;
  color: #000;
}

dl.mainlist dd {
	padding:0;
  margin-bottom: 0.5em;
  margin-left: 13em;
}

/*-定義リスト２-*/
dl.mainlist2{
	padding-top:10px;
}   
dl.mainlist2 dt {
	font-weight: bold;
	padding-left: 1em;
	float: left;
	clear: both;
	margin-left: 0;
	width: 9em;
	color: #000;
}

dl.mainlist2 dd {
	padding: 0;
	margin-bottom: 0.5em;
	margin-left: 11em;
}

/*メインコンテンツ　PDF,word,excelリンク------------------------------------------------------------------------*/
.pdf:before{
  content: url("../img/doc_icon/pdficon_small.png");
	margin-right:5px;
}
.doc:before{
  content: url("../img/doc_icon/wordicon.gif");
	margin-right:5px;
}
.xls:before{
  content: url("../img/doc_icon/xlsicon.gif");
	margin-right:5px;
}

/*メインコンテンツ　マーカー付きリスト------------------------------------------------------------------------*/
li.mark_lv1 {
	margin-left: 30px;
	padding: 1px;
	list-style-type: disc;
}   

li.mark_lv2 {
  margin-left: 50px;
	padding:1px; 
	padding-top:5px;
	list-style-type:circle;
	margin-bottom:10px;
}   

/*メインコンテンツ　ボックス----------------------------------------------------------------------------------*/
/*グリーン枠のボックス*/
.box {
	margin:10px 20px;
	padding:10px 20px;
	border-color:#AFF141;
	border-style:solid;
	border-width:2px;
	height:inherit;
	background-color:#F1FED8;
	float:left;
	width:auto!important;/*IE6対策*/
}
/*box内部のpタグ*/
.boxp{
	margin:0.3em;
	line-height:1.2em;
}
/**/
.boxfree{
	margin:0;
	padding:0;
	width:auto!important;/*IE6対策*/
}

/*メインコンテンツ　画像配置用基本設定　---------------------------------------------------------------------*/
.sectionImg_left{
	float:left;
	margin:10px;
	margin-right:20px;
}
.sectionImg_right{
	float:right;
	margin:10px;
	margin-left:20px;
}
.img{
	width:auto;/*子CSSで上書き指定*/
	height:auto;
	border:none;
}
.illust{
	width:auto;/*子CSSで上書き指定*/
	height:auto;
	border:none;
}

/*メインコンテンツ　ページ内リンク一覧　---------------------------------------------------------------------*/
ul.linklist {
	margin: 0;
	margin-left:20px;
	padding: 0;
	list-style-type:square;
}
ul.linklist li {
	float: left;
	margin: 0.1em 0.3em;
	padding: 1px;
	margin-bottom:8px;
	padding-top:20px;
	padding-bottom:7px;
	text-align: left;
	font-size:110%;
}

/******* 機能 ************************************************************************************************/
/* テーブル：サイト内全共通  　　　　　　　                                                                  */
/*************************************************************************************************************/
/*テーブルのタイトル行*/
.tbl_gikai caption{	
	margin:10px 0px;
	padding:5px 10px;	
	border-left:0.5em solid #307bcf;
	font-weight:bold;
	text-align:left;
}
.tbl_gikai, .tbl_gikai th, .tbl_gikai td {
	border:none;
	border-collapse:separate;
	border-spacing:0px;
	empty-cells:show;
}
/*テーブル全体*/
.tbl_gikai {
	margin:15px 10px;
	border:1.5px solid #eeeeee;
	background-color:#E3EEF9;
}
/*テーブル　タイトル行、内容行（共通部分）*/
.tbl_gikai td, .tbl_gikai th {
	border-style:solid;
	border-width:1.5px;
	padding:0.3em;
}
/*テーブル　内容行*/
.tbl_gikai td{
	text-align:left;
	border-color:#ffffff #81b0e4 #81b0e4 #ffffff;  /*立体的に見せる*/
}
/*テーブル　タイトル行（１番上＆左行）*/
.tbl_gikai th{
	border-color: #ffffff #81b0e4 #81b0e4 #ffffff;  /*立体的に見せる*/
	font-weight: normal;
	color: #000000;
	text-align: right;
	background: #d0e0f9;
	/*width: 10em;*/
}

/*テーブル　タイトル行（１番上）*/
.tbl_gikai .thead {
	/*width:auto;*/
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	background:#7ab1cc;
	padding:0.5em;
}

/*テーブル　内容行（詳細）*/
.tbl_gikai .details {
	width:40em;
}

/*メインコンテンツ　「このページの先頭へ」-------------------------------------------------------------------*/
#toTop {
	display:block;
	text-align:right;
	margin:20px;
	clear:both;
}
.pageUp{
	text-align:right;
	font-size: small;
	margin:0px 0px 10px 0px;
	background-image:url(../img/pagetop.png);
	background-repeat:no-repeat;
	padding:2px 0px 2px 20px;
	line-height:85%;
}

/*子ども市議会テレビ放映-------------------------------------------------------------------*/

#pageAll #mainContent .section .houei {
	border: 1px dotted #aaa;
	margin: 10px;
	padding: 0 20px 10px;
}



/******* 機能 ************************************************************************************************/
/* フッタ－　　　　　    　　　　　　　                                                                  */
/*************************************************************************************************************/
#footer {
	padding: 0px; 
	min-width:400px;
	background-image:url(../img/footer_backcolor.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#8DC879;/*はみ出した場合、画像の下部と同じ色で塗りつぶすため*/
	width:100%;
	margin-top:0px;	
	border-top:#FFFFFF 1px solid;
}
#footer_img {
	padding:0px;
	padding-top:7px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	background-image:url(../img/footer_img.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	/*AI参考メモ*/
		/*img      切り出し　幅:950px 高:135px X:500px Y:47px*/
		/*backcolor切り出し　幅:004px 高:155px X:300px Y:37px*/
}

#footer p {
	margin: 0; 
	padding: 10px 0;
}

.footbox{
	text-align:center;
	width:100%;
}

/* 問いあわせ情報 -------------------------------------------------------------------------------------------*/
#address{
	margin:0px auto;
	border-color:#3399FF;
	border-style:solid;
	border-width:1px;
	padding:1px 1px;
	width:550px;
}
#footer .mainAddress {
	background-color: #E0EBFE;   
	padding: 5px;
	margin:3px;
	font-style:normal;
	/*width:510px;*/
	/*height:55px;*/
	font-size:90%;
}
#footer .addressTitle{ 
	margin: 0px;
	padding: 0px 1em; 
	line-height:2.5em;
	font-weight:bold;
	border-left:#9FC0FD solid 1em;
	font-style:normal;
	font-size:110%;
}
#address .mainAddress a{
	margin:10px 0px 5px 20px;
	padding:3px 10px;
	line-height:2.5em;
	font-size:90%;
	display:inline;
	color:#FFFFFF;
	border:#FFFFFF solid 1px;
}
#address .mainAddress .addresAdd a{
	margin:0;
	color:#000000;
	border:none;
}
.mainAddress .mail{
	color:#03C!important;
	border:none!important;
	padding: 0!important;
	margin: 0!important;
}

.mainAddress .mail:hover{
	color: #06F!important;
}

.addressMap{ /*span*/
	background-color:#66CC00;/*#FF6633*/
}

/* ナビゲーション ------------------------------------------------------------------------------------------*/
#footer ul {
	font-weight: normal;
	list-style-type: none;
	padding:2px 2px 8px 2px ;
	text-align: center;
	font-size:90%;
}
#footer li {
	display: inline;
	text-align:left;
	margin: 0px 0px 5px 3px;
	padding: 3px 3px 3px 3px;
}
#footer #footNavi {
	float: left;
	text-align:center;
	margin-left:20px;
	margin-top:40px;
}
#pageAll #footer #footNavi li{
	font-weight:bold;
}

/* copyright ------------------------------------------------------------------------------------------------*/
#copyright{
	font-size:x-small;
	text-align:center;
	margin-right:10px;
	margin-top:35px;
	color:#FFFFFF;
}