@charset "utf-8";
/*-----ベース-----*/
/*-------------------------------------------------
GLOBALS CLASSES 
-------------------------------------------------*/
*{padding:0;margin:0;}
body{font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,'MS UI Gothic',arial,helvetica,clean,sans-serif;font-size: 14px;color: #000000;background: #e8e1d2;background: url(../images/bg.jpg);background-attachment: fixed;background-position: top center;background-repeat: no-repeat;background-size: cover;}
img{border:none;}
h1{ font-size:26px; color:#fff; font-family: 'Economica', sans-serif; font-weight:normal; text-transform:uppercase;}
h2{ font-family: 'Economica', sans-serif; font-size:19px; color:#d1869b; font-weight:normal;  text-transform:uppercase;}
P{line-height: 25px;}
a{text-decoration: underline;color: #675aad;font-weight: 600;}
a:hover{/* color: #c34b6d; */text-decoration:none;}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.mar-top30{margin-top:30px;}
.mar-top60{margin-top:60px;}
.mar-right40{margin-right: 20px;}
.mar-right50{margin-right:50px;}
.mar-bottom20{margin-bottom:20px;}
.padding-top40{ padding-top:40px;}
.float-left{ float:left;}
.float-right{ float:right;}
.clearing { clear:both;}
.panel{}
.title{}
.content{
    width: 100%;
    /* padding: 0 2%; */
}
.button{ margin-top:30px;}
.button a{text-decoration:none; display:block; width:90px; height:30px; background:#d1869b; color:#ffffff; font-family: 'Economica', sans-serif; font-size:17px; line-height:30px; text-align:center; text-transform:uppercase; border:#d8d3d5 solid 1px;}
.button a:hover{ background:#efefef; color:#3d232f;}

.wrap1{border-bottom:#fff solid 1px;margin:0 auto;background: #ffffff;padding: 30px 0 0;}
.wrap2{overflow:hidden;background: rgba(232, 225, 210, 0.58);background: linear-gradient(to top, rgb(243, 239, 230), rgb(255, 255, 255));}
.wrap3{overflow:hidden;/* background: rgba(232, 225, 210, 0.58); */padding: 25px 0 0 0;background: linear-gradient(to top, rgb(255, 255, 255), rgba(232, 225, 210, 0.58));}
.wrap4{overflow:hidden;padding-top: 0px;background: #fff;}
.container{width: 1000px;margin:0 auto;/* padding: 30px 20px 30px 20px; */background:url(../images/shadows.png) repeat-y;}
.page-content .content p{ padding-bottom:20px;}
/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header{width: 1000px;height:auto;margin:0 auto;padding-bottom: 10px;}
.logo{overflow: hidden;/* width: 100%; */text-align: left;padding: 20px 0;}
.logo h1{font-size: 25px;color:#533c47;font-weight: bold;}

.menu{float:right;margin-top: 25px;}
/*.menu ul li{ float:left; list-style:none; padding-right:10px; }
.menu ul li a{font-family: 'Economica', sans-serif; font-size:18px; color:#533c47; display:block; text-align:center; padding:8px 24px 8px 24px; text-transform:uppercase;}
.menu ul li a:hover{background:#d1869b; border:#fff solid 1px;  padding:7px 23px 7px 23px; color:#fff;}
.menu ul li a.active{background:#d1869b; border:#fff solid 1px; padding:7px 23px 7px 23px; color:#fff;}
*/
/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/
.banner{margin:0 auto;padding: 30px 0;}
.banner-shadows{ background:url(../images/shadows1.png) no-repeat center; width:878px; height:38px;}

/*-------------------------------------------------
BOX CLASSES
-------------------------------------------------*/
.box{width: 100%;float:left;/* margin-top:40px; */padding-bottom: 30px;}
.box .title{background: #625d7d;border: #e9e9e9 solid 1px;padding: 10px 0px 10px 15px;margin-bottom:30px;color: #fff;font-size: 16px;border-bottom: 3px double #e9e9e9;}
.box .content p{color: #424242;}
/*-------------------------------------------------
SERVICES CLASSES
-------------------------------------------------*/
.title{background:#d1869b;/* border:#ffffff solid 1px; */padding: 10px 0px 10px 15px;margin-bottom:30px;}
.service{float:left;width: 32%;padding-bottom: 30px;overflow: hidden;}
.service img{/* padding: 2px; *//* border: 3px double #fffbfa; */}
.service .shadows{/* background:url(../images/shadows2.png) no-repeat; *//* width: 100%; *//* height:20px; *//* margin-left: 11px; */}
.service .title{background:none;border:none;padding:0px;margin-bottom:10px;margin-top: 15px;}
.service .title h2{ color:#533c47; font-weight:bold;}
.service .button{ margin-top:34px;}

/*-------------------------------------------------
LEFTCOL CLASSES
-------------------------------------------------*/

.leftcol{ width:570px; float:left;}
.leftcol .title{ background:#523141;}
.leftcol h2{ color:#533c47; font-weight:bold; margin-bottom:20px;}
.leftcol .panel{ border-bottom:#e1e1e1 solid 1px; padding-bottom:30px; margin-bottom:30px;}
.leftcol .panel.borderbotm-none{border-bottom:none;}
/*-------------------------------------------------
RIGHT CLASSES
-------------------------------------------------*/
.rightcol{width: 100%;padding-bottom: 30px;}
.rightcol .title{background: #625d7d;border-bottom: 3px double #fff;font-size: 16px;}
.content ul li{list-style:none;border-bottom:#e1e1e1 solid 1px;line-height:40px;border-right: #e1e1e1 solid 1px;border-left: #e1e1e1 solid 1px;padding: 0 10px;}
.content ul li.borderbotm-none{ border-bottom:none;}
.content ul li a{text-decoration: underline;/* color: #a94937; */}
.content ul li a:hover{/* color: #d2486f; */text-decoration:none;}

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form {padding:30px 30px 30px 0px; width:530px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#523141;font-size:16px; font-family:'Oswald', sans-serif; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px;width:400px;background: url(../images/bg1.jpg);border:none; color:#523141;  outline:none;font-family: 'Lato', sans-serif; font-size:15px;}
.contact-form .message{padding:10px 10px;width:400px;background: url(../images/bg1.jpg); border:none;overflow:hidden;height:150px; color:#523141; font-family: 'Lato', sans-serif; font-size:15px; outline:none;}
.contact-form .button{background:#d1869b; text-transform:uppercase; font-family: 'Economica', sans-serif; color:#fff; font-size:20px; border: none; margin-left:100px; margin-top:20px; width:100px; height:40px;}

.address { float:left; width:370px; margin-left:30px;}
.address .panel { border:none; color:#fff}
.address .panel .title h1 {  color:#fff; padding-bottom:10px;}
.address .panel .content p span { color:#fff;}
.address .panel .content p a{ text-decoration:none; color:#ffc01d;}
.address .panel .content p a:hover{color:#fff;}

/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.footer{width: 1000px;margin:0 auto;padding-top: 25px;padding-bottom: 25PX;text-align: left;color: #505050;}
.footer a{ color:#fff; text-decoration:none;}
.footer a:hover{/* color:#d1869b; */}
.footer a.active{ color:#d1869b;}
.footer a{color: #8c7dda;}

.wrap4 h3 {
    color: #fff;
}
.banner img {
    width: 100%;
}
.wrap3 img {
    width: 100%;
}
.wrap3 h3 {
    text-align: center;
    color: #2f2829;
    font-size: 18px;
    border-bottom: 3px dotted #ddd;
    padding: 7px 0;
}
.more.m1 {
    text-align: right;
    padding: 10px 0;
    margin: 10px 0;
}
.wrap3 a {
    color: #675aad;
    text-decoration: underline;
}
.wrap3 a:hover {
    /* color: #ca3333; */
    text-decoration: none;
}
.wrap1 img {
    width: 300px;
    float: left;
    padding: 15px 15px 15px 0;
}
h1 a {
    color: #786daf;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}
h1 a:hover {
    color: #625d7d;
}

@media screen and (max-width: 960px) {
    .container {
        width: 97%;
        margin: 0 auto;
        padding: 0;
    }

    .header {
        width: 100%;
        margin: 0;
    }

    .wrap1 img {
        padding: 0;
    }

    .footer {
        width: 96%;
        padding: 2%;
    }
    .container {
    background: none;
    }
    .service .shadows {
    margin-left: 23px;
    }
}

@media screen and (max-width: 810px) {
    .logo h1 {
    font-size: 17px !important;
    }
    .service {
        float: none;
        width: 96% !important;
        padding: 0 2%;
        text-align: center;
        margin-bottom: 30px;
        padding-top: 30px;
    }
    img.topcontent1 {
        width: 300px !important;
        max-width: 100%;
        float: none !important;
    }

    .topimg {
        text-align: center;
    }
    .service .shadows {
    background: none;
    margin: 0 auto;
    }
}
a.active {
    color: #ffffff !important;
    background: #38315d;
}
.service img {
    width: 100%;
    float: left;
    margin: 10px 10px 10px 0;
}
.service.mar {
    width: 32%;
    float: right;
}
.more.m1 a {
    /* background: #fff; */
    padding: 5px;
    /* border-bottom: 3px double #c5e0dc; */
}
.wrap5 a {
    text-decoration: underline;
}
.wrap5 a:hover {
    text-decoration: none;
}
.wrap5 p {
    color: #929292;
}
.wrap5 {
    background: #3a3535;
}
ul.prlink {
    border-top: #e1e1e1 solid 1px;
}
.wrap.head {
    background: rgba(232, 225, 210, 0.58);
    background: linear-gradient(to top, rgb(246, 242, 236), rgb(255, 255, 255));
}