@charset "utf-8";
@import "pager.css";

/* ----- リセット用 ----- */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,
th,td	{
		margin: 0;
		padding: 0;
		list-style: none;
		}
a		{
		text-decoration: none;
		}
a,
a:focus,
a:active{
		outline: none;
		border: none;
		} 
img		{
		border: 0;
		}
h1,h2,h3,h4,h5,h6,
address,
caption{
		clear: both;
		font-size: 100%;
		font-style:normal;
		font-weight:normal;
		}
a:focus	{
		overflow:hidden;
		}
/* ----- プレーンタグ設定 ----- */
h1,h2,h3,h4,h5,h6{
		margin: 0 0 10px 0;
		}
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited{
		color: #fff;		
		}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
		text-decoration: underline;
		}
h1		{ 
		padding: 17px 0 8px 30px;
    	border-bottom: 1px solid #E5E5E5;
		font-size: 165%;
		line-height: 1em;
		font-weight: bold;
		color: #252525;
		background-image: url("../Images/h1_bar.gif");
		}
h2		{
	    background-image: url("../Images/h2_bar.gif");
	    background-repeat: repeat-y;	
	    font-size: 140%;
	    line-height: 1.2em;
		padding: 8px 8px 8px 45px;
		color: #fff;
		}
h3		{
	    background-image: url("../Images/h3_bar.gif");
	    background-repeat: repeat-y;	
	    font-size: 130%;
	    line-height: 1.2em;
		padding: 6px 0 6px 35px;
	    border: 1px solid #bbb;
		color: #264D73;
		}
h3 a:link,
h3 a:visited{
		color: #264D73;
		}
h4		{
		border-top: 4px solid #336699;
		border-bottom: 1px dotted #ccc;
		background-color: #fff;
	    font-size: 115%;
	    padding: 5px;
		color: #0000F4;
		}
h4 a:link,
h4 a:visited{
		color: #0000F4;
		}
h5		{
	    background-image: url("../Images/h5_bar.gif");
	    background-position: bottom left;
	    background-repeat: repeat-y;
		background-color: #afafaf;
		color: #264D73;
		font-size: 110%;
		padding: 3px;
		}
h6		{
		background-color: #fff;
		font-size: 105%;
		border-bottom : 1px solid #ccc;
		border-left: 5px solid #ccc;
		padding: 0 0 0 5px;
		}
address	{
		font-style: normal;
		}
blockquote{
		background-color: #F0F0F0;
		padding: 5px;
		font-size: 85%;
		}
table	{
	    border-collapse: collapse;
	    border-color: #666666;
	    margin: 0 0 10px;
		}
th,td	{
	    border-color: #666666;
	    padding: 5px;
		vertical-align: top;
		}
ol		{
	    list-style-position: outside;
	    margin: 0 0 15px 25px;
		}
ol li	{
		list-style-type: decimal;
    	margin: 0 0 0.5em;
		}
ul li	{
	    background-image: url("../Images/icon_list.gif");
	    background-repeat: no-repeat;
	    background-position: top left;
	    padding: 0 0 0 22px;
    	margin: 0 0 0.5em;
		}
a:link,
a:visited	{
		color: #0000F4;
		}
#manage a:link{
		color: #0000F4;
		}
#manage a:visited{
		color: #6611CC;
		}
p,
img{
		margin: 0 0 10px 0;
		}
/* ----- 共通スタイルの打ち消し ----- */

#header .siteId h1,
#top #wrap_bg #wrap #contentsArea #mainCol h3,
#top #wrap_bg #wrap #contentsArea #mainCol .col2 .col2In h4,
#top #wrap_bg #wrap #contentsArea #mainCol .col2 .col2In h5,
#top #wrap_bg #wrap #contentsArea #mainCol ul li{
		background-image: none;
		background-color: transparent;
		padding: 0;
		border: none;
		}
#sub .data_category #wrap #contentsArea #mainCol ul li,
#sub .data_list #wrap #contentsArea #mainCol ul li,
#sub .data_show #wrap #contentsArea #mainCol ul li,
#sub .data_map #wrap #contentsArea #mainColMap ul li,
#sub .data_search #wrap #contentsArea #mainCol ul li,
#sub .feature_top #wrap #contentsArea #mainCol ul li,
#sub .feature_list #wrap #contentsArea #mainCol ul li,
#sub .announce_top #wrap #contentsArea #mainCol ul li,
#sub .community_photo #wrap #contentsArea #mainCol ul li,
#sub .community_people_list #wrap #contentsArea #mainCol ul li,
#sub .panorama_top #wrap #contentsArea #mainCol ul li,
#sub .panorama_show #wrap #contentsArea #mainCol ul li,
#sub .movie_top #wrap #contentsArea #mainCol ul li,
#sub .movie_show #wrap #contentsArea #mainCol ul li,
#sub .feature_show #wrap #contentsArea #mainCol #relation ul li{
		background-image: none;
		background-color: transparent;
		padding: 0;
		}
#top #wrap_bg #wrap #contentsArea #mainCol .col3 .library ul li{
		background-image: none;
		}
#header .siteId h1{
		margin: 0;
		}
/* ----- 基本設定 ----- */
#top #wrap img,
#top #wrap p{
		margin: 0;
		}
.clearfix:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
		}
.clearfix {
		min-height: 1px;
		zoom: 1;/*** ie6 ***/
		}
a:link	{}
a:visited{}
a:hover	{text-decoration: underline;}
a:active{}

#sub #wrap_bg #wrap #contentsArea #subCol .menuSub ul a{
		text-decoration: none;
		}

#header ul,
#topicPath ul,
#subCol ul,
#footer ul{
		margin: 0;
		}
#header ul li,
#topicPath ul li,
#subCol ul li,
#footer ul li{
		margin: 0;
		padding: 0;
		background-image: none;
		}
		
.notes	{
		font-size: 85%;
		line-height: 1.4em;
		clear: both;
		font-weight: normal;
		}
.red	{
		color: #ED0015;
		}
#sub .data_list #wrap #contentsArea #mainCol ul,
#sub .announce_top #wrap #contentsArea #mainCol ul,
#sub .feature_list #wrap #contentsArea #mainCol #articleBox .archive ul,
#sub .community_people_list #wrap #contentsArea #mainCol #articleBox .archive ul{/*ページナビの回り込み消し*/
		clear: both;
		}
.resouce{
		background-image: url("../Images/icon_resouce.gif");
		background-repeat: no-repeat;
		padding: 5px 0 0 17px;
	    background-position: center left;
	    font-size: 14px;
	    text-align: left;
		}
.ime-on	{
		ime-mode: active;
		}
.ime-off{
		ime-mode: inactive;
		}
.alternate tbody th{
		background-color: #d4d4d4;
		}
.alternate tbody .odd {
		background-color: #F3F3F3;
		}
table tbody .num{
		text-align: right;
		}
/* ----- ヘッダー ----- */
#header	{
	    margin: 0 auto;
	    padding: 25px 0 0;
	    width: 980px;
		}
#header ul li{
	    float: left;
	    margin: 0 10px 0 0;
		}
#header .siteId{
		width: 400px;
		float: left;
		margin: 0 10px 0 0;
		}
#header .guideBtn{
		width: 280px;
		float: left;
		margin: 0 10px 0 0;
		}
#headerNavi{
		float: right;
		width: 242px;
		}
#headerNavi #searchform #searchbox{
		background-image: url("../Images/searchbox_bg.gif");
		background-repeat: no-repeat;
		width: 102px;
		height: 22px;
		padding: 0 10px;
		border: 1px solid #fff;
		}
#sub #wrap_bg #header #headerNavi #searchform #searchbox{
		border: 1px solid #fff;
		}
#headerNavi #searchform #searchsubmit{
		background-color:#336699;
		background-image: url("../Images/btn_searchsubmit.gif");
		background-repeat: no-repeat;
		width: 60px;
		height: 22px;
		border: none;
		color: #fff;
		}
#top #wrap_bg #header img,
#sub #wrap_bg #header img{
		margin: 0 0 5px 0;
		}
#top #wrap_bg #header #headerNavi .social,
#sub #wrap_bg #header #headerNavi .social{
		clear: both;
		height: 27px;
		}
#top #wrap_bg #header #headerNavi ul li a img,
#sub #wrap_bg #header #headerNavi ul li a img{
		margin: 0 0 10px 0;
		}
.fb_iframe_widget{
		vertical-align: 7px;
		}
.twitter-share-button{

		}
.fb-like{
		width: 110px;
		float: left\9; /* IE8 and below */
		}
/* ----- フッター ----- */
#footer{
		background-image: url("../Images/footer_bg.gif");
		background-repeat: repeat-x;
		}
#footerIn{
		width:980px;
		margin: 0 auto;
		position: relative;
		}
#footerIn ul{
		padding: 8px 0;
		margin: 0 0 15px 0;
		font-size: 88%;
		}
#footerIn ul li{
		display: inline;
		color: #fff;
		padding: 0 5px;
		border-right: 1px solid #fff;
		}
#footerIn ul li a{
		color: #fff;
		}
#footerIn p{
		font-size: 85%;
		line-height: 1.4em;
		}
#footerIn .project{
		float: left;
		}
#footerIn .copy,
#footerIn .citylogo{
 		margin: 0;
 		text-align: right;
		}
#footerIn .citylogo img{
		margin: 0 0 5px;
		}
#footerIn .scrolltop a{
	    background-image: url("../Images/page_top.gif");
	    background-repeat: no-repeat;
	    display: block;
	    position: absolute;
	    right: 20px;
	    text-indent: -9999px;
	    top: -15px;
	    width: 42px;
	    height: 30px;
		}
#footerIn .scrolltop a:hover{
	    background-position: top right;
		}
/* ----- グローバルメニュー ----- */
#menuGlobal{
	    clear: both;
	    margin: 0 auto;
	    padding: 10px 34px 0;
	    width: 910px;
		}
#menuGlobal li{
		float: left;
		margin: 0 2px 0 0;
		width:128px;
		height:40px;
		padding: 0;
		background-image: none;
		}
#menuGlobal li a{
		width:128px;
		height:40px;
		}
/* ----- 基本レイアウト ----- */
#wrap	{
		width: 980px;
		margin:0 auto;
		}
#wrap_bg{
	    background-color: #fff;
	    background-image: url("../Images/header_bg.gif");
	    background-position: center top;
	    background-repeat: repeat-x;
	    color: #281D0A;
	    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	    font-size: 95%;
	    line-height: 1.5em;
		}
#topGallery{
		width: 100%;
		text-align: center;
		overflow: hidden;
		margin: 0 auto 10px;
  		padding: 0 0 10px;
		}
#contentsArea{
		width: 940px;
		padding: 0 20px 40px 20px;
	    background-image: url("../Images/contents_area_bg.gif");
	    background-repeat: repeat-x;		
		}
#mainCol .col1{
		width: 210px;
		margin: 0 30px 0 0;
		float:left;
		}
#mainCol .col2{
		width:330px;
		margin: 0 30px 0 0;
		float:left;
		}
#mainCol .col3{
		width:340px;
		float:left;
		}
#mainCol .gallery{
		height:200px;
		}
/* ----- トップページ設定 ----- */
#top .top #wrap #contentsArea #mainCol p.moreInfo{
		text-align: center;
		}
#top #mainCol .col1 h2,
#top #mainCol .col2 h2,
#top #mainCol .col3 h2{
		height: 35px;
		margin: 0 0 25px 0;
		text-align: center;
		padding: 0;
		background-image: none;
		}
#top #wrap_bg #topGallery #flashContent{
	    z-index: 1;
	    margin: 0 auto;
	    width: 1100px;
		position: relative;
		}
#top #topGallery #docNumber {
	    background-image: url("../Images/number_bg.png");
	    height: 75px;
	    left: 370px;
	    position: absolute;
	    top: 140px;
	    width: 310px;
	    z-index: 2;
		}
#top #topGallery #docNumber p,
#top #topGallery #docNumber img{
		margin: 0;
		}
#top #topGallery #docNumber p span{
		text-indent: -9999px;
		display: block;
		height: 38px;
		width: 22px;
		float:left;
	    background-image: url("../Images/number.gif");
	    background-repeat: no-repeat;
		}
#top #topGallery #docNumber .text{
		padding: 10px 0 0 15px;
		float: left;
		}
#top #topGallery #docNumber .number{
		padding: 0 35px 0 0;
		float: right;
		}
#top #topGallery #docNumber .num0{
		background-position: 0 0;
		}
#top #topGallery #docNumber .num1{
		background-position: -20px 0;
		}
#top #topGallery #docNumber .num2{
		background-position: -40px 0;
		}
#top #topGallery #docNumber .num3{
		background-position: -60px 0;
		}
#top #topGallery #docNumber .num4{
		background-position: -80px 0;
		}
#top #topGallery #docNumber .num5{
		background-position: -100px 0;
		}
#top #topGallery #docNumber .num6{
		background-position: -120px 0;
		}
#top #topGallery #docNumber .num7{
		background-position: -140px 0;
		}
#top #topGallery #docNumber .num8{
		background-position: -160px 0;
		}
#top #topGallery #docNumber .num9{
		background-position: -180px 0;
		}
#top #topGallery #docNumber .comma{
		width: 10px;
		background-position: top right;
		}
#mainCol .col1In{
	    background-position: center top;
	    background-repeat: repeat-x;
		}
#mainCol .col1 .col1In .news{
		padding: 0 0 20px 0;
		margin: 0 0 25px;
		border-bottom: 1px solid #eee;
		font-size: 85%;
		}
#mainCol .col1 .col1In .news ul{
		margin: 0 0 20px 0;
		}
#top #wrap_bg #wrap #contentsArea #mainCol .col1 .col1In .news ul li,
#sub .announce_top #wrap #contentsArea #mainCol ul li{
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px dashed #E0E0E0;
		}
#mainCol .col1 .col1In .news ul li img{
		float: left;
		width: 55px;
		}
#mainCol .col1 .col1In .news ul li .update,
#sub .announce_top #wrap #contentsArea #mainCol ul li .update{
		display:block;
		width: 50px;
	    background-image: url("../sitefiles/image/mark_update.gif");
		background-position: left center;
	    background-repeat: no-repeat;
	    text-indent: -9999px;
		float: left;
		}
#mainCol .col1 .col1In .news ul li .info,
#sub .announce_top #wrap #contentsArea #mainCol ul li .info{
		display:block;
		width: 50px;
	    background-image: url("../sitefiles/image/mark_info.gif");
		background-position: left center;
	    background-repeat: no-repeat;
	    text-indent: -9999px;
		float: left;
		}
#mainCol .col1 .col1In .news ul li .event,
#sub .announce_top #wrap #contentsArea #mainCol ul li .event{
		display:block;
		width: 50px;
	    background-image: url("../sitefiles/image/mark_event.gif");
		background-position: left center;
	    background-repeat: no-repeat;
	    text-indent: -9999px;
		float: left;
		}
#mainCol .col1 .col1In .news ul li .date,
#sub .announce_top #wrap #contentsArea #mainCol ul .date{
		padding: 0 5px;
		color: #555;
		font-weight: bold;
		}
#mainCol .col1 .col1In .news ul li a{
		line-height: 1.2em;
		float: left;
		padding: 3px 0 5px 0;
		}
#top #wrap_bg.top #wrap .bannerArea p{
		margin: 0 0 10px;
		}
#mainCol .col2In{
	    background-position: center top;
	    background-repeat: repeat-x;
		}
#top #wrap_bg #wrap #contentsArea #mainCol .col2 .col2In h4{
		margin: 0;
		}
#mainCol .col2In .feature{
		margin: 0 0 5px;
		}
#mainCol .col2In .feature .featureBlock1{
		width: 50px;
		margin: 0 5px 0 0;
		float: left;
		}
#mainCol .col2In .feature .featureBlock2{
		width: 270px;
		float: left;
		margin: 0 0 10px;
		}
* html #mainCol .col2In .feature .featureBlock2{/*** ie6 ***/
		width: 260px;
		}
#mainCol .col2In .feature .featureBlock2 span{
		display: block;
		font-size: 14px;
		line-height: 1.2em;
		}
#mainCol .col2In .feature .featureBlock3{
		width: 30px;
		float: right;
		}
#mainCol .col2In .feature h4{
		width: 60px;
		float: left;
		margin: 0 10px 5px 0;
		background-image: none;
		}
#mainCol .col2In .feature h5{/*** トップページ特集タイトル ***/
		font-size: 125%;
		margin: 0 0 5px;
		background-image: none;
		background-color: transparent;
		}
#mainCol .col2In .feature h5 a{
		color:#005BAB;
		font-weight: bold;
		}
#top .top #wrap #contentsArea #mainCol .col2In .feature p a img{
		margin: 0 0 10px;
		}
#top .top #wrap #contentsArea #mainCol .col2In .feature p{
		line-height: 1.4em;
		font-size: 85%;
		}
#top .top #wrap #contentsArea #mainCol .col2In .feature .date,
#top .top #wrap #contentsArea #mainCol .col2In .people .date{
		text-align: right;
		margin: 5px 0 10px;
		color: #454545;
		font-size: 85%;
		}
.returnIndex,
.returnPage{
		margin: 0 0 10px;
		padding: 0;
		text-align: right;
		clear: both;
		}
#mainCol  .col2 .col2In .people{
		margin: 0 0 15px;
		}
#mainCol .col2In .people .peopleBlock1{
		width: 120px;
		margin: 0 10px 0 0;
		float: left;
		}
#mainCol .col2In .people .peopleBlock2{
		width: 200px;
		float: left;
		}
#mainCol .col2In .people .peopleBlock3{
		width: 30px;
		float: right;
		}
#mainCol .col2In .people h5{
		font-size: 105%;
		margin: 0 0 5px;
		line-height: 1.2em;
		}
#mainCol .col2In .people h5 a{
	    color: #005BAB;
	    font-weight: bold;
		}
#mainCol .col2 .col2In .people .peopleBlock2 p{
		font-size: 85%;
		line-height: 1.3em;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .social{/*** 投稿写真共通 ***/
		margin: 10px 0;
		}
#mainCol  .col2 .col2In .photo{
		margin: 0 0 15px;
		}
#mainCol .col2 .col2In .photo ul li{
		float: left;
		width: 60px;
		height: 60px;
		margin: 0 10px 0 0 ;
		}
#mainCol .col2 .col2In .photo ul .btnPost{
		width: 50px;
		height: 50px;
		margin: 5px 0;
		}
#mainCol .col3 h2{
		height: 35px;
		margin: 0 0 25px 0;
		text-align: center;
		}
#mainCol .col3 .library{
		border: 1px solid #32659A;
	    margin: 0 0 15px;
		}
#mainCol .col3 .library .notes{
		padding: 0 10px;
		}
#mainCol .col3 .library ul{
	    background-color: #E3F0FF;
	    margin: 10px;
	    padding: 5px 0 5px 4px;
		}
#top #wrap_bg #wrap #contentsArea #mainCol .col3 .library ul li{
	    float: left;
	    margin: 0;
	    padding: 2px;
	    width: 100px;
		}
#top #wrap_bg #wrap #contentsArea #mainCol .col3 .library ul li a{
		display: block;
		}
#mainCol .bannerArea p img {
		margin: 0 0 15px;
		}
/* ----- サブページ共通設定 ----- */
#sub #contentsArea{
	    background-image: url("../sitefiles/image/sub_contents_area_bg.gif");
	    background-repeat: repeat-y;	
	    padding: 0 20px 40px;
		}
#sub .data_map #wrap #contentsArea{ /* 地図で見るページなど1カラムレイアウト用 */
	    background-image: url("../sitefiles/image/sub_contents_area_bg2.gif");
	    background-repeat: repeat-y;	
	    padding: 0 20px 40px;
		}
#sub #mainCol p,
#sub #mainColMap p,
#sub #mainCol img{
		margin: 0 0 10px 0;
		line-height: 1.5em;
		}
#sub #mainCol h1 img,
#sub #mainCol h2 img,
#sub #mainCol h3 img,
#sub #mainCol h4 img,
#sub #mainCol h5 img{
		margin: 0;
		}
#sub #mainCol blockquote p{
		margin: 0;
		}
#mainCol .contentWrap1,
#mainColMap .contentWrap1{
		margin: 0 0 20px;
		clear: both;
		}
#mainCol .contentWrap2{
		width: 710px;
		margin: 0 0 20px;
		clear: both;
		}
#mainCol .contentWrap3{
		margin: 0 0 20px;
		clear: both;
		}
#mainCol .contentWrap2 .contentBox{
		width: 345px;
		float: left;
	    font-size: 90%;
	    line-height: 1.5em;
		margin: 0 10px 10px 0;
		}
.guide #mainCol .contentWrap2 .contentBox{ /*ご利用案内ページのみ設定*/
		width: 343px;
		border: 1px solid #ccc;
		}
#mainCol .contentWrap2 .contentBox p{
		padding: 10px 10px 0;
		}
#mainCol .contentWrap2 .contentBox .photo{
		float: left;
		}
#mainCol .contentWrap2 .contentBox .text{
		float: right;
		width: 220px;
		padding: 10px 10px 10px 0;
		}
#mainCol .contentWrap2 .contentBox .readMore{
		padding: 0 10px 0;
		text-align: right;
		clear: both;
		}
#mainCol .contentWrap3 ul{
		width: 708px;
		margin: 0 0 20px;
		margin: 0 1px;
		}
#mainCol .contentWrap3 ul li{
		width: 226px;
		float: left;
	    font-size: 90%;
	    line-height: 1.5em;
		margin: 0 10px 0 0;
		background-image: none;
		padding: 0;
		}
* html #mainCol .contentWrap3 ul li{/*** ie6 ***/
		margin: 0 8px 0 0;
		}
#mainCol .contentWrap4 {
		margin: 0 0 20px 0;
		clear: both;
		}
#mainCol .contentWrap4 ul li{
		float: left;
		width: 167px;
		}
#mainCol .contentWrap4 .contentBox{
		width: 128px;
		float: left;
		}
#sub #wrap_bg #header .guideBtn a img,
#sub #wrap_bg #header .siteId a img{
		margin: 0;
		}
#mainCol{/* 以下フロートナビ */
		position: relative;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol p.scrolltop a,
#sub #wrap_bg #wrap #contentsArea #mainColMap p.scrolltop a{
	    background-image: url("../sitefiles/image/float_navi1.png");
	    background-repeat: no-repeat;
	    height: 100px;
	    position: fixed;
	    right: 0;
	    text-indent: -9999px;
	    top: 200px;
	    width: 30px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol p.scrolltop a:hover,
#sub #wrap_bg #wrap #contentsArea #mainColMap p.scrolltop a:hover{
		background-position: top right;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol p.returnPage a,
#sub #wrap_bg #wrap #contentsArea #mainColMap p.returnPage a{
	    background-image: url("../sitefiles/image/float_navi2.png");
	    background-repeat: no-repeat;
	    text-align: left;
	    height: 100px;
	    position: fixed;
	    right: 0;
	    text-indent: -9999px;
	    top: 300px;
	    width: 30px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol p.returnPage a:hover,
#sub #wrap_bg #wrap #contentsArea #mainColMap p.returnPage a:hover{
		background-position: top right;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol p.updateDay{
		color:#353535;
		font-size:85%;
		margin:0 0 5px;
		text-align:right;
		}
/* パンくず */
#topicPath{
		background-image: url("../sitefiles/image/topicpath_bg.gif");
		height: 50px;
		margin: 10px 0 0;
		padding: 7px 15px 0 ;
		font-size: 85%;
		line-height: 1.5em;
		}
#sub .data_map #topicPath{
		background-image: url("../sitefiles/image/topicpath_bg2.gif");
		}
#topicPath a{
		padding: 10px 0 10px 0;
		}
#topicPath .home{
		background-image: url("../sitefiles/image/icon_lobby.gif");
		background-repeat: no-repeat;
		background-position: left center;
		padding: 10px 0 10px 22px;
		margin: 0 0 0 10px;
		}
/* サブメニュー 基本 */
#wrap #contentsArea #subCol .menuSub ul li a{
	    background-image: url("../sitefiles/image/sub_navi_l1.gif");
	    display: block;
	    width: 178px;
		padding: 3px 5px 3px 25px;
		}
#wrap #contentsArea #subCol .menuSub ul li a:hover{
		background-position: center top;
		}
/* サブメニュー 資料室用 */
#sub #contentsArea #subCol .menuSub img,
#sub #contentsArea #subCol .menuSub p{
		margin: 0;
		}
#sub #contentsArea #subCol .menuSub{
		border: 1px solid #ccc;
		font-size: 95%;
    	margin: 0 0 10px;
		}
#sub #contentsArea #subCol .menuSub ul li ul li{
		display: none;
		}
#sub #contentsArea #subCol .menuSub ul .cateAct,
#sub #contentsArea #subCol .menuSub ul .cateAct ul .cateAct,
#sub #contentsArea #subCol .menuSub ul .cateAct ul .cateAct ul .cateAct,
#sub #contentsArea #subCol .menuSub ul .cateAct ul .cateAct ul .cateAct ul .cateAct,
#sub #contentsArea #subCol .menuSub ul .cateAct ul .cateAct ul .cateAct ul .cateAct ul .cateAct{
		display: block;
		}
#sub #wrap #mainCol{
		width: 700px;
		margin: 0 0 0 0;
		float:left;
		}
#subCol .searchNavi p{
		padding: 10px 10px 0;
		font-size: 85%
		}
#subCol .searchNavi ul{
		padding: 10px 9px 0;
		}
#subCol .searchNavi ul li{
		margin: 0 0 10px;
		}
#subCol .searchNavi ul li a{
		display: block;
		}
#subCol{
		width: 210px;
		margin: 0 30px 0 0;
		float:left;
		}
#wrap #contentsArea #subCol .menuSub ul li .l0{
	    background-image: url("../sitefiles/image/sub_navi_l0.gif");
	    display: block;
	    width: 198px;
	    padding: 5px 0 5px 10px;
	    color: #fff;
		}
#wrap #contentsArea #subCol .menuSub ul li .l1{
	    background-image: url("../sitefiles/image/sub_navi_l1.gif");
	    display: block;
	    width: 178px;
	    padding: 3px 5px 3px 25px;
		}
#wrap #contentsArea #subCol .menuSub ul li .l1:hover{
		background-position: center top;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .l1{
		background-position: right top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .l1:hover{
		background-position: center top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .menuSub ul li .l2{
	    background-image: url("../sitefiles/image/sub_navi_l2.gif");
	    display: block;
	    width: 163px;
	    padding: 3px 5px 3px 40px;
		}
#wrap #contentsArea #subCol .menuSub ul li .l2:hover{
		background-position: center top;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .l2{
		background-position: right top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .l2:hover{
		background-position: center top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .menuSub ul li .l3{
	    background-image: url("../sitefiles/image/sub_navi_l3.gif");
	    display: block;
	    width: 148px;
	    height: 21px;
	    padding: 3px 5px 3px 55px;
		}
#wrap #contentsArea #subCol .menuSub ul li .l3:hover{
		background-position: center top;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .cateSel .l3{
		background-position: right top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .cateSel .l3:hover{
		background-position: center top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .menuSub ul li .l4{
		background-image: url("../sitefiles/image/sub_navi_l4.gif");
	    display: block;
	    width: 133px;
	    padding: 3px 5px 3px 70px;
		}
#wrap #contentsArea #subCol .menuSub ul li .l4:hover{
		background-position: center top;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .cateSel .cateSel .l4{
		background-position: right top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .cateSel .cateSel .l4:hover{
		background-position: center top;
		background-color: #DDECFB;
		}
#wrap #contentsArea #subCol .searchNavi{
		margin: 0 0 10px 0;
		border: 1px solid #32659A;
		}
#wrap #contentsArea #subCol .searchNavi img,
#wrap #contentsArea #subCol .searchNavi p{
		margin: 0;
		}
#wrap #contentsArea #subCol .menuSub ul .cateSel .current .l1,
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .current .l2,
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .current .l3,
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .cateSel .current .l4,
#wrap #contentsArea #subCol .menuSub ul .cateSel .current .l1:hover,
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .current .l2:hover,
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .current .l3:hover,
#wrap #contentsArea #subCol .menuSub ul .cateSel .cateSel .cateSel .cateSel .current .l4:hover{
		background-color: #F9FFC3;
		}

/* ----- 特集記事一覧ページ ----- */
#sub #mainCol #articleBox .new{
		width: 350px;
		float: left;
		}
#sub #mainCol #articleBox .past{
		width: 328px;
		float: right;
		padding: 0 10px;
		border-left: 1px solid #CCCCCC;
		}
html*#sub #mainCol #articleBox .past{
		width: 328px;
		padding: 0 0 0 10px;
		}
#sub .feature_top #wrap #contentsArea #mainCol #articleBox ul .article{
	    display: block;
	    margin: 0 0 10px;
	    padding: 10px;
	    background-color: #fff;
		}
#sub .feature_top #wrap #contentsArea #mainCol #articleBox .past ul .article{
	    margin: 0;
		padding: 10px 0 0;
	    border-bottom: 1px dotted #cfcfcf;
		clear: both;
		}
#sub #mainCol #articleBox h3{
		font-size: 180%;
		margin: 0;
		line-height: 1.2em;
		padding: 0;
		background-image: none;
		border: none;
		}
#sub #mainCol #articleBox .article h4{
		font-size: 180%;
		margin: 10px 0 15px;
		line-height: 1.2em;
		background-image: none;
		border: none;
		padding: 0;
		}
#sub #mainCol #articleBox .article h4 a:link{
		color: #0000ee;
		}
#sub #mainCol #articleBox .past .article h4{
		font-size: 110%;
		margin: 10px 0;
		line-height: 1.2em;
		}
#sub #mainCol #articleBox .past .article .photo{
		float:left;
		width:75px;
		}
#sub #mainCol #articleBox .past .article .text{
		float:right;
		width:240px;
		line-height: 1.4em;
		}
#sub #mainCol #articleBox .article .theme,
#sub #wrap_bg #wrap #contentsArea #mainCol .theme{
		font-size: 90%;
		color: #353535;
		background-image: url("../sitefiles/image/icon_theme.gif");
		background-repeat: no-repeat;
		background-repeat: no-repeat;
		padding: 0 0 0 63px;
		line-height: 1.42em;
		}
#sub #mainCol #articleBox .past .article .theme{
		font-size: 90%;
		color: #353535;
		margin: 0 0 15px;
		}
#sub #mainCol #articleBox .article .date{
		font-size: 80%;
		color: #454545;
	    margin: 0 10px 5px 0;
		}
#sub #mainCol #articleBox .past .article .date{
    	margin: 0 10px 10px 0;
		}
#sub .feature_top #wrap #contentsArea #mainCol #articleBox .new ul li.article h5{
		background-image: none;
		background-color: tranceparent;
		padding: 0;
		width: 80px;
		float: left;
		}
#sub #mainCol #articleBox .article .tag{
		font-size: 80%;
		color: #454545;
		padding: 0 0 0 85px;
		margin: 0 0 15px;
		background-image: url("../sitefiles/image/tags.gif");
		background-repeat: no-repeat;
		background-position: top left;
		}
#sub .feature_top #wrap #contentsArea #mainCol #articleBox .article .tag li,
#sub .feature_list #wrap #contentsArea #mainCol #articleBox .article .tag li,
#sub .community_people_list #wrap #contentsArea #mainCol #articleBox .article .tag li /*私とかんざき一覧用*/
		{
		float: left;
		margin: 0 5px 5px 0;
		background-image: none;
		background-color: #336699;
		color: #fff;
		font-size: 87%;
		white-space:nowrap;
		}
#sub #mainCol #articleBox .article .tag li a{
		color: #fff;
	    display: block;
	    padding: 0 8px;
		}
#sub #mainCol #articleBox .article .date img{
		margin: 0 0 2px 0;
		}
#sub .feature_top #wrap #contentsArea #mainCol #articleBox .archive,
#sub .feature_list #wrap #contentsArea #mainCol #articleBox .archive{
		width: 678px;
		padding: 0 10px;
		}
#sub .feature_top #wrap #contentsArea #mainCol #articleBox .archive .article,
#sub .feature_list #wrap #contentsArea #mainCol #articleBox .archive .article,
#sub .community_people_list #wrap #contentsArea #mainCol #articleBox .archive .article{/*** わたしと神埼共用 ***/
		padding: 0;
		border-bottom: 1px dotted #cfcfcf;
		margin: 0 0 15px;
		}
#sub #mainCol #articleBox .archive .article .photo{
		width: 197px;
		float: left;
		}
#sub #mainCol #articleBox .archive .article .photo img{
		}
#sub #mainCol #articleBox .archive .article .text{
		width: 473px;
		float: right;
		line-height: 1.4em;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .feature_area{
		margin: 0 0 50px;
		}
/* ----- 関連情報 ----- */
#relation ul .article .photo{
		width: 150px;
		float: left;
		}
#relation ul .article .text{
		width: 540px;
		float: right;
		line-height: 1.4em;
		}
#relation img{
		margin: 0 0 5px;
		}
#relation h2{
	    background-image: none;
	    border: medium none;
	    padding: 0;
		}
#relation h4{
	    background-image: none;
	    border: medium none;
	    font-size: 160%;
	    line-height: 1.2em;
	    margin: 0 0 15px;
	    padding: 0;
		}
#mainCol #relation div.contentWrap4{
		background-color: #fff;
		padding: 0;
		margin: 0
		}
#sub #wrap_bg #wrap #contentsArea #mainCol #relation .contentWrap3 ul li,
#sub .panorama_top #wrap #contentsArea #mainCol .contentWrap3 ul li, /*以下パノラマ、動画のリスト*/
#sub .panorama_list #wrap #contentsArea #mainCol .contentWrap3 ul li,
#sub .movie_top #wrap #contentsArea #mainCol .contentWrap3 ul li,
#sub .movie_list #wrap #contentsArea #mainCol .contentWrap3 ul li{
		float: left;
		width: 214px;
		padding: 5px;
		margin: 0 10px 10px 0;
		background-image: url("../sitefiles/image/relation_item_bg.gif");
		border: 1px solid #DBDBE6;
		text-align: center;
		}
#relation .contentWrap3 ul li a{
		display: block;
		}
#relation .contentWrap3 ul li p{
		text-align: left;
		}
#relation .contentWrap3 ul li a img{
		border: 1px solid #999999;
		}
#relation ul li{
		border-bottom: 1px dotted #CFCFCF;
		margin: 0 0 10px;
		}
/* ----- 資源詳細ページ ----- */
#mainCol #resourceData h2{
	    background-image: none;
	    border: medium none;
		font-size: 160%;
		font-weight: bold;
		padding: 0;
		margin: 0;
		color: #1a1a1a;
		}
#mainCol #resourceData h3 span{
		font-size: 55%;
		font-weight: normal;
		color: #555;
		}
#mainCol .comment{
		background-image: url("../sitefiles/image/comment_bg.gif");
	    background-color: #ECECEC;
	    border: 1px solid #E0E0E0;
	    clear: both;
	    padding: 5px;
		margin: 0 0 15px 0;
		}
#mainCol .comment .commentIn{
		background-color: #fff;
		padding: 5px;
		}
#sub #mainCol .comment p{
		margin: 0;
		}
#mainCol .comment .text{
		float:left;
		width:615px;
		}
#mainCol .comment .commentary{
		float:left;
		width:60px;
		}

#sub #wrap_bg #wrap #contentsArea #mainCol .comment .commentIn .commentary img{
		margin: 0;
		}
#mainCol .comment table,/* データ詳細、パノラマ詳細など共通 */
#mainCol .dataDetail table,
.panorama_show #mainCol table,
.movie_show #mainCol table{
		border-collapse: collapse;
		width:100%;
		}
#mainCol .comment th,
#mainCol .comment td,
#mainCol .dataDetail th,
#mainCol .dataDetail td,
.panorama_show #mainCol th,
.panorama_show #mainCol td,
.movie_show #mainCol th,
.movie_show #mainCol td{
		padding: 5px;
		}
#mainCol .comment th,
#mainCol .dataDetail th,
.panorama_show #mainCol th,
.movie_show #mainCol th{
		background : #f5f5f5;
		border : 1px solid #bbb;
		font-weight : normal;
		text-align: center;
		width: 20%;
		}
#mainCol .comment td,
#mainCol .dataDetail td,
.panorama_show #mainCol td,
.movie_show #mainCol td{
		border : 1px solid #bbb;
		}
#mainCol .dataBasic{
		margin: 0 0 15px;
		}
#mainCol #resourceData h5{
		font-size: 1em;
		padding: 5px 0 5px 0;
		background-color: #e0e0f0;	/* ロゴ同色 */
		color: #000;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData #tabs.dataDetail #tab1 table tbody tr td .small{
		font-size: 85%;
		}
/* タブ切り替え */
#tabs ul{
		list-style:none;
		}
#tabs .tabsMenu li{
		float:left;
		width:175px;
		}
#tabs .tabsMenu li a {
		display:block;
		height: 42px;
		text-indent: -9999px;
		}
#tabs ul .tab1 a{
		background-image: url("../sitefiles/image/data_detail_tab1.gif");
		}
#tabs ul .tab1 a:hover{
		background-position: top right;
		}
#tabs ul .tab1 .current{
		background-image: url("../sitefiles/image/data_detail_tab1.gif");
		background-position: top right;
		}
#tabs ul .tab1 .current:hover{
		background-position: top right;
		}
#tabs ul .tab2 a{
		background-image: url("../sitefiles/image/data_detail_tab2.gif");
		}
#tabs ul .tab2 a:hover{
		background-position: top right;
		}
#tabs ul .tab2 .current{
		background-image: url("../sitefiles/image/data_detail_tab2.gif");
		background-position: top right;
		}
#tabs ul .tab2 .current:hover{
		background-position: top right;
		}
#tabs ul .tab3 a{
		background-image: url("../sitefiles/image/data_detail_tab3.gif");
		}
#tabs ul .tab3 a:hover{
		background-position: top right;
		}
#tabs ul .tab3 .current{
		background-image: url("../sitefiles/image/data_detail_tab3.gif");
		background-position: top right;
		}
#tabs ul .tab3 .current:hover{
		background-position: top right;
		}
#tabs ul .tab4 a{
		background-image: url("../sitefiles/image/data_detail_tab4.gif");
		}
#tabs ul .tab4 a:hover{
		background-position: top right;
		}
#tabs ul .tab4 .current{
		background-image: url("../sitefiles/image/data_detail_tab4.gif");
		background-position: top right;
		}
#tabs ul .tab4 .current:hover{
		background-position: top right;
		}
#tabs #panel1,
#tabs #panel2,
#tabs #panel3,
#tabs #panel4{
		display:none;
		clear:both;
		width:700px;
		}
/* ----- 分類で検索 ----- */
#mainCol div.cate_set ul{
		margin: 0 auto;
		border: 1px solid #e5e5e5;
		padding: 10px 0 0 10px;
		}
#sub .data_category #wrap #contentsArea #mainCol div.cate_set ul li{
		margin: 0 10px 10px 0;
		padding: 0 1px;
		float: left;
		}
#sub .data_category #wrap #contentsArea #mainCol div.cate_set ul li img{
		margin: 0;
		}
#sub .data_list #wrap #contentsArea #mainCol #dataList .data{
		padding: 0 0 5px 0;
		margin: 0 0 20px;
		display: block;
		border-bottom: 1px dotted #CFCFCF;
		clear: both;
		}
html*#sub .data_list #wrap #contentsArea #mainCol #dataList .data{/*** ie6 ***/
		height: 142px;
		overflow: hidden;
		}
#mainCol #dataList .data .thumb{
    	width: 160px;
		margin: 0 0 0 10px;
		float: right;
		}
#mainCol #dataList .data .thumb img{
		border: 1px solid #999;
		margin: 0;
		}
#mainCol #dataList .data .info{
   		width: 520px;
		float: left;
		}
#mainCol #dataList .data h3{
		margin: 0 0 -1px;
		padding: 7px 0 8px 32px;
		font-size: 120%;
		background-color: #cfcfcf;
		}
#mainCol #dataList table{/* 資源詳細ページと同様の設定 あとでまとめる */
		border-collapse: collapse;
		background-color: #fff;
		width: 520px;
		}
#mainCol #dataList th,
#mainCol #dataList td{
		padding: 5px;
		}
#mainCol #dataList th{
		background : #ededed;
		border : 1px solid #bbb;
		font-weight : normal;
		text-align: center;
		width: 25%;
		}
#mainCol #dataList td{
		border : 1px solid #bbb;
		}
#mainCol .formSet h3 input,
#mainColMap .formSet h3 input{ /*一部、地図で見るページと同スタイル*/
		margin: 0 0 10px;
		}
#mainCol .formSet,
#mainColMap .formSet{
		margin: 0 0 10px 0;
		}
#mainCol .formSet ul,
#mainColMap .formSet ul{
		background-color:#fff;
		padding: 4px;
		border: 1px solid #E3E3E3;
		margin: -1px 0 0;
		}
#sub .data_search #wrap #contentsArea #mainCol .formSet ul li,
#sub .data_map #wrap #contentsArea #mainColMap .mapCategoryList .formSet ul li{
		float: left;
		padding: 5px;
		margin: 0;
	    white-space: nowrap;
	    font-size: 0.9em;
		}
#sub .data_search #wrap #contentsArea #mainCol .formSet #wordSearchBox{
	    background-image: url("../sitefiles/image/wordsearch_bg.gif");
	    background-position: left center;
	    background-repeat: no-repeat;
	    border: 1px solid #336699;
	    font-size: 110%;
	    margin: 0 0 10px;
	    padding: 13px 0 13px 30px;
	    width: 455px;
	    float: left;
		}
#sub .data_search #wrap #contentsArea #mainCol .formSet .buttonSubmit{
		width: 200px;
		height: 50px;
		border: none;
		font-size: 110%;
		display: block;
		background-image: url("../sitefiles/image/btn_searchbg.gif");
		float: right;
		text-indent: -9999px;
		cursor: pointer;	
		}
html*#sub .data_search #wrap #contentsArea #mainCol .formSet .buttonSubmit{
		text-indent: 0;	
		}
#sub .data_search #wrap #contentsArea #mainCol .searchSet .buttonSubmit{
		width: 200px;
		height: 50px;
		border: none;
		font-size: 110%;
		display: block;
		background-image: url("../sitefiles/image/btn_searchbg.gif");
		float: left;
		text-indent: -9999px;
		cursor: pointer;	
		margin: 0 0 0 120px;
		}
#sub .data_search #wrap #contentsArea #mainCol .buttonSubmit:hover{
		background-position: top right;
		}
#sub .data_search #wrap #contentsArea #mainCol .buttonReset{
		width: 200px;
		height: 50px;
		border: none;
		font-size: 110%;
		background-image: url("../sitefiles/image/btn_resetbg.gif");
		display: block;
		float: right;
		text-indent: -9999px;
    	margin: 0 120px 0 0;
		cursor: pointer;
		}
#sub .data_search #wrap #contentsArea #mainCol .buttonReset:hover{
		background-position: top right;
		}
html*#sub .data_search #wrap #contentsArea #mainCol .searchSet .buttonSubmit,
html*#sub .data_search #wrap #contentsArea #mainCol .searchSet .buttonReset{ /*** ie6,ie7 ***/
		text-indent: 0;
		}
* html #sub .data_search #wrap #contentsArea #mainCol .searchSet .buttonSubmit{
		margin: 0 0 0 70px;
		}
* html #sub .data_search #wrap #contentsArea #mainCol .searchSet .buttonReset{
		margin: 0 70px 0 0;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords p{
		margin: 0;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords .hide-show{
		background-image: url("../sitefiles/image/icon_openclose.gif");
		background-repeat: no-repeat;
		padding: 0 0 0 20px;
		display: block;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords .hide{
		background-position: top left;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords .show{
		background-position: bottom left;
		margin: 0 0 5px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .returnSetting{
		margin: 0 0 25px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .returnSetting a{
		display: block;
		width: 700px;
		height: 25px;
		text-indent: -9999px;
		background-image: url("../sitefiles/image/btn_returnsetting.gif");
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .returnSetting a:hover{
		background-position: bottom left;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords{
		background-color: #f5f5f5;
		padding: 10px;
		margin: 0 0 10px;
		border: 1px solid #ccc;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords ul li{
		float: left;
		font-size: 87%;
		margin: 0 10px 0 0;
		line-height: 1.5em;
		white-space: nowrap;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords table{
		border-top: 1px dotted #ccc;
		padding: 10px 0 0 0;
		margin: 0;
		width: 100%;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .keywords table tbody th{
	    text-align: left;
	    vertical-align: top;
	    width: 18%;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .formSet .checkSet{
		position: relative;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .formSet .checkSet .checkAll{
		position: absolute;
		top: 10px;
		left: 580px;
		font-size: 90%;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .formSet .checkSet .checkAll input{
		margin: 0 5px 0 0;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 h3{
		background-image: none;
		margin: 0 0 5px;
		padding: 0;
		border:  none;
		height: 50px;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .formSet .checkSet h4{
	    border-left: 1px solid #E3E3E3;
	    border-right: 1px solid #E3E3E3;
	    margin: 0;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol #categoryPath{
		background-image: url("../sitefiles/image/categorypath_bg.gif");
		line-height: 1.5em;
		background-repeat: no-repeat;
		background-color: #f8f8f8;
		min-height: 27px;
		font-size: 85%;
		padding: 7px 0 0 145px;
		margin: 0 0 10px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol #categoryPath span{
		margin: 5px 0;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .controlGroup{
		padding: 10px;
		border: 1px solid #ccc;
		background-color: #E7EBF5;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .contentWrap1 h3{
		padding: 0;
		background-image: none;
		background-color: transeparent;
		border: none;
		height: 50px;
		}
#sub .data_list #wrap #contentsArea #mainCol .count span{
	    font-size: 140%;
	    font-weight: bold;
	    padding: 0 5px 0 0;
		}
/* ----- 地図で見る ----- */
#mainColMap .mapCategoryList{
		width: 950px;
		}
#mainColMap .mapCategoryList .mapCategoryListLeft{
		float: left;
		width: 465px;
		margin: 0 10px 0 0;
		}
#mainColMap .mapCategoryList .mapCategoryListRight{
		float: left;
		width: 465px;
		}
#mainColMap .mapCategoryList .formSet{
		width: 227px;
		margin: 0 10px 10px 0;
		float :left;
		}
#mainCol .mapCategoryList .cateSet{
		background-color: #efefef;
		margin: 0 0 10px 0;
		padding:15px;
		width: 435px;
		}
#mainCol .mapCategoryList .cateSet h2{
		background-color: #b5b5b5;
		margin: 0 0 10px;
		padding:5px;
		}
#mainCol .mapCategoryList .cateSet li{
		float: left;
		padding: 0 10px 5px 5px;
		}
#mainCol .mapCategoryList .cateLeft{
		width: 465px;
		float: left;
		margin: 0 10px 0 0;
		}
#mainCol .mapCategoryList .cateRight{
		width: 465px;
		float: left;
		margin: 0 10px 0 0;
		}
#sub .data_map #wrap #contentsArea #mainColMap #mapCanvas .infowindow p{
		font-size: 125%;
		margin: 0 0 10px;

		}
#sub .data_map #wrap #contentsArea #mainColMap #mapCanvas .infowindow p span{
		font-size: 60%;
		line-height: 1.4em;
		}
#sub .data_map #wrap #contentsArea #mainColMap #mapCanvas .infowindow .detail a{
		background-image: url("../sitefiles/image/btn_map_detail.gif");
		width: 150px;
		height: 35px;
		display: block;
		text-indent: -9999px;
		margin: 0 auto;
		}
#mapCanvas{
		margin: 0 0 20px;
		z-index: 1;
	    background-color: #E5E3DF;
	    border: 1px solid #CCCCCC;
	    height: 498px;
	    width: 938px;
		}
#sub .data_map #wrap #contentsArea #mainColMap .mapCategoryList .formSet .checkSet h4{
		margin: 0;
		border-left: 1px solid #e3e3e3;
		border-right: 1px solid #e3e3e3;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .contentWrap1 .formSet .checkSet{
		position: relative;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .contentWrap1 .formSet .checkSet .checkAll{
		font-size: 85%;
		margin: 0 10px 0 0;
		color: #454545;
		position: absolute;
		top: 10px;
		left: 590px;
		}
#sub .data_search #wrap #contentsArea #mainCol .search .contentWrap1 .contentWrap1 .formSet .checkSet .checkAll input{
		margin: 0 5px 0 0;
		}
#sub .data_map #wrap #contentsArea #mainColMap{
		position: relative;
		}
#sub .data_map #wrap #contentsArea #mainColMap .reload{
	    left: 800px;
	    position: relative;
	    top: 430px;
	    width: 135px;
	    z-index: 2;
		}
#sub .data_map #wrap #contentsArea #mainColMap .reload input{
	    background-color: #FFFFFF;
	    border: 1px solid #717B87;
	    font-weight: bold;
	    width: 135px;
	    padding: 5px;
	    cursor: pointer;
		}
#infowindow{
		width:300px;
		height:250px;
		text-align:center;
		}
#infowindow .infowindowimg{
		height: 105px;
		background-image: url('../sitefiles/image/loading.gif');
		background-repeat:no-repeat;
		background-position:center center;
		}
/* ----- 投稿広場 ----- */
#mainCol .postList ul{
		width: 720px;
		}
#mainCol .postList ul li{
		float: left;
		padding: 20px;
		margin: 0 10px 10px 0;
		background-color: #ececec;
		}
.form_btn{
		text-align: center;
		padding: 5px;
		background-color: #E7EBF5;
		}
.submit{/**全サブミットボタン共通**/
		padding: 10px;
		}
/* ----- 特殊見出し -----*/
#sub #mainColMap h1{ 
		background-image: url("../sitefiles/image/h1_bar_map.gif");
		}

#sub #mainCol h1 span,
#sub #mainColMap h1 span{
	    color: #7D7D7D;
	    display: block;
	    font-size: 13px;
		margin: 12px 0 0;
		}
/* ----- お知らせ -----*/
#sub #mainCol table.announceList{
		width: 100%;
		border-collapse: collapse;
		}
#sub #mainCol table.announceList tr{
		height:25px;
		}
#sub #mainCol table.announceList td.date{
		padding: 0 0 0 10px;
		width: 90px;
		}
#sub #mainCol table.announceList td.type{
		width: 60px;
		}
#sub #mainCol table.announceList td.title{
		width: 540px;
		color: #363;
		}
/*----- ご利用案内 -----*/
.guide #mainCol .contentWrap2 .contentBox h4{
		background-image: none;
		padding: 0;
		}
/* 写真投稿広場 */
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox{
		background-color: #F2F2E8;
		background-image: url("../sitefiles/image/photo_bg.gif");
		background-repeat: no-repeat;
		margin: 0 10px 10px 0;
		height: 205px;
		overflow: hidden;
		padding: 10px;
		width: 197px;
		}
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox{
		height: 235px;
}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox p img,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox p img{
		background-color: #FFFFFF;
		border: 1px solid #CDCDCD;
		margin: 0;
		padding: 4px;
		}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox p,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox p{
		margin: 0 0 5px 0;
		}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .title,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .title{
		background-image: url("../sitefiles/image/icon_camera.gif");
		background-repeat: no-repeat;
		padding: 0 0 0 22px;
		font-size: 90%;
		line-height: 1.2em;
		height: 2.5em;
		color: #264D73;
		font-weight: bold;
		}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .name,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .name{
		font-size: 75%;
		line-height: 1.2em;
		}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .date,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .date{
		font-size: 75%;
		line-height: 1.2em;
		}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox{
		border: 1px solid #CDCDCD;
		clear: both;
		padding: 13px 0 0 0;
		margin: 0 0 15px;
		}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4{
		margin: 0 0 0 13px;
		}
#sub .community_photo #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .photo a,
#manage #wrap_bg #wrap #contentsArea #mainCol .photoBox .contentWrap4 .contentBox .photo a{
		display: block;
		text-align: center;
		}

/* ----- わたしと神埼 ----- */
#sub .community_people_show #wrap #contentsArea #mainCol .profile{
		padding: 10px;
		border: 1px dotted #bbb;
		margin: 0 0 15px;
		}
#sub .community_people_show #wrap #contentsArea #mainCol .profile .photo{
		width: 120px;
		float: left;
		}
#sub .community_people_show #wrap #contentsArea #mainCol .profile .text{
		width: 545px;
		float: right;
		}
/*----- データ詳細ページ -----*/
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #gallery{
		float: left;
		border: 1px solid #e5e5e5;
		width: 570px;
		height: 402px;
		position: relative;
		background-image: url("../sitefiles/image/gallery_bg.gif");
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #gallery .imgBg{
		width: 500px;
		height: 331px;
		position: absolute;
		top: 35px;
		left: 35px;
		text-align: center;
		cursor: pointer;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #gallery .imgBg img{
		margin: 0;
		max-height: 330px;
		max-width: 500px;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs{
		float: right;
		width: 115px;
		background-color: #3c3c3c;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs ul{
		padding: 20px 20px 5px;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs ul li{
		margin: 0 0 14px;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs ul li a{
		display: block;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs ul li a img{
		margin: 0;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs .navi{
		height: 22px;
		background-image: url("../sitefiles/image/pagination_bg.gif");
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs .navi a{
		display: block;
		width: 57px;
		text-indent: -9999px;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs .navi .prev{
		background-image: url("../sitefiles/image/btn_pagination_prev.gif");
		float:left;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs .navi .prev:hover{
		background-position: top right;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs .navi .next{
		background-image: url("../sitefiles/image/btn_pagination_next.gif");
		float:right;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #thumbs .navi .next:hover{
		background-position: top right;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #photoCounter{
		clear: both;
		padding: 5px 0 0 25px;
		margin: 0;
		background-image: url("../sitefiles/image/icon_camera.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
		position: relative;
		top: 365px;
		left: 235px;
		width: 100px;
		}
#sub .data_show #wrap #contentsArea #mainCol #resourceData .dataBasic #photoCounter span{
		font-size: 120%;
		}
#sub .data_show #wrap #contentsArea #mainCol .moreSearch{
	    margin: 0 1px;
	    width: 708px;		
		}
#sub .data_show #wrap #contentsArea #mainCol .moreSearch li{
		float: left;
		margin: 0 10px 0 0;
		}
/*----- 私とかんざき -----*/
#sub .community_people_list #wrap #contentsArea #mainCol #articleBox{
		padding: 0 10px;
		}
/*----- パノラマ・動画 -----*/
#sub .panorama_show #wrap #contentsArea #mainCol iframe,
#sub .movie_show #wrap #contentsArea #mainCol iframe{
		border: none;
		}
#sub .panorama_show #wrap #contentsArea #mainCol iframe{
		width: 680px;
		height: 500px;
		border: 1px solid #ccc;
		padding: 9px;
		margin: 0 0 15px;
		}
#sub .panorama_top #wrap #contentsArea #mainCol .contentWrap3 ul li a img{
		margin: 0 0 5px;
		}
#sub #fancybox-wrap #fancybox-outer #fancybox-content img{
		margin: 0 auto 10px;
		max-height: 500px;
		}
#sub #fancybox-wrap #fancybox-outer #fancybox-content .title{
		margin: 0 0 10px;
		font-weight: bold;
		font-size: 90%;
		line-height: 1.2em;
		}
#sub #fancybox-wrap #fancybox-outer #fancybox-content .name,
#sub #fancybox-wrap #fancybox-outer #fancybox-content .date{
		margin: 0 10px 10px 0;
		font-size: 75%;
		line-height: 1.2em;
		float: left;
		}
#sub #fancybox-wrap #fancybox-outer #fancybox-content .comment{
	    clear: both;
	    color: #454545;
	    font-size: 75%;
	    font-weight: bold;
	    line-height: 1.3em;
	    margin: 10px 0;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .contentWrap3 ul li a img{
		margin: 0 0 5px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .readMore{
		text-align: right;
		margin: 0 0 10px 0;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .readMore img{
		margin: 0;
		}
#sub .movie_show #wrap #contentsArea #mainCol iframe{
		margin: 0 0 15px;
		}
/*----- とっておき情報広場 -----*/
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox{
		border: 1px solid #D5D5D5;
		padding: 15px;
		position: relative;
		}
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox .stamp{
		background-image: url("../sitefiles/image/totteoki_stamp.png");
		width: 75px;
		height: 75px;
		text-indent: -9999px;
		position: absolute;
		top: 15px;
		left: 605px;
		margin: 0 0 10px;
		}
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox .icon{
		float: left;
		width: 70px;
		}
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox .text{
		float: left;
		margin: 0 0 0 15px;
		width: 580px;
		}
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox .text .date,
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox .text .user{
		font-size: 85%;
		margin: 0 0 5px;
		color: #454545;
		}
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox .comment{
		background-image: url("../sitefiles/image/hukidashi_bg.gif");
		background-repeat: no-repeat;
		background-color: #fff;
		border: none;
		margin: 0 0 0 50px;
		padding: 10px 10px 10px 50px;
		font-size: 90%;
		}
#sub .community_favorite_list #wrap #contentsArea #mainCol .contentWrap .contentBox .text h3{
		background-image: none;
		font-size: 140%;
		width: 500px;
		color: #336699;
		padding: 0 0 5px;
		border: none;
		border-bottom: 1px dotted #425D85;
		}

.sendForm .form_col1 table{
		border: 1px solid #ccc;
		width: 100%;
		}
.sendForm .form_col1 table tbody tr{
		border-bottom: 1px dotted #ccc;
		}
.sendForm .form_col1 table tbody tr th{
		width: 20%;
		text-align: left;
		background-color: #ececec;
		color: #333;
		}
.sendForm .form_col1 table tbody tr th,
.sendForm .form_col1 table tbody tr td{
		padding: 10px;
		}
.sendForm .form_col1 table tbody tr .iconSet{
		display: block;
		width: 105px;
		float: left;
		font-size: 85%;
		}
.sendForm .form_col1 table tbody tr td label img{
		float: left;
		}
.err	{
		color: #ED0015;
		font-size: 90%;
		}
/*----- 基本情報 -----*/
#sub .about_show #wrap #contentsArea #mainCol .placenameTable img{
		margin: 0;
		}
#sub .about_show #wrap #contentsArea #mainCol .placenameTable tr td{
		padding: 0;
		}
#sub .about_show #wrap #contentsArea #mainCol .placenameTable{
		position: relative;
		padding: 80px 0 0 0;
		margin: 0 0 15px;
		border-bottom: 1px solid #ccc;
		}
#sub .about_show #wrap #contentsArea #mainCol .placenameTableIn{
		overflow:auto;
		height: 450px;
		}
#sub .about_show #wrap #contentsArea #mainCol .placenameTableIn table thead tr{
		position: absolute;
		top: 0;
		left: 0;
		}
#sub #wrap_bg #wrap #contentsArea #subCol .menuSub .category{
	    color: #2B2B2B;
	    font-weight: bold;
	    margin: 0 0 0 5px;
		}
/*----- サイトマップ、利用規約 -----*/
#sub .sitemap #wrap #contentsArea #mainCol h2,
#sub .rule #wrap #contentsArea #mainCol h3{
		background-image: none;
		background-repeat: no-repeat;
		font-size: 140%;
		color: #252525;
		padding: 0 0 3px 0;
		border: none;
		border-bottom: 1px dotted #425D85;
		margin: 25px 0 10px;
		}
#sub .sitemap #wrap #contentsArea #mainCol h2 a,
#sub .rule #wrap #contentsArea #mainCol h3{
	    color: #3C3C3C;
	    font-weight: bold;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .contentWrap1 ul li ul li{
	    background-image: url("../sitefiles/image/icon_list_2.gif");
	    background-position: left center;
	    background-repeat: no-repeat;
	    margin: 0.2em 0 0.5em;
	    padding: 0 0 0 15px;
	    font-size: 97%;
		}
/*----- お問い合わせ -----*/
#sub #wrap_bg #wrap #contentsArea #mainCol .contactSet{
		padding: 10px;
	    background-image: url("../sitefiles/image/contact_set_bg.gif");
	    background-repeat: no-repeat;
	    margin: 0 0 15px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .contactSet h3{
		background-image: none;
	    border: medium none;
	    padding: 0;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .contactSet .mail{
		float: right;
		width: 315px;
		padding: 10px;
		}
#sub #wrap_bg #wrap #contentsArea #mainCol .contactSet .phone{
		float: left;
		width: 315px;
		padding: 10px;
		}
/* ----- メルマガ登録 ----- */
#sub .magazine #wrap #contentsArea #mainCol iframe{
		width: 700px;
		height: 150px;
		border: 1px solid #ccc;
		}
/* ----- 基本情報 ----- */
#sub .about_show #wrap #contentsArea #mainCol table tbody tr th{
		background-color: #c0c0c0;
		font-weight: normal;
		}
#sub .about_show #wrap #contentsArea #mainCol table tbody tr th,
#sub .about_show #wrap #contentsArea #mainCol table tbody tr td{
		padding: 2px;
		}

#sub .about_show #wrap #contentsArea #mainCol table tbody tr td a:link{
		text-decoration: underline;
		}