body {
 -webkit-text-size-adjust: 100%;
margin: 0; 
font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", sans-serif;
background: #d5d1c3;
font-size:15px;
}
button,input,textarea {
font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", sans-serif;
}

a {
text-decoration: none;
}
img {
vertical-align: bottom;
}

div,p,h1,h2,h3 {
margin: 0;
padding: 0;
border: none;

}

.top-timetable-left{
float:left;
}
.top-timetable-right{
float:right;
margin-top:-30px; 
}

.yoyaku1{
margin:10px 0 0px 0;
border:1px solid #ccc;
width:140px;
}

.top-page ul.link-area-ex{
	padding:16px 16px 0 16px;
}
.top-page ul.link-area-ex .title{
	color:#e63e00;
	margin-bottom:20px;
	font-size:21px;

}

.top-page ul.link-area-ex .item{
	margin-left:25px;
	margin-bottom:5px;
	font-size:15px;
	color:lightgreen;
}

.top-page ul.link-area-ex .item a{ 
	color: #4f2828;
    text-shadow: 0 0 1px #bbb;
}

.top-page ul.link-area-ex .item a:hover{ 
	color:red;
}

.top-page ul.link-area-ex .item i{
	margin-right:5px;
	color:#11884c;
}


/*---- WIDTH ------*/

div.head-in,.top-page ul li div {
width: 1150px;
margin :0 auto;
position: relative;
}
.header, .top-page, .footer{
min-width:1150px;
}
/*-----HEADER------*/

.header { 
background-image:linear-gradient(-215deg, #cfcaba 0%, #fbf9f5 40%, #cfcaba 100%);
position:relative;

/*background-image: linear-gradient(to right, #F0EEE7 50%,#f2e9e4 100%);*/
/*order-top: 7px solid #D66A35;*/
}

div.head-in {
height: 105px;
line-height: 22px;
color: palevioletred;
padding: 0 0 10px 15px;
position: relative;
}

.logo {
display: inline-block;
margin-top: 14px;
margin-left: -7px;
width: 400px;
}
.logo img {
width: 100%;
}
.logo1 {
width: 240px;
}
.logo1 img {
width: 100%;
}

h1 {
position: absolute;
top: 0px;
left: 0px;
color: burlywood;
font-size: 11px;
font-weight: normal;
}

h2 {
position: absolute;
top: 0px;
right: 20px;
color: burlywood;
font-size: 11px;
font-weight: normal;
}

h3 {
position: absolute;
top: 27px;
right: 0px;
display: inline-block;
color: orangered;
font-size: 20px;
font-weight: normal;
}

span.head-area1 {
    position: absolute;
    top: 28px;
    left: 435px;
    display: inline-block;
    color: #6c5124;
    /* text-shadow: 0px 0px 1px #c91800; */
    font-size: 15px;
    line-height: 30px;
}

span.head-area1 span{
	display: inline-block;
}

.tel {
font-size: 25px;
padding-bottom: 2px;
border-bottom:1px solid rgba(234, 84, 20, 0.5);
}

.address{

}
span.head-area2 {
display: none;
}

.icons-area { color: #444; position: absolute; top: 72px; left: 338px; display: inline-block; font-size: 14px;}

a.i-head {
color: crimson;
margin-right: 17px;
font-size: 20px;
display: inline-block;
}

.banner1 { display: inline-block; position: absolute; top: 65px; right: 5px; width: 155px; background: #CC3300; color:seashell; text-align: center; font-size: 14px; line-height: 15px; padding: 10px 0;}
.banner1:hover { color: firebrick; background: gold; }

/*-----LINK------*/

div.link-layer {

position:absolute;
top:10px;
right:0px;
padding-right:5px;

}
ul.link-area i {
display: block;
padding: 0;
margin:5px 0;
}

ul.link-area {
display: block;
padding: 0;
}

ul.link-area li {
float: left;
border: none;
margin-left:8px;
padding: 0;
}

ul.link-area li.title {
display:none;
}

ul.link-area li.item {
list-style: none;
}

ul.link-area li.item i{
	margin-top:11px;
	font-size:17px;
}

ul.link-area li.item a {

    display: inline-block;
    color: #6c5124;
    text-align: center;
    font-size: 11px;
    line-height: 24px;
    /* padding: 6px 0; */
    height: 59px;
    width: 65px;
    border: 1px solid rgba(169, 161, 136, 0.95);
    border-radius: 5px;
    background: rgba(199, 193, 177, 0.79);
    /* box-shadow: 0 0 2px #ff7800; */
    background-image: linear-gradient(to bottom, rgba(236, 230, 215, 0.79) 46%, rgba(199, 193, 177, 0.79) 100%);
	
	
	
	
/*
    display: inline-block;
    color: #6c5124;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    padding: 6px 0;
    width: 65px;
    border: 1px solid rgba(169, 161, 136, 0.95);
    border-radius: 5px;
    background: rgba(199, 193, 177, 0.79);
*/	
}
div.link-layer ul.link-area li.item a:hover {
	color: coral;
    background: rgb(255, 255, 240);


}

/*-----TOP-PAGE------*/

.top-page {
position: relative;
width: 100%;
background-image: linear-gradient(to bottom, #c2bcab 0%, #F0EEE7 25%, #F0EEE7 100%);
border-bottom:1px solid #d5d5d5;
background-position: top right;
overflow:hidden;

}

.top-page ul {
list-style: none;
margin: 0;
padding: 0;
}



.top-page ul li div {
position: relative;
}

.bgcolor-black {
background: rgba(50,20,20,0.4);
}

/*------CATCH SUB-CATCH-----*/

.top-page ul li div div.letter {
margin: 0;
width: 310px;
height: 400px;
padding: 0;
position: absolute;
top: 40px;
left: 0;
font-size: 22px;
letter-spacing: 3px;
background: transparent;
/*box-shadow: 2px 0 8px rgba(0,0,0,0.23);
text-shadow:0 0 3px rgba(255,255,255,0.83);*/
z-index:10000;

}

.top-page ul li div div.letter span {
display: block;
font-size: 16px;
color:red;
line-height: 25px;
padding: 15px 20px;
letter-spacing: 0;
margin:180px 0 0 20px;
}
.top-page ul li div div.letter img{
margin-top:16px;
width:100%
}

ul.link-area li.item a:hover {
color: #FF0000;
}

/*-----PAGES　上------*/

.pages {
position: relative;
width: 100%;
background: #e5e2da ;
background-position: 100% 100%;
}

.pages ul{
list-style: none;
margin: 0;
padding: 0;
}

.pages ul li div {
position: relative;
height: 250px;
overflow: hidden;
}
.cap-first { position: absolute; top: 30px; left: 20px; font-size: 15px;color: #d3381c;}
.cap-second { position: absolute; top: 80px; left: 20px; font-size: 17px; color: #852e19;}

/*-----FOOT------*/

.footer {
margin: 0 auto;
    text-align: center;
    font-size: 12px;
    padding: 20px 0 26px 0;
    color: saddlebrown;
    line-height: 22px;
}

.footer a {
color: firebrick;
}


.time { border-width: 1px 1px 0 0; border-color: orange; border-style: solid; border-collapse: collapse;}

.time td,.time th {}
.time td { padding-left: 4px; width: 140px; font-weight: normal; border-width: 0 0 1px 1px; border-color: orange; border-style: solid; text-align: left;}
.time th { width: 20px; height: 20px; font-weight: normal; border-width: 0 0 1px 1px; border-color: orange; border-style: solid; text-align: center;}
.time td.large { padding-left: 12px; width: 220px; background: white; font-size: 15px;}
.time th.large { width: 30px; height: 30px; background: white; font-size: 15px;}