@charset "shift_jis";


/*---------- ■■■■■■■■■■　ページ全体の指定　■■■■■■■■■■ ----------*/
/*---------- スマホ版の画面の右側にスクロールバーが出ないように ----------*/
.wrap {
  overflow: hidden;
}

body {
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333333;
}

p {
  margin: 18px 0 18px 0;
  line-height: 180%;
  letter-spacing: 1px;
}

/*---------- メイン ----------*/

.main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%; /*---------- スマホ対応で幅100%にする ----------*/
  background-color: #ffffff;
}

/*---------- ■■■■■■■■■■　ヘッダー　■■■■■■■■■■ ----------*/

/*---------- ヘッダー部分 ----------*/
.header {
  margin: 0;
  width: 100%; /*---------- スマホ対応で幅100%にする ----------*/
  height: auto; /*---------- スマホ対応で高さautoにする（副題の文字数が多いときに文字がメニューに被らないように） ----------*/
  border-top: solid 10px #ffa07a; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
  background-color: #ffffff;
}

/*---------- ヘッダーの一番上の文 ----------*/
.header h1 {
  margin: 0;
  padding: 3px 0 0 12px; /*---------- スマホ対応で左12pxにする ----------*/
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: #888888;
}

/*---------- タイトル ----------*/
.header h2 {
  margin: 20px 0px 20px 0px; /*---------- スマホ対応で上20px下20pxにする ----------*/
  padding: 0 0 0 12px; /*---------- スマホ対応で左12pxにする ----------*/
  text-align: left;
  font-weight: normal;
  font-size: 35px;
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  color: #444444;
  letter-spacing: 0.05em;

}
/*---------- タイトルと副題の間の空白を消す ----------*/
/*---------- スマホ版でタイトルを1行で表示するため ----------*/
span.kuuhaku_kesu {
  display: none;
}

/*---------- タイトル前の◆ ----------*/
span.hyoudai_shikaku {
  color: #ffa07a; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
}

/*---------- 副題 ----------*/
span.hukudai {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
  font-size: 18px; /*---------- スマホ対応で18pxにする ----------*/
  color: #444444;
  font-weight: normal;
  letter-spacing: 0.03em;
}

/*---------- スマホ版で表題と副題の間隔を空けるため改行を2回して調整している ----------*/
/*---------- （1つの改行だけでは間隔が狭い） ----------*/
/*---------- （2つ改行すると間隔が広すぎる） ----------*/
.header h2 br {
  font-size: 12px; /*---------- そこで2つ目の改行の高さ（文字の大きさ）を12pxにすることで調整している ----------*/
}

/*---------- メニュー部分（背景） ----------*/
.header-menu {
  width: auto;
  margin: 0px;
  padding: 0 0 0 0; /*---------- スマホ対応でメニューを左揃えにするため左0px----------*/
  height: 95px; /*---------- スマホ対応でメニューを2段にするため高さを95px----------*/
  text-align: left;
  border-bottom: solid 5px #cccccc; /*---------- スマホ対応でメニューボタン下の枠線分1px減らして5pxにする ----------*/
  background-color:#ececec;
}

/*---------- メニューボタン ----------*/
.header-menu ul {
  text-align: left;
  margin: 0px;
  border-left-width: 2px; /*---------- スマホ対応で2pxにする ----------*/
  border-left-style: solid;
  border-left-color: #cccccc;
border-top-width: 2px; /*---------- スマホ対応でメニューの上に枠線つける ----------*/
border-top-style: solid;
border-top-color: #cccccc;
  padding: 0 0 25px 0; /*---------- スマホ対応で下25pxにする（左の枠線の長さ） ----------*/
}

.header-menu li {
  width: 33.33%;  /*---------- スマホ対応でメニューボタンの幅を33.33%（3等分）にする ----------*/
  display: inline;
  list-style-type: none;
border-bottom-width: 2px; /*---------- スマホ対応でメニューボタンの下に枠線つける ----------*/
border-bottom-style: solid;
border-bottom-color: #cccccc;
  float: left;
}

.header-menu li a {
  font-size: 18px; /*---------- スマホ対応で18pxにする ----------*/
  width: auto;  /*---------- スマホ対応でautoにする画面の幅に合わせて自動で3等分されるように ----------*/
  line-height: 37px; /*---------- スマホ対応で37pxにする ----------*/
  color: #333333;
  background-color:#ececec;
  text-align: center;
  display: block;
  border-right-width: 2px; /*---------- スマホ対応で2pxにする ----------*/
  border-right-style: solid;
  border-right-color: #cccccc;
  text-decoration: none;
  padding: 7px 0 3px 0;
  letter-spacing: 0.05em;
}

.header-menu li a:hover {
  color: #333333;
  background-color: #ffffff;
}

/*---------- スマホ対応でメニューボタンを追加している ----------*/
/*---------- 「facebook」と「twitter」 ----------*/
/*---------- タッチしたときの色 ----------*/
span.menu_phone_fb a:hover {
  color: #ffffff;
  background-color: #305097;
}
span.menu_phone_tw a:hover {
  color: #ffffff;
  background-color: #00aced; 
}


/*---------- ■■■■■■■■■■　コンテンツ　■■■■■■■■■■ ----------*/

/*---------- ★★★★★　コンテンツ全体　★★★★★ ----------*/
.contents {
  margin: 0;
  padding: 10px 0px 30px 0px; /*---------- スマホ対応で上10px左右0pxにする ----------*/
  font-size: 12px;
  line-height: 180%;
  width: 100%; /*---------- スマホ対応で幅100%にする ----------*/
  letter-spacing: 0.05em;
  background-color: #ffffff;
}
/*---------- コンテンツ全体ここまで ----------*/

/*---------- ★★★★★　SNSボタン　★★★★★ ----------*/

/*---------- SNSボタン（トップページ） ----------*/
/*---------- facebookシェア ----------*/
.sns_button_fb {
  margin: 10px 0px 5px 13px; 
  padding: 0px 0px 0px 0px;
  width: 83px; /*---------- スマホ対応でメニューボタンの幅を83pxにする ----------*/
  float: left;
}
/*---------- twitterツイート ----------*/
.sns_button_tw {
  margin: 10px 0px 5px 42px; 
  padding: 0px 0px 0px 0px;
  width: 105px; /*---------- スマホ対応でメニューボタンの幅を105pxにする ----------*/
  float: left;
}
/*---------- はてなブックマーク ----------*/
.sns_button_hb {
  margin: 10px 0px 5px 13px; 
  padding: 0px 0px 0px 0px;
/*---------- スマホ対応でLineボタンを２列目に表示させるため「float:left;」を消している ----------*/
}
/*---------- Line送る ----------*/
.sns_button_line {
  margin: 20px 0px 5px 13px; 
  padding: 0px 0px 0px 0px;

}

/*---------- SNSボタン（まとめのページ） ----------*/
/*---------- facebookシェア ----------*/
.sns_button_fb_m {
  margin: 20px 0px 5px 13px;
  padding: 0px 0px 0px 0px;
  width: 83px; /*---------- スマホ対応でメニューボタンの幅を83pxにする ----------*/
  float: left;
}
/*---------- twitterツイート ----------*/
.sns_button_tw_m {
  margin: 20px 0px 5px 42px;
  padding: 0px 0px 0px 0px;
  width: 105px; /*---------- スマホ対応でメニューボタンの幅を105pxにする ----------*/
  float: left;
}
/*---------- はてなブックマーク ----------*/
.sns_button_hb_m {
  margin: 31px 0px 5px 13px; /*---------- なぜか上31pxにしないときれいに並ばない ----------*/
  padding: 0px 0px 0px 0px;
/*---------- スマホ対応でLineボタンを２列目に表示させるため「float:left;」を消している ----------*/
}
/*---------- Line送る ----------*/
.sns_button_line_m {
  margin: 20px 0px 5px 13px;
  padding: 0px 0px 0px 0px;
  
}

/*---------- SNSボタンここまで ----------*/

/*---------- ★★★★★　ページのコンテンツの上部　★★★★★ ----------*/

/*---------- ページのタイトル ----------*/
.contents h2.oo_midashi {
  height: 30px;
  margin: 24px 0 18px 0; /*---------- スマホ対応で上24px（読了時間の表示との間隔あける ----------*/
  padding: 0px 0 0 15px;
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 26px;
  color: #444444;
  border-bottom: solid 3px #cccccc;
  letter-spacing: 0.1em;
}
/*---------- ページのタイトル（「署名する」のページ） ----------*/
.contents h2.oo_midashi_shomei {
  height: 30px;
  margin: 24px 0 18px 0; /*---------- スマホ対応で上24pxにする ----------*/
  padding: 0 0 0 15px;
  font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 ProN W6";
  font-size: 26px;
  color: #444444;
  border-bottom: solid 3px #cccccc;
  letter-spacing: 0.05em;
}

/*---------- 読了時間の表示 ----------*/
/*---------- PC版の読了時間の表示をスマホ版で非表示にする ----------*/
span.dokuryoujikan {
  display: none;
}
/*---------- スマホ版で読了時間の表示をページの題の上に表示する ----------*/
span.dokuryoujikan_phone {
  padding: 0px 0 0 12px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
  font-size: 15px;
  color: #444444;
  font-weight: normal;
}

/*---------- トップページの冒頭文（左詰め） ----------*/
.contents h2.top_left{
  height: auto; /*---------- スマホ対応でautoにしている（冒頭の誘導文の文字数が多いさいに下の見出しに文字が被らないように） ----------*/
  margin: 25px 0 0 12px; /*---------- スマホ対応で上25px下0px左12px ----------*/
  padding: 0 0 0 0px; /*---------- スマホ対応で上0px ----------*/
  line-height: 150%;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
  font-weight:normal;
  font-size: 20px;
  text-align: left;
  color: #444444;
  clear: left;
  letter-spacing: 0.05em;
}

/*---------- スマホ対応 ----------*/
/*---------- 冒頭の誘導文とその下の見出しとの間隔を狭めるため改行を消す ----------*/
span.br_kesu {
  display: none; /*---------- 誘導文の下の改行をなしにする ----------*/
}

/*---------- ページのコンテンツの上部ここまで ----------*/

/*---------- ★★★★★　セクションの見出しとセクションの中の小見出し　★★★★★ ----------*/
/*---------- セクションの見出し（バー見出し） ----------*/
.contents h3 {
  height:32px; /*---------- スマホ対応で32pxにする ----------*/
  margin:21px 0px 18px 0px;
  padding:13px 0px 0px 18px; /*---------- スマホ対応で上13pxにする ----------*/
  font-size:18px; /*---------- スマホ対応で18pxにする ----------*/
  font-weight:normal;color:#444444;
  background-color:#ececec;
  border-bottom: solid 3px #ffa07a; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
  letter-spacing: 0.05em;
 }
/*---------- スマホ対応 ----------*/
/*---------- 見出しのことばが長すぎてスマホ表示で2行になる場合 ----------*/
h3.midashi_2gyou {
  height:62px;
  margin:21px 0px 18px 0px;
  padding:11px 17px 0px 18px;
  font-size:18px;
  font-weight:normal;color:#444444;
  background-color:#ececec;
  border-bottom: solid 3px #ffa07a; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
  letter-spacing: 0.05em;
  line-height: 150%;
 }

/*---------- 目的、要点の見出しで使用する墨付きカッコ ----------*/
/*---------- カッコと中のことばの色を変える場合 ----------*/
p.midashi_sumitsuki_kakko {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 18px;      
  margin-bottom: 8px;   
  line-height: 170%;    
  padding-left: 0px;    
  text-indent: -26px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}
/*---------- 署名するの留意事項で使用する墨付きカッコ ----------*/
/*---------- カッコと中のことばの色を黒にする場合 ----------*/
p.midashi_sumitsuki_kakko_kuro {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 18px;      
  margin-bottom: 8px;   
  line-height: 170%;    
  padding-left: 0px;    
  text-indent: -26px;  
}

/*---------- 「この運動について」の「運動に関する注意」で使用する墨付きカッコ ----------*/
p.midashi_sumitsuki_kakko_2 {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 25px;      
  margin-bottom: 8px;   
  line-height: 170%;    
  padding-left: 0px;    
  text-indent: -9px;  
}

/*---------- 墨付きカッコの見出し（上の間隔広め） ----------*/
p.midashi_sumitsuki_kakko_uekankakuake {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 25px;      /*---------- 上との間隔を25pxにして広くする ----------*/
  margin-bottom: 8px;  
  line-height: 170%;    
  padding-left: 0px;    
  text-indent: -26px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}

/*---------- スマホ対応 ----------*/
/*---------- 墨付きカッコの見出しでことばが2行以上になる場合 ----------*/
/*---------- カッコと中のことばの色を変える場合 ----------*/
p.midashi_sumitsuki_kakko_2gyou {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 18px;      
  margin-bottom: 8px;   
  line-height: 170%;    
  padding-left: 0px;    
  text-indent: -9px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}

/*---------- 見出しで使用する山カッコ ----------*/
p.midashi_yama_kakko {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 18px;      
  margin-bottom: 8px;   
  line-height: 170%;    
  padding-left: 0px;    
  text-indent: -17px;  
}

/*---------- カッコ数字の見出し（上の間隔広め） ----------*/
p.kajougaki_kakko_suuji_komidashi {　　
　padding-top: 4px;     
  padding-bottom: 0px;  
  margin-top: 20px;      /*---------- 上との間隔を20pxにして広くする ----------*/
  margin-bottom: 8px;   
  line-height: 170%;    
  text-indent: -25px;
}

/*---------- 小見出しのカッコの下の文 ----------*/
p.midashikakko_shitabun {
　padding-top: 0px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  margin-top: 8px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 8px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 200%;    /*---------- 行間は広くする ----------*/
  text-indent: 0px;
}
/*---------- 追録のタイトル ----------*/
span.tsuiroku_dai {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 24px;
  font-weight: normal;
  line-height: 120%; /*---------- スマホ版で２行になった場合の行間調整（狭くする） ----------*/
}
h3.tsuiroku_dai {
  margin-top: 20px; /*---------- 追録のタイトルの行間(上) ----------*/
  margin-bottom: 20px; /*---------- 追録のタイトルの行間(下) ----------*/
  margin-left: -10px; /*---------- スマホ版で少し左に寄せる ----------*/
  background-color: #ffffff;
  border-bottom: solid 2px #ffa07a; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
}
h3.tsuiroku_dai_2gyou { /*---------- スマホ版で２行になった場合の高さ調整 ----------*/
  margin-top: 20px; /*---------- 追録のタイトルの行間(上) ----------*/
  margin-bottom: 20px; /*---------- 追録のタイトルの行間(下) ----------*/
  margin-left: -10px; /*---------- スマホ版で少し左に寄せる ----------*/
  background-color: #ffffff;
  border-bottom: solid 2px #ffa07a; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
  height:62px; /*---------- ２行がおさまるように高さを伸ばす ----------*/
}

/*---------- セクションの見出しここまで ----------*/

/*---------- ★★★★★　文と文字と表示なし　★★★★★ ----------*/

/*---------- 文 ----------*/
.contents p {
  margin: 11px 5px 11px 10px; /*---------- スマホ対応で左10px右5pxにする ----------*/
  padding: 0 0 0 0;
  line-height: 180%;
  font-size: 18px; /*---------- スマホ対応で18pxにする ----------*/
  letter-spacing: 0.05em;
}
/*---------- リンク文字 ----------*/
.contents a {
  color: #0000ff;
  font-size: 18px; /*---------- スマホ対応で18pxにする ----------*/
  text-decoration: none;
}
.contents a:hover {
  color: #800080;
  font-size: 18px; /*---------- スマホ対応で18pxにする ----------*/
  text-decoration: none;
}

/*---------- 文字の色（ことばや文の色を変えるときに使用） ----------*/
/*---------- 言葉の強調で使用する ----------*/
span.moji_color {
  color: #c9171e; /*---------- 赤（深緋(こきひ)） ----------*/
}

/*---------- 注の※印で使用 ----------*/
span.chuu_color {
  color: #37a34a; /*---------- パロットグリーン ----------*/
  font-weight:bold;
}

/*---------- 出典のアスタリスクと番号で使用 ----------*/
span.shutten_color {
  color: #ee7800; /*---------- オレンジ ----------*/
}

/*---------- スマホ版で表示をなしにする場合に使用 ----------*/
span.hyouji_nashi_phone {
  display: none; 
}
/*---------- 文と文字と改行ここまで ----------*/

/*---------- ★★★★★　行間調整　★★★★★ ----------*/

/*---------- 行間を狭く ----------*/
.gyoukan_semaku {
  margin: -8px 0px 0px 0px;
  padding: 0 0 0 0;
}
/*---------- 行間を広く ----------*/
.gyoukan_hiroku {
  margin: 28px 0px 0px 0px;
  padding: 0 0 0 0;
}
/*---------- スマホ版で行間をひろくしない場合に使用 ----------*/
.gyoukan_kesu {
  display: none; 
}
/*---------- 行間調整ここまで ----------*/

/*---------- ★★★★★　字下げ　★★★★★ ----------*/

/*---------- 文章の2行目以降を字下げする場合 ----------*/
p.jisage {
  padding-left: 17px;
  text-indent: -17px;
}
p.haba_semaku { /*---------- 行の幅を狭くした文章のとき使用 ----------*/
  padding-left: 17px; /*---------- 文章全体を1文字字下げする ----------*/
  padding-right: 17px; /*---------- 行の折り返しを1文字分狭くする ----------*/
}

/*---------- 字下げここまで ----------*/

/*---------- ★★★★★　箇条書き　★★★★★ ----------*/

div.kajougaki_indent_13 { /*---------- 出典で使用 ----------*/
  padding-left: 13px;
  text-indent: -13px;
}
div.kajougaki_indent_17 {
  padding-left: 17px;
  text-indent: -17px;
}
div.kajougaki_indent_17_naka_sage { /*---------- 箇条書きの中の箇条書きを全体的に１字下げる（スマホ対応＝スマホ表示だと勝手に字上げされてしまうので。） ----------*/
  padding-left: 17px;
  text-indent: -17px;
}
div.kajougaki_indent_29 { /*---------- 注で使用 ----------*/
  padding-left: 29px;
  text-indent: -29px;
}
div.kajougaki_indent_48 { /*---------- 改訂情報と追録で使用 ----------*/
  padding-left: 48px;
  text-indent: -48px;
}
/*---------- div.kajougaki_indent_70はスマホ版(改訂情報)では使用しない ----------*/

/*---------- 2行以上になる箇条書きの文章 ----------*/
p.kajougaki_2gyouijou {　　
　padding-top: 0px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  margin-top: 8px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 8px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 170%;    /*---------- 箇条の行間を狭くする ----------*/
}
/*---------- 箇条書きの中の箇条書き ----------*/
p.kajougaki_2gyouijou_naka { 
　padding-top: 0px; 
  padding-left: 17px;     
  padding-bottom: 0px;  
  margin-top: 8px;      
  margin-bottom: 8px;   
  line-height: 170%;    
}
/*---------- 改訂情報の箇所と内容 ----------*/
p.kajougaki_2gyouijou_kaitei_jouhou {　　
　padding-top: 0px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  margin-top: 8px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 8px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: 0px;     /*---------- スマホ版は行のはじめが表示されなくなるので0px ----------*/
}

/*---------- サイトマップの階層箇条書き ----------*/
p.kaisoukajougaki_1danme {　　
　padding-top: 8px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  padding-left: 17px;     /*---------- 1文字分字下げする ----------*/
  margin-top: 11px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 4px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 170%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字上げする（1階層目にする） ----------*/
}
p.kaisoukajougaki_2danme {　　
　padding-top: 4px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  padding-left: 34px;     /*---------- 2文字分字下げする（スマホ対応で2文字34pxにする） ----------*/
  margin-top: 0px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 4px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 170%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字上げする（2階層目にする） ----------*/
}
p.kaisoukajougaki_3danme {　　
　padding-top: 4px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  padding-left: 51px;     /*---------- 3文字分字下げする（スマホ対応で3文字51pxにする） ----------*/
  margin-top: 8px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 8px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 170%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字上げする（3階層目にする） ----------*/
}

/*---------- 段落の中に箇条書きを入れるとき ----------*/
p.kajougaki_danrakunonaka_ue {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: -8px;      /*---------- 前の文章との間を狭くする ----------*/
  margin-bottom: 5px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 160%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 17px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
p.kajougaki_danrakunonaka_naka {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 0px;      
  margin-bottom: 5px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 160%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 17px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
p.kajougaki_danrakunonaka_shita {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 0px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: -8px;   /*---------- 後の文章との間を狭くする ----------*/
  line-height: 160%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 17px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
/*---------- 「この運動について」の「運動に関する注意」で使用 ----------*/
p.kajougaki_danrakunonaka_shita_2 {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 0px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 0px;  
  line-height: 160%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 17px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
/*---------- 箇条書きここまで ----------*/

/*---------- ★★★★★　「まとめ」のページの「しくみ」で使用する囲み　★★★★★ ----------*/

/*---------- 囲み（点線） ----------*/
/*---------- まとめのページの「しくみ」で使用 ----------*/
div.bg_kakomi {
  margin:0px 18px 0px 18px;
  padding:1px 0px 0px 0px;
  background-color: #fffaf0; /*---------- ◆◆◆ 色変更箇所(背景色) ◆◆◆ ----------*/
  border: dashed 1px #ffa07a; /*---------- ◆◆◆ 色変更箇所(枠線) ◆◆◆ ----------*/
 }
/*---------- 囲みの中の文章 ----------*/
/*---------- まとめのページの「しくみ」で使用 ----------*/
p.kakomibun {
  margin: 0px 10px 0px 18px;
  padding: 9px 0 9px 0;
  line-height: 180%;
  font-size: 18px;
  letter-spacing: 0.05em;
}
/*---------- 囲みの次の注（※ではじまる文章） ----------*/
/*---------- まとめのページの「しくみ」で使用 ----------*/
p.kakomi_shita_chuu {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 18px;     /*---------- 囲みの下の線との間を調整している ----------*/
  margin-bottom: 8px;   
  line-height: 170%;    
}
/*---------- 囲みの次の下向き矢印 ----------*/
/*---------- まとめのページの「しくみ」で使用 ----------*/
p.shitamukiyajirushi {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 8px;     /*---------- 囲みの下の線と矢印の間を調整している ----------*/
  margin-bottom: 7px;   /*---------- 囲みの上の線と矢印の間を調整している ----------*/
  line-height: 170%;    
}
/*---------- 囲みここまで ----------*/

/*---------- ★★★★★　区切り線　★★★★★ ----------*/
.kugiri_1 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 3px dotted #cccccc;
  margin-top: 33px;
}
.kugiri_2 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px dotted #cccccc;
}
/*---------- 区切り線（改訂情報） ----------*/
.kugiri_2_kaitei_jouhou {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px solid #cccccc;
  margin-top: 20px;
  margin-bottom: 15px;
}
/*---------- 区切り線ここまで ----------*/

/*---------- ★★★★★　段組み　★★★★★ ----------*/
/*---------- スマホ版では2段組みにしない

/*---------- スマホ対応 ----------*/
/*---------- 2段組みの解除にともない「署名する」の上に生じる間隔（1行分）をなくす ----------*/
span.br_nashi {
  display: none; /*---------- フッターの上の改行をなしにする ----------*/
}
/*---------- 段組みここまで ----------*/

/*---------- ★★★★★　図表　★★★★★ ----------*/

/*---------- 画像を中央寄せ ----------*/
div.gazou_chuuou {
  text-align: center;
}
/*---------- 画像を画面サイズに合わせる ----------*/
div.gazou_chuuou img {
  width: 95%;
}
/*---------- 画像を位置を微調整する ----------*/
div.gazou_bichousei {
  text-indent: 0px;
}
/*---------- 図表ここまで ----------*/

/*---------- ★★★★★　法案　★★★★★ ----------*/

/*---------- 法案の表題 ----------*/
p.houan_dai {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 24px;
  font-weight:bold;
}
/*---------- 目次の見出し（＜目次＞の部分で使用） ----------*/
span.chuu_midashi {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 18px;  /*---------- スマホ対応で18pxにする ----------*/
  font-weight:bold;
}
/*---------- 章の題 ----------*/
p.houan_shou {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 18px;
  font-weight:bold;
}
/*---------- 章の題（号の後） ----------*/
p.houan_shou_gouato {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 18px;
  font-weight:bold;
  margin-top: 31px;
}
/*---------- 章の題（罰則用＝条文題のない場合） ----------*/
p.houan_shou_bassoku {
  margin-bottom: 20px;
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 18px;
  font-weight:bold;
}
/*---------- 条文の題 ----------*/
p.joubun_dai {
  margin-top: 20px;
  margin-bottom: -8px;
}
/*---------- 条文の題（号の後） ----------*/
p.joubun_dai_gouato {
  margin-top: 31px;
  margin-bottom: -8px;
}
/*---------- 条文の題（長い場合） ----------*/
p.joubun_dai_nagai {
  margin-top: 20px;
  margin-bottom: -8px;
  padding-left: 18px; /*---------- スマホ対応で長い題の2行目を字下げする ----------*/
  text-indent: -18px; /*---------- 1行目は字上げして文頭を調整する ----------*/
}
/*---------- 条番号 ----------*/
span.houan_jou_bangou {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 16px;
  font-weight:bold;
}
/*---------- 条文 ----------*/
p.joubun_indent_18 {
  padding-left: 18px;
  text-indent: -18px;
}
/*---------- 項番号 ----------*/
span.houan_kou_bangou {
  margin-left: -16px;
  font-size: 16px;
  font-weight:bold;
}
/*---------- 項番号（号の後） ----------*/
span.houan_kou_bangou_gouato {
  margin-left: 2px;
  font-size: 16px;
  font-weight:bold;
}
/*---------- 項の文 ----------*/
p.houan_kou_bun {
  padding-left: 18px;
  text-indent: -18px;
}
/*---------- 項の文（号の後） ----------*/
p.houan_kou_bun_kouato {
  margin-top: -9px;
  padding-left: 18px;
  text-indent: -18px;
}
/*---------- 号番号 ----------*/
span.houan_gou_bangou_1 {
  font-size: 16px;
  font-weight:bold;
}
/*---------- 号番号（2以降） ----------*/
span.houan_gou_bangou_2ikou {
  margin-left: -17px;
  font-size: 16px;
  font-weight:bold;
}
/*---------- 号の文 ----------*/
p.houan_gou_bun {
  margin-top: -11px;
  margin-bottom: -11px;
  padding-left: 36px;
  text-indent: -18px;
}
/*---------- スマホ版で章題や条文の題の前の空白をなくすのに使用 ----------*/
span.kuuhaku_nashi {
 display: none;
}

/*---------- 法案ここまで ----------*/

/*---------- ★★★★★　資料情報　★★★★★ ----------*/

/*---------- 「資料情報」でURLの表示などの禁則処理をしないで表示する ----------*/
div.kinsoku_shinai {
word-break: break-all;
}
/*---------- 資料情報ここまで ----------*/

/*---------- ★★★★★　お問い合わせ、署名フォーム　★★★★★ ----------*/

/*---------- お問い合わせ、署名フォームの背景 ----------*/
div.form_haikei {  
  padding-top: 3px;  
  padding-left: 3px;  
  padding-right: 3px;    
  padding-bottom: 3px;  
  margin-top: 0px;  
  margin-left: 0px;      
  margin-right: 0px;     
  margin-bottom: 0px; 
  background-color: #ececec;
}
/*---------- お問い合わせフォーム（枠と部品の配置） ----------*/
#toiawase_form {
  background-color: #ffffff;
  padding-top: 10px;   
  padding-left: 5px;  
  padding-right: 0px;    
  padding-bottom: 20px;  
  border-top: solid 1px #c6c6c6; 
  border-left: solid 1px #c6c6c6;
  border-right: solid 1px #c6c6c6;   
  border-bottom: solid 1px #c6c6c6; 
  text-align: left;
}
/*---------- 署名フォーム（枠と部品の配置） ----------*/
#shomei_form {
  background-color: #ffffff;
  padding-top: 10px;   
  padding-left: 5px;  
  padding-right: 0px;    
  padding-bottom: 20px;  
  border-top: solid 1px #c6c6c6; 
  border-left: solid 1px #c6c6c6;
  border-right: solid 1px #c6c6c6;   
  border-bottom: solid 1px #c6c6c6; 
  text-align: left;
}
/*---------- フォームのタイトル ----------*/
p.form_title{
  font-size: 24px; 
}
/*---------- 入力欄と入力欄の間隔 ----------*/
p.buhin {
  margin-top: 20px; 
}
/*---------- 入力欄の見出しfont-weight:bold; ----------*/
span.nyuuryokuran_midashi {
  font-size: 18px;
}
/*---------- 入力欄の文字の大きさ ----------*/
input {
  font-size: 20px;
}
textarea {
  font-size: 20px;
}
/*---------- メールアドレスの入力文字のフォント ----------*/
input[type="email"]{
  font-family: arial;
}
/*---------- 問い合わせフォームの入力欄の大きさ ----------*/
input.onamae_ran { /*---------- お名前 ----------*/
  width: 15em; 
  height: 1.5em;
}
input.email_ran { /*---------- メールアドレス ----------*/
  width: 15em; 
  height: 1.5em;
}
textarea { /*---------- 内容 ----------*/
  width: 15em;
  height: 10em;
}
/*---------- 署名フォームの入力欄の大きさ ----------*/
input.shomei_onamae_ran { /*---------- お名前 ----------*/
  width: 15em; 
  height: 1.5em;
}
input.juusho_ran { /*---------- ご住所 ----------*/
  width: 15em; 
  height: 1.5em;
}
input.nikkuneemu_ran { /*---------- ニックネームなど ----------*/
  width: 15em; 
  height: 1.5em;
}
input.c_box { /*---------- ご協力者一覧への掲載 ----------*/
  width: 1em; 
  height: 1em;
  vertical-align: text-bottom;
}
/*---------- 署名フォームの必須表示 ----------*/
span.hissu {
  color: #dc143c;
  font-size: 18px;
}
/*---------- 署名フォームのチェックボックスのチェエク内容 ----------*/
span.check_naiyou {
  font-size: 18px;
}
/*---------- 「送信」ボタン ----------*/
input.soushinsuru { 
  font-size: 20px; 
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  width: 120px;
  line-height: 30px;
  color: #ffffff;
  background-color: #4169e1;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #4169e1;
  text-decoration: none;
  padding: 3px 0 4px 0;
  border-radius: 4px;
  margin: 30px 0 0 0;
}
/*---------- 「送信」ボタン（マウスがのったとき） ----------*/
input.soushinsuru:hover {
  font-size: 20px;
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  color: #ffffff;
  background-color: #6495ed;
  border-color: #6495ed;
  margin: 0 0 0 0;
}
/*---------- 「署名する」ボタン ----------*/
input.shomeisuru { 
  font-size: 20px; 
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  width: 150px;
  line-height: 30px;
  color: #ffffff;
  background-color: #4169e1;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #4169e1;
  text-decoration: none;
  padding: 3px 0 4px 0;
  border-radius: 4px;
  margin: 30px 0 0 0;
}
/*---------- 「署名する」ボタン（マウスがのったとき） ----------*/
input.shomeisuru:hover {
  font-size: 20px;
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  color: #ffffff;
  background-color: #6495ed;
  border-color: #6495ed;
  margin: 0 0 0 0;
}
/*---------- 送信後のメッセージ ----------*/
p.soushingo_message {
  font-size: 18px;
  padding-top: 20px;  
  padding-left: 27px;  
  padding-right: 20px;    
  padding-bottom: 20px;  
  margin-top: 10px;  
  margin-left: 10px;      
  margin-right: 10px;     
  margin-bottom: 10px; 
  background-color: #ffffff;
  border-width: 3px;
  border-style: solid;
  border-color: #6495ed;
  border-radius: 20px;
}
/*---------- 署名後のメッセージ ----------*/
p.shomeigo_message {
  font-size: 18px;
  padding-top: 20px;  
  padding-left: 27px;  
  padding-right: 20px;    
  padding-bottom: 20px;  
  margin-top: 10px;  
  margin-left: 10px;      
  margin-right: 10px;     
  margin-bottom: 10px; 
  background-color: #ffffff;
  border-width: 3px;
  border-style: solid;
  border-color: #6495ed;
  border-radius: 20px;
}
/*---------- お問い合わせ、署名フォームここまで ----------*/

/*---------- ★★★★★　リンクボタン　★★★★★ ----------*/

/*---------- リンクボタン ----------*/
p.btnyou {
  margin: 18px 10px 0px 12px; /*---------- スマホ対応で左12pxにする ----------*/
  padding: 0 0 10px 0;
}

/*---------- twitterのボタン ----------*/
a.btn_tw {            
  font-size: 20px;
  width: 252px;
  line-height: 35px;
  color: #00aced;
  background-color: #ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #00aced;
  text-decoration: none;
  padding: 6px 0 6px 0; /*---------- スマホ対応で上下を6pxにする ----------*/
  border-radius: 7px;
  margin: 0 0 0 2px; /*---------- スマホ対応で左2pxにする ----------*/
}
a.btn_tw:hover {
  font-size: 20px;
  color: #ffffff;
  background-color: #00aced;
  margin: 0 0 0 2px; /*---------- スマホ対応で左2pxにする ----------*/
  
}
/*---------- 吉田喜源治公式サイトのボタン ----------*/
a.btn_koushiki {
  font-size: 20px; 
  width: 252px;
  line-height: 35px;
  color:  #cccccc;
  background-color:#ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color:  #cccccc;
  text-decoration: none;
  padding: 6px 0 6px 0; /*---------- スマホ対応で上下を6pxにする ----------*/
  border-radius: 7px;
  margin: 0 0 0 2px; /*---------- スマホ対応で左2pxにする ----------*/
}
a.btn_koushiki:hover {
  font-size: 20px;
  color: #cccccc;
  background-color: #ececec;
  margin: 0 0 0 2px; /*---------- スマホ対応で左2pxにする ----------*/

}

/*---------- 吉田喜源治の社会運動一覧のボタン ----------*/
a.btn_ichiran {
  font-size: 20px; 
  width: 295px;
  line-height: 35px;
  color: #6495ed;
  background-color:#ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #6495ed;
  text-decoration: none;
  padding: 6px 0 6px 0; /*---------- スマホ対応で上下を6pxにする ----------*/
  border-radius: 7px;
  margin: 0 0 0 2px; /*---------- スマホ対応で左2pxにする ----------*/
}
a.btn_ichiran:hover {
  font-size: 20px;
  color: #ffffff;
  background-color: #6495ed;
  margin: 0 0 0 2px; /*---------- スマホ対応で左2pxにする ----------*/

}
/*---------- リンクボタンここまで ----------*/
/*---------- コンテンツここまで ----------*/

/*---------- ■■■■■■■■■■　フッター　■■■■■■■■■■ ----------*/

/*---------- フッター部分 ----------*/
.footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 15px 0 15px 0px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  border-top: solid 2px #999999;
  background-color: #ffffff;
}
/*---------- フッターのメニュー ----------*/
p.footer_menu {
  margin: 0;
  padding: 0 0 15px 12px; /*---------- スマホ対応で左12px ----------*/
  text-align: left;
  font-size: 18px; /*---------- スマホ対応で18px ----------*/
  color: #333333;
  letter-spacing: 0.05em;
}
.footer a {
  color: #333333;
  font-size: 18px; /*---------- スマホ対応で18px ----------*/
  text-decoration: none;
}
.footer a:hover {
  color: #800080;
  font-size: 18px; /*---------- スマホ対応で18px ----------*/
  text-decoration: none;
}
/*---------- フッターのメニューの区切り ----------*/
span.kugiri {
  display: none; /*---------- スマホ対応で区切り棒を非表示にする ----------*/

}
/*---------- 著作権表示 ----------*/
p.chosakuken {
  margin: 0;
  padding: 0 0 15px 12px; /*---------- スマホ対応で左12px ----------*/
  text-align: left;
  font-size: 16px; /*---------- スマホ対応で16px ----------*/
  color: #333333;
}
/*---------- スマホ対応で著作権表示の英字部分を非表示にする ----------*/
span.chosakuken_hyouji {
  display: none;
}
/*---------- フッターここまで ----------*/