@charset "Shift_JIS";


/* --- 全体の背景・テキスト --- */
body 
{
min-width: 880px; /* 全体の最小幅 */
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
font-size: 80%; /* 全体の文字サイズ */
color:#404040;  
}

/* --- 全体のリンクテキスト --- */
a:link {
	color: #0000ff; 
}
a:visited {
	color: #827bfd; 
}
a:hover {
	color: #ff8000; 
}
a:active {
	color: #ff0000; 
}


/* --- コンテナ --- */
#header div.container,
#content div.container,
#footer div.container {
	width: 840px; /* コンテナの幅 */
margin : 0 auto; /* センタリング */
padding:0;
}

/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #436af3;
}
/* --- トップエリア --- */
#header div.top {
padding: 15px 0 20px; /* トップエリアのパディング（上、左右、下） */
height:60px;
}
#header div.top div.container {
position: relative; /* 相対配置（ガイドメニューのために設定） */
}
#header div.top img.logo
{
	border:none;
}
/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
	margin: 0 0 3px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}
/* サイトタイトル内のリンク */
#header h1.siteTitle a,
#header p.siteTitle a {
	text-decoration: none; /* テキストの下線（なし） */
color: #000000; /* 文字色 */
}

/* --- キャッチフレーズ --- */
#header p.catch {
	margin: 0 0 10px; /* キャッチフレーズのマージン（上、左右、下） */
}
#header p.catch strong {
	font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ガイドメニュー --- */
#header ul.guide {
	position: absolute; /* 絶対配置 */
top: 25px; /* 上からの距離 */
right: 10px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
	display: inline;
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../img/back/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
	background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
	height: 460px; /* オープニングエリアの高さ */
	/* フラッシュの背景 */
	/* background: #ffffff url(../img/back/flash_back.gif) repeat-x top; */
}
#header div.opening div.container
{
	height:460px;
	width:840px;
	background-color:White;
	border-color:#ffffff;
	border-width:0 1px 0 1px;
	border-style:solid;
}
/* --- ヘッダメニュー --- */
#header div.nl {
background: #ffffff url(../img/button/btp_bg.gif) repeat-x top; /* ヘッダメニューの背景 */
background-color:#436af3;
border-style:solid;
border-color:#436af3;
border-width:1px 0 0 0;
height:38px;
}
/* --- メニュー本体 --- */
#header div.nl ul {
width: 840px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
height:38px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

/* メニュー項目 */
#header div.nl li {
width: 168px; /* 項目の幅 */
float: left;
}
/* 最初の項目と最後の項目 */
#header div.nl li.first,
#header div.nl li.last {
}
/* リンクエリア */
#header div.nl li a {
display: block;
position: relative; /* IE6用 */
width:168px;
height:38px;
overflow:hidden;
}
#header div.nl li img 
{
	border:none;
}
#header div.nl li a.seihin
{
	background-image:url(../img/button/bt_seihin-joho.gif);
}
#header div.nl li a:hover.seihin,
#header div.nl li.active a.seihin {
	background-position:0px -38px;
}
#header div.nl li a.home
{
	background-image:url(../img/button/bt_home.gif);
}
#header div.nl li a:hover.home,
#header div.nl li.active a.home {
	background-position:0px -38px;
}
#header div.nl li a.annai
{
	background-image:url(../img/button/bt_kaisha-annai.gif);
}
#header div.nl li a:hover.annai,
#header div.nl li.active a.annai {
	background-position:0px -38px;
}
#header div.nl li a.link-j
{
	background-image:url(../img/button/bt_link-j.gif);
}
#header div.nl li a:hover.link-j,
#header div.nl li.active a.link-j {
	background-position:0px -38px;
}
/* --- 採用定義追加 2016/11/15 --- */
#header div.nl li a.saiyou
{
	background-image:url(../img/button/bt_saiyou.gif);
}
#header div.nl li a:hover.saiyou,
#header div.nl li.active a.saiyou {
	background-position:0px -38px;
}
#header div.nl li a.otoiawase
{
	background-image:url(../img/button/bt_otoiawase.gif);
}
#header div.nl li a:hover.otoiawase,
#header div.nl li.active a.otoiawase {
	background-position:0px -38px;
}
#header div.menu_footer
{
	height:15px;
	background: #ffffff url(../img/back/bg_head2.gif) repeat-x top;
}
/* --- ページタイトル（下層ページ） --- */
#header h1.pageTitle {
	margin: 3px 0 8px; /* ページタイトルのマージン（上、左右、下） */
padding: 7px 10px; /* ページタイトルのパディング（上下、左右） */
background-color: #e0e0ff; /* ページタイトルの背景色 */
font-size: 150%; /* ページタイトルの文字サイズ */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
margin: 0;
padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../img/back/p_03.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}
/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
	clear: both; /* フロートのクリア */
width: 100%;
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
	margin: 0px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
	padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../img/back/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
	background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
	margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
	font-style: normal;
text-align: center;
line-height: 140%; /* 行の高さ */
}

#footer div.menu{
  background-color: #e7e7e7;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#footer div.copy{
  color: #ffffff;
  background-color: #999999;
  text-align: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  
  font-size: 14px;
  font-weight: normal;
  

  font-family: Arial;
}
/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix {
overflow: hidden;
}
* html .clearFix {
zoom: 1;
}

/* --- ▲その他の設定終了 --- */

/* --- ▼上へ戻るボタン --- */

.pagetop
{
	margin: 0 ;
	padding: 0 ;
	display: none ;
	height:0;
}
 
.pagetop p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-pagetop
{
	display: block ;
	width: 60px ;
	height: 60px ;

	/*color: #fff ;
	line-height: 60px ;
	text-decoration: none ;
	text-align: center ;*/

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-pagetop:hover
{
	opacity: 0.85 ;
}
/* --- ▲上へ戻るボタン --- */

/* --- ▼問い合わせボタン --- */

.jump_toiawase
{
	margin: 0 ;
	padding: 0 ;
	display: none ;
	height:0;
}
 
.jump_toiawase p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 80px ;
	bottom: 16px ;
}
 
.move-jump_toiawase
{
	display: block ;
	width: 180px ;
	height: 60px ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-jump_toiawase:hover
{
	opacity: 0.85 ;
}
.move-jump_toiawase img 
{
	border:none;
}
/* --- ▲問い合わせボタン --- */