@charset "UTF-8";

/*
赤
#980b00

黒
#212121
*/

body {
	min-width: 1020px;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-family: 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}


/* 共通
================================================== */

/* リンク
------------------------------ */

a {
	color: #212121;
	transition: All 0.4s ease;
}
a:hover {
	color: #980b00;
	text-decoration: none;
}
a img {
	transition: All 0.4s ease;
}
a:hover img {
	opacity: .6;
}


/* テーブル
------------------------------ */

table.def {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
table.def th {
	width: 40%;
	padding: 5px;
	color: #212121;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	border-left: 2px solid #980b00;
	background: #dcdcdc;
}
table.def td {
	padding: 5px;
	background: #f6f6f6;
}


/* リスト
------------------------------ */

ul.def {
	margin: 0 0 15px;
}
ul.def li {
	height: 30px;
	padding: 0 0 0 12px;
	line-height: 35px;
	border-bottom: 1px dotted #cfcfcf;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
	overflow: hidden;
}


/* 定義リスト
------------------------------ */

dl.def dt {
	margin: 0 0 5px;
	padding: 0 0 0 14px;
	font-weight: bold;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
}
dl.def dd {
	margin: 0 0 8px;
	padding: 0 0 0 25px;
}


/* バナー・ボタン
------------------------------ */

p.text-more {
	padding: 12px 0 0;
	text-align: right;
}
p.text-more a {
	padding: 0 0 0 12px;
	color: inherit;
	background: url(../images/common/ico_arrow02.png) left center no-repeat;
}


/* ページネーション
------------------------------ */

ul.pagenation {
	margin: 0 0 20px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
ul.pagenation li {
	width: 25px;
	margin: 0 3px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	display: inline-block;
}
ul.pagenation li.current {
	color: #fff;
	background: #980b00;
}
ul.pagenation li.dot {
	width: 15px;
	margin: 0 1px;
	border: none;
}
ul.pagenation li a {
	text-decoration: none;
	display: block;
}
ul.pagenation li a:hover {
	text-decoration: underline;
}


/* パンくずリスト
------------------------------ */

.breadcrumbs {
	height: 25px;
	margin: 0 0 15px;
	line-height: 25px;
	overflow: hidden;
}
.breadcrumbs li {
	display: inline-block;
}
.breadcrumbs a {
	margin: 0 3px 0 0;
	padding: 0 10px 0 0;
	background: url(../images/common/ico_arrow01.png) right center no-repeat;
}


/* ページ内リンク
------------------------------ */

.anchor-links {
	margin: 0 0 15px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
.anchor-links li {
	width: 30%;
	height: 35px;
	margin: 0 1% 10px;
	line-height: 35px;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	background: linear-gradient(#fff, #e3e3e3);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.anchor-links a {
	display: block;
}


/* クリアフィックス
------------------------------ */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/* ヘッダー
================================================== */

.top .site-header {
	height: 820px;
	background: url(../images/common/header_bg.png) center top no-repeat;
	position: relative;
	z-index: 20;
}
.lower .site-header {
	margin: 0 0 30px;
	height: 500px;
	background: url(../images/common/header_bg02.jpg) center top no-repeat;
}

.h-desc {
	margin: 0 0 30px;
	line-height: 20px;
	font-size: 13px;
	background: url(../images/common/h_desc_bg.png);
}
	.h-desc span {
		width: 960px;
		margin: 0 auto;
		display: block;
	}
.h-inner {
	width: 960px;
	margin: 0 auto 35px;
	overflow: hidden;
}
	.h-logo {
		float: left;
	}
	.h-right {
		float: right;
	}
		.rnav {
			margin: 0 0 4px;
			float: right;
			overflow: hidden;
		}
			.rnav li {
				margin: 0 0 0 8px;
				padding: 0 0 0 12px;
				background: url(../images/common/icon01.png) left center no-repeat;
				float: left;
			}
				.rnav li a {
					color: #000;
					font-size: 13px;
					text-decoration: none;
				}
				.rnav li a:hover {
					text-decoration: underline;
				}
		.h-contacts {
			overflow: hidden;
			clear: both;
		}
			.h-contacts li {
				float: left;
			}

	.h-nav {
		text-align: center;
		font-size: 0;
		letter-spacing: 0;
	}
		.h-nav li {
			display: inline-block;
			vertical-align: top;
		}

	.sub-visual img {
		margin: 0 auto;
		padding: 40px 0 0 460px;
		display: block;
	}

/* フッター
================================================== */

.site-footer {
	background: #980b00;
	clear: both;
}


/* グローバルナビ
------------------------------ */

.f-nav {
	height: 13px;
	padding: 25px 0;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
}
.f-nav li {
	padding: 0 10px;
	line-height: 13px;
	font-size: 13px;
	border-left: 1px solid #fff;
	display: inline-block;
	vertical-align: top;
}
.f-nav li:first-child {
	border: none;
}
	.f-nav li a {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	.f-nav li a:hover {
		text-decoration: underline;
	}


/* ホームへリンク・トップへリンク
------------------------------ */

.f-topnav {
	margin: 0 0 1px;
	background: #92CEEA;
	overflow: hidden;
}
.f-topnav li {
	width: 50%;
	text-align: center;
	float: left;
}
.f-topnav li a {
	padding: 10px 0;
	display: block;
}


/* コピーライト
------------------------------ */

.f-copy {
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	background: #212121;
	display: block;
}
.f-copy a {
	color: inherit;
}


/* ページトップへ戻る
------------------------------ */

/* css */
.backtotop {
	position: fixed;
	bottom: 0;
	right: -80px;
	z-index: 3000;
	transition: All 0.3s ease;
}
.backtotop.visible {
	right: 0;
}


/* コンテンツ
================================================== */

.top .site-body  {
	margin: -105px 0 0;
	position: relative;
	z-index: 10;
}

.lower .site-body {
	width: 960px;
	margin: 0 auto;
}

.main-contents {
	display: block;
}


/* 記事骨格
------------------------------ */

.item-box {
	margin: 0 0 50px;
}
.item-text {
	overflow: hidden;
}


/* 見出し
------------------------------ */

.item-title-h3 {
	margin: 0 0 20px;
	background: url(../images/common/h3_bg.jpg) right repeat-y;
}
.item-title-h3 span {
	padding: 6px 0 6px 12px;
	font-size: 18px;
	border-left: 2px solid #980b00;
	background: url(../images/common/h3_icon.jpg) left center no-repeat;
	display: block;
}

.item-title-h4 {
	margin: 0 0 20px;
	padding: 6px 4px 6px 15px;
	color: #212121;
	font-size: 15px;
	border-bottom: 1px dotted #212121;
	background: url(../images/common/ico_arrow01.png) 5px center no-repeat;
	clear: both;
}
* ~ .item-title-h4 {
	margin-top: 20px;
}


/* 記事サムネイル
------------------------------ */

img.thumb-left {
	max-width: 35%;
	height: auto;
	margin: 0 15px 15px 0;
	float: left;
}
img.thumb-right {
	max-width: 35%;
	height: auto;
	margin: 0 0 15px 15px;
	float: right;
}
img.thumb-center {
	max-width: 95%;
	margin: 0 auto 8px;
	display: block;
}
img.photo {
	padding: 2px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	box-sizing: border-box;
}


/* 記事情報
------------------------------ */

.post-data {
	height: 21px;
	margin: 0 0 15px;
	line-height: 21px;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
}
.post-data li {
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	font-size: 12px;
	border-right: 1px dotted #aaa;
	display: inline-block;
}
.post-data .item-date {
	margin: 0;
	display: inline;
}
.item-date {
	margin: 0 0 8px;
	padding: 0 0 0 10px;
	font-size: 13px;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
	display: block;
}


/* 詳細ページ SNSシェアボタン
------------------------------ */

.sns-sharerbtn-list {
	margin: 8px 0;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background: #f0f0f0;
	overflow: hidden;
	clear: both;
}
.sns-sharerbtn-list li {
	margin: 0 4px;
	vertical-align: top;
	display: inline-block;
}


/* 詳細ページ 前後の記事へのリンク
------------------------------ */

.paginated-link {
	margin: 0 5px;
	overflow: hidden;
}
.paginated-link li {
	width: 48%;
	padding: 0 5px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #f0f0f0;
	box-sizing: border-box;
}
.paginated-link li.prev-link {
	float: left;
}
.paginated-link li.next-link {
	float: right;
}
.paginated-link li a {
	height: 35px;
	line-height: 35px;
	display: block;
	overflow: hidden;
}



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

/* ごあいさつ
------------------------------ */

.greeting-wrap {
	height: 530px;
	background: url(../images/top/greeting_bg.jpg) center top no-repeat;
}
	.greeting-box {
		width: 725px;
		margin: 0 auto;
		padding: 150px 0 0 235px;
	}
		.greeting-box .item-title {
			margin: 0 0 22px;
		}
		.greeting-box .blue {
			color: #2076e0;
		}
		.greeting-box .copy {
			text-align: right;
		}


/* ケーズラインの二次配送事業
------------------------------ */

.delivery-wrap {
	height: 530px;
	background: url(../images/top/delivery_bg.jpg) center top no-repeat;
}
	.delivery-box .item-title {
		text-align: center;
	}
	.delivery-box .item-text {
		width: 880px;
		margin: 0 auto;
		padding: 40px;
		font-size: 16px;
		line-height: 1.7;
	}
		.delivery-more {
			width: 350px;
			margin: 0 auto;
			display: block;
		}


/* その他業務内容
------------------------------ */

.business-wrap {
	background: url(../images/top/business_bg.jpg) center top repeat-y;
}
	.business-box .item-title {
		text-align: center;
	}
	.business-list {
		width: 960px;
		margin: 0 auto;
		font-size: 13px;
		letter-spacing: 0;
		overflow: hidden;
	}
		.business-list li {
			width: 310px;
			margin: 0 0 0 15px;
			float: left;
		}
		.business-list li:first-child {
			margin: 0;
		}


/* 車輌紹介
------------------------------ */

.intr-wrap {
	height: 300px;
	background: url(../images/top/intr_bg.jpg) center top no-repeat;
}
	.intr-list {
		width: 656px;
		margin: 0 auto;
		overflow: hidden;
	}
		.intr-list li {
			width: 328px;
			text-align: center;
			float: left;
		}


/* Information
------------------------------ */

.info-wrap {
	height: 609px;
	background: url(../images/top/info_bg.jpg) center top no-repeat;
}
	.info-box .item-title {
		padding: 36px 0 23px;
		text-align: center;
	}
	.info-box .item-text {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}

		.news-box {
			width: 475px;
			float: left;
		}
			.news-list {
				margin: 0 0 10px;
			}
				.news-list li {
					padding: 0 8px;
					height: 59px;
					line-height: 59px;
					border-top: 1px solid #f4e7e7;
					overflow: hidden;
				}
				.news-list li:nth-child(odd) {
					background: #fff6f6;
				}
					.news-list li span {
						margin: 0 8px 0 0;
					}
			.news-more {
				width: 130px;
				float: right;
			}
		.facebook-box {
			width: 475px;
			float: right;
		}
			.facebook-box .facebook {
				height: 235px;
				margin: 0 0 5px;
			}




/* 下層ページ
================================================== */

/* サイトマップ
------------------------------ */

.sitemap-list li {
	padding: 0 0 0 15px;
	line-height: 40px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/common/ico_arrow01.png) 5px center no-repeat;
}


/* よくある質問
------------------------------ */

dl.faq-list dt {
	padding: 0 0 0 35px;
	color: #980b00;
	font-weight: bold;
	background: url(../images/faq/ico_q.png) left center no-repeat;
}
dl.faq-list dd {
	margin: 0 0 20px;
	padding: 10px 0 10px 35px;
	border-bottom: 1px dotted #cfcfcf;
	background: url(../images/faq/ico_a.png) left center no-repeat;
}


/* ギャラリー
------------------------------ */

ul.gallery {
	font-size: 0;
	letter-spacing: 0;
}
ul.gallery > li {
	width: 23%;
	margin: 0 1% 8px;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}
ul.gallery.column2 > li {
	width: 48%;
}
ul.gallery.column3 > li {
	width: 31%;
}


/* お問い合わせ
------------------------------ */

.input-big,
.input-middle,
.input-mini {
	padding: 5px;
	box-sizing: border-box;
}
.input-big {
	width: 100%;
}
.input-middle {
	width: 60%;
}
.input-mini {
	width: 60px;
}

/* 必須マーク */
.required-mark {
	color: #f00;
	font-size: 12px;
}

/* 未記入エラー文 */
.error-text {
	margin: 0 0 5px;
	color: #f00;
}

/* 確認、バック、送信ボタン */
.contact-submits {
	padding: 15px 0 0;
	text-align: center;
}
.contact-submits input {
	margin: 0 5px;
	padding: 5px;
}

/* セキュリティエラー */
.sec-error-text {
	line-height: 50px;
	text-align: center;
	color: #f00;
	font-size: 16px;
	border: 2px solid #f00;
}