@charset "UTF-8";

p.dir     {font-size: 0.9em; font-family:TIMES NEW ROMAN; font-weight:bold; color:#0d3738}

body {
	text-align       : center;
	background-color : ;
	margin           : 0px;
	padding          : 0px;
	}

#main {
	width            : 938px;
	height:200px;
	margin-left      : auto;
	margin-right     : auto;
	text-align       : left;




	background-color : ;
	height           : auto;
	}

#content {
	position: relative;    /*�ʏ�ǂ���̈ʒu�ɔz�u*/
	z-index: 1;
}


table 　{
	font-size:0.86em;
	}

.menu a:hover {
　　　　background-color: #778899;
	color: #00245d;
	font-weight: bold;
　　　　}

.menu a{
	background-color:#F0F8FF;
	display:block;
	width:134px;
	border-right:solid 1px #ffffff;
	line-height:1.5em;
	text-align:center;
	font-size:0.9em;
	}
.menu {
	background-color:none;
	position:relative;
	left:0;
	top:0;
	z-index:10;
	}
#menu2 {
	position:absolute;
	left:134px;
	top:0;
	z-index:10;
	}
#menu3 {
	position:absolute;
	left:268px;
	top:0;
	z-index:10;
	}
#menu4 {
	position:absolute;
	left:402px;
	top:0;
	z-index:10;
	}
#menu5 {
	position:absolute;
	left:536px;
	top:0;
	z-index:10;
	}
#menu6 {
	position:absolute;
	left:670px;
	top:0;
	z-index:10;
	}
#menu7 {
	position:absolute;
	left:804px;
	top:0;
	z-index:10;
	}
#form {
	position:absolute;
	left:850px;
	top:40px;
	}
.submenu a {
	background-color:#D3D3D3;
	}
.submenu {
	visibility:hidden;
	position:absolute;
	left:0;
	top:auto;
	}

#flashContent {
	position: absolute;    /*#content�̌�둤��W100%, H387px�Ŕz�u*/
	z-index: 0;
	top: 161px;
	left: 0px;
	width: 100%;
	height: 387px;
}


h1 {
	font-size:1.25em;
	font-weight:normal;
	}

p.table-top {
	font-size:1.1em;
	color:white;
	}

p.table0 {
	font-size:1.2em;
	color:black;
	}

p.tableBusiness {
	font-family: sans-serif;
	line-height:22px;
	padding-bottom:2px;

	display:inline
	}

p.tableBusiness2 {
	font-family: sans-serif;
	line-height:22px;
	padding-bottom:2px;
	display:inline
	}

p.tableSyahyou {
	font-family: sans-serif;
	line-height:20px;
	padding-bottom:1px;

	display:inline
	}

p.tableSozai{
	font-family: sans-serif;
	font-size:11pt;
	line-height:17px;
	padding-bottom:1px;
	
	display:inline
	}

p.tableQd{
	font-size:11pt;
	font-family: sans-serif;
	line-height:18px;
	padding-bottom:1px;
	
	display:inline
	}

p.tableRaw{
	font-size:11pt;
	font-family: sans-serif;
	line-height:14.5px;
	padding-bottom:1px;
	
	display:inline
	}

p.tableKameoka{
	font-size:11pt;
	font-family: sans-serif;
	line-height:15px;
	padding-bottom:1px;
	
	display:inline
	}

p.tableReview{
	font-family: sans-serif;
	font-size:11pt;
	}

p.table1 {
	font-family: sans-serif;
	line-height:22px;
	padding-bottom:2px;
	display:inline
	}

p.table2 {
	font-family: sans-serif;
	font-size:0.95em;
	color:#000080;
	text-decoration:none;
	}

p.table3 {
	font-size:0.7em;
	color:black;
	}

p.top {
	font-size:0.675em;
	color:white;
	}
p.a2 {
	font-size:0.675em;
	color:#A9A9A9;
	}
p.a3 {
	font-size:0.775em;
	color:#444;
	}

address {
	font-size:1em;
	font-style:normal;
	} 

a:link  {
	color:black;
	text-decoration:none;
	}

a:visited {
	color:black;
	text-decoration:none;
	}

a:hover {
	color:#4B0082;
	text-decoration:none;
	}

/* 見出しのスタイル */
h1 {
	display: inline-block; /*横幅を文字数に合わる*/
	float: left;
	font-size: 20px;
	padding: 0em 0.4em; /*文字の上下 左右の余白*/
	margin: 20px 5px 1px 1px; /*（上）（右）（下）（左）*/
	color: #494949; /*文字色*/
	background: #ffffff; /*背景色*/
	border-left: solid 4px #00245d; /*左線*/
 	border-bottom: solid 1px #d7d7d7; /*下線*/
}


.review {
 	font-family: "Times New Roman";
	font-size: 26px;
	padding: 0em 0.4em; /* 文字の上下 左右の余白*/
	margin: 0px 0px 1px 1px; /*（上）（右）（下）（左）*/
	color: #494949; /*文字色*/
	background: #ffffff; /*背景色*/
	border-left: solid 3px #00245d; /*左線*/
 	/*border-bottom: solid 2px #b5b3b3; 下線*/
}


#page_top{
  width: 90px;
  height: 107px;
  position: fixed;
  right: 6;
  bottom: 3;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 10px;
  z-index: 20;
}
#page_top a{
  position: relative;
  display: block;
  width: 80px;
  height: 107px;
  text-decoration: none;
outline: none;
}


#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 22px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: -3;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 17px;
  color: #fff;
  position: absolute;
  top: 60px;
  bottom: 0;
  right: -3;
  left: 0;
  margin: auto;
  text-align: center;
}



#page_topRe{
  width: 90px;
  height: 78x;
  position: fixed;
  right: 6;
  bottom: 3;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 10px;
  z-index: 20;
}
#page_topRe a{
  position: relative;
  display: block;
  width: 80px;
  height: 78px;
  text-decoration: none;
outline: none;
}


#page_topRe a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 22px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -30px;
  bottom: 0;
  right: -3;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_topRe a::after{
  content: 'PAGE TOP';
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 40px;
  //bottom: 30;
  right: -3;
  left: 0;
  margin: auto;
  text-align: center;
}

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



/*   ------------丸い形で文字なし
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 5;
  bottom: 5;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
  opacity: 0.5;
  z-index: 20;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
------------   */



/*   ------------コメント------------   */

/* CSSの基本的な記載方法（セレクタの記載方法）
p, id, class
３つの指定方法

その１　タグ名で適用先を指定
タグ名 {･･･} のようにタグ名をそのまま書きます。

CSS
タグ名 {･･･} 

HTML
<タグ名>
</タグ名>

例：
CSS
p{color:orage} 

HTML
<p>デザインが適用される箇所</p>

===========
その２　id名で適用先を指定
#id名{･･･}のようにid名の前に#をつけます。

CSS
#id名{･･･}
↓
HTML
<div id="id名">
</div>

例：
CSS
#headline{color:orange}

HTML
<div id="headline">
デザインが適用される箇所
</div>

===========
その３　class名で適用先を指定
.class名{･･･}のように、クラス名の前に「.ドット(ピリオド)」をつけます。

CSS
.class名{･･･}

HTML
<div class="･･･">
デザインが適用される箇所
</div>

例:
CSS
.main {
  color: orange;
}

HTML
<div class="main">
デザインが適用される箇所
</div>

==============
適用先を複数指定するとき
◯◯,◯◯,◯◯ {･･･}　のように
タグやclass名、id名を半角コンマ,で区切ります。
タグ, class, id がいくつかあるときは、コンマ, で複数指定をしましょう。
複数の要素のデザインをまとめて変更することができます。

例：
CSS
#headline, h2 {
  color: orange;
}


HTML
<div id="headline">
同じデザインが適用される箇所
</div>


<h2>同じデザインが適用される箇所</h2>


==============
子孫セレクタ（絞り込み指定）
これは
「◯◯タグ内にある◯◯タグにだけデザインを適用させたい」
ときに使うものです。

その場合、◯◯ ◯◯ ◯◯ {･･･}　のように
タグやclass名、id名を半角スペース で区切ります。

例：
class=”main”タグの中のpタグの中のspanタグ内にのみデザインを適用したいとき

CSS
.main p span {
  color:orange;
}

HTML
<div class="main">
  <h2>これは見出しです。</h2>
  <p>これは<span class="light">「ここだけ適用」</span>です。</p>
  <p>
  <a href="https://････">ホームへ</a>
  戻ります。</p>
</div>


*/