.fixbanner {
width: 100%;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0;
padding-bottom: 0;
position: fixed;
z-index: 1000;
}
#mainimage {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
background-image: url(../image/bg1.jpg);
background-position: center top;
background-size:cover;
padding-top: 0;
}
#mainimage .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
#mainimage .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#mainbody .main_title_h1 {
border-left: none;
font-size: 18px;
line-height: 1.2em;
color: #FFF;
display: block;
width: 100%;
margin: 0 auto;
padding: 8px 0;
font-weight: normal;
background: #3C317B;
}
#mainbody h2,
#mainbody h3 {
border-left: none;
font-size: 18px;
line-height: 1.2em;
color: #FFF;
display: block;
width: 100%;
margin: 0 auto;
padding: 8px 0;
font-weight: normal;
background: #3C317B;
}
#mainbody h4 {
font-size: 16px;
line-height: 1.5em;
padding-bottom: 15px;
margin: 0px;
}
#mainbody .bg1 {
background-image: url(../image/bg1.jpg);
background-position: center top;
background-size:cover;
}
#mainimage p {
font-size: 12px;
line-height: 1.5em;
text-align: right;
padding: 5px;
display: block;
margin: 0 auto;
}
#mainimage p a {
color: #000;
}

#mainbody .c1 {
color: #FF7F00;
}
#mainbody .body {
background: #FFF;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: rgba(255,255,255,0.8);
padding-top: 10px;
padding-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
#mainbody .body p.event {
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
color: #F3AA00;
padding: 14px 10px 10px 10px;
margin-bottom: 20px;
background: #FEFFEE;
background-image: repeating-linear-gradient(-2deg, #F3AA00, #F3AA00 7px, transparent 7px, transparent 10px, #F3AA00 10px), repeating-linear-gradient(88deg, #F3AA00, #F3AA00 7px, transparent 7px, transparent 10px, #F3AA00 10px), repeating-linear-gradient(178deg, #F3AA00, #F3AA00 7px, transparent 7px, transparent 10px, #F3AA00 10px), repeating-linear-gradient(268deg, #F3AA00, #F3AA00 7px, transparent 7px, transparent 10px, #F3AA00 10px);
background-size: 4px calc(100% + 10.01px), calc(100% + 10.01px) 4px, 4px calc(100% + 10.01px) , calc(100% + 10.01px) 4px;
background-position: 0 0, 0 0, 100% 0, 0 100%;
background-repeat: no-repeat;
animation: borderAnimation 1s infinite linear;
}
@keyframes borderAnimation {
from { background-position: 0 0, -10.01px 0, 100% -10.01px, 0 100%; }
to { background-position: 0 -10.01px, 0 0, 100% 0, -10.01px 100%; }
}
#mainbody .body p.event a {
display: block;
font-size: 14px;
line-height: 1.8em;
letter-spacing: 0;
}
#mainbody .body p.covid19 {
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
color: #06F;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
background: linear-gradient(transparent 60%, #FF9 60%);
padding: 0px;
}
.blinking{
-webkit-animation:blink 1.3s ease-in-out infinite alternate;
-moz-animation:blink 1.3s ease-in-out infinite alternate;
animation:blink 1.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

#mainbody .body p.copy1 {
font-size: 16px;
line-height: 1.7em;
padding-bottom: 0px;
}
#mainbody .body p.copy1 b {
color: #FF7F00;
}
#mainbody .body .image {
margin-top: 10px;
margin-bottom: 20px;
}
#mainbody .body .fumakilla {
margin-bottom: 20px;
width: 50%;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
#mainbody .body .image2 {
margin-bottom: 20px;
margin-top: 10px;
}
#area {
overflow: hidden;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#area .photo {
display: block;
width: 25%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: left;
}
#area .text {
text-align: left;
float: right;
width: 72%;
}
#box1 {
overflow: hidden;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box1 .image {
}
#box1 .image p {
font-size: 11px;
line-height: 1.5em;
padding-top: 3px;
}

#point .bt {
padding: 20px 0 0 0;
}
#point .bt a {
background: #ff1c3e;
background-image: -webkit-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -moz-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -ms-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -o-linear-gradient(top, #ff1c3e, #cd0003);
background-image: linear-gradient(to bottom, #ff1c3e, #cd0003);
border-radius: 100vh;
-webkit-box-shadow: 0px 0px 5px #666666;
-moz-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
color: #ffffff;
font-size: 16px;
font-weight: bold;
padding: 0.8em 0 0.8em 0;
border: solid #ffffff 2px;
text-decoration: none;
display: block;
margin: 0px auto 0 auto;
width: 94%;
}


#food {
background-color: #ebf6fc;
padding: 0px 0 40px 0;
margin-top: 30px;
}
#food h3 {
}
#food .body {
width: 94%;
margin: 20px auto 0 auto;
padding: 20px 3% 30px 3%;
box-sizing: border-box;
}
#food .body p {
font-size: 16px;
line-height: 1.3em;
margin: 0px;
padding: 0px;
}
#food .body ul {
display: flex;
flex-flow: wrap;
justify-content: space-between;
margin: 10px auto 0 auto;
}
#food .body ul li {
width: 32%;
margin-bottom: 10px;
}
#food .body ul li:last-child {
width: 100%;
}
#food .body ul li p {
font-size: 13px;
line-height: 1.2em;
padding-top: 5px;
}

#food .body h4 {
background-color: #1b8ccd;
font-size: 18px;
line-height: 1.2em;
color: #FFF;
display: block;
padding: 0.5em 0 0.5em 0;
margin: 20px auto 0 auto;
}
#food .body ol {
margin: 0px auto 0 auto;
background-image: url("../image/food_bg.jpg");
background-repeat: repeat-x;
background-color: #ffffff;
padding: 20px 0 10px 0;
margin-bottom: 20px;
}
#food .body ol li {
padding: 0 15px;
line-height: 0;
list-style-type: none;
}
#food .body ol li:first-child {
width: 70%;
margin: 0px auto 20px auto;
}
#food .body ol li dl {
font-size: 15px;
line-height: 1.2em;
letter-spacing: 0;
color: #FFF;
margin-top: 20px;
}
#food .body ol li dt {
background-color: #67acce;
padding: 0.6em 0.5em 0.5em 0.5em;
margin-bottom: 10px;
}
#food .body ol li dd {
background-color: #3c8baa;
padding: 0.6em 0.5em 0.5em 0.5em;
margin-bottom: 10px;
}
#food .bt_dl {
margin-bottom: 20px;
}
#food .bt_dl a {
display: block;
border: 2px solid #a5a5a5;
text-align: center;
color: #545454;
text-decoration: none;
font-size: 15px;
font-weight: bold;
padding: 0.6em 0 0.6em 0;
margin: 0px auto 0 auto;
width: 90%;
}
#food .bt {
padding: 20px 0 0 0;
}
#food .bt a {
background: #ff1c3e;
background-image: -webkit-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -moz-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -ms-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -o-linear-gradient(top, #ff1c3e, #cd0003);
background-image: linear-gradient(to bottom, #ff1c3e, #cd0003);
border-radius: 100vh;
-webkit-box-shadow: 0px 0px 5px #666666;
-moz-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding: 0.8em 0 0.8em 0;
border: solid #ffffff 2px;
text-decoration: none;
display: block;
margin: 0px auto 0 auto;
width: 90%;
}
#food .bt a:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}

#contact_set ol {
padding: 0;
margin: 0;
}
#contact_set ol li {
list-style-type: none;
padding: 0;
margin: 0;
}
#fumakilla {
background-color: #1b8ccd;
padding: 40px 0 40px 0;
}
#fumakilla h3 {
background-image: none;
color: #FFF;
display: block;
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
font-weight: normal;
padding-bottom: 20px;
background-color: #1b8ccd;
}
#fumakilla p {
color: #FFF;
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
margin: 0px;
padding: 0 1em 0 1em;
}
#fumakilla dl {
margin: 20px auto 0 auto;
}
#fumakilla dt {
width: 70%;
margin: 0px auto 0 auto;
}
#fumakilla dd {
width: 92%;
margin: 0px auto 0 auto;
}
#fumakilla dd ul {}
#fumakilla dd ul li {
line-height: 0;
margin-bottom: 10px;
}
#fumakilla dd ul li:first-child {
margin-bottom: 10px;
}
#fumakilla h4 {
color: #FFF;
font-size: 18px;
line-height: 1.3em;
font-weight: bold;
margin-top: 20px;
padding: 0 1em 0 1em;
}
#fumakilla .bt {
padding: 20px 0 0 0;
}
#fumakilla .bt a {
background: #63b1ff;
background-image: -webkit-linear-gradient(top, #63b1ff, #5c8dff);
background-image: -moz-linear-gradient(top, #63b1ff, #5c8dff);
background-image: -ms-linear-gradient(top, #63b1ff, #5c8dff);
background-image: -o-linear-gradient(top, #63b1ff, #5c8dff);
background-image: linear-gradient(to bottom, #63b1ff, #5c8dff);
border-radius: 100vh;
-webkit-box-shadow: 0px 0px 5px #666666;
-moz-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding: 0.8em 0 0.8em 0;
border: solid #ffffff 2px;
text-decoration: none;
display: block;
margin: 0px auto 0 auto;
width: 80%;
}
#fumakilla .bt a:hover {
background: #1e75cc;
background-image: -webkit-linear-gradient(top, #1e75cc, #193d8a);
background-image: -moz-linear-gradient(top, #1e75cc, #193d8a);
background-image: -ms-linear-gradient(top, #1e75cc, #193d8a);
background-image: -o-linear-gradient(top, #1e75cc, #193d8a);
background-image: linear-gradient(to bottom, #1e75cc, #193d8a);
}

#photocheck {
padding: 0px 0 40px 0;
}
#photocheck h3 {}
#photocheck p {
font-size: 16px;
line-height: 1.3em;
padding: 20px 1em 0 1em;
margin: 0px;
}
#photocheck ul {
display: flex;
flex-flow: nowrap;
justify-content: space-between;
width: 90%;
margin: 20px auto 0 auto;
}
#photocheck ul li {
line-height: 0;
}
#photocheck h4 {
font-size: 20px;
line-height: 1.3em;
font-weight: bold;
margin-top: 20px;
padding: 0px 1em 0 1em;
}
#photocheck .bt {
padding: 20px 0 0 0;
}
#photocheck .bt a {
background: #ff1c3e;
background-image: -webkit-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -moz-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -ms-linear-gradient(top, #ff1c3e, #cd0003);
background-image: -o-linear-gradient(top, #ff1c3e, #cd0003);
background-image: linear-gradient(to bottom, #ff1c3e, #cd0003);
border-radius: 100vh;
-webkit-box-shadow: 0px 0px 5px #666666;
-moz-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding: 0.8em 0 0.8em 0;
border: solid #ffffff 2px;
text-decoration: none;
display: block;
margin: 0px auto 0 auto;
width: 80%;
position: relative;
}
#photocheck .bt a:after {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(../image/photocheck_bt.png);
background-size: contain;
vertical-align: middle;
top: 24%;
right: 5%;
position: absolute;
}
#photocheck .bt a:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}


#case {
margin-bottom: 0;
}
#case .box {
overflow: hidden;
position: relative;
border: 1px solid #CCC;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 40px;
text-align: left;
padding-top: 20px;
padding-bottom: 10px;
}
#case .box .left {
padding-right: 10px;
padding-left: 10px;
}
#case .box .left h4 {
font-size: 18px;
line-height: 1.5em;
color: #3C317B;
font-weight: bold;
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#case .box .left h5 {
font-size: 14px;
line-height: 1.5em;
font-weight: bold;
padding-bottom: 10px;
}
#case .box .left p {
font-size: 13px;
line-height: 1.7em;
margin: 0px;
padding: 0px;
}
#case .box .left .bt {
padding-top: 20px;
padding-bottom: 20px;
}
#case .box .left .bt a {
background: #e9f1f7;
background-image: -webkit-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -moz-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -ms-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -o-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: linear-gradient(to bottom, #e9f1f7, #c7dceb);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #999999;
-moz-box-shadow: 0px 1px 3px #999999;
box-shadow: 0px 1px 3px #999999;
font-family: Arial;
color: #00008c;
font-size: 16px;
border: solid #cacad9 1px;
text-decoration: none;
font-weight: bold;
text-align: center;
display: block;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
}
#case .box .left .bt a:hover {
background: #4b5dd6;
background-image: -webkit-linear-gradient(top, #4b5dd6, #121ab3);
background-image: -moz-linear-gradient(top, #4b5dd6, #121ab3);
background-image: -ms-linear-gradient(top, #4b5dd6, #121ab3);
background-image: -o-linear-gradient(top, #4b5dd6, #121ab3);
background-image: linear-gradient(to bottom, #4b5dd6, #121ab3);
color: #FFF;
}
#case .box .photo {
margin-right: auto;
padding-bottom: 10px;
width: 50%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
}

#faq {
text-align: left;
}
#faq .list {
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#faq h4 {
font-size: 16px;
line-height: 1.5em;
color: #3C317B;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-weight: bold;
}
#faq dl {
}
#faq dt {
font-size: 13px;
line-height: 1.5em;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,234,234,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,234,234,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2eaea',GradientType=0 );
display: block;
padding-top: 10px;
padding-bottom: 8px;
cursor: pointer;
}
#faq dt:before {
content:"▼";
font-size: 10px;
color: #999999;
margin-right: 10px;
padding-left: 10px;
}
#faq dd {
font-size: 13px;
line-height: 1.7em;
padding: 15px;
border: 1px solid #CCC;
margin-bottom: 20px;
}
/*トグルになるメニューがアクティブ時のデザイン*/
#faq dl dt.active {
color: #003399;
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );
}
#faq dl dt:hover,
#faq dl a:hover {
color: #003399;
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );
}
/*表示切り替えしたい要素は最初は非表示にしておく*/
#faq dl dd {
margin-bottom: 20px;
font-size: 13px;
line-height: 1.7em;
overflow: hidden;
position: relative;
display: none;
padding: 10px;
}
#faq dl dd p {
font-size: 13px;
line-height: 1.7em;
margin: 0px;
padding-bottom: 20px;
}
#faq dl dd .image {
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#outline {
overflow: hidden;
position: relative;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
#outline .left {
}
#outline .right {
}
#outline p.title {
border-left: none;
background-color:#999;
font-weight:bold;
font-size:14px;
color:#FFF;
margin-bottom:10px;
padding-top: 6px;
padding-bottom: 4px;
margin-right: auto;
margin-left: auto;
}
#outline table {
text-align: left;
width: 100%;
}
#outline th {
font-size: 13px;
line-height: 1.5em;
padding-top: 6px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 7px;
background-color: #E8E8E8;
letter-spacing: 0em;
display: block;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
#outline th span {
font-size: 10px;
display: inline;
}
#outline td {
font-size: 13px;
line-height: 1.5em;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 10px;
text-align: left;
display: block;
}
#outline td sup {
font-size: 10px;
}
#outline .bt {
margin-bottom: 20px;
}
#outline .bt a {
border-radius: 6px;
background-image: -webkit-linear-gradient(top, #f3f3f3, #dddddd);
background-image: linear-gradient(top, #f3f3f3, #dddddd);
background-clip: padding-box;
display: block;
font-size: 14px;
line-height: 1.5em;
color: #000000;
text-decoration: none;
width: 90%;
margin-top: 15px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 8px;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: bold;
background-color: #dddddd;
box-shadow: 0px 1px 3px #999999;
}
#outline .bt a:hover {
color: #FFF;
text-decoration: underline;
background-color: #999;
background-image: -webkit-linear-gradient(top, #c4c4c4, #898989);
background-image: linear-gradient(top, #c4c4c4, #898989);
}


#movie {
margin-top: -100px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 130px;
}
#movie .movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
#movie .movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

#news {
}
#news ul {
text-align: left;
width: 94%;
margin: 0px auto 20px auto;
}
#news li {
border-bottom: 1px solid #D6D6D6;
}
#news a {
display: block;
text-decoration: none;
color: #000;
padding: 0.5em;
}
#news a:hover {
background-color: #EDEDED;
}
#news li .date {
font-size: 13px;
line-height: 1.3em;
}
#news li .link {
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
}
#news p {
width: 70%;
margin: 0px auto 0 auto;
}
#news p a {
background: #e9f1f7;
background-image: -webkit-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -moz-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -ms-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -o-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: linear-gradient(to bottom, #e9f1f7, #c7dceb);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #999999;
-moz-box-shadow: 0px 1px 3px #999999;
box-shadow: 0px 1px 3px #999999;
font-family: Arial;
color: #00008c;
font-size: 16px;
border: solid #cacad9 1px;
text-decoration: none;
font-weight: bold;
text-align: center;
display: block;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
}

#contact {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
}
#contact h4 {
color: #000000;
font-size: 16px;
line-height: 1.5em;
text-align: center;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
letter-spacing: 0em;
}
#contact .box {
border: 2px solid #CACAD9;
background: #ffffff;
background-image: -webkit-linear-gradient(top, #EAF1F7, #D3E3EF);
background-image: -moz-linear-gradient(top, #EAF1F7, #D3E3EF);
background-image: -ms-linear-gradient(top, #EAF1F7, #D3E3EF);
background-image: -o-linear-gradient(top, #EAF1F7, #D3E3EF);
background-image: linear-gradient(to bottom, #EAF1F7, #D3E3EF);
overflow: hidden;
position: relative;
padding-bottom: 20px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#contact p {
font-size: 13px;
line-height: 1.5em;
font-weight: bold;
color: #27278A;
margin-bottom: 5px;
text-align: left;
padding-top: 10px;
padding-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#contact .tel {
padding-top: 5px;
text-align: center;
}
#contact .tel img {
width: 95%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#contact .form {
padding-top: 20px;
text-align: center;
}
#contact .form a {
text-decoration: none;
background: #579ee6;
background-image: -webkit-linear-gradient(top, #579ee6, #006dd9);
background-image: -moz-linear-gradient(top, #579ee6, #006dd9);
background-image: -ms-linear-gradient(top, #579ee6, #006dd9);
background-image: -o-linear-gradient(top, #579ee6, #006dd9);
background-image: linear-gradient(to bottom, #579ee6, #006dd9);
-webkit-border-radius: 25;
-moz-border-radius: 25;
border-radius: 25px;
-webkit-box-shadow: 1px 1px 2px #9e9e9e;
-moz-box-shadow: 1px 1px 2px #9e9e9e;
box-shadow: 1px 1px 2px #9e9e9e;
color: #ffffff;
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
padding-top: 10px;
padding-bottom: 8px;
letter-spacing: 0em;
position:relative;
margin-right: auto;
width: 90%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
display: block;
}
#contact .form a:before {
content: url(../image/mail.png);
display:inline-block;
position: absolute;
top:12px;
left: 30px;
}
#contact .form a:hover {
background: #175ca1;
background-image: -webkit-linear-gradient(top, #175ca1, #063663);
background-image: -moz-linear-gradient(top, #175ca1, #063663);
background-image: -ms-linear-gradient(top, #175ca1, #063663);
background-image: -o-linear-gradient(top, #175ca1, #063663);
background-image: linear-gradient(to bottom, #175ca1, #063663);
text-decoration: underline;
}