m@charset 'UTF-8';

/** |READ ME| **************************************************************************************

theme_pc.css
Ver.201809

----------------------------------------------------------------------------------------------------

01. HTML初期化
02. ページ設定
　02-01. ヘッダー
　02-02. コンテンツ
　02-03. フッター

************************************************************************************** |READ ME| **/





/** |01. HTML初期化| >> *************************************************************** >> START **/


* {font-size: inherit;}

hr {display: none;}

body, header, main, footer, section, article, aside, menu, nav,
address, div, h1, h2, h3, h4, h5, h6, p, hr,
ul, ol, li, dl, dt, dd, table, th, td, figure, figcaption {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1;
	margin: 0;
	padding: 0;
}

header, main, footer, section, article, aside, nav, figure {display: block;}

body {
	background-color: #fff;
	color: #7f8283;
	font-family: 'Trade Gothic W01 Light', sans-serif;
	-moz-font-feature-settings: 'pkna' 1;
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
	font-size: 16px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, th, strong {font-family: 'Trade Gothic W01 Bold', sans-serif;}

table {border-collapse: collapse;}

table, th, td, img, iframe {border: none;}

address {font-style: normal;}

li {list-style: none;}

img {vertical-align: top;}

a {color: #4aa6c3;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

a:hover img, a:active img {opacity: 0.6;}

.clearfix {zoom: 1;}

.clearfix::after {
	clear: both;
	content: '';
	display: block;
}


/** |01. HTML初期化| << ***************************************************************** << END **/





/** |02. ページ設定| >> *************************************************************** >> START **/


	/** |02-01. ヘッダー| **************************************************************** START **/


	.site {
		min-width: 1080px;
		width: 100%;
		z-index: 1;
	}

		.site .prop {
			background-color: #fff;
			border-bottom: 1px solid #d4d5d6;
			height: 144px;
			min-width: 1080px;
			position: relative;
			width: 100%;
		}


		/** [サイトロゴ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .trademark {
			top: 26px;
			right: 50%;
			margin-right: 404px;
			position: absolute;
			width: 136px;
			z-index: 13;
		}

			.site .trademark a {
				background: url(/en/common/img/st_img_trademark.jpg) no-repeat 0 0;
				background-size: 100% auto;
				display: block;
				height: 88px;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
				width: 136px;
			}

			.site .trademark a:hover {opacity: 0.5;}


		/** [メニューアイコン] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .icons {display: none;}


		/** [メニュー] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .menu {
			font-size: 0;
			height: 143px;
			margin: 0 auto;
			position: relative;
			text-align: right;
			width: 1080px;
			z-index: 11;
		}


			/** [カテゴリリスト] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .index {
				bottom: 0;
				font-size: 0;
				padding-bottom: 32px;
				position: absolute;
				right: 0;
				text-align: right;
				width: 904px;
				z-index: 12;
			}

				.site .menu .index li {
					color: #7f8283;
					display: inline-block;
					font-family: 'Trade Gothic W01 Bold', sans-serif;
					font-size: 15px;
					margin-left: 32px;
					position: relative;
				}

				.site .menu .index li:first-of-type {margin-left: 0;}

					.site .menu .index li a,
					.site .menu .index li span {
						border-bottom: 2px solid transparent;
						color: inherit;
						font-family: inherit;
						text-decoration: none;
						padding: 0 1px 10px;
					}

					.site .menu .index li span {cursor: pointer;}

					.site .menu .index li:hover a,
					.site .menu .index li:hover span {border-bottom-color: #4aa6c3;}

						.site .menu .index li .blank::after {
							background: url(/en/common/img/st_ico_blank.gif) no-repeat 0 0;
							content: '';
							display: inline-block;
							height: 12px;
							margin-left: 4px;
							width: 14px;
						}

						.site .menu .index li .list {
							display: none;
							left: 50%;
							margin-left: -136px;
							padding-top: 32px;
							position: absolute;
							top: 100%;
							width: 282px;
							z-index: 9000;
						}

						.site .menu .index li:hover .list {display: block;}

							.site .menu .index li .list ul {
								background-color: #fff;
								border: 1px solid #d4d5d6;
								padding: 16px 0;
							}

								.site .menu .index li .list li {
									display: block;
									letter-spacing: -0.01em;
									margin-left: 0;
									padding: 14px 26px;
									text-align: left;
								}

									.site .menu .index li .list a {
										border-bottom: none;
										padding: 0;
									}

									.site .menu .index li .list a:hover {color: #4aa6c3;}

								.contents .navigation .guide dd .blank::after {
									background: url(/common/img/nvg_ico_blank02.gif) no-repeat 0 0;
									content: '';
									display: inline-block;
									height: 12px;
									margin-left: 10px;
									vertical-align: middle;
									width: 14px;
								}


			/** [ストーリー] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .story {
				color: #7f8283;
				display: inline-block;
				font-family: 'Trade Gothic W01 Bold', sans-serif;
				font-size: 16px;
				padding-top: 28px;
				z-index: 13;
			}

				.site .menu .story a {
					color: inherit;
					font-family: inherit;
					text-decoration: none;
				}

				.site .menu .story a:hover {opacity: 0.5;}

					.site .menu .story a::after {
						background: url(/en/common/img/st_ico_blank.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 12px;
						margin-left: 4px;
						width: 14px;
					}


			/** [表示言語] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .language {
				display: inline-block;
				margin-left: 36px;
				padding-top: 28px;
				z-index: 13;
			}

				.site .menu .language dt,
				.site .menu .language dd {
					color: #7f8283;
					font-family: 'Trade Gothic W01 Bold', sans-serif;
					font-size: 16px;
				}

				.site .menu .language dt {cursor: pointer;}

					.site .menu .language dt::after {
						background: url(/en/common/img/st_ico_close.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 8px;
						margin-left: 4px;
						width: 12px;
					}

					.site .menu .language:hover dt::after {background-image: url(/en/common/img/st_ico_open.gif);}

				.site .menu .language .list {
					position: relative;
					z-index: 14;
				}

					.site .menu .language .list ul {
						display: none;
						padding-top: 8px;
						position: absolute;
						right: 0;
						top: 100%;
					}

					.site .menu .language:hover .list ul {display: block;}

						.site .menu .language .list li {
							border: 1px solid #d4d5d6;
							border-top: none;
							display: block;
							font-size: 14px;
							margin-left: 0;
							z-index: 9000;
						}

						.site .menu .language .list li:first-of-type {border-top: 1px solid #d4d5d6;}

							.site .menu .language .list a {
								background-color: #fff;
								color: inherit;
								display: block;
								font-family: inherit;
								padding: 10px 0;
								text-align: center;
								text-decoration: none;
								width: 96px;
							}

							.site .menu .language .list a:hover {
								background-color: #7f8283;
								color: #fff;
								opacity: 1;
							}


			/** [閉じる] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .close {display: none;}


	/** |02-01. ヘッダー| ****************************************************************** END **/



	/** |02-02. コンテンツ| ************************************************************** START **/


		/** [テーマ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.theme {
			min-width: 1080px;
			padding-bottom: 60px;
			width: 100%;
		}


			/** [パンくず] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.theme .crumbs {
				letter-spacing: -1.2em;
				margin: 0 auto;
				padding: 32px 0;
				width: 1080px;
			}

				.theme .crumbs li {
					display: inline;
					font-size: 14px;
					letter-spacing: normal;
					padding-left: 8px;
					position: relative;
				}

				.theme .crumbs .home {padding-left: 0;}

					.theme .crumbs li::before {
						background: url(/en/common/img/cnt_ico_contents.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 16px;
						margin-right: 8px;
						vertical-align: -0.15em;
						width: 16px;
					}

					.theme .crumbs .home::before {background-image: url(/en/common/img/cnt_ico_home.gif);}

					.theme .crumbs li a {color: #7f8283;}


			/** [フロントロウ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.theme .frontrow {
				background-color: #eee;
				padding-top: 31.71%;/* 444px */
				position: relative;
				width: 100%;/* 1400px */
			}

				.theme .frontrow img {
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					visibility: hidden;
					width: 100%;
				}


		/** [コンテンツ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.contents {
			margin: 0 auto;
			width: 1080px;
			zoom: 1;
		}

			.contents::after {
				clear: both;
				content: '';
				display: block;
			}


			/** [パンくず] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .crumbs {
				letter-spacing: -1.2em;
				margin: 32px 0 38px;
				overflow: hidden;
				padding-right: 1em;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 1080px;
			}

				.contents .crumbs li {
					display: inline;
					font-size: 14px;
					letter-spacing: normal;
					padding-left: 8px;
					position: relative;
				}

				.contents .crumbs .home {padding-left: 0;}

					.contents .crumbs li::before {
						background: url(/en/common/img/cnt_ico_contents.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 16px;
						margin-right: 8px;
						vertical-align: -0.15em;
						width: 16px;
					}

					.contents .crumbs .home::before {background-image: url(/en/common/img/cnt_ico_home.gif);}

					.contents .crumbs li a {color: #7f8283;}

					.contents .crumbs li br {display: none;}


			/** [カテゴリ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .category {
				border-left: 3px solid #4aa6c3;
				font-family: 'Trade Gothic W01 Bold', sans-serif;
				font-size: 30px;
				margin: 38px 0;
				padding-left: 16px;
			}


			/** [コンテンツ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .body {
				float: left;
				width: 760px;
			}


				/** [汎用パーツ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.static .body section {
					padding-top: 64px;
					width: 760px;
				}

				.static .body section:first-child {padding-top: 0;}


					/* ヘッダ（ボタン無） */
					.static .body section > .title {
						background-color: #f4f4f5;
						font-size: 20px;
						padding: 14px 20px;
					}


					/* ヘッダ（ボタン有） */
					.static .body section .header {
						background-color: #f4f4f5;
						padding: 8px 94px 8px 20px;
						position: relative;
					}

						.static .body section .header .title {
							font-size: 18px;
							line-height: 1.67;
						}

						.static .body section .header .more {
							position: absolute;
							top: 50%;
							margin-top: -1em;
							right: 10px;
						}

							.static .body section .header .more a {
								background-color: #fff;
								color: #7f8283;
								display: inline-block;
								font-size: 14px;
								height: 2.2em;
								line-height: 2.2em;
								text-align: center;
								text-decoration: none;
								width: 74px;
							}

							.static .body section .header .more a:hover {
								background-color: #d4d5d6;
								color: #fff;
							}

				.static .body section > p {
					line-height: 1.88;
					padding-top: 30px;
				}


			/** [ナビゲーション] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .navigation {
				float: right;
				width: 270px;
			}


				/** [ページ検索] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .search {border-top: 1px solid #d4d5d6;}

					.contents .navigation .search .condition {}


						/* 検索条件 */
						.contents .navigation .search .condition .label {
							background: url(/en/common/img/nvg_ico_close.png) no-repeat 230px 50%;
							background-image: url(/en/common/img/nvg_ico_open.png);
							background-size: 16px 10px;
							border-bottom: 1px solid #d4d5d6;
							cursor: pointer;
							font-family: 'Trade Gothic W01 Bold', sans-serif;
							padding: 20px 64px 20px 0;
						}

						.contents .navigation .search .condition .open {background-image: url(/en/common/img/nvg_ico_close.png);}


						/* リスト */
						.contents .navigation .search .condition .list {
							border-bottom: 1px solid #d4d5d6;
							padding: 6px 0 16px 20px;
						}

							.contents .navigation .search .condition ul {}

								.contents .navigation .search .condition li {padding: 18px 0;}

							.contents .navigation .search .condition dl {}

							.contents .navigation .search .condition ul + dl {border-top: 1px solid #d4d5d6;}

								.contents .navigation .search .condition dt {padding: 20px 0 10px;}

								.contents .navigation .search .condition dd {
									font-size: 14px;
									line-height: 1.43;
									padding: 16px 28px 16px 0;
									position: relative;
								}

									.contents .navigation .search .condition a {}

										.contents .navigation .search .condition .blank::after {
											background: url(/en/common/img/nvg_ico_blank01.gif) no-repeat 0 0;
											bottom: 0;
											content: '';
											display: inline-block;
											height: 12px;
											margin: auto 0;
											position: absolute;
											right: 12px;
											top: 0;
											width: 14px;
										}


						/* 閉じる */
						.contents .navigation .search .condition .close {display: none;}


				/** [施設ガイド] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .guide {border-top: 1px solid #d4d5d6;}

					.contents .navigation .guide dt,
					.contents .navigation .guide dd,
					.contents .navigation .guide > li {border-bottom: 1px solid #d4d5d6;}

						.contents .navigation .guide a {
							color: #7f8283;
							display: block;
							font-family: 'Trade Gothic W01 Bold', sans-serif;
							padding: 20px 0;
							position: relative;
						}

						.contents .navigation .guide .label {
							background: url(/en/common/img/nvg_ico_close.png) no-repeat 230px 50%;
							background-image: url(/en/common/img/nvg_ico_open.png);
							background-size: 16px 10px;
							cursor: pointer;
							font-family: 'Trade Gothic W01 Bold', sans-serif;
							padding: 20px 64px 20px 0;
						}

						.contents .navigation .guide .open {background-image: url(/en/common/img/nvg_ico_close.png);}


						/* リスト */
						.contents .navigation .guide .list {
							border-top: 1px solid #d4d5d6;
							padding: 6px 0 6px 20px;
						}

							.contents .navigation .guide .list ul {}

								.contents .navigation .guide .list li {padding: 18px 0;}

									.contents .navigation .guide .list a {
										color: #4aa6c3;
										padding: 0;
									}


				/** [問い合わせ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .contact {}

				.contents .navigation > .publish {padding-top: 38px;}

					.contents .navigation .contact .head {display: none;}

					.contents .navigation .publish .head {
						border-left: 1px solid #4aa6c3;
						display: block;
						font-family: 'Trade Gothic W01 Bold', sans-serif;
						padding-left: 12px;
					}

					.contents .navigation .contact .address {padding-top: 38px;}

					.contents .navigation .contact p.address {
						font-size: 14px;
						line-height: 2.14;
						padding-top: 10px;
					}

						.contents .navigation .contact .address dt {
							border-left: 1px solid #4aa6c3;
							font-family: 'Trade Gothic W01 Bold', sans-serif;
							padding-left: 12px;
						}

						.contents .navigation .contact .address dd {
							font-size: 14px;
							line-height: 2.14;
							padding-top: 10px;
						}

					.contents .navigation .contact .tel {
						border-bottom: 1px solid #d4d5d6;
						font-size: 14px;
						line-height: 2.14;
						padding-bottom: 26px;
					}

					.contents .navigation .publish .tel {
						border-bottom: none;
						padding-bottom: 0;
					}

						.contents .navigation .contact .tel::before {
							content: 'TEL:';
							font-size: 14px;
							line-height: 2.14;
						}

						.contents .navigation .contact .tel a[href^="tel:"] {
							color: #7f8283;
							display: inline-block;
							pointer-events: none;
						}

					.contents .navigation .contact .etc {
						border-bottom: 1px solid #d4d5d6;
						font-size: 14px;
						line-height: 2.14;
						padding-bottom: 26px;
					}

						.contents .navigation .contact .etc a {color: #7f8283;}

						.contents .navigation .contact .etc a[href*="//ws.formzu.net/"]::after {
							background: url(/en/common/img/nvg_ico_blank02.gif) no-repeat 0 0;
							content: '';
							display: inline-block;
							height: 12px;
							margin-left: 8px;
							vertical-align: middle;
							width: 14px;
						}


				/** [お知らせ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .info {padding-top: 36px;}

					.contents .navigation .info img {
						height: auto;
						width: 100%;
					}


				/** [LIXIL出版インデックス] >> ++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .index {border-top: 1px solid #d4d5d6;}

					.contents .navigation .index dt,
					.contents .navigation .index dd {border-bottom: 1px solid #d4d5d6;}

						.contents .navigation .index a {
							color: #7f8283;
							display: block;
							padding: 16px 0 16px 20px;
							position: relative;
						}

						.contents .navigation .index a:hover {
							opacity: 0.5;
							text-decoration: none;
						}

						.contents .navigation .index .home a {padding-left: 52px;}

							.contents .navigation .index .home a::before {
								background: url(/en/common/img/nvg_ico_publish.gif) no-repeat 0 0;
								background-size: 100% auto;
								content: '';
								display: block;
								height: 18px;
								left: 20px;
								margin-top: -9px;
								position: absolute;
								top: 50%;
								width: 20px;
							}

							.contents .navigation .index .active a::after {
								background-color: #4aa6c3;
								bottom: 12px;
								content: '';
								display: block;
								left: 0;
								position: absolute;
								top: 12px;
								width: 2px;
							}


				/** [カテゴリ一覧] >> +++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .facilities {padding-top: 50px;}

				.contents .navigation .facilities:first-child {padding-top: 0;}

					.contents .navigation .facilities dl {padding-top: 50px;}

					.contents .navigation .facilities dl:first-of-type {padding-top: 0;}


						/* カテゴリ */
						.contents .navigation .facilities dt {
							border-bottom: 1px solid #d4d5d6;
							font-family: 'Trade Gothic W01 Bold', sans-serif;
							margin-bottom: 6px;
							padding-bottom: 22px;
						}


						/* リスト */
						.contents .navigation .facilities dd {
							background: no-repeat 0 0;
							padding-top: 20px;
							width: 270px;
						}

							.contents .navigation .facilities dd a {
								background: no-repeat 0 0;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								color: #7f8283;
								display: block;
								font-family: 'Trade Gothic W01 Bold', sans-serif;
								font-size: 14px;
								height: 60px;
								line-height: 60px;
								padding-left: 78px;
								position: relative;
								text-decoration: none;
								width: 270px;
							}

							.contents .navigation .facilities dd a:hover {opacity: 0.5;}

							.contents .navigation .facilities dd .ilm {background-image: url(/en/common/img/nvg_img_ilm.jpg);}
							.contents .navigation .facilities dd .bunkakan {background-image: url(/en/common/img/nvg_img_bunkakan.jpg);}
							.contents .navigation .facilities dd .gallery {background-image: url(/en/common/img/nvg_img_gallery.jpg);}
							.contents .navigation .facilities dd .publish {background-image: url(/en/common/img/nvg_img_publish.jpg);}

								.contents .navigation .facilities dd span {
									color: inherit;
									display: inline-block;
									line-height: 1.2;
									vertical-align: middle;
								}

									.contents .navigation .facilities dd .blank::after {
										background: url(/en/common/img/nvg_ico_blank02.gif) no-repeat 0 0;
										content: '';
										display: inline-block;
										height: 12px;
										margin-left: 10px;
										vertical-align: middle;
										width: 14px;
									}


				/** [メールマガジン] >> +++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .magazine {padding-top: 50px;}

					.contents .navigation .magazine dt {}

						.contents .navigation .magazine dt img {
							height: auto;
							width: 100%;
						}

					.contents .navigation .magazine dd {
						font-size: 14px;
						line-height: 1.71;
						padding-top: 10px;
					}


				/** [関連情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .relation {padding-top: 50px;}

					.contents .navigation .relation dt {}

						.contents .navigation .relation dt img {
							height: auto;
							width: 100%;
						}

					.contents .navigation .relation dd {
						font-size: 14px;
						line-height: 1.71;
						padding-top: 10px;
					}


			/** [フリップフロップ] >> +++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .flipflop {
				clear: both;
				font-size: 0;
				margin: 0 auto;
				padding-top: 90px;
				text-align: right;
				width: 1080px;
			}

				.contents .flipflop a {
					background: url(/en/common/img/cnt_btn_top.gif) no-repeat 0 0;
					background-size: 100% auto;
					display: inline-block;
					height: 62px;
					overflow: hidden;
					text-indent: 100%;
					white-space: nowrap;
					width: 62px;
				}

				.contents .flipflop a:hover {opacity: 0.6;}


	/** |02-02. コンテンツ| **************************************************************** END **/



	/** |02-03. フッター| **************************************************************** START **/


	.publication {
		background-color: #d4d5d6;
		height: 258px;
		min-width: 1080px;
		width: 100%;
	}

		.publication .prop {
			height: 258px;
			margin: 0 auto;
			position: relative;
			width: 1080px;
		}


		/** [関連サイト] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .relation {
			font-size: 0;
			padding-top: 60px;
		}

			.publication .relation li {
				color: #585a5a;
				display: inline-block;
				font-size: 16px;
				margin-right: 40px;
			}

			.publication .relation li:last-of-type {margin-right: 0;}

				.publication .relation li a {
					color: inherit;
					font-family: inherit;
					text-decoration: none;
				}

				.publication .relation li a:hover {opacity: 0.5;}

					.publication .relation a::before {
						background: url(/en/common/img/pbl_ico_link.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 12px;
						margin-right: 8px;
						vertical-align: -0.03em;
						width: 8px;
					}


		/** [メディア] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .media {
			font-size: 0;
			padding-top: 32px;
		}

			.publication .media li {
				display: inline-block;
				padding-right: 18px;
			}

			.publication .media li:last-of-type {padding-right: 0;}

				.publication .media li a {
					background: no-repeat 0 0;
					background-size: 38px auto;
					display: block;
					height: 38px;
					overflow: hidden;
					text-indent: 100%;
					white-space: nowrap;
					width: 38px;
				}

				.publication .media li a:hover {opacity: 0.5;}

				.publication .media li .fb {background-image: url(/en/common/img/pbl_btn_facebook.gif);}
				.publication .media li .yt {background-image: url(/en/common/img/pbl_btn_youtube.gif);}


		/** [運営] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .administration {
			bottom: 0;
			padding-bottom: 58px;
			position: absolute;
			right: 0;
			width: 114px;
		}

			.publication .administration a {
				background: url(/en/common/img/pbl_img_administration.jpg) no-repeat 50% 50%;
				background-size: 114px auto;
				display: block;
				height: 62px;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
				width: 114px;
			}

			.publication .administration a:hover {opacity: 0.5;}


		/** [コピーライト] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .copyright {
			color: #585a5a;
			font-size: 11px;
			padding-top: 40px;
		}


	/** |02-03. フッター| ****************************************************************** END **/


/** |02. ページ設定| << ***************************************************************** << END **/