body {
margin:0;
padding:0;
color:#333333;
background-color:#ded;
}

h2 {
font-size: 14px;
color: #222288;
margin: 0 0 10px;
padding: 3px 3px 0 7px;
border-bottom: 1px solid #999900;
background: url('images/bg6.gif') repeat-x;
}

h4 {
font-size: 13px;
color: #222288;
margin: 0 0 10px;
padding: 3px 3px 0 7px;
border-bottom: 1px solid #999900;
}

h5 {
font-size: 13px;
color: #222288;
margin: 0;
padding: 3px 3px 0 7px;
}


#page {
background-color:#fff;
width:740px;
border: 1px #000099 solid;
border-top: 8px #000099 solid;
margin: 0 auto;
display:table;
}

#header {
width:740px;
border-bottom: 1px solid #CCCCCC;
}

#logo {
padding-bottom: 12px;
border-right: 1px solid #CCCCCC;
float: left;
width: 280px;
background: url('images/bg7.gif') repeat;
}

#logo h1 {
font-size:16px; 
padding:8px 0 10px 10px;
margin:0
}

/*住所*/
#logo .tagline {
font-size:11px;
padding-left: 18px;
margin-top:-5px;
}

#topnav {
float:right;
margin: 10px 0 20px 0;
}

#topnav .menu,.here{
font-size: 0.8em;
margin: 10px 5px 2px 0;
padding: 2px 0 2px 15px;
border-bottom: 2px solid #8888FF;
float: left;
width: 90px;
background: url('images/mk1.gif') no-repeat 3px 4px;
}

#topnav a{
text-decoration: none;
}

#topnav a:hover{
color: #FF9900;
}

#topnav .here{
color: #FF9900;
font-weight: bold;
border-bottom: 2px solid #FF9900;
background: url('images/mk2.gif') no-repeat 3px 4px;
}


#body {
padding: 0 0 0 10px;
clear:both;
}

#contents{
font-size: 0.9em;
line-height: 1.3em;
margin: 5px 10px 0 0;
width: 515px;
float:right;
padding: 3px;
}

#contents h3{
font-size: 14px;
color: #006633;
margin: 15px 10px 3px 0;
padding: 2px 0 2px 18px;
background: url('images/tama_05.gif') no-repeat 0 2px;
}

#post {
margin:10px 0 20px 0;
padding:0;
display:table;
}


#post p {
font-size:13px;
margin:0;
}

#post dl {
margin:0;
}

#post dd {
font-size:12px;
margin:3px 0 8px 10px;
}

#post dt {
font-size:11px;
color:#822;
border-bottom: 1px #666 dashed;
}

#outline {
margin:5px 3px 5px 5px;
}

#outline2 {
margin:0px 3px 5px 5px;
}

#outline p{
float:left;
padding:5px;
width:200px;
font-size:1.0em;
line-height: 1.5em;
}

#outline img{
float:right;
padding:20px 2px 5px 2px;
}

#description{
 clear:both;
 padding: 0 5px 0 5px;
}

#description h3{
font-size: 0.9em;
color: #903;
padding: 1px 0 1px 13px;
font-weight: normal;
background: url('images/box2.gif') no-repeat 0 0.5em;
}

#description p{
color:#555;
font-size:0.9em;
}

#location{
padding: 5px;
border: 2px solid #CCFFCC;
background: url('images/bg3.gif');
height:310px;
}


#map{
border: 1px solid #993333;
width: 350px;
height: 300px;
background-color: #fff;
font-size:0.9em;
float:left;
}

#key{
float:right;
width:140px;
border: 1px #993333 solid;
background-color: #fff;
font-size:0.9em;
padding:2px;
}

#legend a:hover{
color:#FF3300;
}


#areaguide{
clear:both;
font-size:0.9em;
border: 2px #339966 dotted;
padding:2px 3px 1px 3px;
background: #fff;
margin:5px 0 0 0;
}

#areaguide img{
margin:4px;
}

#sidebar {
float:left;
margin:20px 10px 0 0;
width: 170px;
background: #fff url('images/bg1.gif');
border: 1px #ccc solid;
padding:2px;
}

#sidebar h3{
font-size: 0.9em;
color: #FFFFFF;
margin: 10px 0 5px;
padding: 4px;
border-bottom:2px solid #ccc;
background: url('images/bg2.gif') repeat-x;
}

#sidebar ul {
margin:5px 0;
padding:0 0 0 20px;
}

#sidebar ul li{
/*list-style-image:url(images/0066_double_arrow.png);*/
font-size:12px;
margin:5px 0;
}

#sidebar ul li a{
color:#00a;
text-decoration:none;
border-bottom: 1px #229 solid;
}

#sidebar ul li a:hover{
color:#FF3300;
}

.unsel{
list-style-image:url(images/gr1.gif);
}

.sel{
list-style-image:url(images/gr2.gif);
color:#FF6633;
}

#footer {
clear:both;
text-align:center;
margin: 10px 0 0 0;
}

#footer p {
background-color:#000099;
color:#FFFFFF;
padding:2px 0 0 0;
font-size:0.8em;
}

#links a{
text-decoration: none;
}

#teikan{
font-family: ＭＳ 明朝,細明朝体;
font-size: 9.0pt;
line-height: 18px;
}

#teikan h4{
margin:10px 0 0 0;
}

#teikan p{
margin:0px 0 0 0;
}

#teikan table{
		margin: 0px 0 0px 0;
		border-collapse: collapse;
		border: 1px solid #999;
		font-size: 12px;
}

#teikan table td,table th{
		border: 1px solid #bbb;
		padding: 3px 4px 3px 4px;
  }


.nodisp{
	display:none;
}

/*  use 概要 **/

.box1{
		margin: 3px;
		padding: 5px;
		font-size: 0.9em;
		border: 1px solid #CC0033;
		background: #ffc;
}



.box2{
		margin: 3px;
		padding: 3px;
		font-size:0.9em;
		border: 1px solid #9c6;
		background: #fafffa;
}

.box3{
		margin: 8px 2px 15px 2px;
		padding: 2px 3px 1px 3px;
		font-size: 0.8em;
		color:#000;
		background: #fffdfd;
}


/*  use 総事業費 **/
.box4{
		font-size: 1.0em;
		line-height: 1.5em;
		padding: 3px;
		border: 1px solid #99c;
		margin: 2px;
}

/* use dejima map */
.box5{
		margin: 5px;
		padding: 3px;
		font-size: 1.0em;
		border: 1px dashed #c60;
		background: #fff;
		color:#996633;														
}

/*  use ライトアップ **/
.box6{
		font-size: 0.9em;
		line-height: 1.5em;
		padding: 3px;
		border-top: 1px solid #c36;
		margin: 2px;
}


/*
.dl_style1{
		margin: 5px 10px 5px 10px;
}

.dl_style1 dt{
		border-bottom: 1px dashed #99c;
		color:#CC0033;														
		font-size: 13px;
}

.dl_style1 dd{
		padding: 0px 0px 10px 0px;
		font-size: 13px;
}
*/

/*  use link.html **/
.dl_style2{
		margin: 5px 10px 5px 10px;
}

.dl_style2 dt{
		color:#333399;														
		font-size: 0.9em;
		border-left: 5px solid #99c;
		border-bottom: 1px solid #99c;
		margin: 0px 10px 0px 10px;
		padding: 0px 0px 0px 5px;
}

.dl_style2 dd{
		padding: 0px 0px 10px 20px;
		font-size: 0.9em;
}


.dl_style3 dt{
		font-size: 13px;
		color: #6699CC;
		margin: 10px 0px 2px;
		padding: 0px 0px 0px 10px;
		border: 1px solid #9999CC;
		border-left: 3px solid #9999CC;
		background: #ffd url(images/fade3.gif) repeat-x;
}

.dl_style3 dd{
		padding: 0;
		margin: 0 0 0 20px;
		font-size: 12px;
}

/*  use outline01.html **/
.dl_style4 dt{
		font-size: 0.9em;
		color: #CC0033;
		margin: 5px 20px 10px 0px;
		padding: 0px 0px 0px 0px;
		border:none;
		border-bottom: 1px solid #ccc;
		background: #fff none;
}

.dl_style4 dd{
		padding: 0;
		margin: 0;
		font-size: 0.8em;
}

/*  use ライトアップ **/
.dl_style5 dt{
		font-size: 0.9em;
		color: #996699;
		margin: 5px 20px 2px 0px;
		padding: 0px 0px 0px 0px;
		border:none;
		border-bottom: 1px solid #ccc;
		background: #fff none;
}

.dl_style5 dd{
		padding: 0;
		margin: 0;
		font-size: 0.9em;
}


/*  use outline01.html **/
.tbl1 table{
		margin: 0px 0 0px 0;
		border-collapse: collapse;
		border: 1px solid #999;
		width:100%;
		font-size: 12px;
}

.tbl1 table caption {
		text-align: left;
		margin: 0;
		padding: 6px 0 0px 10px;
		font-weight: bold;
		color: #333;
}

.tbl1 table td,table th{
		border: 1px solid #bbb;
		padding: 3px 4px 3px 4px;
  }

.tbl1 table td{
		background: #ffffcc;
  }

.tbl1 table th{
		background: #eeeeff;
  }


/*  use outline01.html **/
.tbl2 table{
		margin: 0px 0 0px 0;
		border-collapse: collapse;
		border: 1px solid #666;
		width:100%;
		font-size: 12px;
		/*background: #fff;*/
}

.tbl2 table caption {
		text-align: left;
		margin: 0;
		padding: 6px 0 0px 10px;
		font-weight: bold;
		color: #333;
}

.tbl2 table td,table th{
		border: 1px solid #666;
		padding: 3px 4px 3px 4px;
  }

.tbl2 table td{
		text-align: center;
  }

.bc1 {background: #99CCFF;}
.bc2 {background: #FFFFCC;}
.bc3 {background: #CCFF99;}


/**テキスト　右寄せ**/
.text_r{
text-align: right;
}

.text_c{
text-align: center;
}

.text_l{
text-align: left;
}

.ol1{
margin: 0.5em 0.5em 0.5em 1.8em;
padding: 0;
}


.nl{
text-decoration: none;
}

.flt_r{
float:right;
}

.flt_l{
float:left;
}

.clr{
clear:both;
}

.w50{
width:50px;
}

.w90{
width:90px;
}

.w100{
width:100px;
}

.w120{
width:120px;
}

.w160{
width:160px;
}

.w180{
width:180px;
}

.w220{
width:220px;
}

.warn{
color:#f00;
font-size: 0.8em;
line-height:1.2em;
}

#push{
display:none;
}

#photos{
display:none;
}