@charset "utf-8";
body{
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
   color : #282828;
   font-size: 95%;
   line-height: 1.8;
   background : none 0px 0px / auto auto repeat scroll padding-box border-box #cc0000;
}
a:link,
a:visited{
   color: #4040ff;
   text-decoration: underline;
}
a:hover,
a:active{
   color: #4040ff;
   text-decoration: none;
}
img{
   width : 100%;
}
hr{
   border-width: 0;
   border-style: solid;
   border-color: silver;
   clear : both;
}
/* -- responsive ------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {
   body{
   font-size: 100%;
}
}
/* 1000pixel end */

@media only screen and (max-width: 1000px) {
   .clear{
   display:none !important;
}
}
#nav{
   width : 100%;
   margin: 0;
   padding: 0;
   color : white;
}
#nav ul{
   padding: 0;
   margin : auto;
   width : 100%;
   font-size: 0;
   text-align : center;
}
#nav ul li{
   margin: 0;
   padding : 0px;
   display: inline-block;
   text-align : center;
   width : 10%;
}
#nav ul li img.home{
   width : 100%;
}
#m800,#m400{
   position: fixed;
   bottom: 0;
   margin : 0;
   padding: 0;
   line-height: 0px;
   clear : both;
}
#m800{
   right: 0;
   z-index: 2000;
   width : 20%;
   max-width : 100px;
}
#m400{
   width : 100%;
   left: 0;
   z-index: 1000;
   height : 44px;
   text-align : center;
   background-color : black;
   border-bottom-width : 4px;
   border-bottom-style : double;
   border-bottom-color : #cc0000;
   display:none;
}
#nav img.img{
   display:none;
}
#m400 a{
   position: absolute;
   text-indent:-999px;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1500;
/
}
#m400 img{
   max-width : 400px;
}
@media only screen and (max-width: 1000px) {
   #nav{
   }
#nav ul li{
   padding : 0;
   width : 33%;
}
#m400,#nav img.img{
   display:inline;
}
#nav img.img{
   padding : 30px 0px 0px;
   line-height : 1;
}
}
/*------------
  footer
--------------*/
footer{
   margin: auto;
   padding : 10px 0px 50px;
   font-weight : bolder;
   color : white;
   text-align : center;
   clear : both;
}
.banner{
   max-width : 960px;
   width : 100%;
   margin: auto;
   padding: 0;
}
@media screen and ( max-width: 1000px ) {
   .banner{
   width: 95%;
}
}
/*------------
  section
--------------*/
section{
   width : 100%;
   margin: 0;
   padding: 0;
   clear : both;
}
div.intr{
   width : 100%;
   margin : 0;
   padding : 100px 0px 10px;
}
@media only screen and (max-width: 1000px) {
   div.intr{
   padding : 25px 0px;
}
}
/*------------
  s09
--------------*/
#s09{
   margin: auto;
   padding : 0;
   color : white;
   width: 95%;
   max-width : 960px;
}
#s09 h5{
   margin: auto;
   padding : 0px 0px 20px;
   font-size : 180%;
   font-weight : bolder;
   text-align : center;
   width : 95%;
   max-width : 500px;
}
#s09 table{
   margin: auto;
   padding : 0px 0px 20px;
   width : 80%;
   max-width : 500px;
}
#s09 table td{
   padding : 5px;
   vertical-align : top;
   line-height : 1.1;
}
#s09 p{
   margin: auto;
   padding : 0px 0px 20px;
   width : 80%;
   max-width : 500px;
}
@media only screen and (max-width: 1000px) {
   #s09{
   float : none;
   width : 100%;
}
}
/*------------
  s07
--------------*/
#s07{
   color : white;
}
#s07 div.intr{
   padding : 50px 0px 0px;
   line-height: 0px;
}
#s07 h5,#s07 p,#s07 h6{
   margin : 0px auto 15px;
   padding : 0;
   width : 100%;
   max-width : 580px;
   line-height : 1.5;
   text-align : center;
}
#s07 h5{
   font-size : 180%;
   font-weight : bolder;
}
#s07 h6{
   font-size : 130%;
   font-weight : bolder;
   color : navy;
   margin-top : auto;
   line-height : 1.2;
}
#s07 p{
   font-size : 110%;
   font-weight : bold;
}
#s07 img{
   max-width : 100px;
}
#s07 .tel{
   display:none;
}
#s07 ul.tel{
   margin : 0px 0px 15px;
   padding : 0;
   text-align:center;
}
#s07 ul.tel li{
   margin : 0;
   padding : 10px;
   display: inline;
   text-align : center;
   font-size : 30%;
}
.box{
   width : 100%;
   margin : auto auto 20px;
   padding : 0px;
   background : none 0% 0% / auto auto repeat scroll padding-box border-box #ffd7d7;
   
}
.box p{
   width : 95%;
   margin : auto auto 15px;
   padding : 5px 2.5%;
   font-weight : bold;
   background-color : #ff3535;
   color : white;
   font-size : 105%;
}
@media only screen and (max-width: 1000px) {
   #s07 div.intr{
   padding : 50px 0px 0px;
}
#s07 .tel{
   display: block;
}
.box p{
   font-weight : normal;
   font-size : 90%;
}
}
.bg01{
	   background: none 0% 0% / auto auto repeat scroll padding-box border-box #ffd7d7;
}
.bg01 p{
	   background : none 0% 0% / auto auto repeat scroll padding-box border-box #800000;
}
.bg02{
	   background : none 0% 0% / auto auto repeat scroll padding-box border-box #c4e1ff;
}
.bg02 p{
	   background : none 0% 0% / auto auto repeat scroll padding-box border-box #0080ff;
}
.bg03{
	   background : none 0% 0% / auto auto repeat scroll padding-box border-box #dceded;
}
.bg03 p{
	   background : none 0% 0% / auto auto repeat scroll padding-box border-box #408080;
}
.bg04{
	   background : none 0% 0% / auto auto repeat scroll padding-box border-box #ebebeb;
}
.bg04 p{
	   background : none 0% 0% / auto auto repeat scroll padding-box border-box #3d3d3d;
}
.bg02 p.int,.bg01 p.int{
	background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
   font-size : 80%;
   font-weight : normal;
   color : #282828;
   background-color : #c4e1ff;
   padding: 0;
   margin : 3px auto auto;
   width : 97%;
   line-height : 1.25;
}
.bg01 p.int{
	background-color : #ffd7d7;
}
.bg02 p.int span,.bg01 p.int span{
   font-size : 120%;
   font-weight : normal;
}
#nav .sns2{
   margin: 0;
   padding : 0px;
   width : 100%;
}
#nav .sns2 ul{
   margin : 5px 0px 0px;
   padding : 0;
   text-align : center;
}
#nav .sns2 ul li{
   margin : 0px 0px 0px 3px;
   padding : 0;
   display : inline-block;
   width : 150px;
}
#nav .sns2 ul li img{
   width : 150px;
   border-radius: 10px;
}
@media only screen and (max-width: 1000px) {
#nav .sns2 ul li{
   width : 100px;
}
#nav .sns2 ul li img{
   width : 100px;
}
}
form#mail_form div.bg01 input.dom{
   max-width : 120px;
   height : inherit;
   width : auto;
   font-weight : bolder;
   text-align : center;
}