* {margin:0;padding:0;zoom:1;}

body {
  background-color:#ffe4e1;
  line-height: 1.45;
  color: #333;
}
#main{
  background-color:#ffe4e1;
  margin: 0 auto;
  width: 1129px;
  font-size:1em;
}
select {
  width: 90px;
  height:26px;
}
#conpane {
  font-size:14px;
}
button {
  height:26px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 1px;
  margin-right: 1px;
}
#text {
  width: 140px;
  font-size:12px;
  height:20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#file {
  width: 110px;
}
div#head{
  background-color:#ffe4e1;
}
div#div_under{
  background-color:#ffe4e1;
}
div#div_left{
  background-color:#ffe4e1;
  width:160px;
  float:left;
}
div#div_center{
  background-color:#ffe4e1;
  padding:10px 10px 10px 10px;
  width:789px;
  float:left;
}
div#div_right{
  background-color:#ffe4e1;
  width:160px;
  float:left;
}
div#foot{
  font-size:0.8em;
  border-top:1px solid #eaeaea;
  margin:50px 0 0 0;
  text-align:center;
}
h1 {
  font-size:1.8em;
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}
canvas {
  margin: 0px 0px 0px 0px;
  width:1129px;
  height:795px;"
}

ul#navigation {
	width: 1129px;
	height: 60px;
	background: url(http://nosi-mizuhiki.com/html5/images/bg-navigation.gif) no-repeat;
	list-style: none;
	position: relative;
}
ul#navigation  li {
	height: 60px;
	float: left;
}
ul#navigation  a {
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	height: 60px;
}
a#navi_text			{ background: url(images/navi_space.gif) no-repeat;width: 409px; height: 60px;}
a#navi_gosyugibukuro		{ background: url(images/navi_gosyugibukuro.gif) no-repeat; width: 180px; height: 60px;}
a#navi_gokoudenbukuro		{ background: url(images/navi_gokoudenbukuro.gif) no-repeat; width: 180px; height: 60px;}
a#navi_noshigami		{ background: url(images/navi_noshigami.gif) no-repeat; width: 180px; height: 60px;}
a#navi_tanzakunoshi		{ background: url(images/navi_tanzakunoshi.gif) no-repeat; width: 180px; height: 60px;}

ul#navigation a:hover, ul#navigation a.act {background-image: none;}

@font-face{ 
  font-family: 'hkgyo';
  src: url('font/hkgyo.eot');
  src: url('font/hkgyo.eot?#iefix') format('embedded-opentype'),
       url('font/hkgyo.woff') format('woff'),
       url('font/hkgyo.ttf') format('truetype');
}
@font-face{ 
  font-family: 'hkgyo_v';
  src: url('font/hkgyo_v.eot');
  src: url('font/hkgyo_v.eot?#iefix') format('embedded-opentype'),
       url('font/hkgyo_v.woff') format('woff'),
       url('font/hkgyo_v.ttf') format('truetype');
}
@font-face{ 
  font-family: 'hkgyo_v2';
  src: url('font/hkgyo_v2.eot');
  src: url('font/hkgyo_v2.eot?#iefix') format('embedded-opentype'),
       url('font/hkgyo_v2.woff') format('woff'),
       url('font/hkgyo_v2.ttf') format('truetype');
}
#contents{
  width: 100%;
  height: 100%;
  padding: 0px 0px 0px 0px;
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}
#modalWrap{
	display: none;
	background:none;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	z-index: 100;
	overflow: hidden;
}
.modalBox{
	position: fixed;
	width: 85%;
	max-width: 420px;
	height: 0;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	overflow: hidden;
	opacity:1;
	display: none;
	border-radius: 3px;
	z-index: 1000;
}
.modalInner{
	padding:10px;
	text-align: center;
	box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	color: #fff;
}
img.trim {
	width:200px; height:200px;
	object-fit:cover;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
