@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

*{font-family: 'Noto Sans Japanese', sans-serif;}

body div,
body p,
body span,
body strong,
body table td,
body table li,
body table a{
   font-family: 'Noto Sans Japanese', sans-serif;;
}

body table th{
   font-family: 'Noto Sans Japanese', sans-serif;;
   color:#000;
}

body strong{
  font-weight: 600; 
}


html, body {}

body{
    background:url(https://u.jimcdn.com/cms/o/s4b9a4f242f25935f/userlayout/img/back.gif?t=1453706785);
}

table{
   border-collapse:collapse;
   width:100%;
}

table th,
table td{
   vertical-align:top;
   text-align:left;
}

table th{
    font-family: 'Noto Sans Japanese', sans-serif;
    color:#000;
}

@media screen and (max-width: 580px){
table th,
table td{
     display:block;
     width:100%;
}

}

.inner{
    max-width:1000px;
    padding:0 10px;
    margin:0 auto;
    box-sizing:border-box;
}

/* headline
--------------------------------------------*/
#headline{
    padding:2px 20px;
    background:#D19358;
    color:#FFF !important;
    font-size:12px;
    text-align:center;
   line-height:1.0;
}

#headline span{
   line-height:1.0;
}

@media screen and (max-width: 769px){
#headline span{
   display:none;
}    
}

/* header
--------------------------------------------*/
#header{
    border-top:5px solid #f0f0f0;
    padding:20px 0 20px;
    margin:0;
    border-bottom:#900 solid 5px;
    background:#FFF;
    line-height:1.0 !important;
}

#header .inner{
     position:relative;  
}

#header #logo img{
    width:40%;
}

@media screen and (max-width: 769px){
#header #logo img{
    width:50%;
}
}

#headline{
     color:#15419A;
}

#telno{
     position:absolute; 
     bottom:-10px;
     right:10px;
     width:20%;
}

#telno img{
    width:100%;
    height:auto;
}

/* navigation
--------------------------------------------*/
#navigation{
}

#navigation .inner{
    background:#FFE1CE;
    background:linear-gradient(#FFE1CE 50%,#F7BFA7 50%,#FFE1CE 100%);
    border-right:1px solid #CCC;
    border-left:1px solid #CCC;
}

#navigation ul{
    display:table;
    list-style:none;
    padding:0;
    margin:0 auto;
    width:100%;
}

#navigation ul li{
    display:table-cell;
    padding:0;
    margin:0;
}

#navigation ul li a{
    display:block;
    padding:10px 0px;
    margin:0;
    color:#000;
    text-decoration:none;
    text-align:center;
    font-family: "Sei Kaisho CB1",sans-serif,"typesquare";
    font-size:16px;    
}

@media screen and (max-width: 769px){
#navigation ul li a{
    font-size:14px;
}

#navigation ul li:first-child{
    display:none;
}

}

#navigation ul li a:hover{
    background:linear-gradient(#CC6A56 50%,#AF3C1C 50%,#CC6A56 100%);
    color:#FFF;
    opacity:0.7;
}

#navigation ul li.cc-nav-current a,
#navigation ul li.cc-nav-parent a{
    background:linear-gradient(#CC6A56 50%,#AF3C1C 50%,#CC6A56 100%);
    color:#FFF;
}
#navigation .cc-nav-level-1,
#navigation .cc-nav-level-2{
    display:none;
}

/* container
--------------------------------------------*/
#container{
    padding:0;
    margin:0;
}

#container .inner{
    padding:20px 20px 40px;
    border:1px solid #ccc;
    background:#FFF;
}

/* sidemenu
--------------------------------------------*/

#sidemenu{
    border-bottom:1px solid #CCC;
    margin-bottom:30px;
}

#sidemenu ul{
    list-style:none;
    margin:5px 0 -1px;
    border-radius:3px;
    display:table;
    width:100%;
    box-sizing:border-box;
    padding:0 5px 0;
}

#sidemenu ul li{
    display:table-cell;
    padding:0 5px;
    margin:0;
}

#sidemenu ul li a{
    display:block;
    padding:7px 0px;
    margin:0;
    text-decoration:none;
    color:#000;
    border:1px solid #ccc;
    background:#FFF;
    font-weight:bold;
    border-radius:6px 6px 0 0;
/*    font-family: "Sei Kaisho CB1",sans-serif,"typesquare"; */
    line-height:1.0;
    text-align:center;
    font-size:14px;
}

@media screen and (max-width: 769px){
    #sidemenu{
       border:none;
    }

    #sidemenu ul li{
       display:inline-block;
       width:50%;
       box-sizing:border-box;
       padding:0;
    }

#sidemenu ul li a{
    border-radius:0;
}
}

#sidemenu ul li a:hover{
    opacity:0.5;
}

#sidemenu ul li.cc-nav-current a,
#sidemenu ul li.cc-nav-parent a{
    border-bottom:1px solid #FFF;
}

@media screen and (max-width: 580px){
    #sidemenu ul li{
       display:block;
       width:100%;
       box-sizing:border-box;
       padding:0;
    }
}

/* content
--------------------------------------------*/
#content{
    width:100%;
    box-sizing:border-box;
}

#content h1{
    color: #993300;
    line-height:1.0;
    text-align:center;
    margin-bottom:20px;
    font-family: "Sei Kaisho CB1",sans-serif,"typesquare";
}

#content h2{
    padding:10px 10px 8px;
    margin:0 10px;
    line-height:1.0;
    color:#555;
    font-family: "Midashi Min MA31",sans-serif,"typesquare";
    text-align:center;
    background:#FFE1CE;
}

#content h3{
    padding:5px 0 5px;
    margin:10px 0 10px;
    line-height:1.0;
    color:#333;
    border-bottom:3px solid #990000;
    font-family: "Midashi Min MA31",sans-serif,"typesquare";
}

body.cc-page-index #content{
    width:100%;
}

@media screen and (max-width: 580px){
.j-hgrid .cc-m-hgrid-separator{
    display:none;
}

.j-hgrid .cc-m-hgrid-column{
    display:block;
    width:100% !important;
}

}
/* footer
--------------------------------------------*/
#footer{
    background:#FFF;
    padding:10px 0 20px;
    line-height:1.5;
    border-top:5px solid #900;
    background-image: linear-gradient(-45deg, #F4F4F4 25%, #EAEAEA 25%, #EAEAEA 50%, #F4F4F4 50%, #F4F4F4 75%, #EAEAEA 75%, #EAEAEA);
    background-size: 4px 4px;
    
}

#footer div,
#footer p,
#footer a,
#footer span{
    color:#555;
}

#footer #company{
    width:auto;
    text-align:center;
    margin:0 auto;
}

#footer #footermenu ul{
   list-style:none;
   padding:0;
   margin:0;
   text-align:center;
}

#footer #footermenu ul li{
   display:inline-block;
   padding:0;
   margin:0;
}

#footer #footermenu ul li a{
   display:inline-block;
   padding:3px 10px;
   margin:0;
}



/*copyright
-----------------------------------------------------*/
#copyright{
    color:#FFF;
    background:#D19358;
    padding:2px 20px;
    text-align:center;
    font-size:12px;
}