@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('jquery.bxslider.min.css');
@import url('validationEngine.jquery.css');

/*
 * 共通
 */
body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background-image: url("../image/body-background.jpg");
  background-attachment: fixed;
  color: #000000;
}

.base-layer {
  overflow: hidden;
}

table {
  font-size: 1em;
}

table th {
  font-weight: normal;
}

span.required {
  color: #F04124;
}

.container {
  background-color: rgba(255,255,255,0.95);
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
  padding-top: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 120%;
}

.header .container {
  background-color: rgba(255,255,255,0.0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.container-fluid .container {
  background-color: rgba(255,255,255,0.0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.footer .container {
  background-color: rgba(255,255,255,0.0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.page-title {
  font-size: 150%;
  font-weight: bold;
  border-left : solid 5px #446E9B;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.page-contents {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  min-height: 300px;
}

.contents {
  margin-bottom: 15px;
}

.contents-title {
  font-size: 120%;
  font-weight: bold;
  border-bottom: solid 1px #446E9B;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.contents-textarea {
  padding-top: 0px;
}

.contents-textarea p {
  line-height: 180%;
}

.contents-textarea li {
  line-height: 180%;
}

.contents-image {
  width: 50%;
  margin-top: 10px;
}

.contents-video {
  margin-top: 10px;
}

.sub-contents {
  margin-bottom: 30px;
  margin-left: 20px;
}

.sub-contents-title {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}

strong.bigger {
  font-size: 130%;
}

strong.important {
  color: #FE642E;
}

img.mascot-ss {
  height: 150px;
  margin-bottom: 10px;
}

/*
 * 箇条書きの位置調整
 */
ul.itemized-text {
  padding-left: 1em;
}

/*
 * フォーム項目
 */
input.form-control {
  height: 32px;
  padding-left: 5px;
}

textarea.form-control {
  padding-left: 5px;
  padding-top: 5px;
}

select.form-control {
  height: 32px;
  padding-left: 1px;
  padding-top: 3px;
}

/*
 * margin 除去
 */
.margin-none {
  margin: 0px;
}
.margin-left-none {
  margin-left: 0px;
}
.margin-right-none {
  margin-right: 0px;
}
.margin-top-none {
  margin-top: 0px;
}
.margin-bottom-none {
  margin-bottom: 0px;
}

/*
 * padding 除去
 */
.padding-none {
  padding: 0px;
}
.padding-left-none {
  padding-left: 0px;
}
.padding-right-none {
  padding-right: 0px;
}
.padding-top-none {
  padding-top: 0px;
}
.padding-bottom-none {
  padding-bottom: 0px;
}

/*
 * コンテンツタイトル
 */
i.topic {
  color: #345578;
  font-size: 120%;
  margin-right:5px;
}

/*
 * ヘッダー
 */
#header {
  background-color: rgba(255,255,255,0.95);
  padding-top: 10px;
  overflow:auto;
}

#header-left {
}

#header-left img.logo {
  margin-top: 0px;
}

#header-left p.message {
  font-size: 90%;
  margin-top: 10px;
}

#header-right p.message {
  font-size: 80%;
  margin-top: 10px;
}

.header-company-name {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  font-size: 150%;
  font-weight: bold;
  font-family: "メイリオ";
}

.header-tel {
  padding-left: 20px;
  padding-bottom: 10px;
}

.header-tel .tel-number {
  font-size: 140%;
  font-family: "arial black";
  color: #CD0505;
}

.header-tel .tel-number rt {
  font-size: 50%;
  font-weight: bold;
}

nav.navbar-inverse {
  background: #66cc99;
  border: none;
}

/*
 * フッター
 */
#footer {
  background-color: rgba(255,255,255,0.95);
  border-top: dotted 1px #446E9B;
  font-size: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  overflow:auto;
}

#footer .copyright {
  text-align: center;
  padding-top: 10px;
}

#footer ul.footer-sitemap {
  padding-left: 0px;
}

#footer ul.footer-sitemap li {
  list-style-type: none;
  margin-bottom: 0.5em;
}

#footer img.logo {
  padding-bottom: 10px;
}

#footer .tel-number {
  font-size: 200%;
  font-family: "arial black";
  color: #CD0505;
}

/*
 * ナビゲーションバー
 */
#navbar-main {
  font-size: 100%; 
}

#navbar-sub {
  font-size: 90%; 
}

#navbar-sub li {
  padding: 0px !important;
}


/*
 * トップページ
 */
.main-img {
  margin-top:20px;
  margin-bottom:20px;
}

.sns-box {
  min-height: 300px;
  padding-bottom: 30px;
}

.sns-box .sns-title {
  font-size: 130%;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: dotted 1px #446E9B;
  font-family: "arial black";
}

.sns-box .sns-title .icon-facebook {
  color: #315096;
}

.sns-box .sns-title .icon-twitter {
  color: #55acee;
}

.tel-number-box {
  font-size: 180%;
  font-family: "arial black";
  color: #B40404;
}

.tel-number-box rt {
  font-size: 50%;
  font-weight: bold;
}


/*
 * 会社情報
 */
.table-profile th {
  background-color: rgba(235,235,235,1.0);
}

.table-profile td {
  background-color: rgba(255,255,255,1.0);
}

/*
 * サイトマップ
 */
ul.sitemap {
  padding-left: 20px;
}

ul.sitemap li {
  list-style-type: none;
  margin-bottom: 0.5em;
}

/*
 * お問い合わせ
 */
.confirm-box {
  background-color: rgba(255,255,255,1.0);
  border: solid 1px #446E9B;
  padding-top: 20px;
  margin-bottom: 20px;
}

/*
 * エラーページ
 */
.error-message {
  color: #FF0000;
}

table.profile-table {
  text-align: left;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
}
table.profile-table th {
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #EFEFEF;
}
table.profile-table td {
  padding: 10px;
  vertical-align: top;
  background: #ffffff;
}

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  }
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.index-box {
  margin: 5px;
  border: solid 1px #808080;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.box-body {
  padding-top:10px;
  padding-bottom:10px;
}

.title{
  padding:10px 10px;
  background: #f1f8fe;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f8fe), to(#5ab0f9));
  background: -moz-linear-gradient(top, #f1f8fe, #5ab0f9);
  background: -o-linear-gradient(top, #f1f8fe, #5ab0f9);
  background: -ms-linear-gradient(top, #f1f8fe, #5ab0f9);
  background: linear-gradient(top, #f1f8fe, #5ab0f9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f8fe', endColorstr='#5ab0f9');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f8fe', endColorstr='#5ab0f9')";
  background: linear-gradient(top, #f1f8fe, #5ab0f9);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  zoom: 1;
}

.title h2,h3{
  font-size: 110%;
  font-weight: bold;
  margin: 0px;
}

.box p {
  padding: 5px;
  margin: 5px;
} 

.picture-image {
  margin-bottom: 10px;
}

.contact-button {
  text-align: center;
}

.button {
  position: absolute; 
  left: 270px;
  bottom: 5px;
  margin: 5px; 
}

.product-box {
  min-height: 400px;
  border: solid 1px #808080;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.image-shadow {
  display: inline-block;
  box-shadow: -5px 5px 15px 0px rgba(0, 0, 0, 0.8);
  margin: 2px; 
}

.text-red {
  color: #ff0000;
}

.text-salvia-blue {
  color: #94adda;
}

.text-purple {
  color: #a54da6;
}

.text-light-green {
  color: #4abe6c;
}

.text-orange {
  color: #ff822c;
}