@charset "shift_jis";

*  { margin: 0; padding: 0; }
body  { line-height: 1.5; background-color: #fff; color: #000; text-align:center; font-size: 90%; }
#wrapper { width: 90%; margin: 0 auto; min-width: 760px; max-width: 900px; text-align:left; }
#header  { }
/*
#header h1 { font-size: 130%; text-align: left; margin: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
*/
#header h1 { font-size: 170%; font-weight:normal; text-align: left; margin: 0; padding: 13px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#header h1 a { text-decoration: none; color:#000;}
#header h1 a:hover { background-color:transparent;}

#header p#title { font-size: 130%; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: 0; }
#header img { display: block; }

/*--音声読み上げ
----------------------------------------------------------*/
.reader-navi{padding:0 0 5px 0; font-size:85%;}

/*　★見出し　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
h1  { font-size: 140%; text-align: center; margin: 1em 0; }
h2  { font-size: 120%; margin: 1em 0 6px; border-left: 7px solid #5b803c; background-color: #e6e6e6; padding: 3px; }
h3  { font-size: 110%; font-weight: normal; margin: 1em 0 6px; border-top: 1px solid #e9e9e9; border-bottom: 2px dotted #5b803c; background-color: #f6f6f6; padding: 3px; }
h4  { font-size: 100%; font-weight: normal; margin: 1em 0 3px; border-top: 1px dotted #e9e9e9; border-bottom: 1px dotted #777; padding: 2px; }
h5  { font-size: 100%; font-weight: normal; margin: 1em 0 3px; }

h2+h3, h3+h4, h4+h5 { margin-top: 0.6em; }

/*　★仕切り線　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
hr    { margin: 0.5em 0; }

/*　★段落のマージン　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
p, ul, ol, dl { margin-bottom: 0.8em; }
td p, td ul, td ol, td dl { margin-top: 0.2em; margin-bottom: 0.2em; }

/*　★リスト関係　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
ul, ol  { margin-left: 2em; }
li { margin-bottom: 0.3em; }

ul.sub-list, ul.sub-list li { margin-bottom: 0; }

/* ◆リストマークの設定　*/
ul.m-circle { list-style-type: circle; }/*リストマーク○*/
ul.m-square { list-style-type: square; }/*リストマーク■*/
ul.m-disc   { list-style-type: disc; }/*リストマーク●*/


ol.m-u_roman { list-style-type: upper-roman; }/*ローマ数字（大文字） I. II. III. */
ol.m-l_roman { list-style-type: lower-roman; }/*ローマ数字（小文字） i. ii. iii. */
ol.m-u_alpha { list-style-type: upper-alpha; }/*アルファベット（大文字） A. B. C. */
ol.m-l_alpha { list-style-type: lower-alpha; }/*アルファベット（小文字） a. b. c. */
ol.m-decimal { list-style-type: decimal; }/*アラビア数字　1. 2. 3. */

.m-none { list-style-type: none; }

ul.shortcut { margin: 1em 0; padding: 0 0 0 25px; border-bottom: 1px solid #666; font-size: 90%; background: url("img/shortcut_arrow.png") no-repeat left center; list-style-type: none; }
ul.shortcut li { display: inline-block; margin: 0 1em 0 0; line-height: 1; padding-top: 5px; }
ul.shortcut li a { /*background-color: #e3e3e3;*/ padding: 0 2px; }

/* ◆ネガティブインデントのリスト（リストマーク無し）　*/
.nmtid-1e { list-style-type: none; text-indent: -1em; padding-left: 1em; margin-left: 0; }/*1文字ぶら下げ*/
.nmtid-2e { list-style-type: none; text-indent: -2em; padding-left: 2em; margin-left: 0; }/*2文字ぶら下げ*/

/* ★定義リスト　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
dd { margin-left: 1em; }

/* ◆定義リストを表組みのように並べて表示します　*/
dl.horiz1 dt, dl.horiz2 dt, dl.horiz3 dt, dl.horiz4 dt, dl.horiz5 dt,
dl.horiz6 dt, dl.horiz7 dt, dl.horiz8 dt, dl.horiz9 dt, dl.horiz10 dt, 
dl.horiz11 dt, dl.horiz12 dt, dl.horiz13 dt, dl.horiz14 dt, dl.horiz15 dt { float: left; }
dl.horiz1 dd  { margin-left: 1.5em; }
dl.horiz2 dd  { margin-left: 2.5em; }
dl.horiz3 dd  { margin-left: 3.5em; }
dl.horiz4 dd  { margin-left: 4.5em; }
dl.horiz5 dd  { margin-left: 5.5em; }
dl.horiz6 dd  { margin-left: 6.5em; }
dl.horiz7 dd  { margin-left: 7.5em; }
dl.horiz8 dd  { margin-left: 8.5em; }
dl.horiz9 dd  { margin-left: 9.5em; }
dl.horiz10 dd { margin-left: 10.5em; }
dl.horiz11 dd { margin-left: 11.5em; }
dl.horiz12 dd { margin-left: 12.5em; }
dl.horiz13 dd { margin-left: 13.5em; }
dl.horiz14 dd { margin-left: 14.5em; }
dl.horiz15 dd { margin-left: 15.5em; }

dl dt.no-fl { float: none; }
dl dt.no-fl+dd { margin-left: 1em; }

/* ★テーブル　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

table  { border-collapse: collapse; margin-bottom: 0.7em; }
th, td { border: 1px solid #333; padding: 4px; }


tr.brg-b-dash td { border-bottom: 1px dashed #333; } /* セルの下線を破線に（行ごと適用） */


/* ★フォント　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

sup { font-size: 90%; }
sub { font-size: 90%; vertical-align: baseline; }

em { font-style: normal; text-decoration: underline; }/* 下線を引く場合は、emを使うこと */
strong { font-weight: bold; }

.sp { color: #cc1020; }/*強調で赤字*/

/* ◆文字サイズ */
.f150 { font-size: 150%; }
.f120 { font-size: 120%; }
.f110 { font-size: 110%; }
.f90  { font-size: 90%; }
.f80  { font-size: 80%; }

img { border: 0px none; }

.note { text-indent: -1em; padding-left: 2em; font-size: 90%; }/* ※付きの注釈など */

.date { text-align: right; }/* 日付などを右肩に表示する際に */

/* ★文字の右寄せ、左寄せ、中央　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

.t-r { text-align: right; }
.t-l { text-align: left; }
.t-c { text-align: center; }


.tid-1e { text-indent: -1em; padding-left: 2em; }
.tid-2e { text-indent: -2em; padding-left: 3em; }

/* ★フロート　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

.f-l { float: left; }
.f-r { float: right; }

.clr { clear: both; }
.clr-l { clear: left; }
.clr-r { clear: right; }


/* ★幅　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

/* ◆パーセント */
.w5p    { width: 5%; }
.w10p   { width: 10%; }
.w15p   { width: 15%; }
.w20p   { width: 20%; }
.w25p   { width: 25%; }
.w30p   { width: 30%; }
.w35p   { width: 35%; }
.w40p   { width: 40%; }
.w45p   { width: 45%; }
.w49p   { width: 49%; }
.w50p   { width: 50%; }
.w60p   { width: 60%; }
.w70p   { width: 70%; }
.w80p   { width: 80%; }
.w90p   { width: 90%; }
.w100p  { width: 100%; }

/* ◆文字 */
.w1e   { width: 1em; }
.w2e   { width: 2em; }
.w3e   { width: 3em; }
.w4e   { width: 4em; }
.w5e   { width: 5em; }
.w6e   { width: 6em; }
.w7e   { width: 7em; }
.w8e   { width: 8em; }
.w9e   { width: 9em; }
.w10e  { width: 10em; }
.w12e  { width: 12em; }
.w15e  { width: 15em; }
.w18e  { width: 18em; }
.w20e  { width: 20em; }

/* ◆ピクセル */
.w10x   { width: 10px; }
.w50x   { width: 50px; }
.w100x  { width: 100px; }
.w150x  { width: 150px; }
.w200x  { width: 200px; }
.w250x  { width: 250px; }
.w300x  { width: 300px; }
.w350x  { width: 350px; }
.w400x  { width: 400px; }
.w450x  { width: 450px; }
.w500x  { width: 500px; }
.w600x  { width: 600px; }
.w700x  { width: 700px; }

/* ★汎用囲み　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

.box-1 { border: 1px solid #666; margin: 0.8em 0; padding: 7px; }  /*黒実線囲み*/
.box-2 { border: 3px double #666; margin: 0.8em 0; padding: 7px; } /*黒二重線囲み*/
.box-3 { border: 1px dashed #666; margin: 0.8em 0; padding: 7px; } /*黒破線囲み*/
.box-4 { border: 1px dotted #666; margin: 0.8em 0; padding: 7px; } /*黒点線囲み*/

address { font-style: normal; }

/* ★その他　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
.topic-path  { font-size: 80%; margin: 5px 0; }/*ぱんくずリスト*/
.ttp { text-align: right; font-size: 80%; }/*ページのトップへ*/

/* ★リンクテキストの色　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
a:link    { color: #0033cc; }
a:visited { color: #801070; }
a:hover   { color: #0033cc; background:#FFFFAA;}
a:active  { color: red; }


/* ★clearfix　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
.clearfix:after  { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0 }   
* html .clearfix { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */