@charset "utf-8";

/* creation.css
------------------------------------------ */
.headerArea {
    height: 420px;
}
.bannerArea {
    padding-top: 8px;
    height: 420px;
}
.bannerArea .lead {
    padding: 270px 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999999;
}
body {
    border-top: 8px solid #9acde8;
}
.naviArea li.sightseeing {
    background:#9acde8;
}
#menuArea li.m05{
    background:#9acde8;
}
h2.title {
    background: #9acde8;
    margin-top: 0;
    padding: 20px 0 15px;
    text-align: center;
}
.bannerArea ul li:first-child {
    background:url("../img/main_banner.jpg") no-repeat scroll center center / cover ;
    height: 420px;
}


/* summaryArea
------------------------------------------ */
.summaryArea{
    margin:30px auto;
    max-width:98%;
    background:url(../img/bg_title.jpg) no-repeat center top;
}
.mt100 img{display: block;margin: 0 auto 20px;}
.summaryArea h3 {
    color: #3880a5;
    font-size: 24px;
    font-weight: normal;
    margin: 40px auto 5px;
    text-align: left;
    width: 100%;
}
.summaryArea p.lead{
    font-size:16px;
    line-height:1.6;
    text-align:center;
}
.summarySec{
    max-width:90%;
	margin: 0 auto;
}
.summaryArea p.logo{
    margin:auto;
    width:150px;
}
.summaryArea p.info{
    margin:5px auto 20px;
    font-size:16px;
    line-height:1.8em;
    text-align:left;
    width:100%;
}
.summaryArea p.info2{
    margin:5px auto 20px;
    font-size:17px;
    line-height:1.8em;
    text-align:left;
    width:90%;
}
.summaryArea p.info2 {
    padding: 1em;
    margin: 2em auto;
    border: solid 3px #3880a5;
    border-radius: 15px;
}


.mt100{margin-top: 50px;}

header {
    background: url("../img/main_banner.jpg");
    background-size: cover;
}