body {
margin: 0; 
font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", sans-serif;
font-size: 15px;
margin: 0;
background: steelblue;
}
button,input,textarea {
font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", sans-serif;
}

/*---追加---*/
ul{
padding:0;
margin:0;
padding-inline-start: 0px;
}

.ta-num{
margin:6px 0;
color: #5A6285;
font-size: 15px;
}

/*---追加---*/

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

div,p,h1,h2,h3 {
margin: 0;
padding: 0;
border: none;
line-height: 22px;
}


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

div.head-in,ul.link-area,.top-page ul li div,.pages ul li div {
width: 1150px;
margin :0 auto;
position: relative;
}

/*-----HEADER------*/

	
.head { height: 140px; width: 100%;background-image: linear-gradient(-215deg, #A6A6A6 0%, #eee 20%, #C0BCBB 100%);
background-image: linear-gradient(-215deg, #dcdcdc 0%, #F9F9F7 20%, #ffffff 35%, #F9F9F7 58%, #D9D9D9 80%, #B5B5B5 100%);
}
.head-in { width: 1150px; margin:0 auto; position: relative;}
.logo-sample { position: absolute; top: 22px; left: 0; width: 380px;}
	

.header { 
background-image: linear-gradient(0deg, #fdfcfb 0%, #e2d1c3 100%);
}

.heading {display: block; padding-top: 35px; font-size: 15px;color: #5A6285;}

.logo {
display: inline-block;
margin-top: 10px;
margin-left: -4px;
width: 300px;
color: #0656AE;
text-shadow: 1px 1px 3px rgba(0,50,120,0.2);
}

.logo:hover {
color: #1A8BA8;
text-shadow:none;
}

.logo img {
width: 100%;
}
.logo1 {
width: 240px;
}
.logo1 img {
width: 100%;
}

h1 {
position: absolute;
top: 4px;
left: 0;
color: #9DA8E6;
font-size: 13px;
font-weight: normal;
}

h2 {
position: absolute;
top: 4px;
right: 0;
color: #9DA8E6;
font-size: 13px;
font-weight: normal;
text-align:right;
}

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

span.head-area1 {
position: absolute;
top: 25px; left: 495px;
display: inline-block;
color: darkorange;
font-size: 15px;
line-height: 28px;
}

.tel,.addr,.speciality { display: inline-block; position: absolute; left: 440px;color: #555555 ;}

.tel { display: inline-block; margin-right: 25px; font-size: 28px; top: 33px; color:#E24789;}
.speciality { font-size: 17px; top: 70px; color:#1670C9; }
.addr { font-size: 15px; top: 100px; }


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 {

background-image: linear-gradient(to top, #82C0F4 0%,#668BEC 100%);
background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);

border-bottom: 1px solid rgba(255,255,255,0.5);
}
ul.link-area {
display: block;
padding: 0;
}

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

ul.link-area li.title {
color: coral;
padding: 10px 0;
list-style: none;
}
ul.link-area li.item {
list-style: disc;
color:crimson;
}
ul.link-area li.item a {
display: inline-block;
color: whitesmoke;
font-size: 14px;
padding: 10px 0;
}

div.link-layer ul.link-area li.item a:hover {  color:#2B4D8C;}


.s-link { display: table; list-style: none; margin: 0; padding: 0; position: absolute; top: 25px; right: 0;}
.s-link li { display: table-cell; padding: 0 0 0 13px;}
.s-link li a { display: inline-block; width: 78px; padding: 11px 0 0 0; height: 63px;  line-height: 23px;}
.s-link li span { display: block; color: #897642; font-size: 14px; text-align: left; margin-left: 14px;}
.s-icon { margin-left: 2px; color: #8B7659;}

.s-color1 { background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);}
.s-color2 { background-image: linear-gradient(to top, #feada6 0%, #f5efef 100%);}
.s-color3 { background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%);}
.s-color4 { background-image: linear-gradient(135deg, #EEDF9D 0%, #fff 48%, #D9C98B 100%);}
.s-color5 { background-image: linear-gradient(-35deg, #E1E3E4 0%, ghostwhite 55%, #CCCDCD 100%); border: 1px solid #aaa;}
.s-color5:hover { background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);}

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

.top-page {
position: relative;
width: 100%;
background: linear-gradient(180deg, rgba(255, 245, 180, .4), rgba(255, 240, 220, .7)) , url(../images/img/back.jpg)  fixed;
background-image: linear-gradient(to top, #E6E6E7 0%, #E6E6E7 25%, #fff 70%, #D7D7D6 100%);
background-position: top right;
}


.top-page ul {
width: 1150px;
list-style: none;
margin: 0 auto;
padding: 0;
position: relative;
}

.top-page ul li {

}

.top-page ul li div {
position: relative;
width: 100%; 
height: 500px;
}

.top-page ul li div ul.t-link { list-style: none; padding: 70px 0 0 22px; margin: 0;}
.top-page ul li div ul.t-link li { margin-bottom: 15px;}
.top-page ul li div ul.t-link li a { color:#6B3F41;}	
.top-page ul li div ul.t-link li a span { display: inline-block; width: 125px; color: #90765B; font-size: 12px;;}

.top-page ul li div span.b-link { display: block;padding: 30px 0 0 25px;}
.top-page ul li div span.b-link a { display: block;  color:#806971; margin: 20px 0 ; font-size: 14px;}
.top-page ul li div img.tapir { width: 220px; margin-left: 25px;}

.photo { position: absolute; top: 35px; right: 0; padding: 25px 0 25px 0;background-image: linear-gradient(90deg, #d5d4d0 0%, #eeeeec 51%, #efeeec 75%, #ccc 100%); width:810px;}
.photo img { width: 810px;}

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

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

p.letter {
margin: 0;
width: 350px;
height: 400px;
padding: 0;
position: absolute;
top: 20px;
left: 0;
font-size: 22px;
letter-spacing: 3px;
background: rgba(255,255,255,0.7);
}

.top-page ul li div p.letter span {
display: block;
font-size: 14px;
color:palevioletred;
line-height: 25px;
padding: 15px 20px;
letter-spacing: 0;
}
.top-page ul li div p.letter img { width: 320px;}

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




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

.pages {
position: relative;
width: 100%;
background: linear-gradient(180deg, rgba(255, 245, 245, .5), rgba(140, 170, 180, .58)), url(../images/img/back-page.jpg) fixed  ;
background-position: 100% 100%;
}

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

.pages ul li div {
position: relative;
height: 240px;
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;
color: #fff;
}

.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;}