@charset "UTF-8";

/*h1
---------------------------------------*/
h1{
background: url(../images/top/top_bg.jpg) repeat-y center top;
}


/*#main
---------------------------------------*/
#main{
position: relative;
}

#main:before{
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 366px;
background: url(../images/common/bg.jpg) repeat center top;
z-index: -1;
}

#main ul{
list-style: none;
overflow: hidden;
width: 980px;
margin: auto;
}

#main ul li{
float: left;
}


/*#menu
---------------------------------------*/
#menu{
position: absolute;
width: 100%;
background: #EB6D61;
box-shadow:0px 13px 43px 0px #c8a680;
padding: 27px 0 20px;
z-index: 10;
}

#menu ul{
position: relative;
overflow: hidden;
list-style: none;
width: 920px;
margin: auto;
text-align: center;
}

#menu ul li{
float: left;
margin: 0 10px;
}

#menu ul li a{
display: block;
width: 164px;
height: 45px;
color: #BB554C;
background: url(../images/top/menu.png) no-repeat left top;
font-size: 17px;
padding-top: 16px;
}

#pagetop{
bottom: -50px;
}


/*#history
---------------------------------------*/
#history{
text-align: center;
padding-bottom: 50px;
}

#history .visual_01{
padding-top: 108px;
background: url(../images/common/bg.jpg) repeat center top;
}

#history .visual_02{
margin-top: -64px;
}


/*h2
---------------------------------------*/
h2{
position: relative;
z-index: 2;
color: #fff;
font-size: 27px;
line-height: 31px;
text-align: center;
background: url(../images/top/title.png) no-repeat center top;
width: 448px;
height: 123px;
margin: auto;
letter-spacing: 3px;
padding-top: 38px;
}


/*#event
---------------------------------------*/
#event{
text-align: center;
padding-top: 108px;
margin-top: -108px;
}

#event p{
margin-top: -161px;
background: url(../images/common/bg.jpg) repeat center top;
}


/*#landscape
---------------------------------------*/
#landscape{
text-align: center;
padding-top: 108px;
margin-top: -108px;
}

#landscape p{
background: url(../images/common/bg.jpg) repeat center top;
margin-top: 90px;
}

#landscape h2+p{
margin-top: 15px;
}


/*#monitor
---------------------------------------*/
#monitor{
position: relative;
text-align: center;
padding-top: 108px;
margin-top: -28px;
}

#monitor h2{
height: 146px;
padding-top: 15px;
}

#monitor .icon{
position: absolute;
z-index: 1;
top: 68px;
left: 50%;
margin-left: -450px;
width: 900px;
text-align: right;
}

#monitor .visual{
background: url(../images/common/bg.jpg) repeat center top;
margin-top: -161px;
padding-top: 161px;
}


/*#access
---------------------------------------*/
#access{
text-align: center;
padding-top: 108px;
margin-top: -108px;
}

#access p{
padding-top: 70px;
}


/*#topic
---------------------------------------*/
#topic{
text-align: center;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 16px;
line-height: 28px;
color: #BA544C;
letter-spacing: 3px;
background: url(../images/top/topic.png) no-repeat center 10px;
padding-top: 205px;
}


/*#aside
---------------------------------------*/
#aside{
position: relative;
overflow: hidden;
list-style: none;
width: 900px;
margin: auto;
background: url(../images/top/aside.png) no-repeat center 35px;
padding: 130px 0 30px;
}

#aside li{
position: relative;
float: left;
width: 280px;
text-align: center;
margin-left: 30px;
}

#aside li:first-child{
margin-left: 0;
}

#aside .title{
color: #fff;
background: #618F5D;
font-size: 16px;
line-height: 40px;
letter-spacing: 1px;
}

#aside h3{
color: #618F5D;
background: #F8F4D4;
font-size: 16px;
line-height: 40px;
letter-spacing: 1px;
}

#aside .lead{
line-height: 74px;
}

#aside .lead.br{
line-height: 22px;
padding: 15px 0;
}

#aside .tel{
color: #618F5D;
font-family: 'Rubik', sans-serif;
font-size: 32px;
letter-spacing: 1px;
}

#aside .tel:before{
content: "";
display: inline-block;
background: url(../images/common/tel.png) no-repeat left center #618F5D;
width: 31px;
height: 23px;
vertical-align: 1px;
}

#aside .tel a{
color: #618F5D;
}

#aside .text{
padding-top: 5px;
height: 72px;
line-height: 20px;
text-align: justify;
border-bottom:  solid 1px #618F5D;
}

#aside .text span{
display: block;
font-size: 12px;
}

#aside .address{
line-height: 21px;
padding-top: 10px;
}

#aside .address strong{
display: block;
color: #618F5D;
font-size: 16px;
font-weight: normal;
}