@charset "UTF-8";
#content-footerMenu{
    position: fixed;  
    top: 0;  
    left: 0;
    z-index: 1000;
    width: 100%;
}

* html div#bodyWrap{  
    height: 100%;  
    overflow: auto;
}

#pageWrap{
	margin: 0 5%;
}

#pageWrap p{
	color: #fff;
	font-size: 116%;
}

#mainWrap{
    background-color: #000;
}


#mihira-mainBg {
    background-color: #000;
    text-align:left;
    min-height: 100%;
}

#haeBg,#mawashiBg,#nishiBg,#othersBg {
    background-color: #000;
    text-align:left;
    height:auto;
}

#pageh1Box {
    background-color: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#50000000,EndColorStr=#50000000);
    display: inline-block;
    text-align: center;
}

#pageh1Box h1 {
    padding: 10px 15px 5px 15px;
    font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ 明朝",serif;
    color: #fff;
    font-weight: bold;
    font-size: 182%;
}

#pageh1Box h1 a{
    color: #fff;
}

#pageWrap h2{
font-weight: bold;
margin-bottom: 15px;
font-size: 240%;
border-bottom: 1px solid #fff;
color: #fff;
padding: 8% 0 8px 0;
}


#aboutsite01{
	width: auto;
}

#aboutsite02 .Innertext{
	width: auto;
	padding: 0;
}

#aboutsite02{
	padding: 15px 0;
}

.aboutsitetop{
    margin: 0 auto;
    padding:0 0 50px;
    text-align: center;
}

.aboutsitettl{
    font-weight: bold;
    margin-bottom: 15px;
    font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ 明朝",serif;
    font-size: 240%;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 8% 0 8px 0;
}

.aboutsitecap{
    color: #fff;
    font-size:120%;
    line-height: 2;
    text-align: left;
}

.aboutsitecap p{
    color: #fff;
    margin-bottom: 15px;
}

.aboutsite-border{
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #fff;
}

#suisho{
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px dotted #999;
    margin-top: 10px;
}

#suisho p{
    margin-bottom: 5px;
}
#suisho ul{
    padding-left: 10px;
}
#suisho ul li{
    color: #FFF;
}
#suisho ul li a, #suisho ul li a:link, #suisho ul li a:visited, #suisho ul li a:active{
    color: #FFF;
    text-decoration: underline!important;
}
#suisho ul li a:hover{
    color: #FFF;
    text-decoration: none!important;
}

.aboutsite-border li{
    color: #fff;
    line-height: 1.3;
}

.aboutsite-border li:first-child{
    margin-bottom: 10px;
}

.Innertext {
    width:90%;
    margin:0 auto;
}

.tcenter{
    text-align: center;
    margin: 0 auto;
}

.tleft{
    text-align: left;
}

.Innertext h2 {
    font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ 明朝",serif;
    font-size:182%;
    color:#fff;
    padding:3.5% 0 8px 0;
    margin-bottom: 2%;
    border-bottom:1px solid #fff;
}

.Innertext dt{
    color: #fff;
    font-size:130%;
    padding: 0 0 5px 0;
}

.Innertext dd{
    color: #fff;
    font-size:116%;
    padding: 0 0 10px 15px;
}

.aboutsitetop td,.aboutsitetop th{
    color: #fff;
    font-size: 120%;
    text-align: left;
    vertical-align: top;
    padding: 5px 0;
}

#link h3 {
    font-size: 140%;
    color: #fff;
    padding: 5px 0 10px 0;
    text-align: left;
}

#link p{
    color: #fff;
    font-size:116%;
}

.samplebnr{
    width: 300px;
    background: #333;
    color: #fff;
    border: 2px solid #666;
    text-align: center;
    margin: 0 auto 10px auto;
    padding: 20px 0;
}

#aboutsite02 dl{
    float: left;
    width: 85%;
}

.b-p40{
    padding-bottom: 40px;
}

.aboutsiteico{
    float: left;
    padding-left: 15px;
}

.officecontact{
    text-align: center;
    margin: 0 auto;
}

.officecontact ul li{
    margin-bottom: 15px;
}

.officecontact p{
    color: #fff;
    font-size:116%;
}

.contactbtn a{
    display: inline-block;
    color: #000;
    padding: 10px 30px;
    font-size:120%;
    text-align: center;
    margin: 25px auto;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3);
}
.contactbtn a:hover{
    display: inline-block;
    text-decoration: none;
    background:#666;
    color: #ccc;
}

.sitemapset h3{
	padding:10px 0 5px;
    font-size:140%;
    text-align: left;
}

.sitemapset ul{
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.sitemapset li{
	float:left;
    padding: 0 0 10px 15px;
    font-size: 14px;
    color:#fff !important;
}

.sitemapset li ul{
    padding: 12px 10px 0 10px;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #fff;
    width:95%;
}

.sitemapset li li{
    float: left;
    padding: 0 0 10px 15px;
    font-size: 12px;
}

#SP-content-footerMenu{
    display: none;
}
.sitemapset dl {
	margin:0 0 12px;
    padding: 12px;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #fff;
    width:95%;
    text-align:left;
}
.sitemapset dl dt {
    padding:10px 0 5px;
    font-size: 14px;
    color:#fff !important;
    display: block;
    clear:both;
}
.sitemapset dl dd {
    display: inline-block;
    padding: 0 0 10px;
    font-size: 12px;
}


/* ExtraSmall devices (tablets, 767px and down) */

@media (max-width: 767px) {

    .aboutsitetop{
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    #SP-content-footerMenu{
        display: block;
        position: fixed;
        z-index: 1000;
    }

    #SP-scrollbox{
        display: none;
    }

}



/* ExtraSmall devices (tablets, 640px and down) */

@media (max-width: 640px) {

    .aboutsitettl{
        font-weight: bold;
        margin-bottom: 15px;
        font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ 明朝",serif;
        font-size: 160%;
        border-bottom: 1px solid #fff;
        color: #fff;
        padding: 8% 0 8px 0;
    }

    #aboutsite01,.section{
        overflow: scroll;
    }

    .aboutsiteico{
        float: left;
        padding-left: 1%;
        width: 14%;
    }

    .aboutsiteico img{
        width: 100%;
    }

    .scroll-first,.scrolls{
        display: none;
    }

    #SP-content-footerMenu{
        display: block;
        position: fixed;
        z-index: 1000;
    }

    #SP-scrollbox{
        display:block;
        width: 100%;
    }

    #SP-scrollbox li{
        width: 50%;
        float: left;
        text-align: center;
        background-color: rgba(255,255,255,0.6);
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#60ffffff,EndColorStr=#60ffffff);
        padding: 3% 0;
    }

    #SP-scrollbox li:hover{
        background-color: rgba(255,255,255,0.4);
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#40ffffff,EndColorStr=#40ffffff);
    }

    #SP-scrollbox li:first-child{
        background-color: rgba(255,255,255,0.4);
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#40ffffff,EndColorStr=#40ffffff);
    }

    #SP-scrollbox li:first-child:hover{
        background-color: rgba(255,255,255,0.6);
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#60ffffff,EndColorStr=#60ffffff);
    }

    #SP-scrollbox li a{
        display: block;
    }

    #SP-scrollbox li img{
        width: 20%;
    }

    #aboutsite01,.aboutsitetop{
        background-position: 50% 50% ;
        z-index: 1;
        text-align: center;
        margin: 0 auto;
        min-height: 100%;
        height: auto ;
        background-size: cover;
        position: relative;
	width: auto;
    }

    .pageScroll {
        position: absolute;
        bottom: 40px;
        width: 100%;
        text-align: center;
    } 

}



@media (max-width: 1024px) {
    .content-navi li{
        float: right;
        width: 33% !important;
    }

}