html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0px;
padding: 0px;
border: 0px none;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-feature-settings: inherit;
font-language-override: inherit;
font-kerning: inherit;
font-synthesis: inherit;
font-variant: inherit;
font-size: 100%;
vertical-align: baseline;
}

body,html{
line-height: 1.5;
height: auto;
}

body {
width: 100%;
margin: 0 auto;
font-family: "Sawarabi Gothic";
color: #3a3a3a;
font-size: 0.8em;
letter-spacing: 1px;
background: #fff;
}

ol, ul{
list-style: none;
}

a{
text-decoration:none;
color: #292c90;
}

a:hover{
text-decoration:underline;
color: #999;
}

a:hover .imghover {
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.cf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
font-size: 0.1em;
line-height: 0;
}

.cf {
min-height: 1px;
zoom:1;
clear: both;
}

* html .cf {
height: 1px;
height: auto;
overflow: hidden;
}

img{
vertical-align: bottom;   
}

.pcnone {
display: none;
}

#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
z-index: 999;
}

#page-top a {
text-decoration: none;
color: #fff;
width: 50px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
}

/*　↑固定　　↑固定　　↑固定　　↑固定　　↑固定　*/


header{
width: 100%;
float: left;
}

.headercomment{
width: 100%;
float: left;
background-color: #ab4444;
color: #fff;
}

.headercomment h1{
width: 100%;
margin: 0 auto;
text-align: right;
padding: 7px;
box-sizing: border-box;
}

#wap1200{
width: 100%;
height: 500px;
margin: 0 auto;
background: url(../images/headbg2.jpg);
position: relative;
}

.wap1000{
width: 100%;
margin: 0 auto;
position: relative;
}

.wap800{
width: 100%;
margin: 0 auto;
position: relative;
}

section{
padding: 30px 0;
}


.headerleft{
width: 100%;
float: left;
position: absolute;
bottom: 0;
padding: 30px;
box-sizing: border-box;
}

.headerleft h2{
}

.headerright{
width: 100%;
height: 400px;
float: right;
position: relative;
padding: 20px;
box-sizing: border-box;
}

.mail a{
padding: 5px 15px;
box-sizing: border-box;
display: block;
float: right;
color: #ffffff;
width: 250px;
background: #ab4343;
font-size: 11px;
background: #ab4343;
font-size: 10px;
}

.tel a{
border: 3px solid #ffffff;
padding: 5px 15px;
box-sizing: border-box;
display: block;
float: right;
color: #ffffff;
font-size: 30px;
width: 250px;
}

.tel a[href^="tel:"] {
cursor: default;
text-decoration: none;
}

.section00{
background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0,
radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0,
radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 #cbffcf;
background-size:110px 200px;
background-repeat:repeat-x;	
}

.threenav li{
width: 90%;
margin: 20px auto;
}

.threenav li img{
width: 100%;
}

.section01{
text-align: center;
background:
radial-gradient(#e1e1e17d 15%, transparent 16%) 0 0,
radial-gradient(#e1e1e17d 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#fffce5;
background-size:16px 16px;
}

h3.top_title{
font-size: 22px;
font-family: "Sawarabi Mincho";
margin-bottom: 20px;
text-align: center;
color: #ab4343;
}

.section01 p{
margin-top: 20px;
padding: 0 20px;
}

.section02{
background: url(../images/bg_01.gif);
}

h4.top_title{
font-size: 20px;
font-family: "Sawarabi Mincho";
margin-bottom: 20px;
text-align: center;
}

.newsbox{
width: 90%;
margin: 20px auto;
}
.newsbox dl{
width: 100%;
height: 150px;
overflow: auto;
float: left;
}

.newsbox dt{
width: 100%;
float: left;
}

.newsbox dd{
width: 100%;
float: left;
font-size: 18px;
margin-bottom: 10px;
border-bottom: 1px dashed #ccc;
}






.facebookbox{
width: 90%;
margin: 20px auto;
}

.aisatsu_left_box{
width: 90%;
margin: 20px auto;
}
.aisatsu_left_box img{
	width: 100%;

}

.aisatsu_right_box{
width: 90%;
margin: 20px auto;
}

.aisatsu_right_box dt{
font-size: 26px;
}

.aisatsu_right_box dd{
font-size: 14px;
}

.section03{
background:
radial-gradient(#e1e1e17d 15%, transparent 16%) 0 0,
radial-gradient(#e1e1e17d 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#fff;
background-size:16px 16px;
}

section.map{
padding: 0;
}

.section04{
background: url(../images/bg_02.jpg) no-repeat;
background-size: cover;
padding: 70px 0;
color: #fff;
}

h3.top_title_w{
font-family: "Sawarabi Mincho";
text-align: center;
font-size: 26px;
}

.section04 p{
font-size: 14px;
text-align: center;
}

.nintei{
}


















footer{
width: 100%;
background: #ab4444;
color: #fff;
position: relative;
padding-top: 30px;
}

footer p{
text-align: center;
line-height: 3;
}