@charset "utf-8";
/* -------------------- */
/* 1.共通
/* -------------------- */
/* ボックスサイズの計算方法を指定 */
*{
	box-sizing:border-box;
}

/* ページ全体の基本スタイル */
body{
	color:#4d4d4d;
	font-size:14px;
	font-family:メイリオ,Meiryo,"ヒラギノ角ゴ pro w3","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif;
	line-height:1.6;
}

/* リンクの基本スタイル */
a{
	color:#007de1;
	transition:0.5s;
}

/* リンクにマウスが乗った時のスタイル */
a:hover{
	opacity:0.7;
}

/* 画像の基本スタイル */
img{
	vertical-align:bottom;
}

/* 3等分で横並び */
.col-4{
width:33.33%;
}

/* 写真のフレーム */
.photoframe{
border:1px solid #eeeeee;
border-radius:4px;
box-shadow:1px 1px 1px #999999;
padding:15px;
}

/* 段落の基本スタイル */
p{
paddin-bottom:1.5em;
}

/* 2等分で横並び */
.col-6{
width:50%;
}

/* -------------------- */
/* 2.レイアウト
/* -------------------- */
/* ページ全体を囲む枠 */
#wrapper{
	margin:0 auto;
	width:960px;
}

/* -------------------- */
/* 3.ヘッダー
/* -------------------- */
/* エリア外枠のスタイル */
header{
	padding-top:15px;
	padding-bottom:25px;
}
/* 見出しのスタイル */
h1{
	color:#999999;
	font-size:12px;
	font-weight:normal;
	margin-bottom:15px;
}
/* ロゴのスタイル */
#header-logo img{
	width:250px;
	height:45px;
}

/* -------------------- */
/* 4.グローバルナビゲーション
/* -------------------- */
/* エリア外枠のスタイル */
#gNav{
margin-bottom:25px;
}

/* メニューリストを囲む枠 */
#gNav ul{
display:-weblit-flex;  /* safari用*/
display:flex;
}

/* メニューリストの共通スタイル */
#gNav li{
border-left:1px solid #66cdaa;
height:45px;
text-align:center;
width:25%;
}

/* 一番右のメニューリストのスタイル */
#gNav li:last-child{
border-right:1px solid #66cdaa;
}

/* メニューリストのリンクスタイル */
#gNav a{
color:#4d4d4d;
display:block;
font-size:13px;
height:45px;
line-height:3;
text-decoration:none;
}

/* メニューにマウスを乗せた時のスタイル */
#gNav a:hover{
background-color:#66cdaa;
}

/* 現在ページのメニュースタイル */
#gNav .current-menu-item a{
background-color:#006400;
color:#ffffff;
}

/* -------------------- */
/* 5.コンテンツ
/* -------------------- */
/* エリア外枠のスタイル */
#contents{
margin-bottom:60px;
}

/* エリア内枠のスタイル */
#contents .inner{
margin-bottom:25px;
}

/* 中見出し */
h2{
background-color:#228b22;
color:#ffffff;
font-size:18px;
margin-bottom:25px;
padding: 0.5em 1em;
}

/* 小見出し */
h3{
border:1px solid #eeeeee;
border-radius:4px;
box-shadow:1px 1px 1px #999999;
font-weight:bold;
margin-bottom:25px;
padding:0.2em 1em;
}

/* 事業内容のボックス */
.biz-box{
padding:0 25px;
margin-bottom:40px;
}

/* 事業内容の見出し */
.biz-box h3{
text-align:center;
}

/* 事業内容の画像 */
.biz-box img{
width:100%;
margin-bottom:25px;
}

/* -------------------- */
/* 6.フッター
/* -------------------- */
/* エリア外枠のスタイル */
footer{
background:#006400;
color:#ffffff;
padding:25px;
display:-weblit-flex;  /* safari用*/
display:flex;
}

/* エリア左側のボックス */
#footer-left{
width:300px;
}

/* エリア右側のボックス */
#footer-right{
width:610px;
}

/* ロゴ */
#footer-logo img{
width:180px;
height30px;
}
/* 著作権表記 */

#copyright{
font-size:10px;
text-align:right;
display:block;
}
/* -------------------- */
/* 7.フッターナビゲーション
/* -------------------- */
/* エリア外枠のスタイル */
#fNav{
margin-bottom:30px;
}

/* メニューリストを囲む枠 */
#fNav ul{
display:-weblit-flex;  /* safari用*/
display:flex;
width:320px;
margin-left:auto;

}

/* メニューリストの共通スタイル */
#fNav li{
padding:0 15px;
border-right 1px solid #ffffff;
}

/* 一番最後のメニュー */
#fNav li:last-child{
border-right none;
padding-right:0;
}

/* メニューリンクの共通スタイル */
#fNav a{
color:#ffffff;
text-decoration:none;
}

/* メニューリンクにマウスを乗せた時のスタイル */
#fNav a:hover{
background-color:#ffffff;
color:#66cdaa;
opacity:1;
}

/* -------------------- */
/* 8.indexページ専用スタイル
/* -------------------- */
/* メインビジュアル */
#main-visual{
width:100%;
}

/* 新着情報のリスト */
#news li{
border-bottom:1px dotted #aaaaaa;
padding:0.2em;
}

/* 事業内容の枠 */
#our-business{
display:-webkit-flex;  /* safari用*/
display:flex;
-webkit-flex-wrap:wrap;  /* safari用*/
flex-wrap:wrap;

}

/* -------------------- */
/* 9.featuresページ専用スタイル
/* -------------------- */

/* -------------------- */
/* 10.databookページ専用スタイル
/* -------------------- */
/* databookのテーブル */
#databook{
margin:0 auto;
width:80%;
}

/* databookのテーブルセル */
#databook th, #databook td{
border:1px solid #228b22;
padding:1em;
}

/* databookのテーブルセルのうち見出しセル */
#databook th{
white-space:nowrap;
background-color:#228b22;
color:#ffffff;
border-bottom: 1px solid #ffffff;
}

/* 最終行の着色 */
#databook tr:last-child th{
border-bottom:1px solid #228b22;
}


/* -------------------- */
/* 11.contactページ専用スタイル
/* -------------------- */