/*Reset Style*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style:none;
}

/*base*/
body {
  line-height: 1.231;
  color: #333;
  font-family: sans-serif;
  font-family: 'メイリオ','MS PGothic', arial, sans-serif;
  font-size: 13px;
}
a:link, a:visited,
a:hover, a:active, a:focus {
  color: #333;
  text-decoration: none;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}  

.clearfix { display: inline-table; }  
* html .clearfix { height: 1%; }
#bg {   position:fixed;
        top:0;
        left:0; 
        height:100px;
        /* Preserve aspet ratio */
        min-width:100%;
		min-height:100%;}
#left-contents{
  float: left;
  width: 20%;
  background:url(image/bg.gif);
  display:table-cell;
  text-align:center;
  position: relative;
  z-index: 2;
  }
#left-inner{background:url(image/h-bg.png) no-repeat;max-width:100%;height:auto; background-position:center;}
#left-contents li{margin-top:5px;}
#right-contents{
  float: right;
  width: 100%;
  margin-left: -20%;
  position: relative;
  z-index: 1;
}
.right-conttents-inner{
  margin-left: 20%;
  max-width: 100%;
  height:100%;
}

.main-item-1{
	width: 100%;
    height: auto;
}
.right-item{margin-bottom:20px;}

.right-conttents-inner h2{ background:#8f818f;margin:10px 0 20px 0;padding:10px 0 10px 20px;color:#fff;font-size:24px;}
.right-conttents-inner h3{padding:10px 0 10px 0;font-size:18px;}
.right-conttents-inner h4{padding:10px 0 0px 0;}


.right-conttents-inner p{margin:0 0 30px 0;}
.side-item{max-width:100%;height:auto;margin:10px auto 0 auto;}
.side-item-2{width:80%;text-align:center;margin:0 auto 0 auto;}

.box-1{padding-left:5%;margin-bottom:30px;}
.box-1-1{}
.box-1-2{width:400px;float:left;}
.box-1-3{width:30%;float:left;}
.hall-bottan{margin-top:50px;margin-bottom:50px;}

.box2-1{width:240px;float:left;}
.box2-right-m{margin-right:20px;}

.box3 h2{ background:#8fbd8f;margin:10px 0 20px 0;padding:10px 0 10px 20px;color:#fff;font-size:24px;}

.box4-1{float:left; overflow:hidden;margin-right:40px;}
.box4-2{padding-top:50px;}

.right-conttents-inner dl{font-size:14px;padding-left:10px;padding-right:10px;font-size:18px;line-height:25px;color:#333;margin-left:10px;}
.right-conttents-inner dt{float:left;margin-right:14px;letter-spacing:3px;padding-top:10px;padding-left:10px; font-weight:bold;}
.news dd{margin-left:8em;padding-top:10px;}
dl.news-list dd{margin-left: 0;
  padding: 10px 0.5em 10px 8em;
  border-bottom:dotted 1px #574270;}
  
.about{font-size:16px;line-height:1.5em;}
.yukyu{font:bold;color:red;}
ul.img-list {
	list-style-type: none;
	margin-right: 40px;
}
ul.img-list li {
	width: calc( 33.3333% - 20px);
	border-sizing: border-box;
	margin: 10px;
	float: left; 	
}
ul.img-list li img {
	width: 100%;
}
ul.img-list:after {
	display: block;
	content: "";
	clear: both;
}