@charset "UTF-8";

@media screen {
	/**********************************
		universal
	***********************************/

	h1 {
		font-size: 150%;
	}

	h2 {
		font-size: 150%;
	}

	h3 {
		font-size: 130%;
	}

	h4,
	h5,
	h6 {
		font-size: 100%;
	}

	p.clear {
	    clear: both;
	}
	/**********************************
		structure
	***********************************/

	body {
		background-color: #f5fafd;
		text-align: center;	/* IEのバグ対応 */
	}

	div#page {
		background: #e7f0fb;
		width: 1000px;
		text-align: center;
		margin: 0 auto;
	}

	/**********************************
		header
	***********************************/
	div#header {
	/*	background: #e7f0fb url('../img/header.png') no-repeat left top;*/
		background: #e7f0fb;
		height: 100px;
		width: 1000px;
		margin: 5px auto;
		text-align: left;	/* IEのバグ対応 */
		position: relative;
		font-size: 120%;
	}

		div#header p#subtitle {
			position: absolute;
			font-weight: bold; 
			top: 60px;
			left: 25px;
		}

		div#header p#total {
			position: absolute;
			top: 10px;
			right: 20px;
			color: #ff0000;
			font-weight: bold; 
			font-size: 80%;
		}

		div#header h1#edition {
			position: absolute;
			font-weight: bold; 
			font-size: 150%; 
			color: #007032;
			top: 60px;
			left: 50px;
		}

	/**********************************
		page title
	***********************************/

	div#pagetitle {
		background-color: #cfffcf;
		border: 2px solid #c4cd77;
		height: auto;
		width: 980px;
		margin: 10px auto;
		text-align: center;	/* IEのバグ対応 */
	}

	div#pagetitle h1 {
		padding: 20px 0;
		text-align: center;
	}

	/**********************************
		top announce
	***********************************/

	div#announce  {
		height: auto;
		width: 740px;
		margin: 5px auto;
		text-align: left;	/* IEのバグ対応 */
		font-size: 90%;
	}

	/**********************************
		information
	***********************************/

	div#information {
		background-color: #cfffcf;
		border: 2px solid #c4cd77;
		width: 980px;
		margin: 5px auto;
		text-align: center;
	}

	div#information div {
		width: 980px;
		margin: 0, auto;
		padding: 10px;
		text-align: left;
		line-height: 150%;
		font-size: 100%;
	}
	div#information p {
		padding: 0px 20px 10px 20px;
		text-align: left;
	}


	/**********************************
		search area
	***********************************/

	div#category,
	div#area,
	div#keyword,
	div#listarea {
		border: 2px solid #c4cd77;
		background-color: #cfffcf;
		height: auto;
		width: 980px;
		margin: 10px auto;
		text-align: left;	/* IEのバグ対応 */
	}	
	div#listarea2 {
		border: 2px solid #c4cd77;
		background-color: #cfffcf;
		height: auto;
		width: 980px;
		margin: 10px auto;
		text-align: left;	/* IEのバグ対応 */
	}	

	div#topgroup {
		height: auto;
		width: 740px;
		margin: 5px auto;
		min-height: 1em;
		text-align: left;	/* IEのバグ対応 */
	}

	div#left {
		height: auto;
		width: 540px;
		float: left;
		margin: 0 0 0 10px;
	}

	div#topkeyword {
		border: 2px solid #c4cd77;
		background-color: #cfffcf;
		height: auto;
		width: 533px;
		margin: 5px 5px 5px 0px;
	}

	div#topkeyword form {
		margin: 5px 15px;
	}

	div#topkeyword form input#key {
		width: 200px;
	}

	div#area {
		background: #cfffcf url('../img/area.png') no-repeat 20px 20px;
	}

	div#group {
		height: auto;
		width: 198px;
		margin: 5px 0px;
		float: right;
		text-align: left;	/* IEのバグ対応 */
	}

	div#category {
		background: #cfffcf url('../img/category.png') no-repeat 20px 20px;
	}

	div#keyword {
		background: #cfffcf url('../img/keyword.png') no-repeat 20px 20px;
	}

	div#area h2,
	div#category h2,
	div#keyword h2 {
		margin: 30px 0 10px 80px;
	}

	div#group h2 {
/*	  width: 0;		sugi 2013/8/1 特別行政版のヘッダが表示していない件を表示に変更
	  height: 0;
	  overflow: hidden;
*/
	}

	div#area ol,
	div#category ol {
		margin: 10px 30px 30px 100px;
		padding: 0px;
	}

	div#area ol li,
	div#category ol li {
		font-size: 100%;
		line-height: 150%;
		border-bottom: 2px dotted #ededed;
	}

	div#area li a,
	div#group li a,
	div#category li a {
		text-decoration: none;
	}

	div#group ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	div#group li {
		background: #f0f6fb url('../img/areagroup_baner.png') no-repeat center center;
		height: auto;
		width: 180px;
		margin: 5px 0px;
		padding: 5px 5px;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
	}

	div#group:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}

	div#keyword p {
		margin: 0 20px 0 80px;
		font-size: 90%;
		line-height: 150%;
	}

	div#keyword form {
		margin: 10px 10px 10px 100px;
	}

	div.othertext {
		border: 2px solid #c4cd77;
		background-color: #cfffcf;
		height: auto;
		width: 736px;
		margin: 5px auto;
		font-size: 100%;
		line-height : 150%;
		text-align: center;	/* IEのバグ対応 */
	}

	div.othertext div {
		width: 700px;
		padding: 20px;
		margin: 0px, auto;
		text-align: left;	/* IEのバグ対応 */
	}

	div.othertext h2 {
		background: #cfffcf url('../img/ashiato.png') no-repeat left center;
		padding: 5px 5px 5px 20px;
	}

	div.othertext dd {
		padding: 0 0 0 1em;
	}

	div.othertext dt {
		padding: 1em 0 0 0;
	}

	div.othertext ol.lowalpha {
		list-style-type: lower-alpha;
	}

	div.othertext ol {
		margin: 0 0 0 2em;
		padding: 0;
	}

	div.othertext ul {
		margin: 0 0 0 1em;
		padding: 0;
	}

	/**********************************
		footer
	***********************************/

	div#footer {
		clear: both;
		height: auto;
		margin: 5px auto;
		width: 980px;
		font-size: 90%;
		min-height: 1em;
		text-align: left;	/* IEのバグ対応 */
	}

	div#footer div#mail {
		margin: 0 0 10px 0;
		height: auto;
		width: 370px;
		float: left;
	}

	div#footer div#mobile {
		height: auto;
		width: 370px;
		float: right;
	}

	div#footer div#mobile div#mobile_qr {
		float: right;
	}

	div#footer div#mobile div#mobile_text {
		text-align: right;
	}

	div#footer div#link {
		clear: both;
		margin: 0;
		height: auto;
		width: 370px;
		float: left;
		font-size: 90%;
	}

	div#footer div#link a {
		padding: 0 5px;
	}

	div#footer div#copyright {
		height: auto;
		width: 370px;
		float: right;
		text-align: right;
	}

	/**********************************
		category list
	***********************************/
	div#listarea {
		clear: both;
	}

	div#listarea ol p{
		margin: 10px 30px 10px 50px;
		padding: 0px;
	}

	div#listarea ol li p {
		font-size: 100%;
		line-height: 150%;
		border-bottom: 2px dotted #ededed;
	}

	div#listarea ol li a p{
		text-decoration: none;
	}
	/**********************************
		new category list
	***********************************/
	div#listarea2 {
		clear: both;
		text-align: left;
	}

	div#listarea2 p{
		margin: 10px 30px 10px 50px;
		padding: 0px;
	}

	div#listarea2 p {
		font-size: 100%;
		line-height: 150%;
		border-bottom: 2px dotted #ededed;
	}

	div#listarea2 a {
		text-decoration: none;
	}


	/**********************************
		navigation area
	***********************************/
	div#navi {
		margin: 10px;
		line-height: 150%;
		font-size: 90%;
		text-align: left;	/* IEのバグ対応 */
	}

	div#navi a {
		text-decoration: none;
	}

	/**********************************
		list header
	***********************************/
	div#listheader,
	div#listfooter {
		height: auto;
		width: 980px;
		margin: 5px auto;
		text-align: left;	/* IEのバグ対応 */
		font-size: 100%;
	}

	div#listheader div#limit {
		width: 50%;
		float: left;
	}

	div#listheader div.pagenavi,
	div#listfooter div.pagenavi {
		width: 50%;
		float: right;
		text-align: right;
	}

	div#listheader a,
	div#listfooter a {
		text-decoration: none;
	}

	div.pagenavi:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}

	/**********************************
		text map page
	***********************************/
	div#textmap,
	div#pointinfo,
	div#otherroute,
	div#shisetuinfo {
		background-color: #cfffcf;
		border: 2px solid #c4cd77;
		height: auto;
		width: 980px;
		margin: 10px auto;
		text-align: left;	/* IEのバグ対応 */
	}	

	div#textmap div#map,
	div#textmap div#crdt,
	div#pointinfo div,
	div#shisetuinfo div {
		height: auto;
		width: 960px;
		margin: 10px auto;
		line-height: 150%;
		text-align: left;	/* ? */
	}

	div#pointinfo h2,
	div#otherroute h2,
	div#shisetuinfo h2 {
		margin: 10px 20px;
	}

	/* 20150324 道案内を<br />改行から<div>囲みに変更したためdivのスタイルを変更*/
	div#map div{
		padding: 8px;
	}

	div#otherroute ol {
		width: 680px;
		margin: 10px auto;
	}
		
	div#otherroute ol li {
		line-height: 150%;
	}
	
	div#qr {
		margin: 10px;
		line-height: 150%;
		font-size: 90%;
		text-align: left;	/* IEのバグ対応 */
		min-height: 1em;
	}

	div#qr a {
		text-decoration: none;
	}

	div#qr div#qrt {
		width: 600px;
		float: left;
	}

	div#qr div#qrc {
		width: 100px;
		float: right;
	}

	div#qr:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}

	p.clear {
		clear: both;
	}

	div#admincode {
		width: 95%;
		margin: 0, 10px;
		text-align: right;
		font-size: 90%;
	}

	p#ptaglink {
		line-height: 200%;
	}
	/**********************************
		what's new
	***********************************/
	div#history {
		clear: both;
		background-color: #cfffcf;
		border: 2px solid #c4cd77;
		height: auto;
		width: 980px;
		margin: 5px auto;
		text-align: left;	/* IEのバグ対応 */
	}	

	div#history h2 {
		margin: 10px 0 10px 20px;
	}

	div#history dl {
		margin: 10px;
		min-height: 1em;
		font-size: 90%;
		line-height: 150%;
		border-bottom: 2px dotted #5e320d;
	}

	div#history dt {
		float: left;
		width: 150px;
		margin: 0;
		padding: 0;
	}

	div#history dd {
		float: left;
		width: 960px;
		margin: 0 0 0 5px;
		padding: 0;
	}

	div#history a {
		text-decoration: none;
	}

	div#history dl:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
}
	/**********************************
		icnaviinfo.php
	***********************************/
	p.totop {
		margin: 0 10px;
		text-align: left;
	}

	object#ictag,
	object#KotoNavi {
		visibility: hidden;
	}