@charset "utf-8";
/*******************************************************************************
オープンデータ
*******************************************************************************/
/*------------------------------------------------------------------------------
	トップ
------------------------------------------------------------------------------*/
#opendata{
	margin:0px auto 0px auto;
	width:100%;
	max-width:1200px;
	min-width:1000px;
	clear:both;
	text-align:left;
	line-height:1.8;
}
#opendata h1.h1img{
	margin-bottom:15px;
	padding:0px;
	background:none;
	border:none;
}
#opendata h1.h1img img,
#opendata p.title img{
	width:100%;
	height: auto;
}
#opendata .title{
	margin:0px 0px 30px 0px;
	padding:50px 260px 50px 20px;
	clear:both;
	font-size:200%;
	font-weight:bold;
	border:none;
	line-height:1.5;
}
#opendata .title .entitle{
	display:block;
	font-size:60%;
	font-weight:normal;
}
/*------------------------------------------------------------------------------
	ポータルトップ
------------------------------------------------------------------------------*/
#ocontent{
	padding-bottom:20px;
	width:calc(100% - 280px);
	float:right;
}
.lnaviright #ocontent{
	float:left;
}
/* 左メニュー
------------------------------------------------------------------------------*/
#opendata #lnavi{
	width:240px;
}
#opendata #lnavi p{
	padding:4px 10px 4px 10px;
	border-top:1px dotted #CCC;
	font-size:95%;
}
#opendata .bannertxt{
	width:240px;
	float:left;
}
#opendata .bannertxt ul{
	margin:0px 0px 15px 0px;
	list-style-type:none;
}
#opendata .bannertxt ul li{
	margin-bottom:0px;
	clear:both;
}
#opendata .bannertxt ul li.imglink a::before{
	content:none;
}
#opendata .bannertxt ul li.imglink{
	margin-bottom:10px;
}
#opendata .bannertxt ul li:not([class]) + li.imglink{
	margin-top:10px;
}
#opendata .bannertxt ul li.imglink:first-child,
#opendata .bannertxt ul li:not([class]) + li.imglink{
	border:none;
}
#opendata .bannertxt ul li.imglink + li:not([class]){
    border-top: 1px solid #666;
}
/* データを探す
------------------------------------------------------------------------------*/
#content table.odataform th,
#content table.odataform td{
	padding:10px;
}
#ocontent .osearch{
	margin-bottom:20px;
	width:100%;
	border:2px solid #CCCCCC;
}
#ocontent .osearch h2{
	margin-bottom:10px;
	padding:3px 10px 3px 10px;
	font-size:110%;
	background:#F6F6F6 none;
	border:none;
	border-bottom:1px dotted #CCCCCC;
}
#ocontent .osearchbtn{
	margin:0px 5px 15px 15px;
	text-align: center;
}
#ocontent .ocategory{
	margin:0px 15px 5px 15px;
}
#ocontent .ocategory h3{
	margin:30px 0px 10px 0px;
	padding:3px 7px 3px 7px;
	font-size:100%;
	background:#EEEEEE;
}
#ocontent .ocategory p{
	margin:0px 10px 10px 10px;
}
/* 検索条件
------------------------------------------------------------------------------*/
#opendata #content p.textcenter input{
	padding:3px 10px;
}
/*------------------------------------------------------------------------------
	検索結果
------------------------------------------------------------------------------*/
/* 並び替え
------------------------------------------------------------------------------*/
#content p.order{
	margin:0px 5px 10px 0px;
	font-size:90%;
	text-align:right;
}
#content p.order a{
	margin-left:10px;
	padding:3px 3px 3px 15px;
	background:url(images/opendata/mark_order.gif) no-repeat left center;
}
#content p.order a:hover{
	background:url(images/opendata/mark_order_o.gif) no-repeat left center;
}
#content p.order a.ordero{
	color:#222222;
	font-weight:bold;
	background:url(images/opendata/mark_order_o.gif) no-repeat left center;
	text-decoration:none;
}
#content ul.osearchresult{
	margin:0px 15px 15px 15px;
	list-style-type:none;
}
#content ul.osearchresult li{
	padding:2px 0px 5px 0px;
	border-top:2px dotted #CCCCCC;
	clear:both;
}
#content ul.osearchresult li::after{
	content: ""; 
    display: block; 
    clear: both;
}
#content .odata{
	padding:8px 0px 0px 22px;
	width: 70%;
	float:left;
	position:relative;
	box-sizing:border-box;
}
#content .odata::before{
	width: 13px;
	height: 13px;
	content:"";
	position:absolute;
	top:calc(.75em - 6px + 7px);
	left: 2px;
	border-radius: 50%;
	background: #0057B8;
}
#content .odata::after{
	width: 3px;
	height: 3px;
	content:"";
	position:absolute;
	top:calc(.75em - 3px + 7px);
	left: 7px;
	border: 3px solid transparent;
	border-left: 4px solid #fff;
	box-sizing: border-box;
}
#content .odata .small{
	color:#666666;
}
#content .odata img{
	margin-top:3px;
}
#content .ocate{
	padding:8px 0px 0px 0px;
	width: 30%;
	float:right;
	text-align:right;
}
#content .ocate span{
	margin:5px;
	padding:1px 5px 1px 5px;
	font-size:90%;
	display:inline-block;
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
}
/*==============================================================================
	オープンデータエリア
==============================================================================*/
#content .opendata p.update,
#content2 .opendata p.update{
	margin:0px 15px 10px 15px;
	width:auto;
	float:none;
	font-size:95%;
	text-align:left;
	display:block;
}
#content .opendata p.update span,
#content2 .opendata p.update span{
	margin-right:8px;
	padding:2px 5px 2px 5px;
	font-size:95%;
	border:1px solid #CCCCCC;
	line-height:2;
}
#content .opendata h3,
#content2 .opendata h3{
	margin-left:10px;
	margin-right:10px;
}
#content .opendata .license,
#content2 .opendata .license{
	width:200px;
	float:right;
	font-size: 95%;
	line-height:1.5;
}
#content .opendata ul.objectlink,
#content2 .opendata ul.objectlink{
	margin:0px 15px 15px 25px;
	clear:none;
}
#content .plugin h3,
#content2 .plugin h3{
	margin:10px 10px 0px 10px;
	padding:0px;
	border:none;
	background:none;
}
#content .plugin ul.objectlink,
#content2 .plugin ul.objectlink{
	margin:0px 10px 10px 10px;
	padding:0px;
}
/*==============================================================================
	添付ファイルアイコン 追加分
==============================================================================*/
#content ul.objectlink li.lzh,#content2 ul.objectlink li.lzh{
	background:url(images/icon/lzh.gif) no-repeat 0px 5px;
}
#content ul.objectlink li.wvx,#content2 ul.objectlink li.wvx{
	background:url(images/icon/wvx.gif) no-repeat 0px 5px;
}
#content ul.objectlink li.htm,#content2 ul.objectlink li.htm{
	background:url(images/icon/htm.gif) no-repeat 0px 5px;
}
#content ul.objectlink li.rss,#content2 ul.objectlink li.rss{
	background:url(images/icon/rss.gif) no-repeat 0px 5px;
}
#content ul.objectlink li.map,#content2 ul.objectlink li.map{
	background:url(images/icon/map.gif) no-repeat 0px 5px;
}
#content ul.objectlink li.jsn,#content2 ul.objectlink li.jsn{
	background:url(images/icon/jsn.gif) no-repeat 0px 5px;
}