/*-----------------------

  HOME CSS

------------------------*/
#news {
	margin: 0 auto;
	padding: 1% 0 2% 0;
	list-style: none;
	line-height: 150%;
	max-width: 500px;
	background: #fff;
}
#news h2 {
	padding: 8px 0 15px 52px;
	margin-left: 7px;
	background: url(../img/title_info.gif) no-repeat;
}
#news ul {
	margin-top: -10px;
	padding: 0;
	background: #fff;
	border: 6px #31426F  solid;
	-moz-border-radius: 60px;    /* 古いFirefox */
	-webkit-border-radius: 60px; /* 古いSafari,Chrome */
	border-radius: 60px;      /* 角丸の指定 */
}
#news li {
	padding: 0% 10% 1% 10%;
	list-style: none;
}

#news h3 {
	font-size: 17px;
	margin: 6% 0px 0 0px;
	padding: 15px 0 0px 0px;
	line-height: 107%;
	letter-spacing: 0.1em ;
	color: #273E5F;
}
#news a#to-parking {
	color: #273E5F;
	font-weight: normal;
}
#news p.to-info  {
	text-align: right;
}
#news p.to-info a {
	color: #689AB7;
}
/* Schedule
-----------------------------*/

#schedule {
	background: url(../img/schedule_bg.png)top right repeat-x/*#D2E2EE*/;
	margin: -20px 0 0 0;
	padding: 2% 0 200px 0;
	list-style: none;
	line-height: 160%;
	max-width: 100%;
	min-height: 260px;
}
#schedule h2 {
	margin-top: 105px;
	padding: 8px 0 15px 52px;
	background: url(../img/schedule_title.png) no-repeat;
}
#schedule img {
	float: left;
	width: 50%;
	margin-top: 0px;
}
#schedule ul {
	float: right;
	margin: 0 0 0 3%;
	padding: 0;
	width: 47%;
}
#schedule ul li {
	list-style: none;
	margin: 0px 0px 10px 2px;
	padding-left: 17px;
	line-height: 155%;
	background: url(../img/mark_basic.gif)  no-repeat 0em .35em;
}
/* Rewervation & Download
-----------------------------*/
#reservation {
	position: relative;
	margin: -90px 0 0 0;
	padding: 8% 0 5% 0;
	line-height: 150%;
	max-width: 100%;
	min-height: 250px;
	background: url(../img/reserve_bg.png) top left repeat-x /*#EDDC83*/;
	display: block;
}
#reservation h2 {
	padding: 8px 0 15px 52px;
	background: url(../img/reserve_title.png) no-repeat;
}
#reservation p {
	line-height: 150%;
}
#reservation span, #schedule span, #news span {
	color: #273E5F;
	font-weight: 700;
	line-height: 150%;
}

p.URL  {
	font-size: 16px;
	padding: 40px 0 0 0;
	letter-spacing: 0.03em;

}
p a  {
	font-weight: 700;
	font-weight: 700;
	color: #689AB7;
	line-height: 150%;
}
p a:hover  {
	color: #78cAd9;
}

p.QR-CORD, img.pdf {
	margin-top: 12px;
	padding-right: 15px;
	float: left;
}
#download h2 {
	padding: 7px 0 15px 47px;
	background: url(../img/download_title.png) no-repeat;
}

/* Access & Parking
-----------------------------*/
#access, #parking {
	position: relative;
	width: 100%;
	background: #29547F;
	margin: 0 auto;
	padding-top: 3%;
	padding-bottom: 3%;
	clear: both;
	z-index: 1;
}
#access h2 {
	padding: 8px 0 15px 52px;
	background: url(../img/access_title.png) no-repeat;
	color: #fff;
}
#parking {
	padding-top: 3%;
	padding-bottom: 8%;
	background: #fff;
}
#parking h2 {
	padding: 8px 0 15px 52px;
	background: url(../img/parking_title.png) no-repeat;
}
#parking img {
	border: 1px solid #ccc;
}
#access p, #parking p {
	color: #fff;
	padding-top: 15px;
	background: #29547F;
	line-height: 150%;
}
#access p.for-parking {
	margin-top: -15px;
	line-height: 150%;
}
#access h5 a {
	color: #fff;
}
#map {
	width: 100%;
	height: auto;
  }
#access h5  {
	color: #fff;
	font-weight: 400;
	line-height: 150%;
}
/* responsive
----------------------------------*/
@media only screen and (min-width: 601px) {
 #download {
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 60px
	width: 100%;
	background: #EDDC83;
	position: relative;
	line-height: 150%;
 }
 .down-inner {
	padding: 25px 35px 5% 35px;
	margin-left: 30%;
	margin-bottom: 5%;
	max-width: 400px;
	min-height: 250px;
	background: #fff;
    -webkit-box-shadow: 0 10px 3px -7px #877614;
       -moz-box-shadow: 0 10px 3px -7px #877614;
            box-shadow: 0 10px 3px -7px #877614;
 }
}	
@media only screen and (max-width: 600px) {
  #news {
    font-size: 92%;
    width: 94%;
    padding: 3% 2% 15% 2%;
  }
  #news li {
    padding: 2% 9% 2% 9%;
  }
  #schedule {
    margin-top: -60px;
    padding: 1% 4% 3% 4%;
    min-height: 540px;
  }
  #schedule img {
    width: 100%;
  }
  #schedule h2 {
    margin-top: 80px;
  }
  #schedule ul {
    width: 100%;
    margin-top: 10px;
  }
  #reservation {
    margin: -70px 0 0 0;
    width: 92%;
    padding: 10% 4% 7% 4%;
    height: 330px;
  }
  #download {
    margin-top: 20px;
    background: #fff;
    line-height: 145%;
  }
  .down-inner {
    width: 92%;
    padding: 1% 4% 28% 4%;
    height: 250px;
  }
  #access, #parking {
    width: 88%;
    padding: 5% 6% 10% 6%;
  }
  #access #map {
    height: auto;
  }
  #parking {
    min-height: 300px;
  }
}
@media only screen and (max-width: 430px) {
  #reserve-download {
height: 750px;
  }
}
/* HOME main photo 
------------------------------------------- */
#photo {
	width: 100%;
	background: #FFF;
}
#photo img{
	margin: 0 auto;
	padding:0;
	line-height: 0;
	width: 100%;
	height: auto;
	max-height: 348px;
}