/*===============================================================================
 *             	上越地区手をつなぐ育成会スタイルシート／base.css
 *===============================================================================*/
@charset "shift_jis";

/* Google Font 読み込み(以下書式未確認)/
@import url('https://fonts.googleapis.com/earlyaccess/M PLUS 1p.css');					/* M PLUS 1p /
@import url('https://fonts.googleapis.com/earlyaccess/M PLUS Rounded 1c.css');	/* M PLUS Rounded 1c /
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');		/* notosans /
@import url('https://fonts.googleapis.com/earlyaccess/noto sans jp.css');			/* noto sans jp /
@import url('https://fonts.googleapis.com/earlyaccess/Sawarabi Mincho.css');		/* さわらび明朝 /
@import url('https://fonts.googleapis.com/earlyaccess/Sawarabi Gothic.css');		/* さわらびゴシック /
@import url('https://fonts.googleapis.com/earlyaccess/ Nico Moji.css');					/* ニコ文字 */

/*===============================================================================
 *						全般的なスタイルーｂａｓｅ
 *===============================================================================*/
html {
  font-size:62.5%;                /* フォントサイズ：16px(ﾃﾞﾌｫﾙﾄｻｲｽﾞ)×62.5%＝10px */
}
body {
  display: block;
  font-size: 1.6em;                             /* フォントサイズを95% */
	font-family :"Hiragino Kaku Gothic ProN", Meiryo, 游ゴシック, sans-serif;    /* フォント指定 */
	line-height:1.6;                              /* 行高を1.6倍 */
/* 	background-color:#e0efd0;  */                 /* 画面背景色：パステルNo4-マリの色鉛筆 */
	color:#333333;                                /* 文字色を濃い目グレー */
/*	background-image:url('../images-total/bg/bg100/bg100_09.gif');   /* コンテンツ全体背景画像 */
/* 	background-repeat:repeat-y repeat-x;                             /* 背景画像の縦横方向繰り返し */
/* 	border: 2px solid green;  */
}
#pagebody {
/* width auto; */
	width: 960px; 
/*	width: 1400px;  */
	margin: 0 auto;                                   /* メインコンテンツをセンタリング */
 	background-color:#ffffff;                         /* メインコンテンツの背景色：白 */
/* 	background-image:url('../images/bg_pagebody.png');   /* コンテンツ全体背景画像 */
/* 	background-repeat:repeat-y;                       /* 背景画像の縦方向繰り返し */
/* 	border: 1px solid red;  */
}
*, *::before,*::after {
  box-sizing: border-box;         /* ボックスサイズの再定義(ﾊﾟﾃﾞｨﾝｸﾞ＆ﾎﾞｰﾀﾞｰ領域含む) */
}
a:link, a:visited, a:hover, a:active {
  color: #d03c56;
  text-decoration: none;
}
img {
  border: 0;				    	  /* 画像ボーダーを0にする */
}
p {
  text-indent: 1em;   	  /* インデント設定 */
}

/*===============================================================================
 *						全般的なスタイルーｐａｒｔｓ
 *===============================================================================*/
.clearfix::after {                /* フロート配置クリア */
  content: '';
  display: block;
  clear: both;
}
hr {                              /* 横罫線(区切り線) */
	width:675px;                    /* 幅指定 */
	margin:20px 0px 10px 0px;			  /* マージン設定 */
	border:1px dotted #cccccc;		  /* 区切り線をグレー点線表示 */
}
li {
	display: block;
}
.header {
  width: 960px;
  margin: auto;
  padding-top: 20px;
/* 	background-image:url('../images/bg/bg074/bg074_08.gif');   /* コンテンツ全体背景画像 */
}
.footer {
  width: 960px;
  text-align: center;
}
 
.float-right {
    position: relative;
    float: right;   
}
.float-left {
    position: relative;
    float: left;   
}

/*===============================================================================
 *										ヘッダー
 *===============================================================================*/

.head-wrap {
  display: block;
  width: 960px;
  height: 77px;
  font-size:18px;                             /*フォントサイズ*/
  margin: 0 20px 20px 0px;
/*   background-color: pink;  */
/*   border: 1px solid green; */
}
.logo {
  display: block;
  width: 430px;
  height: 77px;
  padding-top: 20px;
  font-size:18px;                             /*フォントサイズ*/
  font-family:Arial, Helvetica, sans-serif;   /* フォント種類 */
/*  margin-left: 20px;                          /*見出し(文字)の位置調整*/
  background: url('../images/title-logo10.png') no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	float:left;                               /* 左横列に並べる */
}
.logo a {
  display: block;
  width: 100%;
  height: 100%;
  margin-left: 0px;                          /* 見出し(Logo)の位置調整 */
  border:0;
}
.tel-area {
  display: block;
  width: 400px;
  height: 77px;
  padding: 20px 20px 0px 20px;
  font-size:24px;                             /*フォントサイズ*/
  float:right;                               /* 右横列に並べる */
}

/*========================================================
 *			メインメニュー(Global-navigation)
==========================================================*/
.global-nav {
 	width:960px; height:50px;      /*メインメニューの幅と高さ */
	margin:10px auto;	    /* マージン上:10px 下:0px　左右:10px*/
/* 	margin:10px 20px 0px 20px;	    /* マージン上:10px 下:0px　左右:10px */
	text-align:center;
}
.global-nav .nav-item {
  display: inline-block;
/*  margin: 0 0.01px; */
}
.global-nav .nav-item a {
  display: inline-block;
  width: 155px;
  height: 50px;
  line-height:50px;
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
	background-color: navy;			  /* メニュー背景色 */
  font-size: 1.5rem;
  letter-spacing: 2px;
  transition: 0.5s;
	background-image: url('../images/bg_menu1w.png');	/* 背景画像を指定 */
	background-repeat: no-repeat;											/* 背景画像繰り返し無し */
}
.global-nav .nav-item a:hover {
	background-color:#000066;													/* マウスONで背景色変更 */
	background-image: url('../images/bg_menu2.png');	/* 　　〃　　背景画像変更 */
}

/*================================================================
 *					 ヘッダ画像
==================================================================*/

#slideshow {
   position: relative;
   width:  960px;			/* ボックスの横幅 */
   height: 360px;			/* ボックスの高さ */
  margin:0px auto;		/*マージン*/
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white;		/* ボックスの背景色(必須) */
   height: 360px;							/* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  960px;			/* 画像の横幅 */
   height: 360px;			/* 画像の高さ */
   display: block;
   border: 0;
/* 	margin-bottom: 10px; /* 画像下部の余白 */
}


.head-img-p1 {         /*トップ頁ヘッダ画像の表示サイズ指定*/
  width:960px;
  height:360px;
  margin:10px auto;															/*マージン*/
	position: relative;
}
.photo-text-top-1 {
  width: 960px;
  position: absolute;
  top: 285px;
  left: 320px;
  font-size: 16px;
}
.photo-text-top-1w {
  width: 960px;
  position: absolute;
  top: 290px;
  left: 300px;
  font-family: "Sawarabi Gothic";
  font-size: 17px;
  font-style: oblique;
  font-weight: 500;
/* letter-spacing:	*/
  line-height: 25px;
}
.photo-text-top-2 {
  position: absolute;
  top: 340px;
  font-size: 10px;
}
.head-img-subpage {		    /* サブページヘッダ画像表示サイズ指定 */
  width: 960px;
  height:240px;
  margin:10px auto;															/*マージン*/
	position: relative;
}
.photo-text-subpage {
  position: absolute;
  top: 220px;
  font-size: 10px;
}

/* ----------- 参考：背景画像でヘッダー画像を表示(p4画像) -------/
.img_contact {		    /* サブページヘッダ画像表示サイズ指定 /
	width:960px;
	height:240px;
	margin:10px 0px 10px 20px;		/* マージン /
  background-image: url('../images/kouen-azumaya-s4-1.jpg');		/*背景画像(公園東屋)/
  background-repeat:no-repeat;													/* 背景画像繰り返し無し /
}

.img_contact p {		    /* サブページヘッダ画像表示サイズ指定 /
  padding: 220px 10px 0px 0px;
  text-align: right;
  font-size: 10px;
  color: #d3d3d3;               /* 文字色：灰色(lightgray) /
}
*/

/*===============================================================================
 *						 ｗｒａｐｐｅｒ
 *===============================================================================*/
.wrapper {
  width: 960px; 
  margin: 10px auto 10px;
}
.wrapper-box-680 {
  width: 680px; 
  margin: 10px 0 0 0;
/* 	border: 1px solid red;   */
}
.box-60 {
  width: 60px;
  height: auto; 
  margin: 140px 20px 0 0;
  float:right;                               /* 右横列に並べる */
/* 	border: 1px solid red;  */ 
}
.box-100 {
  width: 100px;
  height: auto; 
  margin: 115px 20px 0 0;
  float: right;                               /* 右横列に並べる */
/* 	border: 1px solid red;  */
}
.wrapper-kugiri-sen {
  width: 960px; 
  margin: 10px 0px 10px 10px;
}
.wrapper-kugiri-sen img {
  width: 470px; 
  height: 9px;
	float:left;                               /* 左横列に並べる */
}
.wrapper-sisetu {
  width: 964px; 
  margin: 20px auto 10px;
/*  margin: 20px 10px 10px 5px; */
  font-size: 1.3rem;
/* 	border: 1px solid green;  */
}
.pass {
	font-size: small;
  padding-right: 15px;
  text-align: right;
}
/*====================== サイドメニュー（左カラム）===================  */
.sidemenu {
 	width:260px;                  /* 幅の指定 */
	margin:0px 0px 10px 0px;     /* 位置調整 */
	float:left;                   /* sidemenu左寄せ */
}
.side-1 {
  margin-bottom: 30px;
}
.side-1 h2 {
	width: 260px; height: 40px;                        /* 幅と高さ指定 */
 	padding: 6px 0px 0px 0px;                       /* パディング */
	font-size: 20px;                                 /* フォントサイズ：16px */
 	font-weight: bold;                               /* フォント：太字 */
	background-image: url('../btn/btn039_06_h45.png');		/* リンク領域に背景画像指定 */
/* 	background-color: #000033;                       /* 背景色：紺色 */
	color: #00008b;                                  /* 文字色：darkblue */
/* 	color: #ffffff;                                  /* 文字色：白 */
	text-align: center;
	letter-spacing: 5px;
/*  border-radius: 3px;  */
}
/*
h2:before {
    content: url("images/icon_submenu_h2_2.png");   /* アイコン画像を挿入
    margin: 0px 10px 0px 0px;                     /* マージン設定
    vertical-align: text-top;                     /* 縦方向の表示位置
}
*/
.ul-list {
	list-style-type: none;							/* リストマーカー無し */
}
.side-1 ul li a {
	display: block;											/* リスト部分ブロック表示 */
	height: 45px;												/* リスト高：45px */
	padding: 10px 0px 0px 30px;					/* パディング設定 */
	text-decoration: none;							/* リンク文字下線消去 */
	border-bottom: 1px dotted gray;			/* リンク領域下部にボーダー */
	background-image: url('../images/bg_submenu.png');		/* リンク領域に背景画像指定 */
	background-repeat: no-repeat;				/* 背景画像繰り返し無し */
	color: #333333;											/* 文字色：濃い目グレー */
/*  border-radius: 3px;  */
}
.side-1 ul li:first-child a {
	border-top: 1px dotted gray;	   /* 一番上リンクに上線表示 */
}
.side-1 ul li a:hover {
	text-decoration: underline;	   /* リンクにマウスで下線表示 */
	color: red;
}
.side-1 ul li a:before {
	content: url("../images/icon_submenu.png");  /* アイコン画像挿入 */
	margin: 0px 10px 0px 0px;		  /* マージン設定 */
	vertical-align: text-top;		  /* 縦方向表示位置 */
}
/* ---------------------------------------------------------------------*/
.side-2 {
 	width:260px;                  /* 幅の指定 */
	margin:0px 0px 30px 0px;     /* 位置調整 */
}
.side-2 h2 {
	width: 260px; height: 40px;                        /* 幅と高さ指定 */
 	padding: 8px 0px 0px 0px;                       /* パディング */
	margin-bottom: 10px;
 	font-size: 18px;                                 /* フォントサイズ：16px */
 	font-weight: bold;                               /* フォント：太字 */
	background-image: url("../btn/btn039_06_h40.png");		/* リンク領域に背景画像指定 */
/* 	background-color: #000033;                       /* 背景色：紺色 */
	color: #00008b;                                  /* 文字色：darkblue */
/* 	color: #ffffff;                                  /* 文字色：白 */
  text-align: center;
  letter-spacing: 5px;
  border-radius: 3px;
}
.side-2 ul {
	list-style-type: none;							/* リストマーカー無し */
}

.bg-img {
	width: 260px;
	height: 30px;                        /* 幅と高さ指定 */
	padding-top: 4px;                       /* パディング */
	margin: 10px 0 10px 0;
	font-size: 16px;                                 /* フォントサイズ：16px */
 	background-image:url("../images/head007_05_w260h30.gif");
 	color: black;                                  /* 文字色：黒 */
  letter-spacing: 5px;
	list-style-type: none;		   /* リストマーカー無し */
}
.bg-img span {
  padding-left: 10px;
}
.bg-img span:before {
	content: url("../icon/btn035_07.png");  /* アイコン画像挿入 */
	vertical-align: -10%;		  /* 縦方向表示位置 */
}
.ul-list-s {
	margin: 0px 0px 10px 10px;
	list-style-type: none;		   /* リストマーカー無し */
}
.ul-list-s li a {
	font-size: 14px;							/* フォントサイズ：14px */
 	color: #333333;								/* 文字色：紺色 */
}
.ul-list-s li a:hover {
	text-decoration: underline;	   /* リンクにマウスで下線表示 */
	color: red;
}
.ul-list-s li a:before {
	content: url("../icon/point022_08.png");  /* アイコン画像挿入 */
	margin: 0px 10px 0px 0px;		  /* マージン設定 */
	vertical-align: text-top;		  /* 縦方向表示位置 */
}
.ul-list-p {
	margin: 0px 0px 10px 10px;
	list-style-type: none;		   /* リストマーカー無し */
}
.ul-list-p li span1 {
	font-size: 16px;							/* フォントサイズ：16px */
 	color: #333333;								/* 文字色：紺色 */
}
.ul-list-p li span2 {
	font-size: 14px;							/* フォントサイズ：14px */
 	color: #333333;								/* 文字色：紺色 */
}
.ul-list-p li span1:before {
	content: url("../icon/point022_08.png");  /* アイコン画像挿入 */
	margin: 0px 10px 0px 0px;		  /* マージン設定 */
	vertical-align: text-top;		  /* 縦方向表示位置 */
}
.ul-list-pp {
	margin: 0px 0px 10px 10px;
	list-style-type: none;		   /* リストマーカー無し */
/* 	border: 2px solid red;  */
}
.ul-list-pp li span {
	font-size: 6px;							/* フォントサイズ：10px */
 	color: #333333;								/* 文字色：紺色 */
}
.ul-list-pp li a {
 	color: #333333;								/* 文字色：紺色 */
/*  margin-left: 10px; */
}
.li-font-1 {
  font-size:15px;
 	color: #333333;								/* 文字色：紺色 */
	list-style-type: none;		   /* リストマーカー無し */
}
.li-font-2 {
  font-size:14px;
	line-height:0.9;                              /* 行高を0.9倍 */
 	color: #333333;								/* 文字色：紺色 */
	list-style-type: none;		   /* リストマーカー無し */
}
.li-font-2 a:hover {
	color: red;
	text-decoration: underline;	   /* リンクにマウスで下線表示 */
}
.li-font-3 {
  font-size: 0.7em;             /* (JOETSU Tourism Convention Association.) */
	line-height:1.5;                              /* 行高を1.5倍 */
 	color: #333333;								/* 文字色：紺色 */
	list-style-type: none;		   /* リストマーカー無し */
}
.li-font-4 {
  font-size:6px;
	line-height:0.5;                              /* 行高を0.5倍 */
 	color: #333333;								/* 文字色：紺色 */
	list-style-type: none;		   /* リストマーカー無し */
}
.li-font-5 {
  font-size:6px;
	line-height:0.3;                              /* 行高を0.3倍 */
 	color: #333333;								/* 文字色：紺色 */
	list-style-type: none;		   /* リストマーカー無し */
}
.side-logo {
  display: block;
  width: 240px;
  height: 40px;
/*   padding-left: 20px; */
  margin 2px 0px 0px 60px;
/* 	border: 2px solid blue;  */
}
.side-logo a {
  display: block;
  width: 200px;
  height: 100%;
  margin-left: 20px;                          /* 見出し(Logo)の位置調整 */
/* 	border:2px solid green;  */
}

/*=================== ｍａｉｎ（メイン領域／右カラム）=================== */
.main {
  display: block;
  width: 680px;
  margin-right: 5px;
  float: right;
}
h3 {
	font-size:17px;										/* 文字サイズ：14px */
	width:680px;											/* 横幅 */
	padding:8px 0px 5px 20px;				/* パディング */
	margin-bottom: 10px;
  background: url('../images/head016_07.png');
/* 	background-color:#003399;				/* 背景色：青 */
	color:#333333;										/* 文字色：白 */
/* 	color:#ffffff;									/* 文字色：白 */
	border-radius:3px;								/* 角丸設定 */
}
.h3 {
	font-size:16px;										/* 文字サイズ：14px */
	width:940px;											/* 横幅 */
	padding:8px 0px 5px 20px;				/* パディング */
	margin: 0 0 10px 10px;
  background: url('../images/head016_07_940.png');
/* 	background-color:#003399;				/* 背景色：青 */
	color:#333333;										/* 文字色：白 */
/* 	color:#ffffff;									/* 文字色：白 */
	border-radius:3px;								/* 角丸設定 */
}
h4 {																/* h4 P2-P3見出し(背景薄グレー斜線)設定 */
	width:675px;											/* 横幅 */
  height:30px;											/* 高さ */
  margin: 10px 10px 10px 0px;
	padding: 5px 0px 0px 20px;				/* パディング */
/*  background: url('../images/head016_07.png'); */
  background: url('../images/bg-slash-1.gif');
	border-radius:3px;								/* 角丸設定 */
	font-size:1.5rem;									/* 文字サイズ：1.5倍  */
  letter-spacing: 1px;
}
h5 {															/* h5 P4<shien.html見出し>(背景薄グレー斜線)設定 */
	width:640px;										/* 横幅 */
  height:30px;										/* 高さ */
  margin: 10px 10px 10px 0px;
	padding: 5px 0px 0px 10px;			/* パディング */
  background: url('../images/head014_09.gif');
}
.h5 {        /* h5 P4<shien.html見出し>(背景薄ピンク)設定 */
	width:400px;										/* 横幅 */
  height:30px;										/* 高さ */
	font-size: 1.6rem;
  margin-left: 5px;
	padding: 5px 0px 0px 20px;	   /* パディング */
  background: url('../headline/headline_930w30h_2.png');
  border-radius: 5px;
}
h6 {															/* h6 P4<shien.html見出し>(背景薄グレー斜線)設定 */
	width:300px;										/* 横幅 */
  height:30px;										/* 高さ */
  margin: 10px 10px 10px 0px;
	padding: 5px 0px 0px 20px;	   /* パディング */
  background: url('../headline/head001_05_300px.gif');
}
.shien-tiku-tytle {
	width:640px;										/* 横幅 */
  height:32px;										/* 高さ */
  font-size: 1.6rem;
  margin-left: 15px;
	padding: 3px 0px 0px 15px;	   /* パディング */
  background: url('../headline/head017_10.png');
/* 	border: 2px solid blue;  */
}
.shien-tiku-w {
	width: 960px;
  margin: 5px 0px 0px 20px;
  font-size: 1.2rem;
  line-height: 17px;
}
.icon:before {              /* f3見出しの飾り(縦棒)設定 */
    content: "";
    padding-right: 10px;
    border-left: 7px solid #9cb4a4;
}
.p-shien {
	width: 930px;
  margin: 5px 10px 0px 20px;
  line-height: 22px;
}
.p-text {
	width: 665px;
  margin: 0 5px 0 10px;
/*   padding: 0 10px 0 10px;  */
}
.photo-img {
	position: relative;
	float:right;			   /* 画像右寄せ */
}
.photo-img img {
	width:200px; height:150px;	   /* 画像表示サイズ指定 */
}	
.photo-img-big {
	position: relative;
	float:right;			   /* 画像右寄せ */
}
.photo-img-big img {
	width:224px; height:150px;	   /* 画像表示サイズ指定 */
}	
.photo-text-ikusei {
	position: absolute;						/* 基準ボックス指定 */
	top: 135px;										/* 文字表示位置(ｙ座標) */
/* 	left: 140px;									/* 文字表示位置(ｘ座標) */
	font-size: xx-small;
/*   color: #d3d3d3;               /* 文字色：灰色(lightgray) */
}	

/* 
	width:200px; height:150px;	   /* 画像表示サイズ指定 /
 	margin:0px 0px 0px 5px;	   /* マージン指定 /
	padding: 135px 0px 2px 130px;
	font-size: xx-small;
  color: #d3d3d3;               /* 文字色：灰色(lightgray) /
  background-image:url("../images/oyako01.jpg");
  background-repeat:no-repeat;														/* 背景画像繰り返し無し /
	float:right;			   /* 画像右寄せ /
}
*/
.infoing_index {
	width:200px; height:150px;	   /* 画像表示サイズ指定 */
	margin:0px 0px 0px 10px;	   /* マージン指定 */
	float:right;			   /* 画像右寄せ */
}
.infoing_index_1 {
	width:200px; height:150px;	   /* 画像表示サイズ指定 */
	margin:0px 20px 0px 10px;	   /* マージン指定 */
	float:right;			   /* 画像右寄せ */
}
.infoing_index_2 {
	width:200px; height:150px;	   /* 画像表示サイズ指定 */
	margin:0px 60px 0px 10px;	   /* マージン指定 */
	float:right;			   /* 画像右寄せ */
}
.infoing_index_3 {
	width:250px; height:180px;	   /* 画像表示サイズ指定 */
	margin:0px 20px 0px 10px;	   /* マージン指定 */
	float:right;			   /* 画像右寄せ */
}
.sisetu-doc {
  margin: 0px 10px 30px 20px;
  text-indent: 0em;   	  /* インデント設定 */
}
.sisetu-seido {
  margin-top: 10px;
  padding: 0 5px 0 20px;
}
.sisetu-seido a {
	text-decoration: underline;	   /* リンクにマウスで下線表示 */
}
.sisetu-list {
  display: block;
	width:320px;										/* 横幅 */
  height:200px;										/* 高さ */
  margin-top: 0px;
  padding: 0 5px 0 10px;
/*   font-size: 0.8rem; */
	float:left;                   /* 事業所左寄せ */
/* 	border: 1px solid pink;  */
}
.sisetu-list a {
	text-decoration: underline;	   /* リンクにマウスで下線表示 */
}
.shien-a {
	text-decoration: underline;	   /* リンクにマウスで下線表示 */
}
#hanzu-suport {
	width:620px;										/* 横幅 */
  height:30px;										/* 高さ */
  margin: 10px 10px 10px 10px;
	padding: 5px 0px 0px 20px;	   /* パディング */
  background: url('../images/bg-slash-1.gif');
	border-radius:3px;	      	   /* 角丸設定 */
	font-size:1.5rem;		         	   /* 文字サイズ：1.5倍  */
  letter-spacing: 1px;
}

/* ---------------- 新着情報設定(katudo.html) ------------------- */
.scroll-list {			/* 新着情報表示領域設定 */
	  width: 650px; 
    max-height: 350px;
    overflow-y: scroll;
    margin-left: 10px;
    margin-bottom: 30px;
    list-style-type: none;
}
.scroll-list .scroll-item {
/*  display: inline-block; */
/*  height: 80px */
}
.scroll-list .scroll-item a {
    display: block;
	  height: 40px;
/*    padding: 5px 5px;*/
    text-decoration: none;
    color: #333;
    font-size: 0px;
    transition: background-color 0.1s;
}
.scroll-list .scroll-item:nth-of-type(even) a {
    background: url('../images/bg-slash-0.gif');
}
.scroll-list .scroll-item a:hover {
    background-color: pink;
}
.scroll-list .date {
    display: inline-block;
    width: 16%;
	  height: 40px;
    line-height: 40px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 1.2rem;
}
.scroll-list .category {
    display: inline-block;
    width: 9%;
	  height: 20px;
    line-height: 20px;
    border-radius: 5px;
    background-color: #2c3c53;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: 1.2rem;
}
.scroll-list .category.news {
    background-color: #d03c56;
}
.scroll-list .title {
    display: inline-block;
    width: 75%;
/*    height: 40px;
   line-height: 40px;*/
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.4rem;
}
.adobe-reader {
		display: block;
    width: 675px;
    height: 140px;
    margin: 20px 10px 30px 0px;
  	padding: 10px 10px 10px 10px;
    font-size: small;
    border: darkgray dotted 3px;
		border-radius: 10px;	      	   /* 角丸設定 */
  	text-indent: 0em;   	  /* インデント設定 */
}
.nyukai {
    padding-left: 200px;
}
.soufusaki-1 {
  	text-indent: 0em;   	  /* インデント設定 */
		padding-left: 20px;
}
.PageTop {
    padding: 20px 30px 20px 550px;
}
.PageTop-sisetu {
    padding: 20px 30px 20px 800px;
}
.katudo-naiyou {
		text-indent: 0;   	  /* インデント設定 */
		padding-left: 20px;
}
.kojin-info {
		display: block;
    width: 630px;
    height: 95px;
    margin: 20px 10px 30px 20px;
    padding: 15px 0px 0px 5px;
    font-size: small;
    border: darkgray dotted 4px;
		border-radius: 10px;	      	   /* 角丸設定 */
}
.office-map {
    margin-left: 20px;
    border: solid 3px gray;
}
.google-map {
		margin-left: 5px;
		border: solid 3px gray;
}
.office-bigmap {
    margin-left: 25px;
    font-size: small;
    text-decoration: underline;
}
.scroll {
    height: 500px;
    width: 660px;
    border: darkgray solid 2px;
		overflow-x: hidden;
    overflow-y: scroll;
    margin: 10px 10px 30px 10px;
    font-size: small;
}
.pdf-read {
    font-size: small;
}
.pdf-read a {
    font-weight: bold;
}
.pdf-read a:hover {
    text-decoration: underline;
}
.pdf-read a:before {
	content: url("../icon/point042_08.gif");  /* アイコン画像挿入 */
 	vertical-align: top;							/* 縦方向表示位置 */
}

/*=================================================================
 *							フッター
===================================================================*/

.footer {
	height: 120px;											/* 高さ指定 */
	padding: 20px 0 10px;
	margin: 20px auto 20px auto;
	font-size: small;															/* フォントサイズを小 */
	text-align: center;															/* センタリング */
	background-image: url('../images/bg047.gif');		/* 背景画像指定 */
	color: #333333;																	/* 文字色： */
	border-top: solid 4px pink;
  border-bottom: solid 4px pink;
}
.horizontal-list {
  width: 950px;
  margin: 10 auto;
  text-align: right;
  font-size: 0;
}
.horizontal-list .horizontal-item {
	display: inline-block;
	padding: 0 10px;
/* letter-spacing: 1px; */
}
.horizontal-list .horizontal-item+ .horizontal-item {
	border-left: 1px solid #bbb;
}
.horizontal-list .horizontal-item a {
	border-bottom: 1px dashed #777;
	color: black;
	font-size: 1.1rem;
  padding-top: 2px;
	transition: color 0.15s;
/* 	background-color: lightgray;			  /* メニュー背景色 */
}
.horizontal-list .horizontal-item a:hover {
	color: red;
}

/* ---------------- 組織図表示ページ設定(index.html) ------------------- */
div #img_sosiki_index {
	width:350px; height:220px;	   /* 組織図表示領域サイズ指定 */
	margin:10px 0px 10px 50px;	   /* マージン指定 */
	float:center;			   /* 組織図中央 */

/* ---------------- 問い合わせページ設定(contact.html) ------------------- */
div #sibu01 {  			/* P4<<支部問い合せ>>記述 */
	display: block;
  width:450px;
  margin:10px; padding:10px;
	border:1px solid lightgray;
	background-color:lightgray;
	border-radius:5px;		  		 /* 角丸設定 */
}

#toiawase01 p {  			/* P4<<お問い合わせ先>>記述 */
	display: block;
	width:400px; margin:10px; padding:10px;
	border:1px solid lightgray;
	background-color:lightgray;
	border-radius:5px;		  		 /* 角丸設定 */
}

#toiawase02 {  			/* P4<<お問い合わせ先住所>>記述 */
	width:450px; margin:10px; padding:10px;
	border: 1px solid lightgray;
	background-color: lightgray;
	border-radius: 5px;              /* 角丸設定 */
}