body{ padding:0; color: #454545; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;}
/* body{ padding:0; color: #454545; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;} */
a,a:hover{text-decoration:none;}
h2{font-size: 20px; color:#323232; text-rendering: optimizelegibility; }
h3{color:#FE5214; text-rendering: optimizelegibility; }
h1{padding:0px; font-weight: 200;font-size: 50px;color: #000;margin: 0;font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;text-rendering: optimizelegibility;}
.debug{ border:1px solid #FFCC33;}
h1.brand {
    background: none repeat scroll 0 0 #299A0B ;
    border-radius: 86% 86% 86% 86%;
    box-shadow: 0 0 4px #000000;
    color: #FFFFFF;
    font-size: 41px;
    height: 100px;
    line-height: 81px;
    margin: -87px auto 0;
    padding: 75px 0 0;
    text-shadow: 1px 1px 0 #000000;
    width: 222px;
}

.span3.logo {
    padding: 10px 0 0 0;
}

.clr{clear:both}
.cntr{text-align:center}
.navbar{color: #fff; margin:0; position:relative }
.navbar .nav, .navbar .nav > li{float:none; text-align:right; margin-left:25px;}
.nav li{display:inline-block; float:none;}
.nav a {padding: 3px 18px;font-size: 18px; display: inline-block; color:#3a494c; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover, .navbar .nav>li>a.active {
  color: #f29600;
  text-decoration: none;
  background-color: transparent;
  border-radius: 0px;
}
.navbar .name {
    text-align: right;
    margin-right:20px;
}
p {font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;}

#navCompanySection, #navContactSection, #navConceptSection, #navAccessSection{padding: 40px;}

#companySection{ padding:70px 0 ; text-align: center; }
#companySection  p {
    color: #fff;
    font-size: 19px;
    line-height: 27px;
    margin: 70px 0;
}

#companySection .span6, #contactSection .span6, #conceptSection .span6, #accessSection .span6{ float:none; margin:0 auto; text-align:center;}

#companySection table{
    color: #000;
    margin: 0 auto;
    margin-top: 60px;
    text-align: left;
}
#companySection table th,
#companySection table td{
    padding: 10px;
}

#conceptSection{ padding:70px 0 ; text-align: center; }
#conceptSection  p {
    color: #000;
    font-size: 20px;
    line-height: 27px;
    margin: 70px 0;
}

#accessSection{ padding:70px 0 ; text-align: center; }
#accessSection .map{ padding-top:70px ; text-align: center; }
#accessSection  p {
    color: #000;
    font-size: 14px;
    line-height: 27px;
/*
    text-align: left;
    width: 35%;
    margin: 20px auto;
*/
    margin-top: 20px;
    white-space: nowrap;
}

#contactSection{ text-align:center; padding:70px 0 0;}
#contactSection .container{ text-align:center; padding:70px 0 0 0;}
#contactSection .span8{ float:none; margin:0 auto;}
#contactSection h1{ text-transform:uppercase; padding:0;font-size:60px;}
#contactSection p {
    color: #000;
    font-size: 19px;
    line-height: 27px;
    margin: 70px 0;
}


#headerSection { padding:14px 0 20px; background: #fff;}
#welcomeSection{padding:44px 0}
#headerSection {display: inline-block;width: 100%;position: fixed; z-index: 100;}
.blockDtl {text-align:center}
.blockDtl:hover{color:#FE5214}
#shadow{ min-height:44px; padding:18px 0; text-align:center}

#carouselSection{
background-image: url("../img/mainvisual.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
margin:0 auto;
padding: 140px 0 31px;
color:#eee;
}
#carouselSection .container{padding: 70px 0;}
#carouselSection .container h2{color: #F2F2F2;}
#carouselSection #myCarousel{margin-bottom:0}
#myCarousel .carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
#myCarousel .carousel .active.left {left:0;opacity:0;z-index:2;}
#myCarousel .carousel .next {left:0;opacity:1;z-index:1;}
.carousel-control {color: #000;}
.carousel-control:hover {color: #000;}

.inner{margin-bottom:38px;}
.blogBlk{background:#fff; display: block;padding: 28px;line-height: 1.6em;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


.footerSection{ margin-top: 200px; color:#fff;}

.footerSection .navbar {margin-top:13px; position:relative;}
.footerSection .navbar a {color:#fff; }
.footerSection .navbar .nav, .navbar .nav > li{float:none; text-align:center; margin-left:25px;}
.footerSection .navbar .bar{font-size: 25px;}


#headerSection .btn.btn-navbar {
width: 100%;
text-align: center;
border: 0;
margin: 0;
border-radius: 0;
}
#headerSection  .navbar .btn-navbar .icon-bar {
width: 100%;
height: 2px;
}
.blockDtl{background:#fff; padding: 10px 0; }

.carousel-control {
    background: none;
    border: none;
}

.btn-primary {
color: #fff;
background: #f09600;
padding: 30px 110px;
white-space: nowrap;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color:#fff;
    background:#00693e;
}

@media (max-width: 600px){
#headerSection .btn.btn-navbar {
display: block;}

.nav-collapse .nav>li {
float: none;
display: block;
text-align: left;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color: #FC3C00;
border-bottom: 0;
}
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 30px;
}
.pagetop a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 20px 10px;
}

.pagetop a:hover {
    display: block;
    text-align: center;
    text-decoration: none;
    padding:20px 10px;
}