@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

body {
	font-family:verdana, arial, helvetica, Sans-Serif;
  font-size:  90%;
}

/** genaral util **/

#floatLeft {
float: left;
}

#floatLeft li {
display: block;
float: left;
}

#floatLeft * a {
display: block;
text-decoration: none;
}

#floatRight {
float: right;
}


h1 {
margin-top: 4px;
background: transparent;
font-size: 120%;
font-weight: bold;
}

h2 {
margin: 8px 0;
padding: 4px 8px;
background: transparent;
color: #447cad;
font-size: 110%;
font-weight: bold;
border-bottom: 3px dotted #447cad;
}

h3 {
margin-top: 4px;
padding: 4px 8px;
background: #f7f2d3;
font-size: 100%;
font-weight: bold;
color: #447cad;
border-left: none;
border-right: none;
border-top: 1px solid #447cad;
border-bottom: 1px solid  #447cad;
}




a:link {
	color: #7091a8;
	background-color:inherit;
	text-decoration:none;
}

a:active {
    color:#fffcdd;
    text-decoration:none;
    background-color:inherit;
}

a:visited {
	color: #7091a8;
	background-color:inherit;
	text-decoration:none;
}


a:hover {
    color: #c5004c;
    text-decoration:none;
}



img {
    border: none;
}

ul.noident {
margin: 0;
padding:0;
}


/*------------------------------------------------------------------------------
 *  header
 *------------------------------------------------------------------------------*/

div#header {
    background: white url(../images/inagi_city.png) no-repeat 100% 100%;
    height: 150px;
    text-align: left;
    font-weight: bold;
    font-size: 36px;
    padding: 5px 10px;
    color: #a0a0a0;
}






/*------------------------------------------------------------------------------
 *  menu bar
 *------------------------------------------------------------------------------*/

div#menuBar { 
 position: absolute;
 left: 2px;
 width: auto;
 font-size: 14px; 
 float: left;
}

div#menu {
 width: 130px;
 text-align: left;
 background: transparent;
 z-index: 1;
}

#menu a:hover {
 background-color:#ffd75b;
 background-color:#ffcead;
}


#menu img {height: 20px; vertical-align: middle; padding: 0; margin: 0;}

#menu div {
margin-top: 1px;
margin-bottom: 1px;
padding: 4px 0 4px 0;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
background: #fff09e;
height: auto;
font-size: 14px;
filter:Alpha(opacity=100);
}


#menuBar a {
display: block;
width: 100%;
height: auto;
text-decoration: none;
}


/*------------------------------------------------------------------------------
 *  body ( menuBar )
 *------------------------------------------------------------------------------*/

div#body {
margin: 0;
font-size: 90%;

}


div#flexMenu {
}

div#flexBody {
position: relative;
margin-left: 18px;
padding: 12px;
width: 700px;
float: left;
border: 1px solid #ccc;
}

#flexMenu p {
margin: 1px;
padding: 6px .7em;
border: 1px solid #ccc;
color: #666;
background: #d8e5ff;
background: #fff4d8;
}

#flexMenu ul {
margin: 0;
padding: 0;
}

#flexMenu li {
margin: 1px;
padding: 0;
list-style: none;
border: 1px solid #ccc;
background: white;
}

#flexMenu a {
display: block;
height: auto;
padding: 8px 0 8px 6px ;
text-align: left;
text-decoration: none;
}

#flexMenu a:hover {
color: #cc0099;
bbackground: #edf2ff;
background: #f6e7df;
}

#flexMenu div#query {
margin-top: 20px;
padding: 4px 0;
font-size: 80%;
}

#flexMenu div#query a {
disiplay: inline;
padding: 8px 0;
font-size: 80%;
text-decoration: underline;
}

#flexMenu div#query a:hover {
background: transparent;
}




/**************************************************************************/

div#divcss {
 margin: 12px 0;
 padding: .4em;
 border: 1px solid #ccc;
}


div#body img { 
  margin: 6px;
  padding: 0;
  border-style: none;
}

div#misclow { 
  padding: 6px;
}

.pageHeader {
    margin: 4px;
    padding: 0 20px;
    border-bottom: 1px solid #ccc;
    text-align: right;
    color: gray;
    font-size: 80%;
}


#pagejump {
  position: relative;
  background: url("../image7th/arrowR.gif") transparent no-repeat 100% 100%;
  margin: 14px 8px 8px 0;
  text-align: right;
  font-size: 90%;
  padding: 0 14px 0 0;
  width: 96%;
}


/** footer **/

div#footer {
width: 100%;
clear: left;
color:gray;
text-align: center;
font-size: 90%;
padding: 8px 0;
border-top: 1px solid gray;
}


thead td.style_td,
tfoot td.style_td {
        color:inherit;
        background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
        color:inherit;
        background-color:#E0E8F0;
}
.style_table {
        padding:0px;
        border:0px;
        margin:auto;
        text-align:left;
        color:inherit;
        background-color:#ccd5dd;
}
.style_th {
        padding:5px;
        margin:1px;
        text-align:center;
        color:inherit;
        background-color:#EEEEEE;
}
.style_td {
        padding:5px;
        margin:1px;
        color:inherit;
        background-color:#EEF5FF;
}



/** Top Page **/
div.pageHome {
 padding: 8px 0 0 0;
 background: url("../image7th/stlipe.gif");
}

div.pageHome #divcss {
background: white;
}

div#pageTopMenuUp {
display: block;
font-weight: bold;
float: left;
}

div#pageTopMenuUp p {
margin: 2px;
width: 130px;
border: 1px solid #ccc;
text-align: center;
}

div#pageTopMenuUp * a {
display:block;
padding: 1.2em 0;
text-decoration: none;
background: white;
}

div#pageTopMenuUp * a:hover {
color: #c50067;
background: url("../image7th/activeBack.png") 0% 100% white no-repeat;
}

div#pageTopUpItem {
margin: 0 8px 0 0;
padding: 10px 8px;
float: left;
width: 590px;
}


/** develop **/
div#exampleDevelop table {
margin: 1em;
border-collapse: collapse;
}

div#exampleDevelop * td {
padding: 4px;
text-align: left;
vertical-align: top;
border: 1px solid #ccc;
}

div#exampleDevelop thead td {
padding: 8px;
text-align: center;
background: #edf2ff;
}



div#map, div#clist {
margin: 0;
padding: 0;
border: none;
}


#clist li {
margin: 1px;
list-style: none;
border: 1px solid #ccc;
background: #ffffec;
}

#clist a {
display: block;
height: auto;
padding: 3px 0 3px 6px ;
text-align: left;
text-decoration: none;
font-size: 10px;
}

#clist a:hover {
color: #cc0099;
background: #edf2ff;
}

.listTable table {
    margin: 1em 0;
}

.listTable table tr td, .listTable table tr th {
    font-size: 80%;
}