/ *  CSSリセット  * /

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
 
 
 /*================================================
 * フローティングバナー
 ================================================*/
 
a#rc_rightArea {
 width: 87px; /*画像の全体幅*/
 position: fixed;
 top: 100px;
right: 0px;  /*マウスを乗せた時に出てくる幅*/
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
}
a#rc_rightArea:hover{
 right: 0;
}

a#rc_rightArea2 {
 width: 87px; /*画像の全体幅*/
 position: fixed;
 top: 260px;
right: 0px;  /*マウスを乗せた時に出てくる幅*/
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
}
a#rc_rightArea2:hover{
 right: 0;
}
 
/*================================================
 *  一般・共通設定
 ================================================*/
body {
	width:100%;
/*	margin:0 auto;*/
	font-size:14px;
	color:#382400;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
}

p{
	margin: 0;
	padding: 0;
}

/*マウスオーバーでリンク付き画像を光らせる*/
a:hover img {
   opacity: 0.5;
}


/*リンクの下ラインを消す*/
a {
text-decoration: none;
color: #d0b485;
}



/*メニュー用リンク*/
a.menu:link { color: #ffffff; }
a.menu:visited { color: #ffffff; }
a.menu:hover { color: #1e90ff; }
a.menu:active { color: #ffffff; }


/*キーワード検索*/
a.cp_btn_key:link { color: #00008b; }
a.cp_btn_key:visited { color: #00008b; }
a.cp_btn_key:hover { color: #1e90ff; }
a.cp_btn_key:active { color: #00008b; }



/*================================================
全体囲い
 ================================================*/
#field{
	width:80%;
/*	margin: 0 auto;*/
	background-color:#ffffff;
}

/*================================================
ヘッダー
 ================================================*/
#header{
	width:980px;
/*	margin: 0 auto;*/
	margin-top:30px;	
	background-color:#ffffff;
	/*border: 1px solid #333333;*/
}


/*================================================
ヘッダー 横並びメニュー
 ================================================*/

ul {
	list-style-type: none;
	width:980px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
	background-color: #ffffff;
	border-top: 3px solid #00008b;
	border-bottom: 0px solid #00008b;
	display: table;
}

li {
	float: left;
	display: table-cell;
}

li:last-child {
	border-right: none;
	
}
li a {
	width:139px;
	display: block;
	color: #333333;
	text-align: center;
	padding: 18px 0px 18px 0px;
	text-decoration: none;
	border-bottom: double 3px #ffffff; 

}

/*マウスオーバー：青色ライン*/
li a:hover:not(.active) {
border-bottom: 2px dotted #00008b;
}

/*マウスオーバー：青色ライン
li a:hover:not(.active) {
background: linear-gradient(transparent 80%,#00008b 20%);
}
*/

/*================================================
ヘッダー 横並びメニュー 2
 ================================================*/

ul.header-menu2 {
	list-style-type: none;
	width:980px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0;
	overflow: hidden;
	background-color: #ffffff;
	border-top: 0px solid #00008b;
	border-bottom: 0px solid #333333;
	display: table;
}

li {
	float: left;
	display: table-cell;
}

li:last-child {
	border-right: none;
	
}
li a {
	width:139px;
	display: block;
	color: #333333;
	text-align: center;
	padding: 18px 0px 12px 0px;
	text-decoration: none;
	border-bottom: double 3px #ffffff; 

}



/*検索窓*/
.text_box {
	width:170px;
	height:25px;
	line-height:25px;
	font-size:12px;
	margin-top:0px;
	margin-left:38px;
	margin-right:9px;
	border:1px solid #555;
}

/* 虫眼鏡 検索ボタン*/
.searchBtn {
	margin-top:0px;
	margin-right:15px;
	border:0px solid #555;
}


/*================================================
全体領域
 ================================================*/


#main_field{
	width:980px;
	margin: 0 auto;
}



/*
-------TOPへ戻る---------*/


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #00008b;
  opacity: 1;
}
#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: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}