@charset "Shift_JIS";





/* 全体構造
---------------------------------------------------- */
html {
	overflow-y: scroll;
	font-family: 'Noto Sans JP', sans-serif;

}

html{
  visibility:hidden;
}
html.wf-active{
  visibility:visible;
}


body {
	margin:0px auto 0px auto;
	text-align:center;
}




#wrapper {
	margin:0px auto 0px auto;
	text-align:left;
	}


img {
	border:0;
	}


/* リンク
---------------------------------------------------- */
a:link{color:#336699;0;text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover{color:#ff7700;text-decoration: underline;}




/* メニュースクロール
---------------------------------------------------- */



#scrollbox {
	position: relative;
}



/* ページ本体
---------------------------------------------------- */


#pagebody {
	margin:0px auto 0px auto;
	width: 960px;

}



#main {
	float:left;
	margin:0px auto 0px auto;
	width: 860px;
	text-align:left;

}

#main2 {
	float:right;
	margin:0px auto 0px auto;
	width: 100px;
	text-align:left;

}

#main_in1 {
	float:left;
	margin:0px auto 0px auto;
	width: 100px;
	text-align:left;

}

#main_in2 {
	float:right;
	margin:0px auto 0px auto;
	width: 760px;
	text-align:left;
	font-size:80%;
	font-weight:bold;

}




#pagebody2 {
	margin:0px auto 0px auto;
	width: 950px;


}





/* 画像表示位置
---------------------------------------------------- */

.middle {
	vertical-align:middle;
}


.float
{
 float: left;
 margin-right: 1em;
 margin-bottom: 0.1em;
}
.floatclear
{
 clear: both;
}




#left_box {
	margin:0px auto 0px auto;
	width: 175px;
	font-size: 85%;
	text-align:left;

}


#left_box_in {
	margin:0px auto 0px auto;
	width: 150px;
	text-align:left;

}


/****************************************************************************************
/* ヘッダー設定
****************************************************************************************/

/* ヘッダー
---------------------------------------------------- */


.headerarea{
	position:relative;
	width:750px;
	height:85px;
	margin-top:10px;
	margin-bottom:20px;
	background: url("../image/header_bg.png") no-repeat;
}


.head_title{
	position:absolute;
	top:0px;
	left:5px;
	color:#07349B;
	font-weight:900;
	text-decoration:none;
	font-size:32px;
}


.head_copy{
	position:absolute;
	bottom:4.5px;
	left:10px;
	color:#ffffff;
	font-weight:600;
	text-decoration:none;
	font-size:15px;
}


.head_menu01{
	position:absolute;
	top:8px;
	left:510px;
	color:#ffffff;
	font-weight:900;
}


.head_menu01 a{
	color:#ffffff;
	font-weight:900;
	text-decoration:none;
	font-size:12px;
	letter-spacing:1.0;
}


.head_menu01 a:hover {
	border-bottom : solid 1px #ffffff;
	padding-bottom: 3px;
	width:270px;
}

.head_menu02{
	position:absolute;
	display:block;
	top:18px;
	left:510px;
	padding-top:10px;
	padding-bottom:10px;
	width:250px;
}


.head_menu02 a{
	color:#ffffff;
	font-weight:900;
	text-decoration:none;
	font-size:12px;
	width:250px;
	line-height:25px;
	letter-spacing:1.0;
}


.head_menu02 a:hover {
	border-bottom : solid 1px #ffffff;
	padding-bottom: 3px;
	width:270px;
}




.head_menu03{
	position:absolute;
	display:block;
	top:42px;
	left:510px;
	padding-top:10px;
	padding-bottom:10px;
	width:250px;
}


.head_menu03 a{
	color:#ffffff;
	font-weight:900;
	text-decoration:none;
	font-size:12px;
	width:250px;
	line-height:25px;
	letter-spacing:1.0;
}


.head_menu03 a:hover {
	border-bottom : solid 1px #ffffff;
	padding-bottom: 3px;
	width:270px;
}




.head_point {
	width: 14px;
	height: 14px;
	margin-top:-2px;
	margin-right:5px;
	vertical-align:middle;
}



/* 葛飾区議会WEBマーク
---------------------------------------------------- */

.logomarkarea{
	position:relative;
	width:175px;
	margin-bottom:50px;
	background-image: url(../image/logomarkarea.png);
}


@-moz-document url-prefix() {
  .logomarkarea {
	width:175px;
	margin-top:-35px;
	margin-bottom:50px;

  }
}


.logomarkarea2{
	position:relative;
	width:175px;
	height:99px;
	margin-bottom:21px;
	background-image: url(../image/logomarkarea2.png);
}


@-moz-document url-prefix() {
  .logomarkarea2 {
	width:175px;
	margin-top:-35px;
	margin-bottom:21px;

  }
}




.katsushika{
	position:relative;
	font-size: 35px;
	font-weight:900;
	font-style: italic;
	margin-bottom: -30px;
	color:#1753C0;
	z-index:1;
}

.kugikai{
	position:relative;
	font-style: italic;
	font-size: 20px;
	font-weight:900;
	color:#1753C0;
	z-index:1;
}


.shadow{
position:absolute; top:10px; left:15px;
	padding: 10px;
	color: #DCE0DF;
	font-weight: 900;
	font-size: 68px;
	letter-spacing:-7px;
	text-shadow:
	1px 2px 0px #777777, -1px -1px 0px #777777,
	-1px 2px 0px #777777,  1px -1px 0px #777777,
	2px 0px 0px #777777, -1px  0px 0px #777777,
	0px 3px 0px #777777,  0px -1px 0px #777777;
	margin: 0;
	transform: scale(0.8, 1);
	z-index:0;
}

/****************************************************************************************
/* サイドメニュー設定
****************************************************************************************/


/* メインメニューボタン
---------------------------------------------------- */
.sidemenu01 {
	position:relative;
	background: url("../image/menu_back01.png") no-repeat;
	width: 175px;
	height: 45px;
	margin-bottom:-1px;
}


 
.sidemenu01 a {
	display: block;
	color:#1753C0;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	font-weight:600;
	line-height:45px;
}

.sidemenu01 a span{
	font-size:10px;
	font-weight:600;
	line-height:45px;
}
 
.sidemenu01 a:hover {
	background-image: url("../image/menu_back01_1.png");
	width: 175px;
	height: 45px;
}


/* メインメニューボタン（対象ページ処理）
---------------------------------------------------- */

.sidemenu01_1 {
	position:relative;
	background: url("../image/menu_back01_1.png") no-repeat;
	width: 175px;
	height: 45px;
	margin-bottom:-1px;
}


 
.sidemenu01_1 a {
	display: block;
	color:#1753C0;
	text-decoration:none;
	width:100%;
	height:100%;
	font-weight:600;
	font-size:14px;
	line-height:45px;
}

.sidemenu01_1 a span{
	font-size:10px;
	font-weight:600;
	line-height:45px;
}
 

/* メインメニューボタン（最下段）
---------------------------------------------------- */

.sidemenu02 {
	position:relative;
	background: url("../image/menu_back02.png") no-repeat;
	width: 175px;
	height: 50px;
	margin-bottom:20px;
}


 
.sidemenu02 a {
	display: block;
	color:#1753C0;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	font-weight:600;
	line-height:45px;
}

.sidemenu02 a span{
	font-size:10px;
	font-weight:600;
	line-height:45px;
}
 
.sidemenu02 a:hover {
	background-image: url("../image/menu_back02_1.png");
	width: 175px;
	height: 50px;
}


/* メインメニューボタン（最下段）（対象ページ処理）
---------------------------------------------------- */

.sidemenu02_1 {
	position:relative;
	background: url("../image/menu_back02_1.png") no-repeat;
	width: 175px;
	height: 50px;
	margin-bottom:20px;
}


 
.sidemenu02_1 a {
	display: block;
	color:#1753C0;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	font-weight:600;
	line-height:45px;
}


.sidemenu02_1 a span{
	font-size:10px;
	font-weight:600;
	line-height:45px;
}



/* メインメニューボタン（ユニバーサル）
---------------------------------------------------- */

.sidemenu03 {
	position:relative;
	background: url("../image/menu_back03.png") no-repeat;
	width: 175px;
	height: 50px;
	margin-bottom:0px;
}


 
.sidemenu03 a {
	display: block;
	color:#000000;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	font-weight:600;
	line-height:28px;
}

.sidemenu03 a .sentence{
	font-size:14px;
	font-weight:600;
	line-height:5px;
	margin-left:30px;

}

.sidemenu03 a span{
	font-size:10px;
	font-weight:600;
	line-height:0px;
	margin-left:0px;
}
 
.sidemenu03 a:hover {
	background-image: url("../image/menu_back03_1.png");
	width: 175px;
	height: 50px;
}


/* メインメニューボタン（ユニバーサル）（対象ページ処理）
---------------------------------------------------- */

.sidemenu03_1 {
	position:relative;
	background: url("../image/menu_back03_1.png") no-repeat;
	width: 175px;
	height: 50px;
	margin-bottom:0px;
}


 
.sidemenu03_1 a {
	display: block;
	color:#000000;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	font-weight:600;
	line-height:28px;

}


.sidemenu03_1 a .sentence{
	font-size:14px;
	font-weight:600;
	line-height:5px;
	margin-left:30px;
}

.sidemenu03_1 a span{
	font-size:10px;
	font-weight:600;
	line-height:0px;
	margin-left:0px;
}



/* メインメニューボタン（文字の表記について）
---------------------------------------------------- */

.sidemenu04 {
	position:relative;
	background: url("../image/menu_back03.png") no-repeat;
	width: 175px;
	height: 50px;
	margin-bottom:0px;
}


 
.sidemenu04 a {
	display: block;
	color:#000000;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	font-weight:600;
	line-height:42px;
}



.sidemenu04 a span{
	font-size:10px;
	font-weight:600;
	line-height:0px;
	margin-left:0px;
}
 
.sidemenu04 a:hover {
	background-image: url("../image/menu_back03_1.png");
	width: 175px;
	height: 50px;
}


/* メインメニューボタン（文字の表記について）（対象ページ処理）
---------------------------------------------------- */

.sidemenu04_1 {
	position:relative;
	background: url("../image/menu_back03_1.png") no-repeat;
	width: 175px;
	height: 50px;
	margin-bottom:0px;
}


 
.sidemenu04_1 a {
	display: block;
	color:#000000;
	text-decoration:none;
	width:100%;
	height:100%;
	font-weight:600;
	font-size:14px;
	line-height:42px;
}


.sidemenu04_1 a span{
	font-size:10px;
	font-weight:600;
	line-height:42px;
}



/* メインメニューボタン（議会中継へ）
---------------------------------------------------- */

.sidemenu05 {
	position:relative;
	background: url("../image/menu_back04.png") no-repeat;
	width: 175px;
	height: 65px;
	margin-bottom:10px;
}


 
.sidemenu05 a {
	display: block;
	color:#000000;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:20px;
	font-weight:600;
	line-height:55px;
	letter-spacing:1.5;
}


 
.sidemenu05 a:hover {
	background-image: url("../image/menu_back04_1.png");
	width: 175px;
	height: 65px;
}


/* メインメニューボタン（議会中継へ）（対象ページ処理）
---------------------------------------------------- */

.sidemenu05_1 {
	position:relative;
	background: url("../image/menu_back04_1.png") no-repeat;
	width: 175px;
	height: 65px;
	margin-bottom:-1px;
}


 
.sidemenu05_1 a {
	display: block;
	color:#000000;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	line-height:45px;
}





/* メインメニューボタン（葛飾区サイトへ）
---------------------------------------------------- */

.sidemenu06 {
	position:relative;
	background: url("../image/menu_back05.png") no-repeat;
	width: 175px;
	height: 65px;
	margin-bottom:20px;
}


 
.sidemenu06 a {
	display: block;
	color:#000000;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:14px;
	font-weight:600;
	letter-spacing:1.5;
}

.sidemenu06 p {
	display: block;
	color:#ffffff;
	text-decoration:none;
	font-size:22px;
	font-weight:600;
	letter-spacing:1.5;
	padding-top: 0px;
	margin-left: 35px;
	margin-bottom: 2.5px;
}

/* ポイントアイコン
---------------------------------------------------- */

.menu_point {
	width: 14px;
	height: 14px;
	margin-top:-2px;
	margin-left:10px;
	margin-right:5px;
	vertical-align:middle;
}

/****************************************************************************************
/* タイトル関連設定
****************************************************************************************/

/* タイトルボタン
---------------------------------------------------- */
.title_area01 {
	width:560px;
	display: block;
	box-sizing: border-box;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 2px solid #000;
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: linear-gradient(to bottom, #ffffff, #cccccc);
}

.title_area02 {
	width:560px;
	display: block;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid #999999;
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: linear-gradient(to bottom, #ffffff, #cccccc);
	margin-top:20px;
	margin-bottom:20px;
}

.title_area02 a{
	text-decoration: none;
}




.title_area03 {
	width:560px;
	display: block;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid #999999;
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: linear-gradient(to bottom, #ffffff, #cccccc);
	margin-top:20px;
	margin-bottom:10px;
}

.title_area03 a{
	text-decoration: none;
}


/* タイトル文字装飾
---------------------------------------------------- */

.katsushika2{
	font-size: 24px;
	font-weight:900;
	font-style: italic;
	color:#1753C0;
}

.kugikai2{
	font-style: italic;
	font-size: 18px;
	font-weight:900;
	color:#1753C0;
}

.orange_title{
	font-size: 18px;
	font-weight:900;
	color:#FE7C2D;
	text-shadow: 1px 1px 1px #ffffff;
}

.orange_title2{
	display:block;
	font-size: 16px;
	font-weight:900;
	color:#FE7C2D;
	text-shadow: 1px 1px 1px #ffffff;
}



.shadow2{
	padding: 10px;
	color: #DCE0DF;
	font-weight: 900;
	font-size: 26px;
	letter-spacing:-1px;
	text-shadow:
	1px 2px 0px #777777, -1px -1px 0px #777777,
	-1px 2px 0px #777777,  1px -1px 0px #777777,
	2px 0px 0px #777777, -1px  0px 0px #777777,
	0px 3px 0px #777777,  0px -1px 0px #777777;
	margin-left: -8px;
	transform: scale(0.8, 1);
}


.subtitle_point {
	width: 14px;
	height: 14px;
	margin-top:-2px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle;
	filter : drop-shadow(2px 2px 0px #ffffff);
}


/* ホットニュース
---------------------------------------------------- */


.hot_news {
	width: 200px;
	padding-top: 8px;
	padding-bottom: 10px;
	border-radius:5px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	background: -webkit-gradient(linear, left top, left bottom, from(#80B1FF), to(#3424B6));
	background: -webkit-linear-gradient(top, #80B1FF 0%, #3424B6 100%);
	background: linear-gradient(to bottom, #80B1FF 0%, #3424B6 100%);
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
}

/* 文字の拡大縮小
---------------------------------------------------- */


.moji_big {
	position:relative;
	width: 100px;
	height: 50px;
	margin-bottom:0px;
	background: url("../image/big.png") no-repeat;
	background-size:cover;
	text-align:center;
}


 
.moji_big a {
	position:absolute;
	top:12px;
	left:0px;
	display: block;
	color:#ffffff;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:12px;
	font-weight:600;
	letter-spacing:1.5;
	line-height:1.2;
}


.moji_normal {
	position:relative;
	width: 100px;
	height: 50px;
	margin-bottom:0px;
	background: url("../image/normal.png") no-repeat;
	background-size:cover;
	text-align:center;
}


 
.moji_normal a {
	position:absolute;
	top:7px;
	left:0px;
	display: block;
	color:#ffffff;
	text-decoration:none;
	width:100%;
	height:100%;
	font-size:12px;
	font-weight:600;
	letter-spacing:1.5;
	line-height:1.2;
}


.moji_point_big {
	position:absolute;
	width: 12px;
	height: 12px;
	margin-top:17px;
	margin-left:-15px;
	vertical-align:middle;
}


.moji_point_normal {
	position:absolute;
	width: 12px;
	height: 12px;
	margin-top:2px;
	margin-left:-15px;
	vertical-align:middle;
}



/* 各メニューページのタイトル
---------------------------------------------------- */

.submain_title {
	position:relative;
	background: url("../image/submain_title_bg.png") no-repeat;
	width: 571px;
	height: 50px;
}


.submain_title span{
	font-size: 14px;
	font-weight:900;
	color:#FE7C2D;
	text-shadow: 1px 1px 1px #ffffff;
}

.submain_title p{
	position:absolute;
	top:-7px;
	left:20px;
	display:block;
	font-size: 18px;
	font-weight:900;
	color:#FE7C2D;
	text-shadow: 1px 1px 1px #ffffff;
}



/* 各メニューページのサブタイトル
---------------------------------------------------- */



.submain_title2 {
 	position: relative;
	width: 98%;
	height: 25px;
	margin: 20px 0px 20px 0px;
	padding:5px 0px 5px 0px;
	border: 1px solid #CCC;
	border-radius: 5px;
	text-align: left;
}



.submain_title2::after {
	position: absolute;
	top: 50%;
 	left:12px;
	transform:translateY(-50%);
	content: '';
	width: 5px;
	height:18px;
	background-color: #FE7C2D;
}



.submain_title2 p{
	position:absolute;
	top:-11px;
	left:23px;
	display:block;
	font-size: 16px;
	font-weight:600;
	color:#FE7C2D;
	text-shadow: 1px 1px 1px #ffffff;
	letter-spacing:-0.5;
}




/* このページのトップへ
---------------------------------------------------- */

.orange_up{
	font-size: 12px;
	font-weight:900;
	color:#FE7C2D;
	text-shadow: 1px 1px 1px #ffffff;
	padding-right:20px;
	margin-bottom:10px;
}

.orange_up a{
	color:#FE7C2D;
	text-decoration:none;
}


/* 前のページへ
---------------------------------------------------- */

.orange_back{
	font-size: 12px;
	font-weight:900;
	color:#FE7C2D;
	text-shadow: 1px 1px 1px #ffffff;
	padding-right:20px;
	margin-bottom:10px;
}

.orange_back a{
	color:#FE7C2D;
	text-decoration:none;
}



/* 写真キャプション等
---------------------------------------------------- */

.p_cap {
	font-size: 90%;
	margin-top: 2px;
	font-weight: 700;
}



/****************************************************************************************
/* 子どもためのページ関連設定
****************************************************************************************/


/* 投票箱
---------------------------------------------------- */


.ballot_box {
	float: right;
	margin-left: 20px;
	text-align:center;
}



/* 議長と副議長
---------------------------------------------------- */


.chair {
	position: relative;
	display:block;
	margin-top: 20px;
}

.chair_main {
	position: absolute;
	top:170px;
	left:10px;
	font-weight:900;
	font-size:24px;
	background: #ffffff;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}


.chair_sub {
	position: absolute;
	top:250px;
	right:110px;
	font-weight:900;
	font-size:24px;
	background: #ffffff;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}



/* 本会議と委員会
---------------------------------------------------- */


.chamber {
	position: relative;
	display:block;
	margin-top: 20px;
}

.chamber_main {
	position: absolute;
	top:190px;
	left:100px;
	font-weight:900;
	font-size:24px;
	background: #ffffff;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}


.chamber_sub {
	position: absolute;
	top:45px;
	right:120px;
	font-weight:900;
	font-size:24px;
	background: #ffffff;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}


/* 子どものためのページおまけ
---------------------------------------------------- */

.child_one {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 900;
	font-size: 46px;
	background: linear-gradient(90deg, #0858C9, #91B4E7 30%, #0858C9);
	background: -webkit-linear-gradient(90deg, #0858C9, #91B4E7 30%, #0858C9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.child_two {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 900;
	font-size: 34px;
	background: linear-gradient(90deg, #0858C9, #91B4E7 30%, #0858C9);
	background: -webkit-linear-gradient(90deg, #0858C9, #91B4E7 30%, #0858C9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}