@charset "utf-8";

/* -------------------------------------------------------------------

	コーポレートサイト（2014年10月以前）ヘッダ・フッタ・ローカルナビゲーション
	最終更新:2018年10月11日

	コーポレートサイト（2014年10月以前）のすべてのページから読むことを想定しています。
	デザインリニューアルにより、ローカルナビのスタイルを上書きしています。

	ヘッダーの新記述を記載しています。
	旧記述はheader-footer-side.cssにあります。

------------------------------------------------------------------- */

/* **********************************************************************************

	グローバルエレメント定義

********************************************************************************** */

/* -------------------------------------------------------------------

	リンク

------------------------------------------------------------------- */

/* アイコン右向き */
a.icons-arrow-r {
	display:inline-block; padding-left:19px; min-height:16px;
	background:url(/common-s/img/icons-arrow-right.png) no-repeat 0 0.28em; }

/* アイコンブランク */
a.icons-blank {
	display:inline-block; padding-left:19px; min-height:16px;
	background:url(/common-s/img/icons-blank.png) no-repeat 0 0.28em; }

/* アイコン外部 */
a.icons-external {
	display:inline-block; padding-left:19px; min-height:16px;
	background:url(/common-s/img/icons-external.png) no-repeat 0 0.28em; }

/* アイコン打ち消し */
a.icon-none {
	display:inline; padding-left:0;
	background:none; }

/* **********************************************************************************

	02. グローバルエリア定義

********************************************************************************** */

/* -------------------------------------------------------------------

	ヘッダー

------------------------------------------------------------------- */

/* ユーティリティ */
#header-area-utility {
	position:relative; overflow:visible;
	display:table; margin:0 auto; padding:0.8em 0;
	z-index:103; width:960px; }

	#header-area-utility:before {
		display:block; position:absolute; top:0; left:-4520px; left:-50vw; z-index:-1;
		width:10000px; width:calc(200vw + 960px); min-width:996px; height:100%; content:"";
		background:#fff; }

	/* ロゴ 10+154+10=174 */
	#header-area-utility #header-logo-ots {
		display:table-cell; vertical-align:top;
		width:154px; padding:5px 20px 0 10px; }
		#header-area-utility #header-logo-ots img { vertical-align:top; }

	#header-area-utility .home {
		display:table-cell; width:5em;
		font-size:11px; font-size:1.1rem; line-height:1em; vertical-align:middle; }
		#header-area-utility .home a {
			display:inline-block; padding:2px 0 0 14px;
			background:url(/common-s/img/icons-home.png) no-repeat 0 2px; color:#333; }

	/* メニューリンク 960-(174+199)=587 */
	#header-menu-navi {
		display:table-cell; vertical-align:middle;
		width:496px; text-align:right; padding-right:20px; }
		#header-menu-navi ul { display:inline-block; }
			#header-menu-navi ul li {
				display:inline-block; margin:0 0 0 18px; list-style:none;
				font-size:11px; font-size: 1.1rem; line-height:1.5em; }
			#header-menu-navi ul li:first-child { margin:0; }
			#header-menu-navi p {
				display:inline-block; position:relative;
				font-size:11px; font-size:1.1rem; line-height:1.5em;
				margin:0 0 0 18px; padding:0 0 0 19px; }
			#header-menu-navi p:before {
				display:block; content:""; background:#d0d0d0; width:1px; height:100%;
				position:absolute; left:-1px; top:0; }
			#header-menu-navi p:after {
				display:block; content:""; background:#fff; width:1px; height:100%;
				position:absolute; left:0; top:0; }
				#header-menu-navi a {
					display:inline-block; padding:0 0 0 12px;
					background:url(/common-s/img/icon-arrow-right.png) no-repeat 2px 0.35em;
					color:#333; text-decoration:none; }
				#header-menu-navi a:hover { text-decoration: underline; }

	/* 検索ボックス 156+43=199 */
	#header-menu-search {
		display:table-cell; vertical-align:middle; width:260px; }
		#header-menu-search form {
			display:table; position:relative; white-space:nowrap; }
			/* 入力欄 */
			#header-menu-search form .text {
				-webkit-appearance:none;
				box-sizing:border-box;
				width:200px; height:2.143em; height:3rem;
				margin:0; padding:0 5px;
				border:1px solid #ccc; border-right:0; border-radius:5px 0 0 5px;
				background-color:#fff;
				box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.2);
				font-size:14px; font-size:1.4rem; line-height:1.5em;
				outline:none; }
			/* プレースホルダー */
			#header-menu-search form .text::-webkit-input-placeholder { color:#666; }
			#header-menu-search form .text::-moz-placeholder          { color:#666; opacity:1; }
			#header-menu-search form .text:-moz-placeholder           { color:#666; }
			#header-menu-search form .text:-ms-input-placeholder      { color:#666; }
			/* 検索ボタン */
			#header-menu-search form .submit {
				box-sizing:border-box;
				width:60px; height:2.143em; height:3rem;
				margin:0; padding:0 0 0 1px;
				border:0; border-radius:0 5px 5px 0;
				background:#4b4b4b;
				background: -webkit-linear-gradient(top, #8b8b8b 0%, #525252 50%, #525252 100%);
				background: linear-gradient(to bottom, #8b8b8b 0%, #525252 50%, #525252 100%);
				font-size:14px; font-size:1.4rem; line-height:1.5em; color:#fff; letter-spacing:2px;
				font-weight:bold; cursor:pointer; }

	/* ユーティリティ ロゴのみ表示の場合 */
	.header-kind-limited #header-area-utility { display:block; }
	.header-kind-limited #header-area-utility:before,
	.header-kind-limited #header-area-utility:after { display:none; }

/* ユーティリティ　タブレット縦 */
@media
	only screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait),
	only screen and (max-device-width:959px) and (min-device-width:600px) and (min-device-height:600px) and (min-resolution: 144dpi) {
	#header-area-utility #header-logo-ots { padding-right:10px; }
	#header-area-utility .home a { font-size:1rem; }
		#header-area-utility .home a {
			background-image:url(/common-s/img/icons-home-tablet.png);
			background-size:10px auto; }
	#header-menu-navi { padding-right:10px; padding-top:2px; }
			#header-menu-navi ul li {
				margin-left:0.5em; font-size:1rem; line-height:1.2em;
				text-align:left; vertical-align:middle; }
			#header-menu-navi p { margin-left:1em; padding-left:0.5em; font-size:0.9rem; line-height:1.2em; }
				#header-menu-navi a {
					padding-left:11px; font-size:1rem; line-height:1.2em;
					background: transparent url(/common-s/img/icon-arrow-right.png) no-repeat 3px 0.15em; }
				#header-menu-navi a:hover { text-decoration:none; }
	#header-menu-search { width:126px; }
			#header-menu-search form .text { width:120px; }
			#header-menu-search form .submit { width:5.475rem; }
}

/* -------------------------------------------------------------------
	グローバルナビゲーション

	グローバルナビゲーション（ #header-nav ）配下は、要素セレクタへの直接のスタイル指定を避け、クラスセレクタで指定してください。
	メガドロップダウンのなかに、画像やテキストを含めた複雑なレイアウトをすることがあり、祖先要素からの ul、li、div、p、span、img、a などへの継承が邪魔になるためです。

		サンプルHTML：
			<div id="header-global-nav">
				<ul class="this-ul">
					<div class="header-nav-dropdown">
						<ul class="that-ul">

		悪い例： #header-global-nav ul {...} と .header-nav-dropdown ul {...} は意図せず干渉する。
		良い例： #header-global-nav .this-ul {...} と .header-nav-dropdown .that-ul {...} は干渉しない。

	グローバルナビゲーション改修内容：2015/9/30
		画像からテキスト変更に伴い、#header-navから#header-naviへ改修しております。
		すべてが新に移行するまでは旧・新記述を両方残してあります。

------------------------------------------------------------------- */

#header-navi { clear:both; padding:3px 0 0; position:relative; }
	#header-navi .header-navi-inner { position:relative; }

/* グローバルナビ区画 */
#header-navi-global {
	clear:both; display:table; position:relative; z-index:104;
	width:960px; margin:0 auto; padding:0;
	border-top:none;
	border-left:1px solid #c26d2d;
	border-right:1px solid #c5722b;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%); }
/* before疑似要素でグロナビの背景を作成 */
#header-navi-global:before {
	display:block; position:absolute; top:-3px; left:-4520px; left:-50vw; z-index:-1;
	width:10000px; width:calc(200vw + 960px); height:100%; content:" ";
	border-top:3px solid #773f3f;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%);
	transition:box-shadow 0.4s ease; }
	#header-navi-global.dropdown-open:before {
		box-shadow:inset 0 -2px 1px 0 rgba(0, 0, 0, 0.2); }

	/* 大カテリンクリスト */
	#header-navi-global > ul { display:table-cell; position:relative; }
	#header-navi-global > ul:before {
		display:block; position:absolute; right:-1px; top:0;
		width:1px; height:100%; background-color:#c26d2d;
		content:""; }

		#header-navi-global > ul > li {
			display:table-cell; position:relative; width:227px;
			border-left:1px solid #c26d2d; border-right:1px solid #f2a167;
			font-size:15px; font-size:1.5rem; line-height:1.2em;
			font-weight:bold; letter-spacing:1px; word-break:break-all;
			cursor:pointer; vertical-align:middle; text-align:center; }
		#header-navi-global > ul > li:first-child { width:102px; letter-spacing:0; }

		/* お客様マイページ */
		#header-navi-global > ul > li:first-child + li + li { letter-spacing:0 !important; }

			/* グロナビリンクリストの中 */
			#header-navi-global > ul > li > a {
				display:block; padding:7px 5px 6px;
				text-decoration:none; color:#f9f9f9;
				text-shadow:-1px -1px 0 rgba(119, 63, 63, 0.75); }
			.header-kind-single #header-navi-global > ul > li > a { padding-bottom:5px; }
			#header-navi-global > ul > li:first-child + li + li > a { padding-right:1px; padding-left:9px; }
			#header-navi-global > ul > li > a::before {
				content: ""; transition:box-shadow 0.4s ease; }

				/* グロナビリンクリストの中のマウスオーバー */
				#header-navi-global > ul > li:hover { background:#cd2e03; background:rgba(234, 56, 0, 0.6); }

			/* ★ ★ ★グロナビリンクリスト（カレント処理）★ ★ ★ */
			/* box-shadowはiPadでオレンジ色背景色が下にコンマ数px見えてしまう対策 */
			#header-navi-global > ul > li.current {
				border-right-color:transparent;
				background-color:#fff; box-shadow:0 1px 0 #fff; }
			#header-navi-global.dropdown-open > ul > li.current { box-shadow:none; }
				#header-navi-global > ul > li.current > a { color:#a81515; text-shadow:none; }
				#header-navi-global > ul > li.current > a:hover { text-decoration:underline; }
				#header-navi-global > ul > li.current > a { color:#a81515; text-shadow:none; }
				#header-navi-global > ul > li.current > a::after { border-color:#999; }
				#header-navi-global.dropdown-open > ul > li.current:not(.active) > a::before {
					display:block; position:absolute; left:0; bottom:0;
					width:calc(100% + 1px); height:1px;
					border-top:1px solid #e4e4e4; background-color:#bbb;
					content:""; box-shadow:0 -1px 1px rgba(0, 0, 0, 0.05); }

				#header-navi-global > ul > li.active {
					z-index:1; background-color:#e4e4e4; }
					#header-navi-global > ul > li.active > a {
						color:#a81515; text-shadow:none; }
					#header-navi-global > ul > li.active > a:hover { text-decoration:underline; }

				/* ★マウスオーバー処理（メガメニュー）★ */
				/* 初期消去 */
				#header-navi-global > ul > li > div.global-dropdown { display:none; }

				#header-navi-global > ul > li:hover div.global-dropdown { display:block; }

					#header-navi-global > ul > li div.global-dropdown {
						position:absolute; left:0; top:100%; z-index:105;
						margin:0; padding:4px 0 0;
						text-align:left; background:rgba(255, 255, 255, 0.01); }
						#header-navi-global > ul > li div.global-dropdown ul {
							margin:0; padding:0;
							border:1px solid #e84d0b;
							border-radius:5px;
							background:#fff;
							box-shadow:0 2px 6px rgba(0, 0, 0, 0.4);
							position:relative; }

						/* 三角 */
						#header-navi-global > ul > li div.global-dropdown ul:before {
							content:""; display:block; width:0; height:0;
							position:absolute; left:23px; top:-9px;
							border-left:9px solid transparent;
							border-right:9px solid transparent;
							border-bottom:9px solid #e84d0b; }
						#header-navi-global > ul > li div.global-dropdown ul:after {
							content:""; display:block; width:0; height:0;
							position:absolute; left:23px; top:-8px;
							border-left:9px solid transparent;
							border-right:9px solid transparent;
							border-bottom:9px solid #fff; }

						#header-navi-global > ul > li div.global-dropdown li {
							margin:0; padding:0; list-style:none;
							white-space:nowrap; }

							#header-navi-global > ul > li div.global-dropdown li a {
								display:block;
								padding:0.8em 13px 0.8em 25px;
								font-size:12px; font-size:1.2rem; line-height:1.5em; font-weight:normal;
								background: url(/common-s/img/icon-arrow-right.png) no-repeat 13px 1.25em;
								border-top:1px solid #ccc; }
							#header-navi-global > ul > li div.global-dropdown li a.icon-blank {
								display:block;
								background: url(/common-s/img/icon-blank.png) no-repeat 11px 1.1em / 9px auto; }

							#header-navi-global > ul > li div.global-dropdown li:first-child a { border:none; }

/* グローバルナビ区画 メニューがない場合 */
#header-navi-border {
	clear:both; display:table; position:relative; z-index:1001;
	width:814px; margin:0 auto; padding:0 0 0 144px;
	border:none;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%); }
/* before疑似要素でグロナビの背景を作成 */
#header-navi-border:before {
	display:block; position:absolute; top:-3px; left:-50%; z-index:-1;
	width:10000px; width:calc(200vw + 960px); height:100%; content:" ";
	border-top:3px solid #773f3f;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%); }
	#header-navi-border p {
		display:block; height:2em; cursor:default;
		border:none; }
	#header-navi-border p:hover { background:none; }
	#header-navi-border img{display:none;}



/* ローカルナビ区画 */
#header-navi-local {
	clear:both; position:relative;
	padding-top:0;
	background:#fefefe;
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 100%); }
	#header-navi-local:before {
		display:block; position:absolute; top:-3px; left:-50%; z-index:-1;
		width:10000px; width:calc(200vw + 960px); height:100%; content:" ";
		border-top:3px solid #773f3f; border-bottom:1px solid #ccc;
		background:#fefefe;
		background:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
		background:linear-gradient(to bottom, #fff 0%, #eee 100%);
		box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.2); }

	#header-navi-local .header-navi-local-inner {
		display:table;
		display:-ms-flexbox; display:-webkit-flex; display:flex;
		position:relative; width:960px; padding-top:3px; }

		/* ローカルホーム */
		#header-navi-local .header-navi-local-inner > p {
			display:table-cell;
			display:-ms-flexbox; display:-webkit-flex; display:flex;
			-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;
			-ms-flex-align:center; -webkit-align-items:center; align-items:center;
			position:relative;
			padding:11px 14px 12px;
			font-size:11px; font-size:1.1rem; line-height:1.5em;
			text-align:center; vertical-align:middle;
			word-break:break-all; cursor:pointer; }

		#header-navi-local .header-navi-local-inner > p.products-home { width:107px; }
		#header-navi-local .header-navi-local-inner > p.cs-mypage-home { min-width:92px; }
		#header-navi-local .header-navi-local-inner > p.corp-home { width:52px; }

			/* ホームの中 */
			#header-navi-local .header-navi-local-inner > p a {
				display:block; text-decoration:none; color:#333; }
				#header-navi-local .header-navi-local-inner > p a::before,
				#header-navi-local .header-navi-local-inner > p a::after {
					display:block; position:absolute; top:1.65em;
					width:1px; height:1.9em; border-right:1px solid #fff;
					background-color:#ccc; content:""; }
				#header-navi-local .header-navi-local-inner > p a::before { left:0; }
				#header-navi-local .header-navi-local-inner > p a::after { right:-1px; }

			/* ホームの中のマウスオーバー */
			#header-navi-local .header-navi-local-inner > p:hover { background:#a91400; }
				#header-navi-local .header-navi-local-inner > p:hover a { color:#fff; }
				#header-navi-local .header-navi-local-inner > p:hover a:before,
				#header-navi-local .header-navi-local-inner > p:hover a:after { display:none; }

			/* ホーム - カレント */
			#header-navi-local .header-navi-local-inner > p.current,
			#header-navi-local .header-navi-local-inner > p.current:hover {
				border-bottom:3px solid #a91400;
				padding-top:11px; padding-bottom:10px; background:none; }
				#header-navi-local .header-navi-local-inner > p.current a,
				#header-navi-local .header-navi-local-inner > p.current a:hover {
					color:#a91400; font-weight:bold; }
				#header-navi-local .header-navi-local-inner > p.current:hover a:before,
				#header-navi-local .header-navi-local-inner > p.current:hover a:after { display:block; }

		/* ローカルナビ */
		#header-navi-local .header-navi-local-inner > ul {
			display:table-cell;
			display:-ms-flexbox; display:-webkit-flex; display:flex;
			-webkit-flex:1 1 auto; -ms-flex-positive:1; flex:1 1 auto;
			position:relative; vertical-align:middle; }

			#header-navi-local .header-navi-local-inner > ul > li {
				display:table-cell;
				display:-ms-flexbox; display:-webkit-flex; display:flex;
				-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;
				-ms-flex-align:center; -webkit-align-items:center; align-items:center;
				-webkit-flex:1 1 auto; -ms-flex-positive:1; flex:1 1 auto;
				position:relative; list-style:none; padding:11px 0;
				background:url(/common-s/img/head-local-navi-arrow.png) no-repeat 50% calc(100% - 3px);
				vertical-align:middle; text-align:center;
				font-size:14px; font-size:1.4rem; line-height:1.2em; word-break:break-all;
				cursor:pointer; }
			#header-navi-local .header-navi-local-inner > p.products-home + ul > li { min-width:100px; padding-top:20px; padding-bottom:20px; }
			#header-navi-local .header-navi-local-inner > p.cs-mypage-home + ul > li { min-width:139px; }

			/* ローカルリンクリストの中 */
			#header-navi-local .header-navi-local-inner > ul > li > a {
				display:block; padding:0 8px;
				text-decoration:none; color:#333; text-shadow:0 0 1px rgba(0, 0, 0, 0.1); }
			#header-navi-local .header-navi-local-inner > p.products-home + ul > li > a {
				padding:0 12px; }
			#header-navi-local .header-navi-local-inner.complete > ul > li > a.icon-otsukaid {
				background:transparent url(/common-s/img/icon-otsukaid.png) no-repeat 8px center; }
			#header-navi-local .header-navi-local-inner > ul > li > a::before {
				display:block; position:absolute; top:0; right:-1px; bottom:0;
				width:1px; height:1.5em; margin:auto 0; border-right:1px solid #fff;
				background:#ccc; content:""; }
				#header-navi-local .header-navi-local-inner > ul > li > a > br {
					display:none; }
				#header-navi-local .header-navi-local-inner > ul > li[class*="cs-mypage-"] > a > br {
					display:inline; }
		/* ローカルリンクリストの中のマウスオーバー */
		#header-navi-local .header-navi-local-inner > ul > li:hover,
		#header-navi-local .header-navi-local-inner > ul > li.hover,
		#header-navi-local .header-navi-local-inner > ul > li.show.hover { background:#a91400; }
			#header-navi-local .header-navi-local-inner > ul > li:hover > a,
			#header-navi-local .header-navi-local-inner > ul > li.hover > a,
			#header-navi-local .header-navi-local-inner > ul > li.show > a { color:#fff; }
			#header-navi-local .header-navi-local-inner > ul > li:hover > a::before,
			#header-navi-local .header-navi-local-inner > ul > li.hover > a::before,
			#header-navi-local .header-navi-local-inner > ul > li.show > a::before { display:none; }

		/* ローカルリンクリスト - カレント */
		#header-navi-local .header-navi-local-inner > ul > li.current {
			padding-top:12px; padding-bottom:11px;
			background:transparent; }
		#header-navi-local .header-navi-local-inner > ul > li.current::before {
			position:absolute; display:block;
			right:0; bottom:0;
			width:100%; height:3px; content:"";
			background-color:#a91400; }
			#header-navi-local .header-navi-local-inner > ul > li.current:hover {
				background:#a91400; }
			#header-navi-local .header-navi-local-inner > ul > li.current > a {
				color:#a91400; font-weight:bold; }
			#header-navi-local .header-navi-local-inner > ul > li.current > a:hover,
			#header-navi-local .header-navi-local-inner > ul > li.current:hover > a,
			#header-navi-local .header-navi-local-inner > ul > li.current.hover > a { color:#fff; }

/* ローカルナビドロップダウン */

	/* 初期 */
	#header-navi-local .header-navi-local-inner > ul > li .local-dropdown {
		position:absolute; top:100%; left:-1px; z-index:10;
		width:100%; text-align:left;
		background:#ccc;
		background:rgba(255, 255, 255, 0.01);
		cursor:default; display:none; }
		/* 三角 */
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown::before {
			display:block; position:absolute; top:-5px; z-index:1;
			width:10px; height:10px;
			border-top:1px solid #999; border-left:1px solid #999;
			background-color:#fff; content:"";
			-webkit-transform:translate(-50%) rotate(45deg);
			-ms-transform:translate(-50%) rotate(45deg);
			transform:translate(-50%) rotate(45deg); }
	#header-navi-local .header-navi-local-inner > ul > li.show > .local-dropdown {
		display:block; }

		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .local-dropdown-inner {
			display:table; position:relative;
			margin:0; padding:10px; border:1px solid #999;
			background:#fff; box-shadow:0 6px 6px -3px #000; }

		/* ドロップダウンメニューセット */
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .dropdown-column {
			display:table-cell; padding-right:10px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .dropdown-columns .dropdown-column {
			min-width:250px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .dropdown-column:last-of-type {
			padding-right:0; }

		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown p.dropdown-column-title {
			padding:3px 8px 2px; background-color:#656565;
			font-size:13px; font-size:1.3rem; line-height:1.5em;
			color:#fff; white-space:normal; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown p.dropdown-column-title:not(:first-child) {
			margin-top:0.4em; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul + p.dropdown-column-title {
			margin-top:16px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul {
			display:table-cell; margin:0; padding:0; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown p.dropdown-column-title + ul {
			padding-top:6px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul + ul {
			padding-left:10px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li {
			list-style:none; margin:0.5em 0 0 0; padding:0;
			font-size:13px; font-size:1.3rem; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li:first-child {
			margin-top:0; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li a {
			display:block; white-space:normal;
			padding:0 5px 0 16px; margin-top:0;
			background:url(/common-s/img/icon-arrow-right.png) no-repeat 4px 0.45em;
			line-height:1.4em; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li a.icon-blank {
			background: url(/common-s/img/icon-blank.png) no-repeat 2px 0.35em; }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li a:hover {
				background-color:#eee; }

	/* 最大幅（960px）の折り返し対応 */
	#header-navi-local .header-navi-local-inner > ul > li .local-dropdown-outer {
		position:absolute; top:100%; left:0; z-index:10;
		width:960px; height:0; margin:0;
		text-align:left; display:none; cursor:auto; }
		#header-navi-local .header-navi-local-inner > ul > li:hover .local-dropdown-outer { display:block; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown-outer .local-dropdown {
			width:auto; display:inline-block;
			background:#ccc; background:rgba(255, 255, 255, 0.01); }

			/* 折り返し処理 */
			/* ソリューション・製品 */
			#header-navi-local .header-navi-local-inner > ul > li.products-01 .local-dropdown-outer { margin-left:-135px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-02 .local-dropdown-outer { margin-left:-330px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-03 .local-dropdown-outer { margin-left:-460px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-04 .local-dropdown-outer { margin-left:-595px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-05 .local-dropdown-outer { margin-left:-722px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-06 .local-dropdown-outer { left:auto; right:0; }
				#header-navi-local .header-navi-local-inner > ul > li.products-01 .local-dropdown-outer .local-dropdown { margin-left:135px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-02 .local-dropdown-outer .local-dropdown { margin-left:330px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-03 .local-dropdown-outer .local-dropdown { margin-left:460px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-04 .local-dropdown-outer .local-dropdown { margin-left:595px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-05 .local-dropdown-outer .local-dropdown { margin-left:722px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-06 .local-dropdown-outer .local-dropdown { left:auto; right:0; }
				#header-navi-local .header-navi-local-inner > ul > li.products-01 .local-dropdown-outer .local-dropdown::before { left:calc(195px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-02 .local-dropdown-outer .local-dropdown::before { left:calc(115px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-03 .local-dropdown-outer .local-dropdown::before { left:calc(140px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-04 .local-dropdown-outer .local-dropdown::before { left:calc(140px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-05 .local-dropdown-outer .local-dropdown::before { left:calc(84px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-06 .local-dropdown-outer .local-dropdown::before {
					right:calc(154px / 2);
					-webkit-transform:translate(50%) rotate(45deg);
					-ms-transform:translate(50%) rotate(45deg);
					transform:translate(50%) rotate(45deg); }
			/* お客様マイページ */
			#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-01 .local-dropdown-outer { margin-left:-120px; }
			#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-02 .local-dropdown-outer { margin-left:-256px; }
			#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-03 .local-dropdown-outer { margin-left:-391px; }
			#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-04 .local-dropdown-outer { margin-left:-546px; }
			#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-05 .local-dropdown-outer { margin-left:-687px; }
			#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-06 .local-dropdown-outer { margin-left:-831px; }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-01 .local-dropdown-outer .local-dropdown { margin-left:120px; }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-02 .local-dropdown-outer .local-dropdown { margin-left:256px; }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-03 .local-dropdown-outer .local-dropdown { margin-left:391px; }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-04 .local-dropdown-outer .local-dropdown { margin-left:546px; }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-05 .local-dropdown-outer .local-dropdown { margin-left:687px; }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-06 .local-dropdown-outer .local-dropdown { left:auto; right:0; }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-01 .local-dropdown-outer .local-dropdown::before { left:calc(114px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-02 .local-dropdown-outer .local-dropdown::before { left:calc(128px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-03 .local-dropdown-outer .local-dropdown::before { left:calc(170px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-04 .local-dropdown-outer .local-dropdown::before { left:calc(156px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-05 .local-dropdown-outer .local-dropdown::before { left:calc(142px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.cs-mypage-06 .local-dropdown-outer .local-dropdown::before {
					right:calc(129px / 2);
					-webkit-transform:translate(50%) rotate(45deg);
					-ms-transform:translate(50%) rotate(45deg);
					transform:translate(50%) rotate(45deg); }
			/* 企業情報 */
			#header-navi-local .header-navi-local-inner > ul > li.corp-01 .local-dropdown-outer { margin-left:-80px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-02 .local-dropdown-outer { margin-left:-252px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-03 .local-dropdown-outer { margin-left:-367px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-04 .local-dropdown-outer { margin-left:-483px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-05 .local-dropdown-outer { margin-left:-587px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-06 .local-dropdown-outer { margin-left:-843px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-01 .local-dropdown-outer .local-dropdown { margin-left:80px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-02 .local-dropdown-outer .local-dropdown { margin-left:252px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-03 .local-dropdown-outer .local-dropdown { margin-left:367px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-04 .local-dropdown-outer .local-dropdown { margin-left:483px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-05 .local-dropdown-outer .local-dropdown { margin-left:587px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-06 .local-dropdown-outer .local-dropdown { left:auto; right:0; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-01 .local-dropdown-outer .local-dropdown::before { left:calc(172px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-02 .local-dropdown-outer .local-dropdown::before { left:calc(116px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-03 .local-dropdown-outer .local-dropdown::before { left:calc(116px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-04 .local-dropdown-outer .local-dropdown::before { left:calc(103px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-05 .local-dropdown-outer .local-dropdown::before { left:calc(256px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-06 .local-dropdown-outer .local-dropdown::before {
					right:calc(116px / 2);
					-webkit-transform:translate(50%) rotate(45deg);
					-ms-transform:translate(50%) rotate(45deg);
					transform:translate(50%) rotate(45deg); }

/* メニュードロップダウン */

@media print {

	#header-navi-global { box-shadow:none; }
		/* ホームの中 */
		#header-navi-global > p a { text-shadow: 0 0 0 #fff; }
		#header-navi-global-home a { text-shadow: 0 0 0 #fff; }
		#header-navi-global > ul { }
			#header-navi-global > ul > li:first-child + li + li + li { border-right:1px solid #ccc; }
			#header-navi-global > ul > li:first-child + li + li + li:before { display:none; }
			#header-navi-global > ul > li > a { text-shadow: 0 0 0 #fff; }

	#header-navi-global > ul > li.current { border-top:0; }
	#header-navi-global > ul > li.current:before { display:none; }
	#header-navi-global > ul > li.current > a:after { display:none; }
	#header-navi-global > ul > li.current > a { padding:8px 5px 5px 5px; }
	#header-navi-global > ul > li.current:first-child + li + li > a { padding:8px 1px 5px 9px; }

	#header-navi-local { padding-top:0; }

}

/* -----------------------------------------------
	SPでのPC表示用
	max-device-width:767px

	タブレット（横）用
	min-device-width:768px +
	max-device-width:960px +
	orientation:landscape
----------------------------------------------- */
@media
	only screen and (max-device-width:767px),
	only screen and (min-device-width:768px) and (max-device-width:960px) and (orientation:landscape) {

/* グローバルナビ区画 */
#header-navi-global { width:958px; padding-left:0; }

	#header-navi-global > ul {
		display:-webkit-box; display:-webkit-flex; display:flex; }
		#header-navi-global > ul > li { display:block; }
		#header-navi-global > ul > li { width:22%; }
		#header-navi-global > ul > li:first-child { width:12%; }

		#header-navi-local .header-navi-local-inner > ul > li {
			padding-bottom:18px; background:none; }
		#header-navi-local .header-navi-local-inner > ul > li.current {
			padding-bottom:13px; }
		#header-navi-local .header-navi-local-inner > ul > li:hover { background:transparent; }

}

/* -----------------------------------------------
	タブレット（縦）
----------------------------------------------- */
@media
	only screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait),
	only screen and (max-device-width:959px) and (min-device-width:600px) and (min-device-height:600px) and (min-resolution: 144dpi) {
	/* ドロップダウンメニュー不可 */
	#header-navi-global > ul > li > a:focus + div.global-dropdown,
	#header-navi-global > ul > li:hover div.global-dropdown { display:none; }

	/* ★★★灰色区画★★★ */
	#header-navi-local .header-navi-local-inner > p:hover a { color:#333; }
	#header-navi-local .header-navi-local-inner > ul > li:hover { background:transparent; }
	/* ホバー */
	#header-navi-local .header-navi-local-inner > ul > li:hover > a { color:#333; }

	/* ドロップダウンメニュー不可 */
	#header-navi-local .header-navi-local-inner > ul > li.over div.local-dropdown,
	#header-navi-local .header-navi-local-inner > ul > li > a:focus + div.local-dropdown,
	#header-navi-local .header-navi-local-inner > ul > li:hover div.local-dropdown { display:none; }
}

@media only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 2/3),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 4/3),
 only screen and (max-device-width:959px) and (min-device-height:500px) and (device-aspect-ratio: 3/4),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 3/5),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 5/3),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 8/5),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 15/9),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 9/16),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 256/135),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (min-resolution: 192dpi),
 only screen and (max-device-width:959px) and (min-device-height:500px) and (resolution: 144dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 5/8) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 8/5) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 9/16) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 16/9) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:667px) and (device-height:375px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:568px) and (device-height:320px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:480px) and (device-height:320px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio:2) {


	/* タブレット横　ドロップダウン不可 */
	#header-navi-global a,
	#header-navi-local a { -webkit-tap-highlight-color:rgba(0,0,0,0); }

		/* ベースライン調整 */
		#header-navi-global > ul > li > a { padding:6px 5px 7px; }
		#header-navi-local .header-navi-local-inner > p:hover,
		#header-navi-local .header-navi-local-inner > ul > li:hover { background:transparent; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown { display:none !important; }


}

/* -------------------------------------------------------------------
	ローカルナビゲーション
------------------------------------------------------------------- */
#leftside_navi {
	padding:0;
	border-top:1px solid #d5071f;
	border-bottom:1px solid #ccc; }

	/* 第一階層 */
	#leftside_navi p.title {
		border-top:1px solid #f30824; border-bottom:none; border-left:1px solid #ccc;
		border-radius:0;
		background:#f4f4f4;
		font-weight:bold; font-size:13px; font-size:1.3rem; line-height:1.5em; }
		#leftside_navi p.title a {
			display:block;
			border-bottom:none;
			padding:13px 10px 9px 15px;
			background:none; color:#666; }
		#leftside_navi p.title a:hover { color:#a91400; }

		/* 第二階層 */
		#leftside_navi > ul { border-top:1px solid #ccc; border-bottom:none; border-radius:0; }
			#leftside_navi ul li {
				list-style-type:none;
				border-top:1px solid #ccc; border-bottom:none; border-left:1px solid #c0c0c0;
				background-color:#fff;
				font-weight:bold; font-size:13px; font-size:1.3rem; line-height:1.5em; }
			#leftside_navi ul li:first-child { border-top:none; }
				#leftside_navi ul li a,
				#leftside_navi ul li span {
					display:block;
					width:auto;
					padding:14px 10px 12px 15px;
					background:none; color:#666;
					box-shadow:4px 0 0 -1px #dcdcdc inset; }
				#leftside_navi ul li a.icons-blank {
					padding-left:29px;
					background:url(/common/img/icons-blank-orange.png) no-repeat 15px 1.5em; }
				#leftside_navi ul li a:hover { background-color:#f0f0f0; color:#a91400; }
			#leftside_navi ul li.subtitle { padding:6px 10px 4px 15px; background-color:#dcdcdc; }

		/* 第二階層（カレント） */
		#leftside_navi ul li.alt { background:none; border-left:1px solid #d5071f; }
			#leftside_navi ul li.alt > a,
			#leftside_navi ul li.alt > span {
				background:#fff;
				box-shadow:4px 0 0 -1px #f30824 inset;
				color:#a91400; }
				#leftside_navi ul li.alt a:hover { background-color:#f0f0f0; color:#a91400; }
			#leftside_navi ul li.alt ul {
				margin-left:-1px; padding-bottom:10px; padding-left:0;
				background:#fff;
				border-left:1px solid #ccc; }
				#leftside_navi ul li.alt ul li {
					width:auto; margin:0 0 0 -1px;
					background-color:#fff;
					border:none; border-left:1px solid #ccc; overflow:hidden;
					font-weight:normal; font-size:12px; font-size:1.2rem; line-height:1.4em; }
					#leftside_navi ul li.alt ul li a {
						margin-left:-3px; padding:8px 10px 5px 28px;
						background:url(/common/img/icons-side-navi-level3.png) no-repeat 15px 1.1em;
						box-shadow:none;
						color:#333; }
					#leftside_navi ul li.alt ul li a.icons-blank {
						padding-left:29px;
						background:url(/common/img/icons-blank-orange.png) no-repeat 15px 1.45em; }
						#leftside_navi ul li.alt ul li a:hover { background-color:#f0f0f0; color:#a91400; }
				#leftside_navi ul li.alt ul li:first-child {
					padding-top:10px;
					border-top:1px solid #ccc;
					box-shadow:0 6px 3px -3px #f1f0f0 inset; }
					#leftside_navi ul li.alt ul li:first-child a { box-shadow:none; }

			/* 第三階層 */
			#leftside_navi ul li.now { background:none; border-left:1px solid #d5071f; }
				#leftside_navi ul li.now > a,
				#leftside_navi ul li.now > span {
					background:#fff;
					box-shadow:4px 0 0 -1px #f30824 inset;
					color:#a91400; }
					#leftside_navi ul li.now a:hover { background-color:#f0f0f0; color:#a91400; }
				#leftside_navi ul li.now ul {
					margin-left:-1px; padding-bottom:10px; padding-left:0;
					background:#fff;
					border-left:1px solid #ccc; }
					#leftside_navi ul li.now ul li {
						width:auto; margin:0 0 0 -1px;
						background-color:#fff;
						border:none; border-left:1px solid #ccc; overflow:hidden;
						font-weight:normal; font-size:12px; font-size:1.2rem; line-height:1.4em; }
						#leftside_navi ul li.now ul li:first-child a { box-shadow:none; }
						#leftside_navi ul li.now ul li a {
							margin-left:-3px; padding:8px 10px 5px 28px;
							background:url(/common/img/icons-side-navi-level3.png) no-repeat 15px 1.1em;
							box-shadow:none;
							color:#333; }
						#leftside_navi ul li.now ul li a.icons-blank {
							padding-left:29px;
							background:url(/common/img/icons-blank-orange.png) no-repeat 15px 1.45em; }
							#leftside_navi ul li.now ul li a:hover { background-color:#f0f0f0; color:#a91400; }
					#leftside_navi ul li.now ul li:first-child {
						padding-top:10px;
						border-top:1px solid #ccc;
						box-shadow:0 6px 3px -3px #f1f0f0 inset; }

			/* 第三階層（カレント） */
			#leftside_navi ul li.now ul li.alt a {
				padding:8px 10px 5px 28px;
				background:url(/common/img/icons-side-navi-level3-current.png) no-repeat 15px 1.1em #a91400;
				box-shadow:none;
				font-weight:normal; color:#fff; }
				#leftside_navi ul li.now ul li.alt:first-child > a { box-shadow:none; }
				#leftside_navi ul li.now ul li.alt ul { padding-bottom:0; }
					#leftside_navi ul li.now ul li.alt ul li:first-child { padding-top:0; }
						#leftside_navi ul li.now ul li.alt ul li a {
							padding:6px 10px 6px 43px;
							background:url(/common/img/icons-side-navi-level4.png) no-repeat 30px 0.6em transparent;
							box-shadow:none;
							font-weight:normal; color:#333; }
							#leftside_navi ul li.now ul li.alt ul li a:hover { background-color:#f0f0f0; color:#a91400; }

				/* 第四階層 */
				#leftside_navi ul li.now ul li.now { background-color:transparent; }
					#leftside_navi ul li.now ul li.now a {
						padding:8px 10px 5px 28px;
						background:url(/common/img/icons-side-navi-level3.png) no-repeat 15px 1.1em transparent;
						font-weight:normal; color:#a91400; }
						#leftside_navi ul li.now ul li.now a:hover { background-color:#f0f0f0; }
							#leftside_navi ul li.now ul li.now ul { padding-bottom:0; }
								#leftside_navi ul li.now ul li.now ul li a {
									padding:6px 10px 6px 43px;
									background:url(/common/img/icons-side-navi-level4.png) no-repeat 30px 0.6em transparent;
									box-shadow:none;
									font-weight:normal; color:#333; }
									#leftside_navi ul li.now ul li.now ul li a:hover { background-color:#f0f0f0; color:#a91400; }
									#leftside_navi ul li.now ul li.now ul li:first-child { padding-top:0; border-top:1px solid #fff; box-shadow:none; }
									#leftside_navi ul li.now ul li.now ul li:first-child a { box-shadow:none; }

				/* 第四階層（カレント） */
				#leftside_navi ul li.now ul li.now ul li.alt a {
					padding:6px 10px 6px 43px;
					background:url(/common/img/icons-side-navi-level4-current.png) no-repeat 30px 0.6em #a91400;
					font-weight:normal; color:#fff; }
					#leftside_navi ul li.now ul li.now ul li.alt ul li a {
						padding:4px 10px 4px 58px;
						background:url(/common/img/icons-side-navi-level5.png) no-repeat 45px 0.9em transparent;
						color:#333; }
						#leftside_navi ul li.now ul li.now ul li.alt ul li a:hover { background-color:#f0f0f0; color:#a91400; }

	/* リンクのアンダーライン */
	#leftside_navi a { text-decoration:none; }
	#leftside_navi a:hover { text-decoration:underline; }

	/* ナビタイトル:戻るリンクがある場合 */
	#leftside_navi .backlink_category + p.title{}
	#leftside_navi p.backlink_category a{ font-weight:normal;}
	#leftside_navi p.backlink_top{ display:none;}

	/* 第二階層に戻る */
	#leftside_navi p.backlink_category{
		margin:-1px -1px 0 0;
		border-bottom:1px solid #d5071f;
		background:#fff;}
	#leftside_navi p.backlink_category a{
		display:inline-block;
		padding:0 10px 3px 12px;
		border:none; background:none;
		background:url(/common/img/icon-arrow-right-gray.png) no-repeat 2px 0.3em;}


/* -------------------------------------------------------------------
	ローカルナビ（フェア・セミナー詳細ページで使用中：2014/12/17時点）
------------------------------------------------------------------- */
#s-navigation {
	border-top:1px solid #d5071f;
	border-bottom:1px solid #ccc; }

	/* 第一階層 */
	#s-navigation .snavi_bt { display:none; }
	#s-navigation .snavi_hd { width:auto; border:none; background:none; }
		#s-navigation .snavi_hd p {
			margin:0; padding:0;
			border-top:1px solid #f30824;
			border-bottom:none;
			border-left:1px solid #ccc;
			border-radius:0;
			background:#f4f4f4;
			font-weight:bold; font-size:13px; font-size:1.3rem; line-height:1.5em; }
			#s-navigation .snavi_hd p a {
				display:block;
				border-bottom:none;
				padding:13px 10px 9px 15px;
				background:none; color:#666; }
			#s-navigation .snavi_hd p a:hover { color:#a91400; }

	/* 第二階層 */
	#s-navigation > ul.snavi {
		width:auto;
		border-top:1px solid #ccc;
		border-bottom:none;
		border-radius:0;
		background-color:#fff; }
		#s-navigation ul.snavi li {
			list-style-type:none;
			border-top:1px solid #ccc; border-bottom:none; border-left:1px solid #c0c0c0;
			background-color:#fff;
			font-weight:bold; font-size:13px; font-size:1.3rem; line-height:1.5em; }
		#s-navigation ul.snavi li:first-child { border-top:none; }
			#s-navigation ul.snavi li span { padding:0; font-size:13px; font-size:1.3rem; line-height:1.5em; }
			#s-navigation ul.snavi li a {
				display:block; width:auto;
				padding:14px 10px 12px 15px;
				background:none; color:#666;
				box-shadow:4px 0 0 -1px #dcdcdc inset; }
			#s-navigation ul.snavi li a.t12 { font-size:13px; font-size:1.3rem; line-height:1.5em; }
			#s-navigation ul.snavi li a.icons-blank {
				padding-left:29px;
				background:url(/common/img/icons-blank-orange.png) no-repeat 15px 1.5em; }
			#s-navigation ul.snavi li a:hover { background-color:#f0f0f0; color:#a91400; }
		#s-navigation ul.snavi li.subtitle { padding:6px 10px 4px 15px; background-color:#dcdcdc; }

	/* 第二階層（カレント） */
	#s-navigation ul.snavi li.alt { border-left:1px solid #d5071f; }
		#s-navigation ul.snavi li.alt a { background-color:#fff; }
		#s-navigation ul.snavi li.alt > a,
		#s-navigation ul.snavi li.alt > span {
			box-shadow:4px 0 0 -1px #f30824 inset;
			color:#a91400; font-size:13px; font-size:1.3rem; line-height:1.5em; }
			#s-navigation ul.snavi li.alt a:hover { background-color:#f0f0f0; color:#a91400; }
		#s-navigation ul.snavi li.alt ul {
			margin-left:-1px; padding-left:0; padding-bottom:10px;
			border-left:1px solid #ccc;
			background-color:#fff }
			#s-navigation ul.snavi li.alt ul li {
				border:none; border-left:1px solid #ccc; overflow:hidden;
				margin-left:-1px;
				font-weight:normal; font-size:12px; font-size:1.2rem; line-height:1.4em; }
				#s-navigation ul.snavi li.alt ul li a {
					margin-left:-3px; padding:8px 10px 5px 28px;
					background:url(/common/img/icons-side-navi-level3.png) no-repeat 15px 1.1em;
					box-shadow:none;
					color:#333; }
				#s-navigation ul.snavi li.alt ul li a.icons-blank {
					padding-left:29px;
					background:url(/common/img/icons-blank-orange.png) no-repeat 15px 1.45em; }
					#s-navigation ul.snavi li.alt ul li a:hover { background-color:#f0f0f0; color:#a91400; }
			#s-navigation ul.snavi li.alt ul li:first-child {
				padding-top:10px;
				border-top:1px solid #ccc;
				box-shadow:0 6px 3px -3px #f1f0f0 inset; }
				#s-navigation ul.snavi li.alt ul li:first-child a { box-shadow:none; }

		/* 第三階層 */
		#s-navigation ul.snavi li.now { border-left:1px solid #d5071f; }
			#s-navigation ul.snavi li.now a { background-color:#fff; }
			#s-navigation ul.snavi li.now > a,
			#s-navigation ul.snavi li.now > span {
				box-shadow:4px 0 0 -1px #f30824 inset;
				color:#a91400; font-size:13px; font-size:1.3rem; line-height:1.5em; }
				#s-navigation ul.snavi li.now a:hover { background-color:#f0f0f0; color:#a91400; }
			#s-navigation ul.snavi li.now ul {
				margin-left:-1px; padding-left:0; padding-bottom:10px;
				border-left:1px solid #ccc;
				background-color:#fff; }
				#s-navigation ul.snavi li.now ul li {
					border:none; border-left:1px solid #ccc; overflow:hidden;
					margin-left:-1px;
					font-weight:normal; font-size:12px; font-size:1.2rem; line-height:1.4em; }
					#s-navigation ul.snavi li.now ul li a {
						margin-left:-3px; padding:8px 10px 5px 28px;
						background:url(/common/img/icons-side-navi-level3.png) no-repeat 15px 1.1em;
						box-shadow:none;
						color:#333; }
					#s-navigation ul.snavi li.now ul li a.icons-blank {
						padding-left:29px;
						background:url(/common/img/icons-blank-orange.png) no-repeat 15px 1.45em; }
						#s-navigation ul.snavi li.now ul li a:hover { background-color:#f0f0f0; color:#a91400; }
				#s-navigation ul.snavi li.now ul li:first-child {
					padding-top:10px;
					border-top:1px solid #ccc;
					box-shadow:0 6px 3px -3px #f1f0f0 inset; }
					#s-navigation ul.snavi li.now ul li:first-child a { border-top:none; box-shadow:none; }


		/* 第三階層（カレント） */
		#s-navigation ul.snavi li.now ul li.alt a {
			padding:8px 10px 5px 28px;
			background:url(/common/img/icons-side-navi-level3-current.png) no-repeat 15px 1.1em #a91400;
			box-shadow:none;
			font-weight:normal; font-size:12px; font-size:1.2rem; line-height:1.4em; color:#fff; }
			#s-navigation ul.snavi li.now ul li.alt:first-child a { box-shadow:none; }
			#s-navigation ul.snavi li.now ul li.alt ul { padding-bottom:0; }
				#s-navigation ul.snavi li.now ul li.alt ul li:first-child { padding-top:0; }
					#s-navigation ul.snavi li.now ul li.alt ul li a {
						padding:6px 10px 6px 43px;
						background:url(/common/img/icons-side-navi-level4.png) no-repeat 30px 0.6em transparent;
						box-shadow:none;
						font-weight:normal; color:#333; }
						#s-navigation ul.snavi li.now ul li.alt ul li a:hover { background-color:#f0f0f0; color:#a91400; }

			/* 第四階層 */
			#s-navigation ul.snavi li.now ul li.now a {
				padding:8px 10px 5px 28px;
				background:url(/common/img/icons-side-navi-level3.png) no-repeat 15px 1.1em transparent;
				color:#a91400; }
				#s-navigation ul.snavi li.now ul li.now a:hover { background-color:#f0f0f0; }
					#s-navigation ul.snavi li.now ul li.now ul { padding-bottom:0; }
						#s-navigation ul.snavi li.now ul li.now ul li a {
							padding:6px 10px 6px 43px;
							background:url(/common/img/icons-side-navi-level4.png) no-repeat 30px 0.6em transparent;
							box-shadow:none;
							font-weight:normal; color:#333; }
							#s-navigation ul.snavi li.now ul li.now ul li a:hover { background-color:#f0f0f0; color:#a91400; }
							#s-navigation ul.snavi li.now ul li.now ul li:first-child { padding-top:0; border-top:1px solid #fff; box-shadow:none; }
							#s-navigation ul.snavi li.now ul li.now ul li:first-child a { box-shadow:none; }

			/* 第四階層（カレント） */
			#s-navigation ul.snavi li.now ul li.now ul li.alt a {
				padding:6px 10px 6px 43px;
				background:url(/common/img/icons-side-navi-level4-current.png) no-repeat 30px 0.6em #a91400;
				font-weight:normal; color:#fff; }
				#s-navigation ul.snavi li.now ul li.now ul li.alt ul li a {
					padding:4px 10px 4px 58px;
					background:url(/common/img/icons-side-navi-level5.png) no-repeat 45px 0.9em transparent;
					color:#333; }
					#s-navigation ul.snavi li.now ul li.now ul li.alt ul li a:hover { background-color:#f0f0f0; color:#a91400; }

	/* リンクのアンダーライン */
	#s-navigation a { text-decoration:none; }
	#s-navigation a:hover { text-decoration:underline; }

	/* ナビタイトル:戻るリンクがある場合 */
	#s-navigation .backlink_category + p.title{}
	#s-navigation p.backlink_category a{ font-weight:normal;}
	#s-navigation p.backlink_top{ display:none;}

	/* 第二階層に戻る */
	#s-navigation p.backlink_category{
		margin:-1px -1px 0 0;
		border-bottom:1px solid #d5071f;
		background:#fff;}
	#s-navigation p.backlink_category a{
		display:inline-block;
		padding:0 10px 3px 12px;
		border:none; background:none;
		background:url(/common/img/icon-arrow-right-gray.png) no-repeat 2px 0.3em;}

/* バナーエリア */
.side-links-priority-bnr { margin-top:2em; font-size:10px; font-size:1.0rem; line-height:1em; }
	.side-links-priority-bnr ul li { list-style-type:none; margin-top:2em; }
	.side-links-priority-bnr ul li:first-child { margin-top:0; }
		.side-links-priority-bnr ul li a {
			padding:0;
			background-image:none; }
			.side-links-priority-bnr ul li a img {
				padding:1px;
				border:1px solid #ccc; border-radius:10px; background:#fff;
				box-shadow:3px 3px 5px 0px rgba(4,0,0,0.15); }

/* -------------------------------------------------------------------

	ページID

------------------------------------------------------------------- */

.page-id {
	display:inline-block;
	position:fixed; right:0; bottom:0; z-index:100;
	margin-top:0; padding:3px 10px;
	background-color:#008196; color:#fff; line-height:1.4; }