/* ｉｄは #    クラスは ピリオド */


/* 全般の設定 */
a {color: green;
	text-decoration: none;
	font-weight:bold;
	}


div#container	{background-image: url(image/side-green.png);
	background-repeat: repeat-y;
	width: 950px;
	margin-left: auto;
	margin-right: auto}


img.left {
	float:left;
	margin-right: 1em;
	margin-bottom: 0.2em;
	}
	
img.right {
	float:right;
	margin-left: 1em;
	}
	
/* ヘッダーの設定 */
	
div#header	{background-color: #017acd;
	background-image: url(image/topimage.jpg);
	padding: 28px 20px 50px}

div#header h1	{margin: 0}

div#header p	{color: #ffffff;
	font-size: 1.3em;
	margin: 0}

/* パンくずリストの設定 */

p#bread	{background-color: #ffffff;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 20px}
	
	
p#bread a{color:teal;
			}

/* 本文の設定 */

div#map_content	{width: 730px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px}


div#map_content h2	{background-color: #006633;
	background-image: url(bar-blue.png);
	background-repeat: no-repeat;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0}


	
div#content	{width: 730px;
	float: right;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px}
	

div#content h3 {font-size: 1em;
	line-height: 23px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 0}


div.detail_topic p	{padding-left: 40px;
				margin-top: 10px;
				line-height: 1.5;}


div.detail p	{padding-left: 40px;
				margin-top: 10px;
				line-height: 1.5;}

div.detail_h_l p	{padding-left: 40px;
					margin-top: 10px;
					line-height: 1.5;}

div.detail_h_r p	{padding-left: 40px;
					margin-top: 10px;
					line-height: 1.5;}

div.detail_s_l p	{padding-left: 40px;
					margin-top: 10px;
					line-height: 1.5;}

div.detail_s_r p	{padding-left: 40px;
					margin-top: 10px;
					line-height: 1.5;}

div.detail_h_l p.kaisetsu	{padding-left: 20px;
							padding-right:20px;
							font-size: 0.9em;
							margin-top: 10px;
							line-height: 1.5;}
div.detail_h_r p.kaisetsu	{padding-left: 20px;
							padding-right:20px;
							font-size: 0.9em;
							margin-top: 10px;
							line-height: 1.5;}


div.detail_s_l p.kaisetsu	{padding-left: 20px;
							padding-right:20px;
							font-size: 0.9em;
							margin-top: 10px;
							line-height: 1.5;}
div.detail_s_r p.kaisetsu	{padding-left: 20px;
							padding-right:20px;
							font-size: 0.9em;
							margin-top: 10px;
							line-height: 1.5;}



div.detail h2 {background-color: #006633;
	background-image: url(bar-blue.png);
	background-repeat: no-repeat;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0}

				

div#pagetitle{background-image: url(image/pagetitle.jpg);
			margin-bottom: 20px}

h1#titletxt{font-size: 1.5em;
			color:darkgreen;
			height: 25px;
			padding-left: 10px;
			padding-top: 5px;
			margin-top: 5px;}


div.detail{border: solid 1px teal;
			margin-bottom: 20px}

		
/* 項目　ハーフサイズの設定 h はハーフの意味　lはフロートが左　rはフローとが右 */

div.detail_h_l{border: solid 1px teal;
				width: 360px;
				height: 360px;
				float:left;
			margin-bottom: 10px}

div.detail_h_r{border: solid 1px teal;
				width: 360px;
				height: 360px;
				float:right;
			margin-bottom: 10px}


div.detail_h_l h2 {background-color: #006633;
	font-size: 1.0em;
	color: #ffffff;
	line-height: 22px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0}

div.detail_h_r h2 {background-color: #006633;
	font-size: 1.0em;
	color: #ffffff;
	line-height: 22px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0}

img.inside {
	float:center;
	margin-top: -10px;
	margin-left: -40px;
	}

div.detail_h_l li {font-size: 0.8em;
	line-height: 14px;
	margin-left: -10px;
	}

div.detail_h_r li {font-size: 0.8em;
	line-height: 14px;
	margin-left: -10px;
	}


p.kaisetsu {padding-left: 10px;
				margin-top: 10px;
				line-height: 1.2;}



/* 項目　スモールサイズの設定 s はスモールの意味　lはフロートが左　rはフローとが右 */

div.detail_s_l{border: solid 1px teal;
				width: 360px;
				height: 173px;
				float:left;
			margin-bottom: 10px}

div.detail_s_r{border: solid 1px teal;
				width: 360px;
				height: 173px;
				float:right;
			margin-bottom: 10px}


div.detail_s_l h2 {background-color: #006633;
	background-image: url(bar-blue.png);
	background-repeat: no-repeat;
	font-size: 1.0em;
	color: #ffffff;
	line-height: 22px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0}

div.detail_s_r h2 {background-color: #006633;
	background-image: url(bar-blue.png);
	background-repeat: no-repeat;
	font-size: 1.0em;
	color: #ffffff;
	line-height: 22px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0}

img.inside {
	float:center;
	margin-top: -10px;
	margin-left: -40px;
	}

div.detail_s_l li {font-size: 0.8em;
	line-height: 14px;
	margin-left: -10px;
	}

div.detail_s_r li {font-size: 0.8em;
	line-height: 14px;
	margin-left: -10px;
	}


div.detail_topic{border: solid 5px red;
				width:715px;
				height: 270px;
				padding:2px;
				background-color:gold;
				margin-bottom: 20px}
				

/* トピックの設定 */
img#topic{float:left;
		margin-right: 10px;}

img.tpcbtn{border:none;
			margin-bottom: 10px;}
		
h3.topictxt{font-size: 30px;
			color: red;}
				
div#content h1 {clear:both;}
	
div#content p#message	{margin-top: 0}


/* リストの設定 */

li {font-size: 1.0em;
	margin-bottom: 0.5em;
	list-style-type: square;
}
			

/* 表の設定 */

table {table-layout: fixed;
		border-collapse: collapse;
		background-color: white;
		border:1;}

table,th,td{border: 1px solid gray;};

col.head{background-color:powderblue;}

tr.row{background-color: powderblue;}


/* サイドバーの設定 */


div#sidebar	{width: 180px;
	float: left;
	margin-bottom: 0px}

h2.item1	{color: green;
		font-size:1em;
		margin-top: 20px;
		margin-bottom: -15px;
	margin-left: 6px;
	margin-right: 12px;
	padding-left: 0;
	line-height: 0}

h2.item2	{color: purple;
		font-size:1em;
		margin-top: 20px;
		margin-bottom: -10px;
	margin-left: 6px;
	margin-right: 12px;
	padding-left: 0;
	line-height: 0}

h2.item3	{color: blue;
		font-size:1em;
		margin-top: 20px;
		margin-bottom: -10px;
	margin-left: 6px;
	margin-right: 12px;
	padding-left: 0;
	line-height: 0}

	
 ul.sidemenu	{
	font-size: 0.8em; 
	margin-top: 20px; 
	margin-left: 12px;
	margin-right: 5px;
	padding-left: 0;
	line-height: 0}
	
ul.sidemenu li	{list-style-type: none}

ul.sidemenu li a	{display: block;
	line-height: 17px;
	text-decoration: none;
	color: darkgreen;
	font-weight:normal;
	background-color: white;
	margin-left: 16px;
	padding-left: 5px;
	padding-top: 5px
	}

	
ul.sidemenu a.place	{display: block: 
	line-height: 17px;
	text-decoration: none;
	color: indianred;
	background-color: white;
	margin-left: 16px;
	padding-left: 5px;
	padding-top: 5px
	}
		
	
ul.sidemenu li a:hover	{background-color: #99FF66}

/* フッターの設定 */

div#footer	{width: 190px;
	margin-top: 0;
	padding-top: 8px;
	clear: both}

address	{font-size: 0.75em;
	font-style: normal;
	color: gray;
	text-align: left;
	padding: 12px}

/* トップページ固有の設定 */
img.map {
	float: right;
	margin-right: 10px;}


