@charset "utf-8";

/* Universal reset
----------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}
html {
	height: 100%;
	overflow-y: scroll;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
img {
	border: none;
	vertical-align: bottom;
}
li {
	list-style: none;
}

p {
	padding: 0;
	margin-top: 0;
}

option {
	padding-right: 10px;
}

*+html option {
	padding-right: 0; /* for IE7&Opera */
}

* html option {
	padding-right: 0; /* for IE6 */
}

h1,h2,h3,h4{
	font-size: 100%;
	font-weight: normal;
}

/* Body setting
----------------------------------------------------------- */
body {
	color: #444;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	min-width: 1000px;
}



/* Link setting
----------------------------------------------------------- */
a{
	text-decoration: none;
}
a:link {
	color: #444;
}
a:visited {
	color: #444;
}
a:hover {
	text-decoration: underline;
	color: #444;
}
a:active {
}
.over {
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
.over:hover {
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: .7;
  opacity: .7;
}


/* align
----------------------------------------------------------- */
.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }

/* clearfix
----------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* width
----------------------------------------------------------- */
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w380 { width: 380px !important; }
.w100p { width: 100% !important; }


/* margin
----------------------------------------------------------- */
.mt0  { margin-top: 0px !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }

.mr0  { margin-right: 0px !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }

.mb0  { margin-bottom: 0px !important; }
.mb1  { margin-bottom: 1px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }

.ml0  { margin-left: 0px !important; }
.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }


/* padding
----------------------------------------------------------- */
.pt0  { padding-top: 0px !important; }
.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt100 { padding-top: 100px !important; }
.pt130 { padding-top: 130px !important; }

.pr0  { padding-right: 0px !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }

.pb0  { padding-bottom: 0px !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }

.pl0  { padding-left: 0px !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }


/* float etc
----------------------------------------------------------- */
.fWrap{overflow: hidden;}
.fLh{float: left;}
.fRh{float: right;}
@media screen and (max-width: 640px) {
  .fLh{float: none;}
  .fRh{float: none;}
}
.clear{clear: both;}

.ctr{text-align: center;}

sup,sub{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}
sup {bottom: 1ex;}
sub {top: .5ex;}

.arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  vertical-align: middle;
  text-decoration: none;
}
.arrow:before,
.arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
/*** arrow style ***/
.style-01:before{
  left: 15px;
  box-sizing: border-box;
  width: 5px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 5px solid #666;
}
.style-02:before{
  right: -240px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*** panel layout ***/
.panelLayout {
  display: table;
  width: 100%;
  overflow: hidden;
  table-layout: fixed;
  word-spacing: -.4em;
  display: block\9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.panelLayout .panelLayoutChild,
.panelLayout > article,
.panelLayout > figure,
.panelLayout > li,
.panelLayout > div,
.panelLayout > p,
.panelLayout > section {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  word-spacing: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body.detail #main p a:before,
body.detail #main p a:after {
  content: " " !important;
  display: table !important;
}
body.detail #main p a:after {
  clear: both !important;
}

body.detail #main p a {
  text-align: center;
}

body#school.detail #main p a img,
body#school.detail #main p img,
body#news.detail #main p a img,
body#news.detail #main p img,
body#garden.detail #main p a img,
body#garden.detail #main p img{
  display: block;
  float: none !important;
  padding: 0 !important;
  margin: 20px auto !important;
  max-width: 550px;
}

@media screen and (max-width: 640px) {
  body#school.detail #main p a img,
  body#school.detail #main p img,
  body#news.detail #main p a img,
  body#news.detail #main p img,
  body#garden.detail #main p a img,
  body#garden.detail #main p img{
    max-width: 290px;
  }
}