@charset "utf-8";
/* CSS Document */


/* 共通設定 
--------------------------*/
body {
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	background-image: none;
	padding-bottom: 0;
}

/* 個別設定のフォントを無効化 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar-brand,
.popover-title,
.shop-product h5 {
  font-family: inherit;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 10px;
	color: #698C00;
}

/* フォントサイズ */
h1{font-size:18px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
h1 .small{font-size:16px;}
h2 .small{font-size:16px;}
h3 .small{font-size:14px;}
h4 .small{font-size:14px;}

/* bootstrap が色を変えてるので */
footer .small {
	color: inherit;
}

/* リンクカラー */
a,
a:hover, 
a:focus {
	color: #006600;
}

/* リスト左マージンが多すぎるので */
ul {
	padding-left: 30px;
}




/* インデント（マージン調整版） */
.indent {
	margin-left: 20px;
}
.indent2 {
	margin-left: 40px;
}
.indent3 {
	margin-left: 60px;
}

/* インデントボックスをTinyMCE内では点線で表示させる */
#editor div.indent,
#editor div.indent2,
#editor div.indent3 {
	border: dashed 1px #CCC;
}

/* フォトギャラリーをTinyMCE内では点線で表示させる */
#editor div.gallery {
	border: dashed 1px #CCC;
}



/* エラーメッセージ用 */
.txt_error {
	color: #CC0000;
}
/* 必須項目 */
.txt_require {
	color: #B20000;
}


/* QRコード等ボタン */
.btn-success {
	color: #fff;
	background-color: #698C00;
	border-color: #698C00;
}


/* タイポグラフィ 
--------------------------*/

/* 行間調整 */
.gyokan_00 {
	margin-bottom: 0;
}
.gyokan_10 {
	margin-bottom: 10px;
}
.gyokan_20 {
	margin-bottom: 20px;
}
.gyokan_30 {
	margin-bottom: 30px;
}
.gyokan_40 {
	margin-bottom: 40px;
}


/* 記事内の見出しはライン付き */
article h2 {
	border-bottom: solid 2px #D2DCB2;
}
article h3 {
	border-bottom: dotted 1px #D2DCB2;
}
article h4 {
	border-left: solid 4px #D2DCB2;
	padding-left: 6px;
}


/* 1行のみは下マージン不要 */
.single_line {
	margin-bottom: 0;
}




/* マテリアルデザイン 
--------------------------*/

/* ペーパーシャドウ */
nav,
.slider,
.paper_shadow {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}



/* トップページ 
--------------------------*/

/* マストヘッド */
.masthead {
	height: 6px;
	background-color: #698C00;
}

/* ナビゲーションバー */
.navbar-brand {
	width: 280px;
	padding: 10px;
}
.navbar {
	min-height: 80px;
	margin-bottom: 0;
}
.navbar-nav {
	margin: 15px 0;
}
.navbar-default {
	background-color: #FFFFFF;
}
.nav > li > a {
	padding: 15px 15px;
}
.nav > li > a:hover {
	background-color: #e7e7e7 !important;
}

.navbar-toggle {
	margin-right: 20px;
	margin-top: 23px;
	margin-bottom: 23px;
}



/* スライダー */
.slider {
	background-color: #D2DCB2;
}
/* スライダー */
.theme-default .nivoSlider {
	margin-bottom: 0;
}


/* リード */
.lead {
  padding: 30px 15px;
  text-align: center;
	margin-bottom: 0;
}
.lead h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0;
}


/* ヘッドライン */
.headline {
	font-size: 18px;
	font-weight: bold;
}



/* ブロックアイテム */
.block {
	margin-bottom: 30px;
}
/* ブロックアイテムの見出し */
.item {
	background-color: #698C00;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
}


/* 主な営業種目 */
#business .thumbnail,
article .thumbnail {
	background-color: #EEEEEE;
	padding: 0;
	border-radius: 0;
	border: none;
	max-width: 300px;
}
#business .thumbnail h3,
article .thumbnail h3 {
	color: #333;
	text-align: center;
	margin-bottom: 0;
	line-height: 1;
	border: none;
}


/* 主な技術 */
#technical .label,
.technical_tag .label {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	line-height: 2.3;
	background-color: #DDE5C5;
	padding: 5px 10px;
}



/* お問い合わせ */
#contact {
	background-color: #EEEEEE;
	text-align: center;
	padding: 10px 0;
}
#contact .glyphicon {
	color: #CCCCCC;
}


/* フッタ */
footer {
	background-color: #DDE5C5;
	padding: 10px 0;
}
footer .footnavi li {
	padding: 4px;
	line-height: inherit;
}


/* コピーライト */
#copyright {
	font-size: 12px;
	background-color: #698C00;
	color: #FFFFFF;
	padding: 4px 0;
}


/* 詳細ページ 
--------------------------*/

/* ページタイトル */
article .page_title {
	background-color: #D2DCB2;
	padding: 15px 0 10px;
	margin-bottom: 20px;
}
article .page_title h1 {
	line-height: 1;
	margin-bottom: 0;
	font-weight: bold;
}


/* テーブルの下のボーダーを追加 */
.table>tbody>tr>th, 
.table>tbody>tr>td {
	border-bottom: 1px solid #DDD;
}
.table>thead {
	background-color: #EEEEEE;
}


/* 施工事例ギャラリー背景はなし */
article .thumbnail {
	background-color: transparent;
}

/* 工事一覧 */
.history li {
	padding: 4px 0;
	border-bottom: dotted 1px #DDD;
}


/* googlemap スマホ時の左右マージン狭いので */
.googlemap {
	margin: 0 10px;
}



/* 小さいフォトギャラリー */
.gallery .img-circle, 
.gallery .img-rounded, 
.gallery .img-thumbnail {
	margin: 5px;
	float: left;
}
.gallery img {
	width: 100px;
	height: 100px;
}






/*
masthead 背景 #698C00

見出しテキストカラー #698C00
スライダー背景色 #D2DCB2
トップアイテム 背景色 #698C00
トップアイテム テキストカラー #FFFFFF
フォトギャラリー説明背景色 #EEEEEE
技術・資格のボックス 背景色 #EEEEEE
技術・資格のボックス ボーダーカラー #CCCCCC
技術・資格のボックス 背景色 #EEEEEE
お問い合わせ 背景色 #EEEEEE
フッタ 背景色 #DDE5C5
リンクテキストカラー #006600
コピーライト 背景色 #698C00

ページタイトル 背景色 #D2DCB2
見出しアンダーライン #D2DCB2
totopアイコンカラー #CCCCCC

注意赤字テキストカラー #B20000

*/