body{
	color: #6A3906;
}

a{
	color: #6A3906;
	text-decoration: none;
	font-weight: normal;
}

a:hover{
	text-decoration: underline;
}


div#main{
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}


div#login {
    border: 1px solid #ccc;
    padding: 0px 0px 20px 0px;
    width: 350px;
    margin: 10px auto;
    border-radius: 10px;
}

div#login div.entry{
    padding: 0px 40px;
}

div#login div.button{
    text-align: center;
    margin-top: 30px;
}

div#login div.button input#submit{
	text-align: center;
	cursor: pointer;
	width: 157px;
}

div#login div.message{
	text-align: center;
	margin-top: 0px;
}


div#logout {
	border: 1px solid #ccc;
	padding: 40px 0px;
	width: 400px;
	margin: 30px auto;
	text-align: center;
}

p.login_name {
	margin: 6px 0px 4px 0px;
	padding: 0px 20px;
	font-size: 12px;
	float: right;
}




div#main p.entry {
	margin: 5px 3px;
	padding: 0px 20px;
	font-size: 12px;
	float: right;
	border: 1px solid #ccc;
}

div#main p.entry a{
	margin: 10px 0px;
	padding: 0px;
	font-size: 12px;
}

div#main p.entry a:hover{
}








div#sub_page{
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}







div#sub_page p.pankuzu {
	margin: 5px 0px;
	padding: 0px;
	font-size: 12px;
	float: left;
}

div#sub_page p.pankuzu a{
	margin: 10px 0px;
	padding: 0px;
	font-size: 12px;
}

div#sub_page p.pankuzu a:hover{
}


div#sub_page p.entry {
	margin: 5px 3px;
	padding: 0px 20px;
	font-size: 12px;
	float: right;
	border: 1px solid #ccc;
}

div#sub_page p.entry a{
	margin: 10px 0px;
	padding: 0px;
	font-size: 12px;
}

div#sub_page p.entry a:hover{
}




div#sub_page div#header{
	width: 800px;
	height: 150px;
}

div#sub_page div#header img {
	width: 800px;
	height: 150px;
	object-fit: cover; /* この一行を追加するだけ！ */
}


div#sub_page div.photo{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}

div#sub_page div.photo img{
	max-height:800px;
	max-width: 800px;
}

div#sub_page h1{
	text-align: left;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	margin-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 32px;
	clear: both;
}

div#sub_page h1 img{
	margin-right: 10px;
	margin-bottom: -5px;
}



div#sub_page h2{
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
div#sub_page h3{
	text-align: left;
	margin: 5px 0px;
	padding: 0px;
	font-weight: normal;
}

div#sub_page h4{
	text-align: left;
	margin: 20px 0px 10px 0px;
	padding: 4px 10px 2px 10px;
	font-weight: normal;
	background-color: #666666;
	color: #FFFFFF;
	font-size: 16px;
}




div#sub_page ul.sitsumon{
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

div#sub_page ul.sitsumon li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
}


div#sub_page dl.accordion{
}

div#sub_page dl.accordion dt{
	cursor: pointer;
	height: 43px;
	background-image: url(../img/bt_category.jpg);
}

div#sub_page dl.accordion dt p{
	font-size: 20px;
	color: #006934;
	margin-left: 35px;
}

div#sub_page dl.accordion dd{
}


div#sub_page dl.accordion dd ul{
	border-bottom: 1px dotted #ccc;
}


div#sub_page dl.accordion dd ul li{
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 70px;
}

div#sub_page dl.accordion dd ul li.qq{
	background-image: url(../img/bnr_qq.jpg);
	color: #EA5514;
	background-repeat: no-repeat;
}

div#sub_page dl.accordion dd ul li.aa{
	background-image: url(../img/bnr_aa.jpg);
	color: #333333;
	background-repeat: no-repeat;
}



div#sub_page div#youtube_list{
	margin: 0px;
	padding: 10px 0px 10px 10px;
}








div#sub_page div#photo_list{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	clear: both;
}

div#sub_page div#photo_list img{
	margin-bottom: 5px;
	max-width: 180px;
	max-height: 137px;
}

div#sub_page div#photo_list ul{
	margin: 0px;
	padding: 0px;
}

div#sub_page div#photo_list ul li{
	/* width: 180px; */
	float: left;
	list-style-type: none;
	margin: 0px;
	margin-right: 8px;
	padding: 0px;
	height: 200px;

	font-size: 12px;
	padding: 0px;

}

div#sub_page div#photo_list ul li a{
}

div#sub_page div#photo_list ul li a:hover{
	text-decoration: none;
}

div#sub_page div#photo_list ul li img{
	margin: 0px 0px 0px 0px;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

div#sub_page div#photo_list ul li a:hover img{
	background-color: #FFCC99;
}







div#sub_page div#osusume_list{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	clear: both;
}

div#sub_page div#osusume_list img{
	margin-bottom: 5px;
	max-width: 180px;
	max-height: 137px;
}

div#sub_page div#osusume_list ul{
	margin: 0px;
	padding: 0px;
}

div#sub_page div#osusume_list ul li{
	/* width: 180px; */
	float: left;
	list-style-type: none;
	margin: 0px;
	margin-right: 17px;
	padding: 0px;
}

div#sub_page div#osusume_list ul li a{
}

div#sub_page div#osusume_list ul li a:hover{
	text-decoration: none;
}

div#sub_page div#osusume_list ul li img{
	margin: 0px 0px 0px 0px;
	padding: 3px;
	border: 1px solid #ccc;
}

div#sub_page div#osusume_list ul li a:hover img{
	background-color: #FFCC99;
}


div#sub_page div#osusume_list ul li span{
	font-size: 12px;
	margin: 0px 5px;
	padding: 0px;
}







div#sub_page div#datelist{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	clear: both;
	font-size: 14px;	
}

div#sub_page div#datelist table{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

div#sub_page div#datelist table th{
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


div#sub_page div#datelist table th.photo{
	width: 110px;
}
div#sub_page div#datelist table th.title{
	width: 210px;
}
div#sub_page div#datelist table th.text{
	width: 340px;
}
div#sub_page div#datelist table th.date{
}




div#sub_page div#datelist table td{
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#sub_page div#datelist table td.id{
	width: 30px;
}
div#sub_page div#datelist table td.title{
	width: 300px;
}
div#sub_page div#datelist table td.cont{
	width: 500px;
}
div#sub_page div#datelist table td.date{
	width: 80px;
}









div#sub_page div#contents{
	clear: both;
	margin: 0px;
	padding: 0px;
}

div#sub_page div#contents ul{
	margin: 0px;
	padding: 10px 20px;
	background-color: #F0EDED;
}

div#sub_page div#contents ul li{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}


div#sub_page div#menu{
	clear: both;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	border-top: 1px solid #ccc;
}

div#sub_page div#menu a{
	padding: 10px 20px;
	border: 1px solid #ccc;
}

div#sub_page div#menu a:hover{
	color: #F39800;
	text-decoration: none;
}

div#sub_page div#menu ul{
	margin: 0px;
	padding: 10px 20px;
}

div#sub_page div#menu ul li{
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	padding-left: 45px;
	margin-bottom: 20px;
}




div.clearfix{
	clear: both;
}

div.text{
	width: 700px;
	margin: 0 auto;
	border: 1px solid #ccc;
}


div#main_menu{
	margin-top: 20px;
}

div#main_menu ul{
	margin: 0px;
	padding: 0px;
}

div#main_menu ul li{
	float: left;
	list-style-type: none;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	padding: 30px 0px;
	margin: 10px;
	width: 230px;
	text-align: center;
}

div#main_menu ul li a{
	font-size: 26px;
	line-height: 30px;
}

div#main_menu ul li a:hover{
	color: #F39800;
	text-decoration: none;
}


div#video{
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}


div#video h3{
	margin-bottom: 10px;
}

div.video_wrap{
	text-align: center;
	width: 80%;
	margin-right: auto;
	margin-left: auto;

}


div#video div.video_wrap table{
}

div#video div.video_wrap table th{
}

div#video div.video_wrap table td{
	padding: 5px;
}


div#footer{
	padding: 0px;
	font-size: 12px;
	text-align: center;
	margin-bottom: 40px;
	clear: both;
	margin-top: 40px;
	padding-top: 10px;
}

div#footer p{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
}

form{
	margin: 0px;
	padding: 0px;
}


h1{
	font-size: 30px;
	text-align: center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #6A3906;
	clear: both;
}

h2{
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 10px;
}

input{
	font-size: 14px;
	padding: 5px;	
}

input#gengou{
	margin: 10px 0px;
	padding: 0px;
}

div#submit{
	text-align: center;
}

div#process{
	padding-top:10px;
	text-align: center;
	font-size:18px;
}

div#submit input{
	width: 200px;
	font-size: 14px;
	margin-top: 10px;
	cursor: pointer;
}

select{
	font-size: 14px;
	padding: 5px;
}


textarea{
	font-size: 14px;
	padding: 5px;
}

input#auther{
	font-size: 14px;
	padding: 5px;
}

input#title{
	font-size: 14px;
	padding: 5px;
}



input#keisaidate{
	font-size: 14px;
	padding: 5px;
	text-align: right;
}


#images{
  clear:both;
}
#images ul{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#images li{
	font-size: 14px;
	margin: 4px;
	padding: 4px 0px;
	float: left;
	list-style: none;
	text-align: center;
}
#images li img{
  width: 190px;
}


p{
	font-size: 14px;
	line-height: 24px;
	margin: 0px;
	padding: 10px;
}

ul{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

li{
	margin-left: 30px;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
	list-style-type: none;
}

hr{
	margin: 5px 0px;
	padding: 0px;
}

div.total{
	text-align: right;
	margin-right: 10px;
	margin-top: 10px;
}

div#list{
	margin-top: 10px;
}


div#list table tr{
	height: 20px;
}

div#list table{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

div#list th{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 6px 10px;
	width: 160px;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: normal;
}

div#list td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 6px 10px;
}


div#list table.hikidasi_list td{
	text-align: center;
	padding: 20px;
}


table.list_color tr:hover {
  background-color: #FFCC99;    /* マウスオーバー時の行の背景色 */
}
table.list_color td:hover {
  background-color: #CCFFFF;    /* マウスオーバー時のセルの背景色 */
}



#map-canvas {
	height: 500px;
	width: 500px;
	margin-top: 20px;
}



div#category_nav{
	padding: 0px;
	margin: 0px;
	clear: both;
}

div#category_nav ul{
}

div#category_nav ul li{
	border: 1px solid #ccc;
	text-align: center;
	width: 147px;
	padding: 0px;
	margin: 5px 5px;
	float: left;
}



div#search_area{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	clear: both;
}

div#search_area form{
	margin: 0px;
	padding: 0px;
}

div#search_area ul{
	margin: 0px 10px;
}

div#search_area ul li{
	padding: 0px;
	margin: 0px 5px;
	float: left;
}

div#search_area input#keyword{
	padding: 5px;
	margin: 1px 0px 0px 0px;
}

div#search_area input#submit{
	padding: 2px 20px;
	margin: 0px;
	cursor: pointer;
}

div#search_area h4{
	text-align: left;
	margin: 20px 0px 10px 0px;
	padding: 4px 10px 2px 10px;
	font-weight: normal;
	background-color: #666666;
	color: #FFFFFF;
	font-size: 16px;
}



/* -------------------------------*/


div#search_area_full{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	clear: both;
}

div#search_area_full form{
	margin: 0px;
	padding: 0px;
}

div#search_area_full ul{
	clear:both;
}

div#search_area_full ul li{
	padding: 0px;
	margin: 0px 20px;
	margin-bottom:5px;
	float: left;
}

div#search_area_full ul li p{
	padding: 0px;
	margin: 0px;
	width : 100px;
	float: left;
}

div#search_area_full input#keyword{
	padding: 5px;
	margin: 1px 0px 0px 0px;
}

div#search_area_full input#submit{
	padding: 2px 20px;
	margin: 0px;
	cursor: pointer;
}

div#search_area_full h4{
	text-align: left;
	margin: 20px 0px 10px 0px;
	padding: 4px 10px 2px 10px;
	font-weight: normal;
	background-color: #666666;
	color: #FFFFFF;
	font-size: 16px;
}




/* -------------------------------*/


div#tag_area{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	clear: both;
}

div#tag_area ul{
	max-height: 210px;
	overflow: auto;
}

div#tag_area li{
	font-size: 12px;
	border: 1px solid #ccc;
	text-align: center;
	padding: 4px 7px 2px 7px;
	margin: 2px 3px;
	float: left;
	border-radius: 10px;
}



div#detail_tag_area{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

div#detail_tag_area ul{
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

div#detail_tag_area li{
	font-size: 16px;
	border: 1px solid #ccc;
	text-align: center;
	padding: 4px 7px 2px 7px;
	margin: 0px 6px 2px 0px;
	float: left;
	border-radius: 10px;
}

div#area_map{
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
}


/*-----------------------------------------------------------------*/
@media screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
}
@media screen and (min-width: 768px) and (max-width: 992px) {
}
@media screen and (min-width: 576px) and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
	div#main {
		width: 100%;
	    padding: 0px 10px;
		border: none;
	}
	div#login {
		width: 100%;
		padding: 10px 40px 30px;
		margin-top: 0px;
	}
	div#logout{
		width: 100%;
		padding: 10px 40px 30px;
		margin-top: 0px;
	}

	input,textarea{
		width: 100%;
	}
	h1 {
		text-align: center;
		font-size: 28px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	div#footer {
		margin: 0px;
		padding: 0px;
	}
	div#login div.entry {
    	padding: 0px 0px 0px 0px;
	}

	div#login div.button {
		text-align: center;
		margin-top: 30px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
}