@charset "UTF-8";

body {
  font-family:"Noto Sans JP" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  position:absolute;
  margin: 0px;
  padding: 0px;
	background: #fff url(img/bg_photo.jpg) top center / cover no-repeat fixed;
  height: 100%;
  width: 100%;
  line-height: 1.5;
  overflow:auto;
}

@font-face {
font-family: 'Noto Sans JP';
src: local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'), url(https://fonts.gstatic.com/s/notosansjp/v18/-F62fjtqLzI2JPCgQBnw7HFow2os2HUP5pp0erwTqsSGs8dLiZ-nVOFVLsE_RS1PblwsiBhLorUfH78.116.woff2) format('woff2');
unicode-range: U+2026;
}

a,img { border-width: 0px; }
a img { border-style:none; }

/*-----リンク文字色設定--------------------------------*/



/*--------中央揃え------------------------------------*/

.center {
  position:relative;
  margin:0px auto;
  width:900px;
	height:auto;
}

/*--------コンテンツ------------------------------------*/

h1 {
  position:relative;
  margin: 40px auto 15px;
  width:760px;
  height:215px;
	background:url(img/title01.png) center top no-repeat;
	text-align:center;
	border-bottom:solid 6px #888889;
}

p#ex {
	margin:0px auto;
	max-width:760px;
	font-family:"ヒラギノ角ゴ ProN";
	font-size:14pt;
	font-weight:600;
}

ul {
	margin:30px auto 0;
	padding:0px;
	list-style: none;
	width:900px;
	height:auto;
	font-size:0px;
	white-space: nowrap;
	/background-color:pink; 
}

ul li {
	position:relative;
	display: inline-block;
	margin: 0 15px 20px 0;
	padding:0px;
	width:290px;
	height:193px; 
	background-color:#fff; 
	overflow:hidden;
	vertical-align: top;
	white-space: normal;
}

ul li div {
	width:290px;
	height:193px; 
	font-size:18pt;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}	

ul li div span {
	display: inline-block;
	margin-bottom:5px;
	font-size:22pt;
	line-height: 1.3;
	font-weight:bold;
}	

ul li a img { 
	max-width:290px; 
	margin-top:-193px;
}

ul li a { 
	display: inline-block; 
	text-decoration:none;
	color:#000;
}

ul li a:hover{ background-color: transparent; }/* IE6対応 */ 
ul li a:hover img { visibility: hidden; }

#info_box {
  position:relative;
  margin:0px auto;
  padding:20px 0;
  width:745px;
	height:auto;
	min-height:100%;
  background-color:#fff;
  text-align:center;
}

h2 {
  position:relative;
  margin:0 auto 40px;
  width:530px;
  height:135px;
	background: url(img/title02.png) left top no-repeat;
	border-bottom:solid 1px #000;
}
 
#info_box  img {
    /* box-shadow */
   box-shadow:rgba(156, 156, 156, 0.7) 3px 3px 5px 3px;
   -webkit-box-shadow:rgba(156, 156, 156, 0.7) 3px 3px 5px 3px;
   -moz-box-shadow:rgba(156, 156, 156, 0.7) 3px 3px 5px 3px;
    /* for IE */
   behavior: url(PIE.htc);
  }

#info_box .post_info {
	box-sizing: border-box;
	margin:30px auto 15px; 
	padding:75px 0px 15px 10px
;
	width:525px;
	height:370px;
	background: url(img/post_info.jpg) left top no-repeat;
	font-size:18pt;
 }

h3 {
	margin:0px;
	font-size:20pt;
}

#info_box hr {
	margin:0px auto 25px;
	width:300px;
}

#info_box span {
	font-size:16pt;
}

#info_box p {
	display: inline-block;
	margin:25px auto 0px -5px;
	width:auto;
	text-align:left;
	font-size:17px;
}

/*--------フッター------------------------------------*/

address { 
	padding:15px 0;
  font-style:normal;
  text-align:center;
	width: 100%;
	font-size:12pt;
	font-weight:bold;
}