@charset "UTF-8";

html {
	color: #fff;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", 
		"メイリオ", 
		Meiryo, 
		"ＭＳ Ｐゴシック", 
		"Lucida Grande", 
		"Lucida Sans Unicode", 
		Arial, 
		Verdana, 
		sans-serif;
	line-height: 1.5;
	letter-spacing: 0.2em;
	background-color: #1a1a1a;
}

a {
	color: #fff;
}
	a:visited {
		color: #a0a0a0;
	}
	a:hover {
		color: #009e9a;
	}

.to-dark:hover {
	opacity: 0.5;
	alpha: filter(opacity=50);
}

/* 共通 */
/* ---------------------------------------------------------------------- */
/* ----- 分割 ----- */
hr.separate-line,
hr.separate-logo {
	margin: 0;
	padding: 0;
	border: none;
}
/* 線 */
hr.separate-line {
	height: 0;
	border-bottom: 1px solid #616161;
}
/* ロゴ */
hr.separate-logo {
	height: 40px;
	background-image: url(../../img/common/pc/separate/logo.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* ----- ページャ ----- */
#pager {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	min-height: 51px;
}
	* html #pager {
		height: 51px;
	}
	#pager ul {
		position: relative;
		width: 100%;
	}
	#pager a,
	#pager a:hover {
		color: #fff;
		text-decoration: none;
	}
	/* 前へ */
	#pager-prev {
		position: relative;
		float: left;
	}
		#pager-prev dt {
			margin-right: 16px;
		}
		#pager-prev dt,
		#pager-prev dd {
			float: left;
		}

	/* 次へ */
	#pager-next {
		position: relative;
		float: right;
	}
		#pager-next dt {
			margin-left: 16px;
		}
		#pager-next dt,
		#pager-next dd {
			float: right;
		}
		#pager-next span {
			text-align: right;
		}
			
	/* 前へ次へ共通 */
	#pager-next dd,
	#pager-prev dd {
		padding-top: 2px;
	}
	#pager-next span,
	#pager-prev span {
		display: block;
	}
		#pager-next span:first-child + span,
		#pager-prev span:first-child + span {
			color: #a0a0a0;
			font-size: 12px;
		}
	/* トップへ */
	#pager-top {
		position: absolute;
		width: 100%;
		text-align: center;
	}

/* ----- 共通テキスト系定義 ----- */
/* 強めのテキスト 白14px */
.t-strong {
	color: #fff;
}
/* 弱めのテキスト 灰12px */
.t-weak {
	color: #a0a0a0;
	font-size: 12px;
}
/* 共通幅 */
.common-content {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

/* 大見出し */
.page-headline {
	padding-bottom: 26px;
	border-bottom: 1px solid #616161;
}
	/* 日本語のほう */
	.page-headline dt {
		padding-bottom: 12px;
		color: #fff;
		font-size: 16px;
	}
	/* 英語のほう */
	.page-headline dd {
		color: #a0a0a0;
		font-size: 12px;
	}


/* フッタ下固定 */
/* ---------------------------------------------------------------------- */
html,
body {
	height: 100%;
}

#base {
	position: relative;
	min-height: 100%;
}
	* html #base {
		height: 100%;
	}

/* コンテンツメイン部分 */
#main {
	padding-bottom: 220px;
	background-color: #1a1a1a;
}

/* 下固定フッター */
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 220px;
}

/* ヘッダ */
/* ---------------------------------------------------------------------- */
#header {
	height: 50px;
	background-image: url(../../img/header/pc/bg.png);
	background-repeat: repeat-x;
}

/* ----- ヘッダナビ ----- */
#header-navi {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}
	/* アンダーラインと文字色の違うリンク */
	#header-navi a {
		text-decoration: none;
	}
	#header-navi a:hover {
		color: #cccccc;
	}
		#header-navi span {
			color: #fff;
		}
			/* アクティブ状態 */
			#header-navi .header-link-active span {
				color: #a0a0a0;
			}

/* ----- ヘッダロゴ ----- */
#header-logo {
	float: left;
	padding-top: 5px;
}

/* ----- ヘッダリンク ----- */
#header-link {
	float: right;
	padding-top: 19px;
	line-height: 1.0;
}
	#header-link ul {
		float: right;
	}
	#header-link li {
		float: left;
		padding-left: 40px;
	}

	/* 格ページのアクティブ状態 */
	.header-link-active {
		cursor: default;
		text-decoration: underline !important;
	}

/* メインコンテンツ */
/* ---------------------------------------------------------------------- */
#main { 
	margin-right: auto;
	margin-left: auto;
	min-width: 1000px;
}
	* html #main {
		width: 1000px;
	}

/* フッタ */
/* ---------------------------------------------------------------------- */
#footer {
	min-width: 1000px;
	background-color: #262626;
}
	* html #footer {
		width: 1000px;
	}

/* ----- フッタSNS ----- */
#footer-sns {
	padding-top: 15px;
	padding-bottom: 13px;
	border-top: 1px solid #616161;
	background-color: #000;
}
	#footer-sns li {
		width: 54px;
	}
	/* センターのツイッターロゴ */
	#footer-sns li:first-child + li {
		text-align: center;	
	}
	/* フェイスブックロゴの調整 */
	#footer-sns li:first-child + li + li {
		text-align: right;
	}
		#footer-sns li:first-child + li + li img {
			margin-right: 17px;
		}

/* ----- フッタロゴ ----- */
#footer-logo {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border-top: 1px solid #616161;
}

/* ----- コピーライト ----- */
#copyright {
	padding-bottom: 15px;
	color: #b5b5b5;
	font-size: 10px;
	text-align: center;
}

/* トップページ */
/* ---------------------------------------------------------------------- */
/* ----- トップキャッチイメージとコピー ----- */
#top-catch {
	overflow: hidden;
	height: 650px;
	background-color: #100c0b;
}
	/* キャッチコンテンツ内包 */
	#top-catch ul {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		width: 1000px;
	}
	#top-catch li {
		position: absolute;
		width: 1000px;
		text-align: center;
	}
		#top-catch li div {
			text-align: center;
		}
	/* イメージ */
	#top-catch-image {
		overflow: hidden;
		width: 1000px;
		height: 650px;
	}
		#top-catch-image img {
			position: absolute;
			display: block;
		}
	/* ロゴ */
	#top-catch-log {
		padding-top: 70px;
		padding-bottom: 100px;
		text-align: center;
	}
	/* コピー */
	#top-catch-copy {
	}

/* ----- トップラインナップ ----- */
#top-lineup {
	padding-bottom: 10px;
	background-color: #000;
}
	/* 見出し */
	#top-lineup-title {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
	}

	/* 画像 */
	#top-lineup-image {
		margin-right: auto;
		margin-left: auto;
		width: 1000px;
	}
	/* ピックアップタイトル */
	#top-lineup-pickup {
		margin-bottom: 16px;
		margin-right: auto;
		margin-left: auto;
		width: 1000px;
	}

/* ----- トップラインナップ拡大モーダル ----- */
#slideshow {
}
	/* 画像と次へ前へナビ */
	#slideshow ul {
		position: relative;
	}
	#slideshow ul li {
		position: absolute;
		top: 0;
	}
	/* 画像エリア */
	#slideshow ul li:first-child {
		position: relative;
	}
	/* 次へ前へボタン共通 */
	#slideshow ul li a {
		display: block;
		padding-left: 4px;
		padding-right: 4px;
		background-image: url(../../img/common/opacity/black.png);
	}
		#slideshow ul li a img {
		}
	/* 前へ */
	#slideshow ul li:first-child + li {
		
	}
	/* 次へ */
	#slideshow ul li:first-child + li + li {
		right: 0;
	}
	/* 閉じる */
	#slideshow div {
		padding-top: 4px;
	}
		#slideshow div a {
			float: right;
		}
	
/* ----- トップニュース ----- */
#top-news {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 80px;
	width: 920px;
}
	#top-news dt,
	#top-news dd,
	#top-news li {
		float: left;
	}
	/* NEWS：見出し */
	#top-news dt {
		width: 80px;
	}
	/* 一行ニュース */
	#top-news ul {
		position: relative;
		margin-bottom: 20px;
	}
	/* 日付 */
	#top-news li:first-child {
		width: 110px;
		color: #a0a0a0;
		font-size: 12px;
		line-height: 1.9;
	}
	/* 見出し */
	#top-news li:first-child + li {
		width: 700px;
	}
	/* もっと読む */
	#top-news div {
		text-align: right;
	}

/* スライドバナー上書き */
/* ---------------------------------------------------------------------- */
.bx-wrapper {
	margin: 0 auto 30px;
}

.bx-wrapper .bx-viewport {
	background-color: transparent;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -25px;
}

/* PAGER */
.bx-wrapper .bx-pager {
	padding-top: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #616161;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #009e9a;
}
/* トップメッセージ */
/* ---------------------------------------------------------------------- */
#top-message {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.message {
	width:980px;
	border:1px solid #fff;
	margin:20px auto 0px auto;
	text-align:center;
	padding:10px;
}
/* ニュースページ */
/* ---------------------------------------------------------------------- */
#news-page #main {
	padding-top: 100px;
	padding-bottom: 260px;
}

/* ----- ニュース一覧 ----- */
#news-list {
	margin-bottom: 120px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

/* ロゴ型の分割線 */
#news-list .separate-logo {
	margin-top: 50px;
	margin-bottom: 50px;
}

/* ----- ニュース１ブロック ----- */
.a-news {
}
	.a-news li {
		float: right;
	}
	/* 詳細テキストブロック */
	.a-news li:first-child {
		float: left;
		width: 540px;
	}
	/* 画像ブロック */
	.a-news li:first-child + li {
	}
		.a-news li:first-child + li img {
			display: block;
			margin-bottom: 20px;
		}
	/* 日付 */
	.news-date {
		padding-left: 2px;
		padding-bottom: 8px;
		color: #a0a0a0;
		font-size: 12px
	}
	/* 見出し */
	.news-title {
		padding-bottom: 26px;
		font-size: 16px;
		line-height: 2.0;
		border-bottom: 1px solid #616161;
	}
	/* 英語用見出し */
	.news-title-en {
		padding-top: 8px;
		color: #a0a0a0;
		font-size: 12px;
		line-height: 1.7;
	}
	/* ニュース詳細 */
	.news-detail {
		padding-top: 26px;
		line-height: 2.0;
		word-wrap: break-word;
	}
	/* 英語用詳細 */
	.news-detail-en {
		padding-top: 46px;
		color: #a0a0a0;
		font-size: 12px;
		line-height: 1.7;
	}
		.news-detail-en a {
			color: #a0a0a0;
		}
		.news-detail-en a:visited {
			color: #a0a0a0;
		}
		.news-detail-en a:hover {
			color: #009e9a;
		}
	/* 見出し、詳細共通 */
	.news-title,
	.news-detail {
		padding-left: 2px;
	}

/* 会社概要ページ */
/* ---------------------------------------------------------------------- */
#aboutus-page #main {
	padding-top: 100px;
}

/* ----- 概要一覧 ----- */
#aboutus-list {
	margin-bottom: 120px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

/* ----- 会社概要 ----- */
/* 概要情報日本語 */
#company-info-ja {
	line-height: 2.0;
}
	#company-info-ja dt,
	#company-info-ja dd {
		float: left;
	}
	#company-info-ja dt {
		width: 120px;
	}

/* 概要情報英語 */
#company-info-en {
	color: #a0a0a0;
	font-size: 12px;
	line-height: 1.7;
}
	#company-info-en dt,
	#company-info-en dd {
		float: left;
	}	
	#company-info-en dt {
		width: 260px;
	}

/* メッセージページ */
/* ---------------------------------------------------------------------- */
#message-page #main {
	padding-top: 100px;
	padding-bottom: 260px;
}