@charset "utf-8";
/* ------------------------------

clearfix Hack

------------------------------ */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide Mac IE \*/
* html .clearfix　{ height: 1%; }

.clearfix { display: block; }

/* ------------------------------

Common

------------------------------ */
body {
 font-size: 90%;
 line-height: 1.6;
 color: #333333;
 background: #ffffff;
 text-align: center;
 margin: 0px;
 padding: 0px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

p { margin: 0.75em 0 1.5em; }

img { border-style: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight: bolder;
 margin: 0;
 padding: 0;
}

a {
 color: #006699;
 outline: none;
 text-decoration: none;
}

a:hover { color: #990033; }

.reset,
.reset ul,
.reset ol,
.reset dt,
.reset dd {
 padding: 0;
 margin: 0;
 list-style-type: none;
}

.txt-small {
	font-size: 80%;
}

.list-more{
 text-align: right;
}

.list-more a{
  /*background: url(../img/common/btn-icon-blue.jpg) no-repeat ;*/
  background: url(../img/common/btn-icon-blues.jpg) no-repeat ;
  padding: 0 0 0 20px ;

}


#container {
 width: 960px;
 margin-right: auto;
 margin-left: auto;
 background: url(../img/common/bg-wrap.jpg) repeat-y;
}


/* ------------------------------

Header

------------------------------ */
#header {
 height: 80px;
 width: 950px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 border-top: 4px solid #185d90;
 border-bottom: 4px solid #333333;
 position: relative;
}

#logo { 
 top: 0px;
 left: 0px;
 margin: 0;
 padding: 0;
 position: absolute;
}

/* Header Nav */

#nav-header {
 height: 14px;
 position: absolute;
 top: 5px;
 right: 5px;
}

#nav-header ul {
}

#nav-header li{
 display:inline;
 padding: 0 0 0 20px ;
}

#nav-header a {
 padding: 0px 0px 0px 14px;
 background: url(../img/common/btn-icon-blues.jpg) no-repeat;

}
#nav-header a:hover {
 background: url(../img/common/btn-icon-reds.jpg) no-repeat;
}

/* Search Form */
#form-search {
 position: absolute;
 top: 50px;
 right: 5px;
  margin: 0px;
 padding: 0px;

}

#form-search li {
 float: left;
 padding-left: 5px;
}

#form-search input {
 height: 18px;
 line-height: 18px;
 margin: 0px;
 padding: 0px;
 border: 1px solid #CCC;
 width: 200px;
}

#form-search button {
 background: url(../img/common/btn-search.jpg) no-repeat 0px 0px;
 height: 20px;
 width: 51px;
 text-indent: -999em;
 display: block;
 border-style: none;
}

#form-search button:hover { background-position: 0px -20px; }


/* ------------------------------

contents

------------------------------ */
#content {
 width: 950px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 position: relative;
}

#content-img {
 background: url(../img/common/bg-content-img.jpg) no-repeat;
 height: 90px;
 width: 685px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
}

#content-img h2 {
 height: 90px;
 width: 685px;
 color: #003366;
 padding-left:15px;
 margin:0;
 font-size: 180%;
}


/* ------------------------------

main block

------------------------------ */

#main {
 width: 685px; 
 margin-top: 0;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 position: relative;
 float: right;
}

/* main contentus */

#main-section{
 margin-top: 20px;
 width: 480px; 
 float: left;
}

#main-section h2 {
 background: url(../img/common/bg-title-blue.jpg) no-repeat left center;
 height: 30px;
 width: 480px;
 color: #185d90;
 padding: 0px 20px;
 font-size: 120%;
 margin-bottom: 15px;
}


#main-section h3 {
 background: url(../img/common/bg-title-blue.jpg) no-repeat left center;
 height: 30px;
 width: 480px;
 color: #185d90;
 padding: 0px 20px;
 font-size: 120%;
 margin-bottom: 15px;
}

#main-section h4 {
 width: 460px;
 background-color:#0033ff;
 color: #ffffff;
 padding-left: 20px ;
 font-size: 100%;

}

#main-section h5 {
 width: 480px;
 border-bottom: solid 1px #003366;
 color: #003366;
 font-size: 100%;

}
#main-section .section  {

}


#main-section .img  {
 text-align: center;
 margin-top: 10px;
  margin-bottom: 10px;
}
#main-section .img-left  {
 float: left;
 margin: 10px;
}

#main-section  .list li {
 border-bottom: dotted 1px #ccc;
 padding: 0.25em 0;
}


#main-section  .post-date {
	font-size: 80%;
	color: #990033;
	float: left;
	margin-right: 15px;
	padding-top: 3px;
	display: block;
}

#main-section .title {
	display: block;
}
#main-entry{
 width: 480px;
}

/* nav bread */

#nav-bread {
 width: 490px; 
 float: left;
}

#nav-bread li {
 float: left;
 padding: 5px;
 font-size: 90%;
}

#nav-bread li a {
 color: #333;
 text-decoration: none;
 line-height: 1em;
}
#nav-bread .separator { color: #CCCCCC; }

/* right contentus    */

#right-section{
 margin-top: 20px;
 margin-right: 10px;			
 width: 170px;
 float: right;
}

#right-section h2 {
 background: url(../img/common/bg-title-green.jpg) no-repeat left center;
 height: 30px;
 width: 160px;
 line-height: 30px;
 color: #336600;
 padding: 0px 20px;
 font-size: 120%;
 margin-bottom: 15px;
}

#right-section h3 {
 width: 140px;
 background-color:#abcd44;
 color: #ffffff;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0px 10px;
 font-size: 100%;
}

#right-section  .list li {
 border-bottom: dotted 1px #ccc;
 padding: 0.75em 0;
}

#right-section  .post-date {
	font-size: 80%;
	color: #990033;
	float: left;
	margin-right: 15px;
	padding-top: 3px;
	display: block;
}

#sub-nav li { border-bottom: 1px dotted #CCCCCC; }

#sub-nav a {
 display:block;
 padding: 10px 0 10px 14px;
 background: url(../img/common/btn-icon-blues.jpg) no-repeat left 14px;

}
#sub-nav li a:hover {
 background: url(../img/common/btn-icon-reds.jpg) no-repeat left 14px;
}



/* top page link banner */
#right-inner{
 margin: 20px 0px;
 padding: 20px 0px;
 border-top: dotted 1px #ccc;
}

/* link contents inner   */

#nav-banner{
 margin: 10px 0px; 
}

#nav-banner a {
 text-decoration: none;
 display: block;
 width: 160px;
 height: 60px;
}

/* ------------------------------

sub block

------------------------------ */

#sub {
 width: 240px; 
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 position: relative;
 float: left;
}

/* navigation */
#nav {
}

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

#nav li{
 display: block;
 width: 237px;
 height: 40px;
 
 border-bottom: 1px dotted #CCCCCC; 
}

#nav a{
 display: block;
 width: 223px;
 height: 40px;
 background-color:#ffffff;
 text-decoration: none;
 padding: 0px 0px 0px 14px;
border-left: solid 3px #185d90;
}



#nav a:hover{
 display: block;
 width: 220px;
 height: 40px;
 background-color:#CCCCCC;
 border-left: solid 3px #990033;

}


#nav a.current-page{
 
}


/* sub contents inner*/
#nav-sub {
 margin: 10px 0px;
}
#nav-sub ul{
 margin: 0;
 padding: 0;
}

#nav-sub li{
 display: block;
 padding: 0 0 10px 0 ;
 text-indent: -9999px;
 width: 240px;
 height: 80px;
}

#nav-sub a{
 display: block;
 text-indent: -9999px;
 width: 240px;
 height: 80px;
 background: url(../img/common/nav-sub.png) no-repeat;
}

#nav-sub01 a{
 background-position:0px 0px;
}

#nav-sub02 a{
 background-position:0px -90px;
}
#nav-sub01 a:hover{
 background-position:-240px 0px;
}

#nav-sub02 a:hover{
 background-position:-240px -90px;
}
/* ------------------------------

Footer

------------------------------ */
#wrap-footer {
 clear: both;
 background: url(../img/common/bg-wrap-footer.jpg) repeat-x left bottom;
 height: 150px;
}

#footer {
 background: url(../img/common/bg-footer.jpg) no-repeat;
 width: 960px;
 margin-right: auto;
 margin-left: auto;
 height: 150px;
 position: relative;
}

/* Nav Footer */

#nav-footer {
 padding: 15px;
}

#nav-footer ul {
 margin: 10px;
 border-left: solid 1px #ccc;
}

#nav-footer li {
 float: left;
 padding: 0em 1em;
 border-right: solid 1px #ccc;
}

#nav-footer li a {
 color: #333;
 text-decoration: none;
 line-height: 1em;
}

#nav-footer li a:hover { color: #3884c1; }

/* credit */

#credit{
 clear:both;
}
#credit-sub1{
 text-align: left;
 padding: 0em 1em;
 width: 440px; 
 float: left;

}
#credit-sub2{
 text-align: left;
 padding: 0em 1em;
 width: 440px; 
 float: right;

}
/* ------------------------------

Map

------------------------------ */
#g-map {
 margin-left: 10px;
 height: 480px;
 width: 480px;
 border: 1px solid #CCCCCC;
}
#list-participation th  {
 text-align: left;
 font-size: 80%;
 font-weight: normal;
 color: #666666;
 padding-bottom: 3px;
 border-bottom: 3px solid #6491d0;
}

#list-participation td {
 padding-top: 7px;
 padding-bottom: 7px;
 border-bottom: 1px dotted #CCCCCC;
}

/*#list-participation .even td {
background-color:#fbfbfb;
}*/

#list-participation .category {
 text-align: center;
 width: 8em;
}
#list-participation td.category { color:#1F55A3; }
#list-participation .name {
 padding-left:15px;
}
#list-participation .pref {
 text-align: center;
 width: 7em;
}

#mapsub-nav li { border-bottom: 1px dotted #CCCCCC; }

#mapsub-nav a {
 display:block;
 padding: 0px 0 10px 0px;

}

/* ---------------------------------

Sitemap

--------------------------------- */
#sitemap  ul { border-top: solid 1px #EFEFEF; }

#sitemap  ul li {
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}

#sitemap ul li a {
 background-image: url(../img/common/btn-allow-skyblue.jpg);
 background-repeat:no-repeat;
 background-position:left 1px;
 padding-left: 2em;
 display: block;
}

#sitemap ul ul{
 border-top: none;
 margin-bottom: 0;
 padding-left: 4em;
}

#sitemap ul ul li {
 border-bottom: none;
 padding-bottom: 0;
}