body { margin: 0; color: #554738; font-size: 13px; line-height: 20px; font-family: "メイリオ","MS ゴシック","ヒラギノ角ゴシック", sans-serif; background: #716246;}
textarea {font-family: "メイリオ","MS ゴシック","ヒラギノ角ゴシック", sans-serif;}
div,p { padding: 0; margin: 0;}

img { border: 0px;}
a { display: inline; text-decoration: none;}
.mask { overflow: hidden;}/*グラデーションでmaskとradius両方*/


/*-----全体------*/
.header,.top-page,.link-lay,.layer_contents,.pages {
	width: 100%;
	min-width: 1140px;
}

.head-in,.top-page div,.link-area,.pages div, ul.no-screen,ul.screen,.footer {
width: 84%;
margin: 0 auto;
padding:0;
}
.link-area { width: 85%;}

/*-----HEADER------*/
.header {
background-color: #967A0B;
background-image: linear-gradient(180deg, #967A0B 0%, #EAE1D2 80%, #F5F5EC 100%);
background-image: linear-gradient(180deg, #ffdb4f 0%,  #fff1cf 50%, #F5F5EC 100%);/*--new--*/
background-size: contain;
background-position: center top;
border-top: 8px solid #ea5506;
}
.head-in {color: tan;padding: 0;position: relative; height: 111px; margin-bottom: 15px;}
a.logo{ display: inline-block; width:120px;padding:8px 0 0 0; margin-top: 9px; position: relative;}
a.logo span { position: absolute; top: 0; left: 7px; font-size: 14px; font-weight: bold; color: #fff;}
a.logo img { width: 100%;}

span.client { color: #fff; font-size:29px; line-height: 30px; font-weight: bold; position: absolute; top: 20px; left: 138px;}
span.info1 { color: ivory; font-size:15px; position: absolute; top: 49px; left: 140px;}

span.client, span.info1 { color:#554738;}/*--new--*/
h1,h2 {color:#726d40;}/*--new--*/

span.speciality { color: #554738; font-size:17px; position: absolute; top: 70px; left: 140px;}

h1, h2,h3 {position:absolute; display: inline-block; margin: 0;}
h1 { top: 19px; right:10px; font-size:16px;color: #fff;line-height: 22px; font-weight: normal;}
h2 { top: 81px; right:10px; font-size:15px;color: #6f514c;line-height: 22px; font-weight: normal;}
h3 { top: 19px; right:10px; font-size:16px;color: ivory;line-height: 22px; font-weight: normal;}

h1,h2 {color:#726d40;}/*--new--*/

.head-area1 {position: absolute;top: 95px;left: 5px;display: inline-block;text-align:left;line-height: 24px;}
.tel{display: inline-block; font-size: 25px;padding: 0 20px 0 0; color: #8a3319;}
.address{font-size: 17px; display:inline-block; color: #432f2f}

.head-area2 {position: absolute;bottom: 3px;right: 10px;display: inline-block;font-size: 16px;text-align:left;line-height: 24px;color: #6f514c;padding: 0;}

.icon-area { position: absolute; bottom: -5px; right: 390px; display: inline-block;padding-bottom: 10px;}
a.i-head {color: #852e19;margin-left: 20px;font-size: 23px;display: inline-block;text-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
a.i-head:hover { text-shadow: none;}

/*-----LINK------*/
.link-lay { width:100%; padding: 0  0 12px 0;}
.link-area {display: table; margin: 0 auto; border-spacing: 7px;}
.link-area li.title {display: none;}
.link-area li.item {display: table-cell; width: 16%;font-size: 16px; text-align: center; padding: 0; vertical-align: middle; line-height: 18px;}
.link-area li.item a {display : block; font-size: 15px; line-height: 18px; vertical-align: middle; padding: 8px 0 5px 0; border-radius:5px; font-weight: normal; box-shadow: 3px 3px 3px 1px rgba(100,50,0,0.15);}
.link-area li.item a:hover {box-shadow:none;}
.link-area li.item a span {display : block; color:#fff; font-size: 13px; margin-bottom: 3px; line-height: 19px;}
.link-area li.item a i { color: #852e19; font-size: 14px; margin: 0 3px 0 0;}

.link-area li:nth-child(2) a{ color:#250d00; background-image: linear-gradient(180deg, #f8f4e6 0%,#ece3d2 47%, #dcd3b2 48%, #bcb392  100%);}
.link-area li:nth-child(3) a { color:#250d00; background-image: linear-gradient(180deg, #f8f4e6 0%,#ece3d2 47%, #dcd3b2 48%, #bcb392  100%);}
.link-area li:nth-child(4) a { color:#250d00; background-image: linear-gradient(180deg, #f8f4e6 0%,#ece3d2 47%, #dcd3b2 48%, #bcb392  100%);}
.link-area li:nth-child(5) a { color:#250d00; background-image: linear-gradient(180deg, #f8f4e6 0%,#ece3d2 47%, #dcd3b2 48%, #bcb392  100%);}
.link-area li:nth-child(6) a { color:#250d00; background-image: linear-gradient(180deg, #f8f4e6 0%,#ece3d2 47%, #dcd3b2 48%, #bcb392  100%);}
.link-area li:nth-child(7) a { color:#250d00; background-image: linear-gradient(180deg, #f8f4e6 0%,#ece3d2 47%, #dcd3b2 48%, #bcb392  100%);}

.link-area li:nth-child(2) a:hover { color:#c9171e;  background: rgb(249, 190, 109);}
.link-area li:nth-child(3) a:hover {  color:#c9171e; background: rgb(249, 190, 109);}
.link-area li:nth-child(4) a:hover { color:#c9171e; background: rgb(249, 190, 109);}
.link-area li:nth-child(5) a:hover { color:#c9171e; background: rgb(249, 190, 109);}
.link-area li:nth-child(6) a:hover {  color:#c9171e; background: rgb(249, 190, 109);}
.link-area li:nth-child(7) a:hover { color:#c9171e; background: rgb(249, 190, 109);}

/*-----LINK EX------*/
.link-area-ex { display: inline-block; list-style: none; font-size: 16px; font-weight: bold; padding: 0 0 0 5%; line-height: 20px;}
.link-area-ex li {color: #CC6633; font-size:13px; font-weight: normal; margin-bottom: 12px;}
.link-area-ex li a {display: block; color: #3EBCC4; color:#059C8F; font-size:15px; margin: 0 0 0 15px; font-weight: normal;}
.link-area-ex li a:hover {color: deeppink;}
.link-area-ex li a i {color: #FF5924; margin: 0;}

/*-----TOP-PAGE------*/
.top-page {
position: relative;
padding:0;
background-position: top right;
background-image:linear-gradient(180deg,#F5F5EC 0%, #fff 58%, #F3F1EB 100%);
}
.top-page div {
margin: 0 auto;
height: 370px;
position: relative;
}

/*------TOP LEFT-----*/
.left-box {position: absolute; top: 0; left:0; display:inline-block; width: 30%; height: 370px; background-color: #fff; background-image:linear-gradient(130deg,#EAE3D7 0%,#FFF 58%, #FFF 100%); background-position: center top; background-size: 100% auto; background-color: #fff; background-repeat: no-repeat;z-index: 97;}

.left-box span {display:block; color:#554738;font-size: 20px; font-weight: bold; padding: 27px 0 0 5%;}
.bear { width:70%; min-width: 285px; position: absolute; bottom: 0; left: 0; z-index: 1000;}

/*------LETTER-----*/
.letter {display: none;}
.letter span {;}

/*-----PAGES-----*/
.pages {
width: 100%;
position: relative;
background-image: linear-gradient(180deg, #f8f4e6 0%, #fffffc 98%, #fffffc 100%);
background-position: bottom right;
}
.pages div {
	margin: 0 auto;
	height: 240px;
	overflow: hidden;
}
.left-box-page {position:relative; overflow:hidden; display:inline-block; width:30%; height:240px; background-image: linear-gradient(135deg, #eae5e3 0%, #fff 50%, #fff 100%);}
.left-box-page p { display: none; color:#554738;font-size: 20px; font-weight: bold; padding: 25px 0 0 22px;}
.cap-first { display: none; position: absolute; top: 70px; left: 29px; font-size: 17px; font-weight:bold; color:#554738;}
.cap-second { display: none; position: absolute; top: 104px; left: 29px; font-size: 15px;}

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

.footer {
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
	color: ivory;
}
.footer a {
	color: crimson;
}

/*----Button2023----*/
a.bu1 { display: inline-block; background:orangered; color: #fff; font-weight:bold; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); border-radius: 15px; padding: 4px 10px 2px 10px; margin-bottom: 10px;}
a.bu1:hover { background: #CC3300; box-shadow: none;}