/* base css */ 

/* version 7 */

@import url("reset.css");
@import url("footer.css");
@import url("header.css");

@media screen{
body{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	background-color: #FFFFFF;
	}
	



/*-----------------------------------------------
コンテンツ
-----------------------------------------------*/
#contents{
width: 816px;
position: relative;
top:19px;
margin: 0px auto 0px;
padding: 0px 0px 30px 0px;
}

#contents #main{
float: right;
width: 560px;
margin: 0px 18px 0px 0px;
display: inline;
text-align:left;
}

#contents #main h1{
position:static;
margin: 0px 0px 20px 0px;
padding: 0;
}


#contents #main h2 {
color: #333;
font-size: 1em;
margin: 1.5em 0 1em 5px;
text-align: left;
font-weight: bold;
line-height: 1.1em;
padding: 0px 0px 0px 8px;
border-left: 4px solid #877fd3;
}

#contents #main h2.pagein {
color:#115faf;
font-size: 1em;
font-size:1.2em;
line-height:1.6;
text-align: left;
font-weight: bold;
margin: 1.5em 0 1em;
letter-spacing: 0.1em; 
padding: 2px 0px 2px 5px;
border-bottom:1px dotted #a1a1a1;
}

#contents #main h3.pagein {
color: #333;
font-size: 1em;
margin: 1.5em 0 1em 5px;
text-align: left;
font-weight: bold;
line-height: 1.1em;
padding: 0px 0px 0px 8px;
border-left: 4px solid #877fd3;
}


/*-----------------------------------------------
#sub
-----------------------------------------------*/
#contents #sub{
width: 197px;
float: left;
margin: 0px 0px 0px 18px;
padding: 2px;
text-align: center;
display: inline;
background:#afabd5;
}

#side-navi{
width:195px;
background-color: #ffffff;
padding: 1px;
}

#side-navi h2{
width:175px;
padding: 10px;
text-align: left;
font-weight:bold;
background-color: #c6c3e1;
margin:0 0 1px;
}

#side-navi ul{
width: 195px;
text-align: left;
margin:0;
}

#side-navi li.list{
font-size: 100%;
margin: 0px 0px 1px 0px;
line-height:0;
background: url(../mayor/img/dotline.gif) no-repeat center bottom;
}

#side-navi li.end{
font-size: 100%;
margin: 0px 0px 1px 0px;
line-height:0;
background: none;
}

#side-navi li a{
display: block;
color: #333333;
padding: 8px 0px 8px 30px;
background: url(../mayor/img/sidenavi-arrow.gif) 10px 12px no-repeat;
line-height:1.2;
zoom:1;
}

#side-navi li a:hover{
color: #cc0066;
background: url(../mayor/img/sidenavi-arrow_on.gif) 10px 12px no-repeat;
}

#side-navi li ul{
margin:0;
}

#side-navi li ul li{
background-color: #ffffff;
font-size: 90%;
margin:1px 0 0 0;
line-height:0;
}

#side-navi li ul li a{
display: block;
color: #333333;
text-decoration: none;
padding: 8px 0px 8px 25px;
background: url(../img/sidenavi-arrow-s.gif) 15px 12px no-repeat;
zoom:1;
}

#side-navi li ul li a:hover{
background-color: #e8f4fa;
}

#side-navi li a.on{
color: #cc0066;
background: url(../mayor/img/sidenavi-arrow_on.gif) 10px 12px no-repeat;
text-decoration: none;
}



/*-----------------------------------------------
文字・装飾
-----------------------------------------------*/

p{
text-align:left;
line-height: 1.6;
margin-left:17px;
margin-bottom:1em;
letter-spacing: 0.1em; 
}

p.indent {
	text-indent: 1.0em
}


a:link{
background-color:inherit;
text-decoration:underline;
}

a:hover,a:active{
color:#CC0066;
background-color:inherit;
text-decoration:none;
}

table.none{
text-align:left;
line-height:1.6;
letter-spacing: 0.1em;
margin:0 auto 1em 17px;
}

table.none_c{
text-align:left;
line-height:1.6;
letter-spacing: 0.1em;
margin:0 auto 1em auto;
}

table.none tr td,
table.none_c tr td{
line-height:1.4em;
padding:3px 5px;
vertical-align:top;
}

table.none .item01l,
table.none .item02l,
table.none .item03l,
table.none .item04l,
table.none .item05l,
table.none_c .item01l,
table.none_c .item02l,
table.none_c .item03l,
table.none_c .item04l,
table.none_c .item05l {
text-align:left;
}

table.none .item01c,
table.none .item02c,
table.none .item03c,
table.none .item04c,
table.none .item05c,
table.none_c .item01c,
table.none_c .item02c,
table.none_c .item03c,
table.none_c .item04c,
table.none_c .item05c {
text-align:center;
}

table.none .item01r,
table.none .item02r,
table.none .item03r,
table.none .item04r,
table.none .item05r,
table.none_c .item01r,
table.none_c .item02r,
table.none_c .item03r,
table.none_c .item04r,
table.none_c .item05r{
text-align:right;
}

table.data{
line-height:1.6;
font-size:90%;
letter-spacing: 0.1em;
margin:0 auto 1em;
}

table.data caption{
margin-bottom:5px;
font-size:90%;
}

table.data tr th{
color:#fff;
line-height:1.4em;
text-align:center;
border:1px solid #fff;
padding:3px 10px 3px 5px;
background:#999 none repeat scroll 0 0;
}

table.data tr td{
line-height:1.4em;
padding:3px 5px;
border:1px solid #fff;
background:#fff none repeat scroll 0 0;
}



table.data .item01l,
table.data .item01c,
table.data .item01r {
background-color: #eee;
}

table.data .item02l,
table.data .item02c,
table.data .item02r {
background-color: #f5f9ff;
}

table.data .item03l,
table.data .item03c,
table.data .item03r {
background-color: #e7f1ff;
}

table.data .item04l,
table.data .item04c,
table.data .item04r {
background-color: #aaccff;
}

table.data .item05l,
table.data .item05c,
table.data .item05r {
background-color: #6ca0eb;
}

table.data .item01l,
table.data .item02l,
table.data .item03l,
table.data .item04l,
table.data .item05l {
text-align:left;
}

table.data .item01c,
table.data .item02c,
table.data .item03c,
table.data .item04c,
table.data .item05c {
text-align:center;
}

table.data .item01r,
table.data .item02r,
table.data .item03r,
table.data .item04r,
table.data .item05r {
text-align:right;
}

strong{font-weight:bold;}

ul{text-align:left; margin-left:17px;}
li{line-height:1.6;margin-bottom:.5em;}




.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.pagetop{
text-align: right;
margin:2em 0;

}


/*-----------------------------------------------
市長プロフィール
-----------------------------------------------*/

#mayor-profile {
	padding: 1px;
	margin: 10px auto 10px;
	background-color: #ffffff;
	border:1px #f4f3f9;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

#mayor-profile #profile {
	padding: 10px 10px 10px 10px;
	margin: 0px auto 0px;
	background-color: #f4f3f9;
	text-align: left;
	line-height:1.6;
}

#mayor-profile h3{
	color: #877fd3;
	padding: 10px;
	background-color: #f4f3f9;
	border-bottom:1px solid #c5c1e9;
	text-align: left;
	line-height:1;
	font-weight:bold;
	
}


#mayor-profile table{
	width: 400px;
	padding: 0px;
	margin: 10px 10px 0px 20px;
	text-align: left;
	line-height:1;	
}

#mayor-profile table td{
	padding: 6px;
}

#mayor-profile table td.item01{
	font-weight:bold;
	color: #877fd3;
}





/*-----------------------------------------------
動静トピックス
-----------------------------------------------*/

.mayor-topics {
	padding: 1px;
	margin: 10px auto 10px;
	background-color: #ffffff;
	border:1px #f4f3f9;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

.mayor-topics .topics {
	padding: 10px 10px 10px 10px;
	margin: 0px auto 0px;
	background-color: #f4f3f9;
	text-align: left;
	line-height:1.6;
	overflow: hidden;
	display:inline-block;
}

.mayor-topics h3{
	color: #877fd3;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #f4f3f9;
	border-bottom:1px solid #c5c1e9;
	text-align: left;
	line-height:1;
	font-weight:bold;
	
}

.mayor-topics h4{
	color: #000;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	line-height:1;	
}


/*-----------------------------------------------
市長の動き
-----------------------------------------------*/


.dousei-date{
	color: #000;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	line-height:1;	
}





/*===============　リンク・装飾など　===================*/


a.pdfLink {
	background: url(../image/icon_pdf.gif) no-repeat 0em 0em;
	padding: 0px 0px 3px 22px;
}

.new01 {
	background: url(../image/icon_new01.gif) no-repeat 0em 0.1em;
	background-position: right; 
	padding: 4px 45px 2px 0px;
	text-align: left;
}

.orange_point {
	background: url(../image/point_orange.gif) no-repeat 0.3em 0.3em;
	padding: 0px 0px 3px 15px;
}




/*===============　画像領域など　===================*/

.image_right {
	margin: 0px 5px 0px 5px;
	float: right; 
	clear: both; 
}
.image_left {
	margin: 0px 5px 0px 5px;
	float: left; 
	clear: both; 
}
.image_right p,
.image_left p { 
	font-size: 90%;
	line-height: 120%; 
	letter-spacing:0.1em; 
	margin: 3px 3px 3px 3px;
	text-align: center;
} 



/*===============　幅指定　===================*/


.w96p {width: 96%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w70p {width: 70%;}
.w60p {width: 60%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
.w30p {width: 30%;}
.w20p {width: 20%;}
.w10p {width: 10%;}



/*===============　ボックス部分（追記）　===================*/

.box01 {
	padding: 10px 10px 10px 10px;
	margin: 10px auto 10px;
	background-color: #f0f0d4;
	border:1px #D6DBBC;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

.box02 {
	padding: 10px 10px 10px 10px;
	margin: 10px auto 10px;
	background-color: #f2fceb;
	border:1px #bed8dc;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

.box03 {
	padding: 10px 10px 10px 10px;
	margin: 10px auto 10px;
	background-color: #f6f6f6;
	border:1px #bed8dc;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}



/*===============　PDFのリンク部分　===================*/

#pdf_dl {
	background-color: #EEEEEE;
	width: 580px;
	margin: 25px auto 15px;
	padding: 5px 0px 5px 0px;
	font-size: 90%;
}

#pdf_dl p {
	margin: 3px 3px 3px 10px;
}

#pdf_dl img{
	float: right; 
	clear: both; 
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;

}



/*===============　担当課への宛先　===================*/

#contact {
	margin:2em auto 0 auto;
	letter-spacing:1px;
	padding:10px 10px 10px 10px;
	font-size: 90%;
	background-color: #ffffff;
	border:1px #65ACD7 solid;
}




}


/*-----------------------------------------------
印刷設定
-----------------------------------------------*/

@media print{

noscript{display:none;}


.header{display:none;}
#footer{display:none;}


body{
font-size:12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	background-color: #FFFFFF;
	}
	

#BASE{
margin: 10px auto 40px;
text-align:center;
width: 650px;
}

/*-----------------------------------------------
動静トピックス
-----------------------------------------------*/

#mayor-topics {
	padding: 1px;
	margin: 10px auto 10px;
	background-color: #ffffff;
	border:1px #f4f3f9;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

#mayor-topics #topics {
	padding: 10px 10px 10px 10px;
	margin: 0px auto 0px;
	background-color: #f4f3f9;
	text-align: left;
	line-height:1.6;
}

#mayor-topics h3{
	color: #877fd3;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #f4f3f9;
	border-bottom:1px solid #c5c1e9;
	text-align: left;
	line-height:1;
	font-weight:bold;
	
}

#mayor-topics h4{
	color: #000;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	line-height:1;
	
}



#main h3{
	color: #877fd3;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #f4f3f9;
	border-bottom:1px solid #c5c1e9;
	text-align: left;
	line-height:1;
	font-weight:bold;
	
}



/*-----------------------------------------------
市長の動き（印刷設定）
-----------------------------------------------*/


.dousei-date{
	color: #000;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	line-height:1;	
}




/*-----------------------------------------------
#sub（印刷設定）
-----------------------------------------------*/
#contents #sub{
width: 227px;
float: left;
margin: 0px 0px 0px 18px;
padding: 2px;
text-align: center;
display: none;
background:#afabd5;
}


/*-----------------------------------------------
市長プロフィール（印刷設定）
-----------------------------------------------*/

#mayor-profile {
	padding: 1px;
	margin: 10px auto 10px;
	background-color: #ffffff;
	border:1px #f4f3f9;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

#mayor-profile #profile {
	padding: 10px 10px 10px 10px;
	margin: 0px auto 0px;
	background-color: #f4f3f9;
	text-align: left;
	line-height:1.6;
}

#mayor-profile h3{
	color: #877fd3;
	padding: 10px;
	background-color: #f4f3f9;
	border-bottom:1px solid #c5c1e9;
	text-align: left;
	line-height:1;
	font-weight:bold;
	
}


#mayor-profile table{
	width: 400px;
	padding: 0px;
	margin: 10px 10px 0px 20px;
	text-align: left;
	line-height:1;	
}

#mayor-profile table td{
	padding: 6px;
}

#mayor-profile table td.item01{
	font-weight:bold;
	color: #877fd3;
}





/*-----------------------------------------------
コンテンツ
-----------------------------------------------*/
#contents{
width: 530px;
position: relative;
top:19px;
margin: 0px auto 0px;
padding: 0px 0px 30px 0px;
}

#contents #main{
float: center;
width: 530px;
margin: 0px 18px 0px 0px;
display: inline;
text-align:left;
}

#contents #main h1{
position:static;
margin: 0px 0px 20px 0px;
padding: 0;
}


#contents #main h2 {
color: #333;
font-size: 1em;
margin: 1.5em 0 1em 5px;
text-align: left;
font-weight: bold;
line-height: 1.1em;
padding: 0px 0px 0px 8px;
border-left: 4px solid #877fd3;
}


h3 {
color:#115faf;
font-size: 1em;
font-size:1.2em;
line-height:1.6;
text-align: left;
font-weight: bold;
margin: 1.5em 0 1em;
letter-spacing: 0.1em; 
padding: 2px 0px 2px 5px;
border-bottom:1px dotted #a1a1a1;
}

h4 {
color: #333;
font-size: 1em;
margin: 1.5em 0 1em 5px;
text-align: left;
font-weight: bold;
line-height: 1.1em;
padding: 0px 0px 0px 8px;
border-left: 4px solid #1365ca;
}

h5 {
color: #333;
font-size: 1em;
margin: 1em 0 1em 5px;
text-align:left;
line-height: 1.6;
font-weight:bold;
padding-left:12px;
background:url(../image/cap_h5.jpg) no-repeat 0 0.5em;
}

h6 {
color: #333;
font-size: 1em;
text-align:left;
margin: 1.5em 0 1em 17px;
line-height: 1.6;
font-weight:bold;
}

p{
text-align:left;
line-height: 1.6;
margin-left:17px;
margin-bottom:1em;
letter-spacing: 0.1em; 
}

a:link{
background-color:inherit;
text-decoration:underline;
}

a:hover,a:active{
color:#CC0066;
background-color:inherit;
text-decoration:none;
}

table.none{
text-align:left;
line-height:1.6;
letter-spacing: 0.1em;
margin:0 auto 1em 17px;
}

table.none_c{
text-align:left;
line-height:1.6;
letter-spacing: 0.1em;
margin:0 auto 1em auto;
}

table.none tr td,
table.none_c tr td{
line-height:1.4em;
padding:3px 5px;
vertical-align:top;
}

table.none .item01l,
table.none .item02l,
table.none .item03l,
table.none .item04l,
table.none .item05l,
table.none_c .item01l,
table.none_c .item02l,
table.none_c .item03l,
table.none_c .item04l,
table.none_c .item05l {
text-align:left;
}

table.none .item01c,
table.none .item02c,
table.none .item03c,
table.none .item04c,
table.none .item05c,
table.none_c .item01c,
table.none_c .item02c,
table.none_c .item03c,
table.none_c .item04c,
table.none_c .item05c {
text-align:center;
}

table.none .item01r,
table.none .item02r,
table.none .item03r,
table.none .item04r,
table.none .item05r,
table.none_c .item01r,
table.none_c .item02r,
table.none_c .item03r,
table.none_c .item04r,
table.none_c .item05r{
text-align:right;
}

table.data{
line-height:1.6;
font-size:90%;
letter-spacing: 0.1em;
margin:0 auto 1em;
}

table.data caption{
margin-bottom:5px;
font-size:90%;
}

table.data tr th{
font-weight:bold;
line-height:1.4em;
text-align:center;
border:1px solid #99badb;
padding:3px 10px 3px 5px;
background:#b6d4ff none repeat scroll 0 0;
}

table.data tr td{
line-height:1.4em;
padding:3px 5px;
border:1px solid #99badb;
background:#fff none repeat scroll 0 0;
}



table.data .item01l,
table.data .item01c,
table.data .item01r {
background-color: #fff;
}

table.data .item02l,
table.data .item02c,
table.data .item02r {
background-color: #f5f9ff;
}

table.data .item03l,
table.data .item03c,
table.data .item03r {
background-color: #e7f1ff;
}

table.data .item04l,
table.data .item04c,
table.data .item04r {
background-color: #aaccff;
}

table.data .item05l,
table.data .item05c,
table.data .item05r {
background-color: #6ca0eb;
}

table.data .item01l,
table.data .item02l,
table.data .item03l,
table.data .item04l,
table.data .item05l {
text-align:left;
}

table.data .item01c,
table.data .item02c,
table.data .item03c,
table.data .item04c,
table.data .item05c {
text-align:center;
}

table.data .item01r,
table.data .item02r,
table.data .item03r,
table.data .item04r,
table.data .item05r {
text-align:right;
}

strong{font-weight:bold;}

ul{text-align:left; margin-left:17px;}
li{line-height:1.6;margin-bottom:.5em;}

.indent {
	text-indent: 1.0em
}

.indent_01 {
	margin-left: 0.6em; 
	text-indent: -0.6em
}

.indent_02 {
	margin-left: 0.8em; 
	text-indent: -0.8em
}

.indent_03 {
	margin-left: 1.7em; 
	text-indent: -1.7em
}

.f90p {
	font-size: 90%
}

.f110p {
	font-size: 110%
}

.annotate {
	font-size: 90%;
	color: #1D3994; 
	text-indent: -1.0em
}
.emphasize {
	color: #ff0000; 
	font-weight: bold; 
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.pagetop{
display:none;

}


/*===============　リンク・装飾など　===================*/


a.pdfLink {
	background: url(../image/icon_pdf.gif) no-repeat 0em 0em;
	padding: 0px 0px 3px 22px;
}

.new01 {
	background: url(../image/icon_new01.gif) no-repeat 0em 0.1em;
	background-position: right; 
	padding: 4px 45px 2px 0px;
	text-align: left;
}

.orange_point {
	background: url(../image/point_orange.gif) no-repeat 0.3em 0.3em;
	padding: 0px 0px 3px 15px;
}




/*===============　画像領域など　===================*/

.image_right {
	margin: 0px 5px 0px 5px;
	float: right; 
	clear: both; 
}
.image_left {
	margin: 0px 5px 0px 5px;
	float: left; 
	clear: both; 
}
.image_right p,
.image_left p { 
	font-size: 90%;
	line-height: 120%; 
	letter-spacing:0.1em; 
	margin: 3px 3px 3px 3px;
	text-align: center;
} 



/*===============　幅指定　===================*/

.w96p {width: 96%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w70p {width: 70%;}
.w60p {width: 60%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
.w30p {width: 30%;}
.w20p {width: 20%;}
.w10p {width: 10%;}



/*===============　枠　===================*/

.waku_orange {
line-height:1.6;
	font-size: 90%;
	padding:  5px 5px  5px 5px;
	margin: 10px auto 10px;
	background-color: #FFFFEE;
	border:1px #FF9933;
	border-style: dotted; 
	text-align: left;
}

.waku_blue {
line-height:1.6;
	font-size: 90%;
	padding:  5px 5px  5px 5px;
	margin: 10px auto 10px;
	background-color: #e8effd;
	border:1px #678cfc;
	border-style: dotted; 
	text-align: left;
}

.waku_green {
line-height:1.6;
	font-size: 90%;
	padding:  5px 5px  5px 5px;
	margin: 10px auto 10px;
	background-color: #e5fee4;
	border:1px #76cd74;
	border-style: dotted; 
	text-align: left;
}

.waku_red {
line-height:1.6;
	font-size: 90%;
	padding:  5px 5px  5px 5px;
	margin: 10px auto 10px;
	background-color: #fde5e5;
	border:1px #ff0000;
	border-style: dotted; 
	text-align: left;
	background: url(../image/bg_th.jpg) repeat-x left bottom;
}


/*===============　ボックス部分（追記）　===================*/

.box01 {
	padding: 10px 10px 10px 10px;
	margin: 10px auto 10px;
	background-color: #f0f0d4;
	border:1px #D6DBBC;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

.box02 {
	padding: 10px 10px 10px 10px;
	margin: 10px auto 10px;
	background-color: #f2fceb;
	border:1px #bed8dc;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}

.box03 {
	padding: 10px 10px 10px 10px;
	margin: 10px auto 10px;
	background-color: #f6f6f6;
	border:1px #bed8dc;
	border-style: solid; 
	text-align: left;
	line-height:1.6;
}



/*===============　PDFのリンク部分　===================*/

#pdf_dl {
	background-color: #EEEEEE;
	width: 580px;
	margin: 25px auto 15px;
	padding: 5px 0px 5px 0px;
	font-size: 90%;
}

#pdf_dl p {
	margin: 3px 3px 3px 10px;
}

#pdf_dl img{
	float: right; 
	clear: both; 
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;

}



/*===============　担当課への宛先　===================*/

#contact {
	margin:2em auto 0 auto;
	letter-spacing:1px;
	padding:10px 10px 10px 10px;
	font-size: 90%;
	background-color: #ffffff;
	border:1px #65ACD7 solid;
}