/* CSS Document */

@charset "shift-jis";


/* all
================================================ */
body{ margin: 0px; padding: 0px; background: #9484a1 url(images/bg.jpg) top repeat-x; text-align: left;
	  font: normal 12px/18px "MS PGothic", Osaka; color: #73693f;}
td  { font: normal 12px/18px "MS PGothic", Osaka; color: #73693f;}
td.col_image{ vertical-align: top; }
td.image{ vertical-align: bottom; }

h1 { margin: 0; padding: 0;}
h2 { text-align: left; margin-left: 20px; margin-top: 15px;}	
h3 { margin: 20px 0 3px 0; padding: 0;}	
h4 { margin: 0; padding: 5px 0; border-bottom: 1px solid #73693f; font-size: 12px; font-weight:bold; color: #73693f;}
h5 { color: white; font-size: 15px; font-weight: bold; padding: 3px 0 1px 3px; margin: 0 0 0 0;}
H6 { margin: 0; padding: 5px 0; font-size: 12px; font-weight:bold; color: #73693f;}


p  { margin: 15px 0; padding: 0;}
ul { margin: 0; padding: 0; list-style-type:disc;}
li { margin: 5px 15px; padding:0;}
img{ margin: 0; padding: 0; border: none;}


.m5-tb{ margin: 5px 0;}

#pagebody{ background: url(images/bg_pagebody.jpg) repeat-y center top; }
#page{ background: url(images/bg_page.jpg) no-repeat center top;}

#head{ background-color: #fff; width: 800px; height: 150px;}
#head .logo{ margin-top: 35px;}
#head .to-top{ float: right; margin-right: 5px; margin-top: 20px;}

#navi{ width: 800px; height: 90px; padding: 0px; margin:0px;}
#navi ul{ list-style-type: none; padding: 0; margin: 0;}
#navi li{ float: left; display: inline; white-space: nowrap;  padding: 0; margin: 0;}



#contents{ background: url(images/bg_contents.jpg) top no-repeat; width: 800px; margin: 0 0 20px;}
#contents:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.conbox{ margin: 0 35px; padding:10px 0;}

.side { float: right; width: 119px;}
.side ul{ list-style-type: none; padding: 0; margin: 0;}
.side li{ padding: 0; margin: 0 5px;}

.underbox { float: left; width: 730px; margin: 0 5px 20px 5px; }


.section{
	width: 780px;
	float: left;
	background-image: url(images/index/top08.jpg); 
	background-repeat: no-repeat;
	height: 400px;
}
.section p{
	line-height: 25px;  letter-spacing: 0.2em;}
.section:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.right{ float: right;}
.left { float: left;}

#info{ color: #494019; width: 590px; height: 80px; float: left;}
#info .box{
	background: url(images/index/info.jpg) no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	width: 590px;
}	
#info .right2{
	float: right;
	margin-top: 0px;
	}
.section2{ width: 590px;
	margin-top: 10px;
	float: left;
	text-align:left}
	
.section2 a{ color:#494019;
	}
.box{
	float: left;
	padding-right:10px;
	}
	
#banner{float: left; text-align:left;}
#guide{ float: right; color: #404158; background: url(images/index/reikai_bg4.gif) repeat-y; width: 210px;}
#guide div{
	background: url(images/index/reikai_bg.jpg) no-repeat;
	width: 200px;
	height: 36px;
	margin: 4px 3px 3px 3px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding-top: 10px;
	font-color: #3C3D58;
	color: #3C3D58;
}
#guide p{ background: url(images/index/guide_line.gif) repeat-x bottom; width: 180px; text-align: left; margin: 4px 0 0 0; padding: 2px 0 8px 0; font-color: #736aaa;}


#foot{ background: url(images/bg_foot.jpg) repeat-x; width: 800px; padding: 20px 0 15px;}
#foot img { margin: 5px;}
#backtotop { font-size: 11px; margin: 0 20px -10px 0; float: right;}



/* general class
================================================ */
.left { float:  left;}
.right{ float: right;}

.big { font-size: large;}
.mini{ font-size: smaller;}
.b   { font-weight: bold;}
.og  { color: #fc6;}
.re  { color: #c00;}
.gy  { color: #ccc;}

.p5 { padding:  5px;}
.p10{ padding: 10px;}
.p10-lr{ padding: 0 10px;}
.m5-r{ margin-right:  5px;}
.m5-t{ margin-top:    5px;}
.m5-b{ margin-bottom: 5px;}
.m5-tb{ margin: 5px 0 5px 0;}

.bgbk{ background: #000;}
.bgre{ background: #c00;}
.bggy{ background: #ccc;}

.bdgy{ border:1px solid #666;}
.bdre{ border:1px solid #c00;}


/* ================================================ */

.pic_list1{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.pic_list1 .box{
	text-align: left;
	color: #fff;
	background-color: rgb(115, 105, 63);
	padding: 7px;
	margin: 1px;
}
.pic_list1 .box img{
	margin-bottom: 4px;
}