@charset "shift-jis";
/*==============================================================================
安芸太田町役場 共通CSS
==============================================================================*/
/*
font size 10px = 62.5%
font size 12px = 75%
font size 14px = 87.5%
font size 16px = 100%
font size 18px = 112.5%
font size 20px = 125%
*/

/*
width:;
height:;
margin:;
padding:;
float:;
*/

.clr:after{content: url(/contents/000000393.gif); display: block; clear: both; height: 0;}
.clr {display: inline-block;}
.clr {display: block;}

img{vertical-align:bottom;}

/*==============================================================================
layout
==============================================================================*/

body{font-size: 14px;}
#header{
width:1000px;
height:41px;
padding:12px 40px 13px;
}
#header h1{
	margin:;
	float:left;
}
#header #information{float:right;}
#header #information ul{margin:0 0 8px;}
#header #information li{float:right;}
#header #information dl{float:right;}
#header #information dt{float:left;}
#header #information dd{
	margin:0 0 0 6px;
	float:left;
}
#header #information form{
	margin:0 0 0 20px;
	float:right;
}

#grovalNavi{
	height:47px;
	margin:0;
	z-index: 999;
	position: relative;
        padding-bottom:3px;
}
#grovalNavi li{float:left;}

#contents{
width:;
width:1000px;
height:;
margin:;
padding:17px 40px 100px;
}

#footer{
/* width:1000px; */
/* height:168px; */
/* padding-top:12px; */
margin: 0 auto;
}
#footer li{float:left;}


/*==============================================================================
design
==============================================================================*/

a{}
a:link{color:#1B59C0;}
a:visited{color:#7641A0;}
a:hover{
color:#FF8E00;
text-decoration: underline;
}
a:active{}
html{background:#FFFFFF;}
body{
	background:#FFFFFF;
	color:#111;
        min-width:1080px;
        -webkit-text-size-adjust: 100%;
}

#header,
#grovalNavi,
#topImage,
#contents{
background:#FFF;
margin: 0 auto;
}

body{
	/* border-top: 2px solid #FF8E00; */
}


/*------------------------------------------------------------------------------
header
------------------------------------------------------------------------------*/
#header{font-size:12px;}

#header a{text-decoration:none;}
#header a:link{color:#111;}
#header a:visited{color:#888;}
#header a:hover{text-decoration:underline;}
#header a:active{}

#header h1{}
#header #information{}
#header #information ul{}
#header #information li{
	background-image: url(/contents/000000429.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	margin-left:10px;
}

#header #information dl{}
#header #information dt{}
#header #information dd{
	width:50px;
	height:18px;
	display:block;
	background: no-repeat;
}
#header #information dd a{
	width:50px;
	height:18px;
	display:block;
}
#header #information dd a:hover{background-color:transparent;}
#header #information dd.fontSizeM {background: url(/contents/000000413.gif);}
#header #information dd.fontSizeM a img{visibility:hidden;}
#header #information dd.fontSizeM a:hover img{visibility:hidden;}
#header #information dd.fontSizeL {background: url(/contents/000000417.gif);}
#header #information dd.fontSizeL a:hover img{visibility:hidden;}
#header #information dd.fontSizeLL {background: url(/contents/000000415.gif);}
#header #information dd.fontSizeLL a:hover img{visibility:hidden;}



#header #information form{}
#header #information form img{
	margin:0 4px 0 0;
	vertical-align:top;
	display:block;
	float:left;
}

#header #information form input{
	margin:0 0 0 4px;
	display:block;
	float:left;
}

#header #information form input.textbox{
	width:15em;
	height:12px;
	margin: 0;
	padding: 2px;
	font-size:12px;
	border:solid 1px #666;
}

/*------------------------------------------------------------------------------
groval navi
------------------------------------------------------------------------------*/
#grovalNavi{
	background: url(/contents/000000438.png) repeat-x;

}
#grovalNavi ul{
	width:1000px;
        margin:0 auto;
        padding:0 40px 0 40px;
	height:47px;
	display:block;
	background: no-repeat;
}

#grovalNavi ul li{
	width:142px;
	height:47px;
	display:block;
	background: no-repeat;

}
#grovalNavi ul li a{
	width:142px;
	height:47px;
	display:block;
}

#grovalNavi ul li a:hover{background-color:transparent;}

#grovalNavi ul li.gnTop,
#grovalNavi ul li.gnTop a,
#grovalNavi ul li.gnAdmin,
#grovalNavi ul li.gnAdmin a{width:143px;}

#grovalNavi ul li.gnTop {background: url(/contents/000000403.gif);}
#grovalNavi ul li.gnTop a:hover img{visibility:hidden;}
#grovalNavi ul li.gnLife {background: url(/contents/000000407.gif);}
#grovalNavi ul li.gnLife a:hover img{visibility:hidden;}
#grovalNavi ul li.gnBusiness {background: url(/contents/000000409.gif);}
#grovalNavi ul li.gnBusiness a:hover img{visibility:hidden;}
#grovalNavi ul li.gnSight {background: url(/contents/000000405.gif);}
#grovalNavi ul li.gnSight a:hover img{visibility:hidden;}
#grovalNavi ul li.gnAdmin {background: url(/contents/000000411.gif);}
#grovalNavi ul li.gnAdmin a:hover img{visibility:hidden;}



/*------------------------------------------------------------------------------
pankuzu
------------------------------------------------------------------------------*/
#contentsInfo{
	margin: -3px 0 0;
padding:17px 0 0 ;
}

#contentsInfo #pankuzu{
	padding:6px 0 9px;
	font-size:12px;
}
#contentsInfo #pankuzu li{
	padding:3px 8px 3px 0;
float:left;
line-height:1;
}
#contentsInfo #pankuzu li a{
	padding:0 14px 0 0;
	background: url(/contents/000000432.gif) no-repeat right center;
}
#contentsInfo div#print{
	width:88px;
	height:30px;
	padding:0;
	float:right;
	background: url(/contents/000000400.gif) no-repeat 0px 0px;
}
#contentsInfo div#print a{
	width:88px;
	height:30px;
	display:block;
}
#contentsInfo div#print a:hover{background-color:transparent;}
#contentsInfo div#print a:hover img{visibility:hidden;}

/*------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------*/
#footer{
	font-size:12px;
	background-image: url(/contents/000000439.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#footer a{text-decoration:none;}
#footer a:link{color:#111;}
#footer a:visited{color:#888;}
#footer a:hover{text-decoration:underline;}
#footer a:active{}

#footer div{
	width:460px;
	margin: 0 auto;
        padding-top: 12px;
}
#footer ul{
	margin: 0 0 0 0;
}
#footer li{
	background-image: url(/contents/000000429.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	margin-right:30px;
	display:block;
	white-space:nowrap;
}

#footer address{
	/* margin:15px 0 40px */;
	padding:15px 0 10px 64px;
        width:936px;
        margin:0 auto;
	font-style: normal;
	line-height:16px;
	background-image: url(/contents/000000399.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer address img{margin-bottom:4px;}

#footer p{text-align:center;}


/*------------------------------------------------------------------------------
news
------------------------------------------------------------------------------*/
#mainContents #news{}
#mainContents #news dl{
margin:0 9px 0px;
padding:6px 0 0;
}
#mainContents #news dt{
	width:13.5em;
	float: left;
	clear: left;
}
#mainContents #news dt span{padding:0 0 0 1em;}
#mainContents #news dt span img{vertical-align:middle;}
#mainContents #news dd{padding:0 0 12px 13.5em;}

#mainContents a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/*------------------------------------------------------------------------------
etc
------------------------------------------------------------------------------*/
ul.detail{}
ul.detail li{
	font-size:12px;
        float:right;
}
#mainContents #news p.not{
margin:16px 9px;
text-align:center;
}

#mainContents img.newWindow{vertical-align:middle;}


/*------------------------------------------------------------------------------
Edit Mode
------------------------------------------------------------------------------*/
.aly_tx_left {text-align: left;}
.aly_tx_center {text-align: center;}
.aly_tx_right {text-align: right;}
.aly_tx_justify {text-align: justify;}


span.aly_tx_xxs {font-size: 0.55em; }
span.aly_tx_xs {font-size: 0.7em; }
span.aly_tx_s {font-size: 0.8em; }
span.aly_tx_m {font-size: 1em; }
span.aly_tx_l {font-size: 1.2em; }
span.aly_tx_xl {font-size: 1.44em; }
span.aly_tx_xxl {font-size: 2em; }

span.aly_tx_f_auto{color:rgb(0,0,0);}
span.aly_tx_f_black{color:rgb(0,0,0);}
span.aly_tx_f_maroon{color:rgb(128,0,0);}
span.aly_tx_f_saddlebrown{color:rgb(139,69,19);}
span.aly_tx_f_darkslategray{color:rgb(47,79,79);}
span.aly_tx_f_teal{color:rgb(0,128,128);}
span.aly_tx_f_navy{color:rgb(0,0,128);}
span.aly_tx_f_indigo{color:rgb(75,0,130);}
span.aly_tx_f_dimgray{color:rgb(105,105,105);}
span.aly_tx_f_firebrick{color:rgb(178,34,34);}
span.aly_tx_f_brown{color:rgb(165,42,42);}
span.aly_tx_f_goldenrod{color:rgb(218,165,32);}
span.aly_tx_f_darkgreen{color:rgb(0,100,0);}
span.aly_tx_f_turquoise{color:rgb(64,224,208);}
span.aly_tx_f_mediumblue{color:rgb(0,0,205);}
span.aly_tx_f_purple{color:rgb(128,0,128);}
span.aly_tx_f_gray{color:rgb(128,128,128);}
span.aly_tx_f_red{color:rgb(255,0,0);}
span.aly_tx_f_darkorange{color:rgb(255,140,0);}
span.aly_tx_f_gold{color:rgb(255,215,0);}
span.aly_tx_f_green{color:rgb(0,128,0);}
span.aly_tx_f_cyan{color:rgb(0,255,255);}
span.aly_tx_f_blue{color:rgb(0,0,255);}
span.aly_tx_f_violet{color:rgb(238,130,238);}
span.aly_tx_f_darkgray{color:rgb(169,169,169);}
span.aly_tx_f_lightsalmon{color:rgb(255,160,122);}
span.aly_tx_f_orange{color:rgb(255,165,0);}
span.aly_tx_f_yellow{color:rgb(255,255,0);}
span.aly_tx_f_lime{color:rgb(0,255,0);}
span.aly_tx_f_paleturquoise{color:rgb(175,238,238);}
span.aly_tx_f_lightblue{color:rgb(173,216,230);}
span.aly_tx_f_plum{color:rgb(221,160,221);}
span.aly_tx_f_lightgrey{color:rgb(211,211,211);}
span.aly_tx_f_lavenderblush{color:rgb(255,240,245);}
span.aly_tx_f_antiquewhite{color:rgb(250,235,215);}
span.aly_tx_f_lightyellow{color:rgb(255,255,224);}
span.aly_tx_f_honeydew{color:rgb(240,255,240);}
span.aly_tx_f_azure{color:rgb(240,255,255);}
span.aly_tx_f_aliceblue{color:rgb(240,248,255);}
span.aly_tx_f_lavender{color:rgb(230,230,250);}
span.aly_tx_f_white{color:rgb(255,255,255);}

/*------------------------------------------------------------------------------
Keisen Hyouji 20120514
------------------------------------------------------------------------------*/
table {
border:1px solid #000;
}

td,th {
border-top:1px solid #000;
border-left:1px solid #000;
}