@charset "UTF-8";
/* ----------------------------------------
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

　temp_Page01.css　　：テンプレート用（共通）


　１．共通部分・全体レイアウト

　２．共通部分・装飾

　３．ヘッダーエリア

　４．フッターエリア

　５．ナビゲーション

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
---------------------------------------- */

/* ---------------------------------------- 
＊＊＊＊＊＊＊＊
　　　　　　　　　１．共通部分レイアウト
＊＊＊＊＊＊＊＊
---------------------------------------- */

/* ：：： ページタイトル ：：： */
#PageTitle {
	position: relative;
	height: 400px;
	width: 160px;
	border-left: solid  3px  #677f7e;
	background-color: rgba( 105, 105, 105, 0); /* ★確認用：dimgray #696969 */
}

#PageTitle h1 {
	position: absolute;
	top: 240px;
	left: 16px;
	z-index: 1000;
	text-align: right;
	color: #2e2930; /* 紫黒（しこく） */
	border: none;
}
#PageTitle h2 {
	position: absolute;
	top: 268px;
	left: 48px;
	z-index: 1000;
	text-align: right;
	font-size: 0.833rem; /* ：：：約9.996px：：： */
	color: #2e2930; /* 紫黒（しこく） */
	border: none;
}

#PageTitle #Background_img {
	position: absolute;
	font-size: 5.3rem; /* ：：：約63.6px：：： */
	font-weight: 600;
	color: rgba( 103, 127, 126, 0.1); /* ：：：基本色：#677f7e：：： */
	
	-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}



/* ---------------------------------------- 
＊＊＊＊＊＊＊＊
　　　　　　　　　３．ヘッダーエリア
＊＊＊＊＊＊＊＊
---------------------------------------- */

/* ヘッダーナビゲーション */
#hNavigation {
  position: absolute;
  top: 20px;
  left: 8px;
  overflow: hidden;
}
#hNavigation li {
  float: left;
  margin: 0;
  text-align: center;
}
#hNavigation a {
  display: block;
  overflow: hidden;
  color: #677f7e;

  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#hNavigation a:hover,
#hNavigation li.current a {
  color: #942343;
}


/* ヘッダーナビゲーション：nav2 */
ul#nav2 {
	padding: 0;
  font-size: 0.833rem; /* ：：：約9.996px：：： */
  letter-spacing: 0.3em;
}

#nav2 li {
	padding: 2px 16px 0 24px;
	border-right: 1px solid #677f7e;
	height: 16px;
	background-color: rgba( 105, 105, 105, 0); /* ★確認用：dimgray #696969 */
}


/* ヘッダーナビゲーション：nav3 */
ul#nav3 {
	margin: 0 0 0 24px;
	font-size: 0.667rem; /* ：：：約8.004px：：： */
	letter-spacing: 0.15em;
}

#nav3 li {
	padding: 4px 8px 0 0;
	background-color: rgba( 105, 105, 105, 0); /* ★確認用：dimgray #696969 */
}
#nav3 li:before {
 display: inline;
 content: "・";
 width: 1em;
 height: 1em;
 position: relative;
 float: left;
 color: #677f7e;
}